@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
.btn {
  outline: none;
}

.btn:focus {
  box-shadow: none;
}

.btn-primary {
  background-color: var(--blue-col) !important;
  border: none !important;
  color: #000000 !important;
}

.btn-circle {
  border-radius: 100px !important;
}

.btn-round {
  border-radius: 10px;
}

.modal-header .btn-close {
  padding: 0.75rem 0.75rem;
  margin: -0.8rem -2.5rem -0.75rem auto !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--blue-col) !important;
  color: var --white-col !important;
  border: none !important;
  transform: scale(1.1);
}

.btn-thm {
  background: #000000 !important;
  color: #ffffff !important;
  border: none;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active {
  background-color: #0000ff !important;
  color: #000000 !important;
  transform: scale(1.1);
}

.btn.btn-wht {
  background-color: #ffffff;
  color: #000000;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.btn-wht:hover,
.btn-wht:focus,
.btn-wht:active {
  background-color: #000000 !important;
  color: #ffffff !important;
  transform: scale(1);
}

.btn-border {
  border: 1px solid #004cff;
  color: #004cff;
}

.btn-border:hover {
  color: #ffffff;
  border: 1px solid #1f235b;
  background-color: #004cff;
}

.no-btn {
  background-color: transparent;
  border: none;
  padding: 0;
}

.btn-rd {
  color: #000000;
  border: 3px solid #fc2a2a !important;
}

.btn-rd:hover,
.btn-rd:focus,
.btn-rd:active {
  background-color: #fc2a2a !important;
  color: #ffffff !important;
}

:root {
  --meeri-weather-font: "Merriweather", serif;
}

::selection {
  background-color: gray !important;
  color: white !important;
}

#preloader {
  min-height: 100vh;
  position: fixed;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}
#preloader .loader {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100px;
  height: 100px;
}

.posi-av {
  width: 72px !important;
  height: 32px !important;
  margin-bottom: 30px;
  position: fixed !important;
  bottom: 0 !important;
}
.posi-av .loader {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 50px;
  height: 50px;
}

.hp-main-layout header {
  padding: 0 0 32px !important;
  border-radius: 0 !important;
  position: sticky;
  top: 0;
}

.hp-main-layout header > .row > .col {
  border-radius: 0 !important;
}

body .main-logo {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 170px;
  height: 35px !important;
  display: block !important;
}
body .main-icon {
  display: none !important;
}
body .mb-res i {
  display: block;
}
body .mb-res span {
  display: none;
}

.tp-bn.main-icon {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 43px;
  height: 40px !important;
  display: block !important;
}

body.collapsed-active .main-icon {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 25px;
  height: 30px !important;
  display: block !important;
}
body.collapsed-active .main-logo {
  display: none !important;
}
body.collapsed-active .mb-res i {
  display: block;
}
body.collapsed-active .mb-res span {
  display: none;
}

header .hp-header-search .form-control {
  width: 70%;
  border-radius: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  padding: 0 30px;
  border: 1px solid #E9EBEF;
}

.hp-sidebar-header-menu {
  background-color: #f8f8fa !important;
  position: relative;
}

.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul > li > ul li a > span > i {
  font-size: 20px;
}

.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus {
  border-top-right-radius: 11px !important;
  border-bottom-right-radius: 11px !important;
  transition: 0.3s;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus:hover {
  color: #07755B !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus:hover .menu-arrow:before {
  color: #636e72 !important;
  background-color: #636e72 !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus:hover .menu-arrow:after {
  background-color: #636e72 !important;
  color: #636e72 !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus a {
  padding: 10px 8px 10px 45px !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus a span {
  font-weight: 400;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus a i {
  font-size: 25px;
  color: #000000;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus a i svg {
  width: 20px;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus a:hover span {
  color: #09AE87 !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus a:hover i {
  color: #09AE87 !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus .submenu-children a {
  padding-left: 70px !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus .submenu-children a:hover {
  background-color: transparent !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus .submenu-children a:hover span {
  color: #606060 !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus .submenu-children a span {
  color: #bbbbbb !important;
  font-weight: bold !important;
}

.fr-strt h3 {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}
.fr-strt p {
  color: #000000;
}
.fr-strt .dboard {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  margin-top: -60px;
}
.fr-strt .dboard select {
  height: 41px !important;
}
.fr-strt .dboard .form-control {
  width: 180px;
  border: 1px solid #C4C4CC;
  border-radius: 3px;
  margin-left: 10px;
  text-align: center;
  color: #C4C4CC;
}
.fr-strt .dboard .btn-thm {
  height: 40px;
  margin-left: 10px;
}
.fr-strt .dboard .btn-thm i {
  font-size: 25px;
}

.rgt-drp {
  width: 40%;
  display: flex;
  justify-content: space-between;
}
.rgt-drp .btn-thm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.rgt-drp .btn-thm i {
  margin-right: 10px;
}
g#SvgjsG1021,
.apexcharts-tooltip,
.apexcharts-legend {
  display: none !important;
}

.btn-primary {
  box-shadow: 4px 7px 20px -2px #0000ff !important;
  font-weight: bold !important;
}

.translate-middle.bg-danger {
  background-color: #f9bdbd !important;
  color: #ff0011;
  border: 2px solid #ff0011;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Arial;
}

.noti-area i {
  font-size: 25px !important;
  color: #000000 !important;
}

.grd-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  width: 100%;
}
.grd-top .usr-out {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grd-top .usr-out p {
  line-height: 1.3;
  margin-left: 10px;
  margin-bottom: 0;
  font-weight: bold;
}
.grd-top .usr-out p span {
  display: block;
  font-weight: normal;
  color: #999999;
}

.fr-logs {
  width: 338px;
}
.fr-logs h6 {
  font-weight: bold;
  margin: 0;
}
.fr-logs h6 span.online-icon {
  width: 10px;
  height: 10px;
  border-radius: 50px;
  margin-left: 10px;
  display: inline-block;
}
.fr-logs h6 span.online-icon.online {
  background-color: #89FB20;
}
.fr-logs h6 span.online-icon.offline {
  background-color: #fc2a2a;
}
.fr-logs p {
  margin: 0;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  height: 20px;
}
.fr-logs .rounded-bottom {
  border-radius: 10px 10px 40px 40px !important;
  overflow: hidden;
}

.hp-hover-bg-primary-4:hover {
  background-color: rgba(236, 240, 233, 0.08);
}

.usr-img {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 40px;
  height: 40px;
  border-radius: 50px;
}

.fr-noti {
  width: 338px !important;
}
.fr-noti .btn {
  font-size: 12px;
}
.fr-noti .fi-hd {
  font-weight: bold !important;
}
.fr-noti .higt {
  height: 50px;
}
.fr-noti p {
  font-size: 12px;
}

.noti-btn .btn {
  min-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}
.noti-btn .btn span.rd-lbl {
  background-color: #fc2a2a;
  font-size: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  text-align: center;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.noti-btn .btn-thm:hover,
.noti-btn .btn-wht:hover {
  transform: scale(1);
  border: none;
}
.noti-btn .btn.btn-thm {
  width: 65px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

.fr-notif {
  width: 400px !important;
}
.fr-notif p {
  padding-left: 0;
  margin-bottom: 5px;
}

.fr-nft {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 15px;
}
.fr-nft h6 {
  margin-bottom: 0;
  color: #000000;
  font-size: 12px;
}
.fr-nft .tim {
  width: 35%;
}
.fr-nft .tim .rd-dot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
}
.fr-nft .tim .rd-dot .rd-sml {
  background-color: #fc2a2a;
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 50px;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #E9EBEF;
  border-radius: 20px;
}

.light-grey-pr {
  background-color: #E9EBEF;
  height: 10px;
  overflow: hidden;
  border-radius: 50px;
}

.green-pr {
  background-color: #0000ff;
}

.fr-prog b {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.fr-prog h5 {
  font-size: 20px;
  color: #0000ff;
}

.grd-cnt {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
}
.grd-cnt .card {
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.06);
  height: 60px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
  border: none;
}
.grd-cnt .card .icon {
  background-color: #000000;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 45px;
  border-radius: 15px;
}
.grd-cnt .card .icon i {
  font-size: 25px;
  color: #ffffff;
}
.grd-cnt .card .ico-det {
  width: 100%;
}
.grd-cnt .card .ico-det p {
  font-size: 14px;
  margin-bottom: 0;
  color: #999999;
  line-height: 1.2;
}
.grd-cnt .card .ico-det p span {
  font-size: 20px;
  display: block;
  font-weight: bold;
}
.grd-cnt .card .ico-det p span b {
  font-weight: normal;
  color: #0000ff;
  font-size: 12px;
  background-color: rgba(137, 251, 32, 0.1);
  padding: 3px 10px;
  border-radius: 10px;
  margin-left: 5px;
}
.grd-cnt .card .inf {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 10px;
  top: 10px;
}
.grd-cnt .card .inf i {
  color: #C4C4CC;
  font-size: 18px;
}
.grd-cnt .card .bg-txt {
  padding-right: 10px;
}
.grd-cnt .card .bg-txt span {
  font-weight: bold;
  font-size: 40px;
  color: #000000;
  position: absolute;
  top: 20px;
  right: 40px;
}
.grd-cnt .card .bg-txt.bg-tx2 span {
  font-size: 25px;
}
.grd-cnt .card .cht-cn {
  position: absolute;
  left: 10px;
  top: -10px;
  background: #ffffff;
  padding: 8px;
  border-radius: 50px;
}

.cht-pra p {
  text-align: left;
  margin-left: 70px;
}
.cht-pra .progress-pie-chart {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #E5E5E5;
  position: relative;
}
.cht-pra .progress-pie-chart.gt-50 {
  background-color: #81CE97;
}
.cht-pra .ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  clip: rect(0, 60px, 60px, 30px);
}
.cht-pra .ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  clip: rect(0, 30px, 60px, 0);
  background: #0000ff;
  transform: rotate(60deg);
}
.gt-50 .cht-pra .ppc-progress {
  clip: rect(0, 30px, 60px, 0);
}
.gt-50 .cht-pra .ppc-progress .ppc-progress-fill {
  clip: rect(0, 60px, 60px, 30px);
  background: #E5E5E5;
}
.cht-pra .ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 52.1739130435px/2);
  top: calc(50% - 52.1739130435px/2);
  width: 52.1739130435px;
  height: 52.1739130435px;
  background: #fff;
  text-align: center;
  display: table;
}
.cht-pra .ppc-percents span {
  display: block;
  font-size: 1.1em;
  font-weight: normal;
  color: #000000;
}
.cht-pra .pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.cht-pra .progress-pie-chart {
  margin: 0 auto 0;
}

.ppc-progress-fill2 {
  background: #052001;
  clip: rect(0, 259px, 250px, 125px);
  transform: rotate(150deg);
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px);
  top: calc(50% - 125px);
  width: 250px;
  height: 250px;
}

.ppc-progress-fill3 {
  background: #000220 !important;
  clip: rect(0, 259px, 250px, 125px);
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px);
  top: calc(50% - 125px);
  width: 250px;
  height: 250px;
}

.ppc-progress-fill4 {
  background: #babdff !important;
  clip: rect(0, 259px, 250px, 125px);
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px);
  top: calc(50% - 125px);
  width: 250px;
  height: 250px;
}

.ppc-progress-fill5 {
  background: #6a73ff !important;
  clip: rect(0, 259px, 250px, 125px);
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px);
  top: calc(50% - 125px);
  width: 250px;
  height: 250px;
}

.ppc-progress-fill6 {
  background: #6972ff !important;
  clip: rect(0, 259px, 250px, 125px);
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px);
  top: calc(50% - 125px);
  width: 250px;
  height: 250px;
}

.ppc-progress-fill7 {
  background: #0433ff !important;
  clip: rect(0, 259px, 250px, 125px);
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px);
  top: calc(50% - 125px);
  width: 250px;
  height: 250px;
}

.fr-met p {
  margin-left: 100px;
}
.fr-met .cht-cn {
  position: relative;
}
.fr-met .gauge {
  position: absolute;
  z-index: 1;
  top: -9px;
  width: 87px;
  height: 87px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
}
.fr-met .meter {
  margin: 0;
  padding: 0;
}
.fr-met .meter > li {
  width: 40px;
  height: 40px;
  list-style-type: none;
  position: absolute;
  border-top-left-radius: 250px;
  border-top-right-radius: 0px;
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transition-property: -webkit-transform;
  pointer-events: none;
}
.fr-met .meter .low {
  transform: rotate(314deg);
  /* W3C */
  -webkit-transform: rotate(314deg);
  /* Safari & Chrome */
  -moz-transform: rotate(314deg);
  /* Firefox */
  -ms-transform: rotate(314deg);
  /* Internet Explorer */
  -o-transform: rotate(314deg);
  /* Opera */
  z-index: 8;
  background-color: #FA0E1C;
}
.fr-met .meter .normal {
  transform: rotate(47deg);
  /* W3C */
  -webkit-transform: rotate(45deg);
  /* Safari & Chrome */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -ms-transform: rotate(45deg);
  /* Internet Explorer */
  -o-transform: rotate(45deg);
  /* Opera */
  z-index: 7;
  background-color: #FEE62A;
}
.fr-met .meter .high {
  transform: rotate(137deg);
  /* W3C */
  -webkit-transform: rotate(137deg);
  /* Safari & Chrome */
  -moz-transform: rotate(137deg);
  /* Firefox */
  -ms-transform: rotate(137deg);
  /* Internet Explorer */
  -o-transform: rotate(137deg);
  /* Opera */
  z-index: 6;
  background-color: #09B84F;
}
.fr-met .meter .zero {
  transform: rotate(225deg);
  /* W3C */
  -webkit-transform: rotate(225deg);
  /* Safari & Chrome */
  -moz-transform: rotate(225deg);
  /* Firefox */
  -ms-transform: rotate(225deg);
  /* Internet Explorer */
  -o-transform: rotate(225deg);
  /* Opera */
  z-index: 6;
  background-color: #C4C4CC;
}
.fr-met .dial,
.fr-met .dial .inner {
  width: 80px;
  height: 40px;
  position: relative;
  top: 0;
  left: 5px;
  border-radius: 100%;
  border-color: purple;
  z-index: 10;
  transition-property: -webkit-transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: rotate(0deg);
  /* W3C */
  -webkit-transform: rotate(0deg);
  /* Safari & Chrome */
  -moz-transform: rotate(0deg);
  /* Firefox */
  -ms-transform: rotate(0deg);
  /* Internet Explorer */
  -o-transform: rotate(0deg);
  /* Opera */
}
.fr-met .dial .arrow {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 15px;
  right: 22px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 32px solid #000000;
  -webkit-transform: rotate(75deg);
  /* Safari & Chrome */
}
.fr-met .gauge .value {
  font-size: 15px;
  color: #ffffff;
  background-color: #000000;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 11;
  width: 60px;
  height: 60px;
  border-radius: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.conver {
  margin-top: 10px;
  border-radius: 30px;
}
.conver .card-header {
  background-color: transparent;
  border: none;
  padding: 20px;
}
.conver .card-header .card-title {
  font-size: 14px;
  margin-bottom: 0;
  padding-top: 20px;
}
.conver .grd-con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #E9EBEF;
  padding: 20px 0;
}
.conver .grd-con h6 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
}

.fr-slc {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-self: center;
}

.btn-dp {
  font-size: 10px;
  min-height: 20px;
  padding: 0 10px;
}

.avt {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 40px;
  height: 40px;
  border-radius: 50px;
}

.conti-dt {
  display: flex;
}
.conti-dt .cn-had {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.sml-text {
  font-size: 12px;
  color: #999999;
}

th,
td {
  font-size: 12px;
}

.table thead th {
  background-color: transparent !important;
}

.fr-cht {
  background-color: #000000;
  border-radius: 10px 10px 0 0;
}
.fr-cht .posi-av {
  position: relative;
  top: -20px;
  background-color: #0000ff;
  color: #000000;
}
.fr-cht .indic-on {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background-color: #fc2a2a;
  border-radius: 50px;
}
.fr-cht .fr-wht {
  color: #ffffff;
}
.fr-cht .user-cnt.fr-blk {
  display: block;
}

.mobi-only {
  display: none;
}

.all-mobi {
  width: 98%;
}

@media (max-width: 768px) {
  .grd-top {
    grid-template-columns: 1fr;
  }
  .mobi-no {
    display: none !important;
  }
  .user-cnt.fr-blk {
    display: none;
  }
  .mobi-only {
    display: block;
  }
  .cal {
    display: none !important;
  }
  .grd-cnt {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .all-mobi {
    display: flex;
    width: 100%;
  }
  .tp-bn.main-icon {
    height: 34px !important;
  }
  .fr-strt .dboard {
    flex-direction: column;
  }
  .rgt-drp {
    width: 100%;
    flex-direction: column;
  }
  .brd-in {
    margin-bottom: 20px;
    text-align: center;
  }
  .brd-in .btn-thm {
    width: 50%;
    margin: auto;
    margin-top: 20px;
  }
}
.fr-strt .hp-p1-body {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.fr-chtt h5 {
  font-size: 20px;
  font-weight: bold;
}
.fr-chtt .flx-amr {
  display: flex;
}
.fr-chtt .flx-amr .badge {
  color: #fc2a2a;
  font-size: 20px;
  font-weight: bold;
  height: 25px;
  width: 80px;
  text-transform: uppercase;
  background-color: rgba(255, 90, 101, 0.3);
  border-radius: 50px;
  box-shadow: none;
  border: none;
}
.fr-chtt .flx-amr .amr-in {
  margin-right: 25px;
}
.fr-chtt .flx-amr .amr-in h3 {
  font-size: 30px;
}

.grad-gr {
  background-image: linear-gradient(#89FB20, #ffffff);
}

.crd-pro {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  margin-top: 20px;
  border-radius: 20px;
}
.crd-pro .blk {
  background-color: #ffffff;
  padding: 20px;
  height: 120px;
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.crd-pro .blk .new-up {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 150px;
  height: 80px;
}
.crd-pro .bx-l {
  width: 100%;
}
.crd-pro .bx-l ul li {
  border-bottom: 1px solid #E9EBEF;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
.crd-pro .bx-l ul li img {
  width: 130px;
}
.crd-pro .bx-l ul li p {
  margin: 0;
  width: 400px;
  font-size: 18px;
}
.crd-pro .bx-l ul li a {
  font-size: 14px;
  margin-right: 20px;
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}
.crd-pro .bx-l ul li:last-child {
  border-bottom: none;
}

.grd-btm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
}
.grd-btm .card-body {
  padding: 0 0 20px;
}
.grd-btm .fr-rcnt h4.card-title {
  font-size: 20px;
  padding-top: 10px;
}
.grd-btm .fr-rcnt .fr-slc {
  border-bottom: 1px solid #E9EBEF;
}
.grd-btm .fr-rcnt .fr-fst h6 {
  font-size: 18px !important;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  padding: 0;
}
.grd-btm .fr-rcnt .fr-fst h6 span {
  text-decoration: none;
  background: #0000ff;
  border: 2px solid #0000ff;
  color: white;
  height: 28px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 10px;
  padding: 3px 10px;
}
.grd-btm .fr-rcnt .fr-fst h6 span b.nm {
  margin-left: 10px;
}
.grd-btm .fr-rcnt .fr-fst h6 span i.usr-img {
  width: 20px;
  height: 20px;
}
.grd-btm .fr-rcnt .fr-fst p {
  font-size: 15px;
  margin-bottom: 0;
}
.grd-btm .fr-rcnt .tbl-dtr {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
}

.fr-tsk {
  text-decoration: none;
  height: 300px;
  display: flex;
  justify-content: center;
  align-self: center;
}
.fr-tsk .table > :not(caption) > * > * {
  border-bottom: none;
}
.fr-tsk .wh-pn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.fr-ofc th {
  font-weight: bold;
  font-size: 14px;
}
.fr-ofc .fr-blake-p p {
  margin-left: 10px;
  margin-bottom: 0;
}

.fr-tpp .brd-in {
  display: flex;
}
.fr-tpp .brd-in button {
  margin-left: 20px;
}

.logo-img {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 110px;
  height: 26px;
}

.marketing-img {
  background-size: contain !important;
}

.grn {
  color: #0000ff;
  font-weight: bold;
}

.market-pos {
  border: 2px solid #0433ff;
  padding: 2px 15px;
  border-radius: 100px;
  font-weight: 900;
}

.market-neg {
  border: 2px solid #fe0000;
  padding: 2px 15px;
  border-radius: 100px;
  font-weight: 900;
  background-color: #f0f0f0;
}

.login-grd {
  display: grid;
  grid-template-columns: 1fr 3fr;
  min-height: 100vh;
}
.login-grd .wbold {
  font-weight: 700 !important;
}
.login-grd .loginta {
  text-align: center;
  margin-bottom: 0px;
  padding-top: 30px;
  color: #6B6B76 !important;
  font-size: 15px !important;
}
.login-grd .hp-or-line span {
  font-size: 16px !important;
}
.login-grd .rmemc {
  margin-right: 10px;
}
.login-grd .fpass {
  color: #6B6B76;
  font-size: 12px;
  margin: 15px 0px;
  font-weight: 100;
}
.login-grd .form .btn-thm:hover {
  transform: scale(1);
}
.login-grd .box-in .lft-area {
  display: flex;
  flex-direction: column;
  background-color: #000000;
  height: 100%;
  padding: 30px;
}
.login-grd .box-in .lft-area .lgo-img {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 110px;
  height: 33px;
}
.login-grd .box-in .lft-area .lft-cont {
  margin-top: 70px;
  display: flex;
  justify-content: center;
}
.login-grd .box-in .lft-area .lft-cont .lft-inn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 530px;
}
.login-grd .box-in .lft-area .lft-cont h1 {
  font-size: 70px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0;
}
.login-grd .box-in .lft-area .lft-cont .cont-in {
  padding: 0 20px;
  border-left: 2px dotted #ffffff;
  position: relative;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
.login-grd .box-in .lft-area .lft-cont .cont-in p {
  color: #ffffff;
}
.login-grd .box-in .lft-area .lft-cont .blk-nm {
  position: absolute;
  left: -20px;
  bottom: -50px;
  display: flex;
  align-items: center;
}
.login-grd .box-in .lft-area .lft-cont .blk-nm p {
  margin-left: 20px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
}
.login-grd .box-in .lft-area .lft-cont .blk-nm p span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.rgt-cont h1 {
  margin-top: 20px;
  font-size: 50px;
  text-align: center;
  margin-top: 20px;
}
.rgt-cont .bfr-ln {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rgt-cont .bfr-ln .ln,
.rgt-cont .bfr-ln .rn {
  position: absolute;
  width: 25%;
  background-color: #6d6a6a;
  height: 1px;
}
.rgt-cont .bfr-ln .ln {
  left: 0;
}
.rgt-cont .bfr-ln .rn {
  right: 0;
}
.rgt-cont .scl-btn {
  height: 100%;
  margin-top: 20px;
}
.rgt-cont .scl-btn .svvg {
  margin-bottom: 10px;
}
.rgt-cont .scl-btn .svvg {
  margin-right: 20px;
  padding: 15px 0px;
}
.rgt-cont .scl-btn svg {
  width: 24px;
  height: 24px;
}
.rgt-cont .scl-btn .btn > .remix-icon {
  font-size: 35px;
}
.rgt-cont .scl-btn .btn:hover {
  color: black !important;
}

.grd-lead {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 20px;
}
.grd-lead .card {
  border-radius: 30px;
}
.grd-lead .top-lft {
  border-bottom: 1px solid #E9EBEF;
  padding-bottom: 20px;
}
.grd-lead .top-lft .top-nm {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.grd-lead .top-lft .top-nm h2 {
  margin-bottom: 0;
  font-weight: bold;
}
.grd-lead .top-lft .top-nm .lbl-nm {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  margin-right: 20px;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  border-radius: 50px;
  background-color: #000000;
}
.grd-lead .top-lft .frm-slc {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.grd-lead .top-lft .frm-slc .form-switch {
  width: 50px;
}
.grd-lead .top-lft .frm-slc select {
  width: 100%;
  border-radius: 10px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #C4C4CC;
}
.grd-lead .top-lft .frm-slc label {
  width: 300px;
  margin-bottom: 0;
  height: 22px;
}
.grd-lead .top-lft .frm-slc .lnk {
  width: 100%;
  margin-top: 20px;
}
.grd-lead .top-lft .frm-slc .lnk a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grd-lead .top-lft .frm-slc .lnk a span {
  text-decoration: underline;
  color: #141414;
  font-weight: 600;
}
.grd-lead .top-lft .frm-slc .lnk a img {
  height: 30px;
  width: 30px;
}
.grd-lead .ico {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.grd-lead .ico a {
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #E9EBEF;
  color: #C4C4CC;
}
.grd-lead .ico a i {
  font-size: 40px;
}
.grd-lead .ico a:hover {
  background-color: #0000ff;
  color: #000000;
  text-decoration: none;
}
.grd-lead .nav-pills {
  background-color: #E9EBEF;
  color: #000000;
  border-radius: 50px;
  margin: 20px 0 30px;
  width: 100%;
  justify-content: space-between;
}
.grd-lead .nav-pills .nav-link {
  color: #000000;
  font-size: 12px;
  border-radius: 50px;
  margin: 0;
  padding: 10px 20px;
  border: none;
  background-color: transparent;
}
.grd-lead .nav-pills .nav-link i.las,
.grd-lead .nav-pills .nav-link i.la {
  font-size: 25px;
}
.grd-lead .nav-pills .nav-link.active {
  border-radius: 50px;
  background-color: #0000ff;
  color: #000000;
  border: none;
}
.grd-lead .lbls .lbl-ara {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 65px;
  border-bottom: 1px solid #C4C4CC;
  margin-top: 30px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 10px;
}
.grd-lead .lbls .lbl-ara label {
  font-weight: bold;
  font-size: 17px;
}
.grd-lead .rgt-tbs .nav-pills {
  margin-top: 0;
  background-color: transparent;
  justify-content: center;
  border-bottom: 1px solid #E9EBEF;
  border-radius: 0;
  padding-bottom: 0;
}
.grd-lead .rgt-tbs .nav-pills .nav-link {
  display: flex;
  align-items: center;
  color: #999999;
}
.grd-lead .rgt-tbs .nav-pills .nav-link i {
  margin-right: 5px;
}
.grd-lead .rgt-tbs .nav-pills .nav-link .active {
  color: #0000ff !important;
}

.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-color: transparent !important;
  position: relative;
}

.ck.ck-toolbar {
  border: none !important;
  position: absolute;
  bottom: 0;
}

.ck.ck-editor__editable_inline > :last-child {
  height: 200px;
}

.ck-focused {
  border: none !important;
  box-shadow: none !important;
}

.crd-ft {
  display: flex;
  background-color: transparent;
  justify-content: space-between;
  border: none;
}

.crd-hd {
  display: flex;
  align-items: center;
}
.crd-hd h4 {
  margin-bottom: 0;
}

.ad-nt {
  display: flex;
}
.ad-nt .icn {
  margin-right: 20px;
}
.ad-nt .icn i {
  width: 60px;
  height: 60px;
  background-color: rgba(53, 158, 206, 0.05);
  display: flex;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: rgb(53, 158, 206);
}

.rgt-tx {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.not-tx {
  padding: 10px;
  color: #999999;
}

.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul li.pd-cus a i {
  color: #b9b9b9;
  font-size: 20px;
}

.flx-td {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: center;
  width: 51px;
}
.flx-td .act {
  width: 10px;
  height: 8px;
  background-color: #89fb20;
  border-radius: 100px;
}
.flx-td p {
  padding: 0 0 0 10px !important;
  color: #6d6a6a;
  font-size: 12px !important;
}

#myTable_info {
  display: none;
}

#myTable_paginate {
  display: none;
}

#myTable2_info {
  display: none;
}

#myTable2_paginate {
  display: none;
}

#myTable3_info {
  display: none;
}

#myTable3_paginate {
  display: none;
}

#myTable4_info {
  display: none;
}

#myTable4_paginate {
  display: none;
}

#myTable5_info {
  display: none;
}

#myTable5_paginate {
  display: none;
}

#myTable6_info {
  display: none;
}

#myTable6_paginate {
  display: none;
}

:root {
  --white: #fff;
  --black: #000;
  --bg: #f8f8f8;
  --grey: #999;
  --dark: #1a1a1a;
  --light: #e6e6e6;
  --wrapper: 1000px;
  --blue: #00b0ff;
}

.wrapper {
  margin: auto;
  width: 1000px;
}

.container {
  width: 100%;
  height: 75%;
  background-color: var(--white);
}
.container .left {
  float: left;
  width: 37.6%;
  height: 100%;
  border: 1px solid var(--light);
  background-color: var(--white);
}
.container .left .top {
  position: relative;
  width: 100%;
  height: 96px;
  padding: 40px 29px 30px;
}
.container .left .top:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 80%;
  height: 1px;
  content: "";
  background-color: var(--light);
  transform: translate(-50%, 0);
}
.container .left input {
  float: left;
  width: 188px;
  height: 42px;
  padding: 0 15px;
  border: 1px solid var(--light);
  background-color: #eceff1;
  border-radius: 21px;
}
.container .left input:focus {
  outline: none;
}
.container .left a.search {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
  margin-left: 10px;
  border: 1px solid var(--light);
  background-color: rgb(153, 248, 10);
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/name-type.png");
  background-repeat: no-repeat;
  background-position: top 12px left 14px;
  border-radius: 50%;
}
.container .left .people {
  margin-left: -1px;
  border-right: 1px solid var(--light);
  border-left: 1px solid var(--light);
  width: calc(100% + 2px);
  height: 507px !important;
  overflow-y: auto;
}
.container .left .people .person {
  position: relative;
  width: 100%;
  padding: 12px 10% 16px;
  cursor: pointer;
  background-color: var(--white);
}
.container .left .people .person:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 80%;
  height: 1px;
  content: "";
  background-color: var(--light);
  transform: translate(-50%, 0);
}
.container .left .people .person img {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border-radius: 50%;
  object-fit: cover;
}
.container .left .people .person .name {
  font-size: 14px;
  line-height: 22px;
  color: var(--dark);
}
.container .left .people .person .time {
  font-size: 14px;
  position: absolute;
  top: 16px;
  right: 10%;
  padding: 0 0 5px 5px;
  color: var(--grey);
  background-color: var(--white);
}
.container .left .people .person .preview {
  font-size: 14px;
  display: inline-block;
  overflow: hidden !important;
  width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--grey);
}
.container .left .people .person.active, .container .left .people .person:hover {
  margin-top: -1px;
  margin-left: -1px;
  padding-top: 13px;
  border: 0;
  background-color: rgb(153, 248, 10);
  width: calc(100% + 2px);
  padding-left: calc(10% + 1px);
}
.container .left .people .person.active span, .container .left .people .person:hover span {
  color: var(--white);
  background: transparent;
}
.container .left .people .person.active:after, .container .left .people .person:hover:after {
  display: none;
}
.container .right {
  position: relative;
  float: left;
  width: 62.4%;
  height: 100%;
  border-radius: 20px;
}
.container .right .top {
  width: 100%;
  height: 47px;
  padding: 40px 29px 30px;
  background-color: #ffffff;
}
.container .right .top span {
  font-size: 15px;
  color: var(--grey);
}
.container .right .top span .name {
  color: var(--dark);
}
.container .right .top .btn-thm {
  position: relative;
  bottom: 8px;
}
.container .right .chat {
  position: relative;
  display: none;
  overflow: auto;
  height: 559px !important;
  background-color: white;
  padding: 0 35px 92px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: var(--light);
  height: calc(100% - 48px);
  justify-content: flex-end;
  flex-direction: column;
}
.container .right .chat.active-chat {
  display: block;
}
.container .right .chat.active-chat .bubble {
  transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);
}
.container .right .chat.active-chat .bubble:nth-of-type(1) {
  animation-duration: 0.15s;
}
.container .right .chat.active-chat .bubble:nth-of-type(2) {
  animation-duration: 0.3s;
}
.container .right .chat.active-chat .bubble:nth-of-type(3) {
  animation-duration: 0.45s;
}
.container .right .chat.active-chat .bubble:nth-of-type(4) {
  animation-duration: 0.6s;
}
.container .right .chat.active-chat .bubble:nth-of-type(5) {
  animation-duration: 0.75s;
}
.container .right .chat.active-chat .bubble:nth-of-type(6) {
  animation-duration: 0.9s;
}
.container .right .chat.active-chat .bubble:nth-of-type(7) {
  animation-duration: 1.05s;
}
.container .right .chat.active-chat .bubble:nth-of-type(8) {
  animation-duration: 1.2s;
}
.container .right .chat.active-chat .bubble:nth-of-type(9) {
  animation-duration: 1.35s;
}
.container .right .chat.active-chat .bubble:nth-of-type(10) {
  animation-duration: 1.5s;
}
.container .right .write {
  position: absolute;
  background-color: #ffffff;
  padding: 0 20px 20px;
  bottom: 0;
  left: 0;
  height: 42px;
  padding-left: 8px;
  border: 1px solid var(--light);
  width: 100%;
  height: 80px;
  border-radius: 5px;
}
.container .right .write input {
  font-size: 16px;
  float: left;
  width: 100%;
  height: 70px;
  padding: 0 10px;
  color: var(--dark);
  border: 0;
  outline: none;
  background-color: #ffffff;
  position: relative;
}
.container .right .write .btn-thm {
  position: absolute;
  right: 10px;
  top: 10px;
}
.container .right .write .write-link.attach:before {
  display: inline-block;
  float: left;
  width: 20px;
  height: 42px;
  content: "";
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/attachment.png");
  background-repeat: no-repeat;
  background-position: center;
}
.container .right .write .write-link.smiley:before {
  display: inline-block;
  float: left;
  width: 20px;
  height: 42px;
  content: "";
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/smiley.png");
  background-repeat: no-repeat;
  background-position: center;
}
.container .right .write .write-link.send:before {
  display: inline-block;
  float: left;
  width: 20px;
  height: 42px;
  margin-left: 11px;
  content: "";
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/send.png");
  background-repeat: no-repeat;
  background-position: center;
}
.container .right .bubble {
  font-size: 16px;
  position: relative;
  display: inline-block;
  clear: both;
  margin-bottom: 8px;
  padding: 13px 14px;
  vertical-align: top;
  border-radius: 5px;
}
.container .right .bubble.you {
  float: left;
  color: black;
  background-color: rgb(153, 248, 10);
  align-self: flex-start;
  animation-name: slideFromLeft;
}
.container .right .bubble.you:before {
  left: -3px;
  background-color: var(--blue);
}
.container .right .bubble.me {
  float: right;
  color: var(--dark);
  background-color: #eceff1;
  align-self: flex-end;
  animation-name: slideFromRight;
}
.container .right .bubble.me:before {
  right: -3px;
  background-color: #eceff1;
}
.container .right .conversation-start {
  position: relative;
  width: 100%;
  margin-bottom: 27px;
  text-align: center;
}
.container .right .conversation-start span {
  font-size: 14px;
  display: inline-block;
  color: var(--grey);
}
.container .right .conversation-start span:before, .container .right .conversation-start span:after {
  position: absolute;
  top: 10px;
  display: inline-block;
  width: 30%;
  height: 1px;
  content: "";
  background-color: var(--light);
}
.container .right .conversation-start span:before {
  left: 0;
}
.container .right .conversation-start span:after {
  right: 0;
}

@keyframes slideFromLeft {
  0% {
    margin-left: -200px;
    opacity: 0;
  }
  100% {
    margin-left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes slideFromLeft {
  0% {
    margin-left: -200px;
    opacity: 0;
  }
  100% {
    margin-left: 0;
    opacity: 1;
  }
}
@keyframes slideFromRight {
  0% {
    margin-right: -200px;
    opacity: 0;
  }
  100% {
    margin-right: 0;
    opacity: 1;
  }
}
@-webkit-keyframes slideFromRight {
  0% {
    margin-right: -200px;
    opacity: 0;
  }
  100% {
    margin-right: 0;
    opacity: 1;
  }
}
.flx-img {
  display: flex;
  align-items: center;
}
.flx-img .msg-cht {
  display: flex;
  flex-direction: column;
}
.flx-img .cht-img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  font-size: 14px;
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 50px;
  color: #ffffff;
}

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

.right .top .Rspan {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 5px;
  padding-bottom: 10px;
}
.right .top .Rspan .spanLW {
  width: 40px;
  height: 40px;
  background-color: #000;
  color: white;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right .top .Lspan .inner {
  width: 90px;
  height: 35px;
  background-color: #000;
  border-radius: 25px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin-bottom: 10px;
}

.dataTables_filter,
.dataTables_length {
  display: none;
}

.hp-sidebar-container.hp-sidebar-header-menu .mainSideBar > ul li > ul li a:hover {
  text-decoration: none;
  background-color: #0000ff !important;
  border-radius: 10px !important;
  color: white !important;
}

.hp-sidebar-container.hp-sidebar-header-menu .mainSideBar > ul li > ul li a:hover span span {
  color: white !important;
}

.hp-sidebar-container.hp-sidebar-header-menu .mainSideBar > ul li > ul li a.active:hover {
  text-decoration: none;
  background-color: #0000ff !important;
}

.fr-bt {
  background-color: transparent;
  border-top: none;
  padding-top: 0;
}

.toggle .slider::before {
  font-family: "Line Awesome Free";
  content: "\f00c";
  color: #ffffff;
  position: absolute;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px !important;
  justify-content: center;
  top: 0;
  left: 1px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: rgb(29, 28, 28) !important;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}

.toggle .labels::before {
  content: attr(data-on);
  position: absolute;
  font-size: 14px;
  left: calc(var(--height) - var(--width) + 2px);
  color: black;
  opacity: 0;
  top: 0;
  left: -29px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
  transition: all 0.4s ease-in-out;
}

.toggle .labels::after {
  content: attr(data-off);
  font-size: 14px;
  position: absolute;
  right: 9px;
  top: 0;
  color: #4d4d4d;
  opacity: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}

.ico-tx {
  display: flex;
  align-items: center;
}
.ico-tx span {
  border-bottom: 2px dotted #999999;
  font-weight: bold;
  white-space: pre !important;
}

.cht {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 20px;
  height: 12px;
  margin-right: 10px;
}

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

.sms-tabs2 li {
  margin-bottom: 0;
}

.sms-tabs2 .nav-pills .nav-link {
  font-weight: normal;
  color: #000000 !important;
  padding-left: 0 !important;
  padding-right: 20px !important;
}
.sms-tabs2 .nav-pills .nav-link .dashly-custom-icon {
  font-family: "Dashboardly Custom Icons", sans-serif;
  color: #000;
  transform: skew(13deg) !important;
}

.sms-tabs2 .nav-pills .nav-link i {
  font-size: 15px;
}

.lead-in.fr-pnc .card-body {
  padding-top: 0;
}
.lead-in .card-body.fr-npd {
  padding-left: 0;
  padding-right: 0;
}

#dash .notifications-settings .card-body {
  padding-top: 20px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #ffffff;
  color: #000000;
  border-radius: 3px;
  border: 2px solid #0000ff;
}

.newff select {
  border: 1px solid #C4C4CC;
  padding: 5px 10px;
  font-size: 14px;
  color: #999999;
  border-radius: 10px;
  margin: 10px 0;
}

.flx-tbb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flx-tbb .nav-pills {
  padding: 0;
}
.flx-tbb .filtersec .form-control {
  width: 80%;
}
.flx-tbb .filtersec .btn-primary {
  box-shadow: none !important;
  position: relative;
  height: 30px;
}
.flx-tbb .filtersec .btn-primary:focus {
  transform: scale(1);
}
.flx-tbb .filtersec .btn-primary i {
  font-size: 30px;
}
.flx-tbb .filtersec .fr-slc {
  position: absolute;
  right: 0;
  top: 45px;
  width: 250px;
  z-index: 1;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.flx-tbb .filtersec .fr-slc .frm-slc {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.flx-tbb .filtersec .fr-slc .frm-slc label {
  margin-bottom: 3px;
}
.flx-tbb .filtersec .fr-slc .frm-slc select {
  border: 1px solid #C4C4CC;
  border-radius: 10px;
  height: 30px;
  padding: 0 10px 0;
}

.lbl-ara .dropdown a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000000;
}
.lbl-ara .dropdown-menu {
  width: 100%;
}
.lbl-ara .dropdown-menu .drp-inn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lbl-ara .dropdown-menu .drp-inn a {
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E9EBEF;
  color: #999999;
  border: 1px solid #C4C4CC;
  border-radius: 100px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 10px 0;
  transition: 0.3s;
}
.lbl-ara .dropdown-menu .drp-inn a:hover, .lbl-ara .dropdown-menu .drp-inn a:focus {
  background-color: rgba(137, 251, 32, 0.5);
  color: #000000;
  font-weight: bold;
  border: 1px solid rgb(137, 251, 32);
}

.fr-main .fr-fst {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fr-main .fr-fst .tsk-icon {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 170px;
  height: 171px;
}

.no-exx {
  overflow: hidden;
}

.fr-gl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fr-gl .btn-primary {
  padding: 0;
  width: 40px !important;
}
.fr-gl .btn-primary i {
  font-size: 20px;
}

.fr-mnn {
  height: 370px;
  overflow: auto;
  padding-bottom: 20px;
}
.fr-mnn::-webkit-scrollbar {
  width: 5px;
}
.fr-mnn::-webkit-scrollbar-track {
  background-color: #E9EBEF;
}
.fr-mnn::-webkit-scrollbar-thumb {
  background-color: #0000ff;
}
.fr-mnn td {
  vertical-align: middle;
}

.chat-page-container {
  position: relative;
  top: -33px;
}

.fr-bldp h5 {
  font-size: 14px;
  margin-bottom: 0;
}
.crd-ft.bord {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.Rightcardsection {
  padding: 0 20px;
}

.nts {
  height: 300px;
}

.eml input {
  margin-bottom: 10px;
  border-radius: 50px;
  border: 1px solid #E9EBEF;
}
.eml .ck.ck-editor {
  border: 1px solid #E9EBEF;
  border-radius: 10px;
  overflow: hidden;
}
.eml .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
  border-bottom: 1px solid #E9EBEF !important;
  background-color: #f7f7f7;
}

#email .card-body {
  padding-bottom: 0;
}
#email .crd-ft.bord {
  justify-content: end;
  border-top: none !important;
  padding-top: 0;
  padding-bottom: 0;
}

.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.nbr {
  background-color: rgba(137, 251, 32, 0.4);
  border: 1px solid #0000ff;
  color: #000000;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 2px;
  margin-left: 5px;
}

.chat-page-left-side {
  position: fixed;
  height: 100vh;
}

.module.chat-box {
  position: absolute;
  width: 69%;
  left: 380px;
  max-width: none !important;
}

.chat-box-section.body {
  max-height: 357px;
  overflow: auto;
}

.chat-box-input-wrapper {
  max-width: none !important;
}

.new {
  position: relative;
}
.new span.indc {
  position: absolute;
  right: 0;
  width: 15px;
  height: 15px;
  background-color: red;
  border-radius: 50px;
  top: 30%;
}

.chat-box-section.header {
  align-items: center;
}
.chat-box-section.header .btn-group {
  justify-content: space-between;
  width: 220px;
  align-items: center;
}
.chat-box-section.header .btn-group a {
  display: flex;
  justify-content: center;
  color: #ffffff;
  align-items: center;
  border-bottom: none;
}
.chat-box-section.header .btn-group a.vc-lnk {
  height: 25px;
  color: #0000ff;
  border-bottom: 1px solid #0000ff;
}

.clps {
  position: relative;
}
.clps i {
  position: absolute;
  right: -24px;
  width: 22px;
  height: 23px;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  border-radius: 50px;
}

.flx-cht .cht-cn {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.progress-pie-chart {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: #000000;
  position: relative;
}
.progress-pie-chart.gt-50 {
  background-color: #000220;
}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px);
  top: calc(50% - 125px);
  width: 250px;
  height: 250px;
}
.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px);
  top: calc(50% - 125px);
  width: 250px;
  height: 250px;
  clip: rect(0, 125px, 250px, 0);
  background: #0000ff;
  transform: rotate(60deg);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 250px, 250px, 125px);
  background: #000000;
}

.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 217.3913043478px/2);
  top: calc(50% - 217.3913043478px/2);
  width: 217.3913043478px;
  height: 217.3913043478px;
  background: #fff;
  text-align: center;
  display: table;
}
.ppc-percents span {
  display: block;
  font-size: 4em;
  font-weight: bold;
  color: #000000;
}
.ppc-percents b {
  color: #999999;
  position: relative;
  top: 20px;
  font-weight: normal;
  font-size: 16px;
}

.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.progress-pie-chart {
  margin: 40px 0;
}

.indic {
  padding: 20px;
}
.indic .sts-o {
  display: flex;
  margin-bottom: 50px;
  flex-direction: column;
  align-items: flex-start;
}
.indic .sts-o .sts-in {
  display: flex;
  align-items: center;
  color: #999999;
}
.indic .sts-o span.grn,
.indic .sts-o span.drk-grn,
.indic .sts-o span.black {
  border-radius: 50px;
  width: 30px;
  height: 8px;
  margin-right: 10px;
}
.indic .sts-o span.grn {
  background-color: #0433ff;
}
.indic .sts-o span.compititor {
  background-color: #babdff !important;
}
.indic .sts-o span.black {
  background-color: #000220;
}
.indic .sts-o span.drk-grn {
  background-color: #77c42f;
}
.indic b {
  margin-left: 38px;
  color: #000000;
}

.crd-cht {
  position: relative;
}
.crd-cht h5 {
  font-size: 20px;
  font-weight: bold;
}
.crd-cht h5 i {
  color: #999999;
}

.cht-data {
  padding-top: 50px;
}
.cht-data h1 {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.cht-data h1 span {
  color: #C4C4CC;
  font-size: 14px;
  margin-left: 10px;
}
.cht-data .progress {
  background-color: #000000;
}
.cht-data .progress .progress-bar {
  background-color: #0433ff;
}

.val-flx {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}
.val-flx .val-f {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.val-flx .val-f .val-in {
  display: flex;
  align-items: center;
}
.val-flx .val-f .val-in span.black,
.val-flx .val-f .val-in span.grn {
  width: 30px;
  height: 4px;
  border-radius: 50px;
  display: block !important;
  margin-right: 10px;
}
.val-flx .val-f .val-in span.grn {
  background-color: #0433ff;
}
.val-flx .val-f .val-in span.black {
  background-color: #000220;
}
.val-flx .val-f b {
  font-weight: normal;
  color: #C4C4CC;
}
.val-flx .val-f h5 {
  margin-top: 7px;
  margin-left: 43px;
  font-weight: bold !important;
}
.val-flx .val-f h5 i {
  display: block;
  font-style: normal;
  color: #000000;
}

.oth-cht {
  position: relative !important;
}
.oth-cht .pie-chart-value {
  fill: none;
  stroke-width: 20;
}
.oth-cht .oth-val {
  position: absolute;
  top: 0;
  left: 20px;
  display: flex;
  flex-direction: column;
  width: 88%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.oth-cht .oth-val h3 {
  font-size: 50px;
}
.oth-cht .oth-val span {
  color: #999999;
}
.oth-cht .oth-val b {
  background-color: #E9EBEF;
  border: 1px solid #999999;
  color: #000000;
  width: 60px;
  height: 30px;
  font-size: 14px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scrl {
  overflow: hidden;
}
.scrl .card-body {
  height: 400px;
  overflow: auto;
}
.scrl .card-body::-webkit-scrollbar {
  width: 5px;
}
.scrl .card-body::-webkit-scrollbar-track {
  background-color: #E9EBEF;
}
.scrl .card-body::-webkit-scrollbar-thumb {
  background-color: #0000ff;
}
.scrl .logo-img {
  background-size: 100% auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 110px;
  height: 26px;
  background-size: contain !important;
  background-position: none !important;
}
.scrl .sts-green {
  display: flex;
  width: 60px;
  height: 20px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  color: #000000;
  border: 3px solid #0433ff;
  font-weight: bold !important;
}
.scrl td {
  vertical-align: middle;
}

.fr-clp {
  position: relative;
  z-index: 999999999;
  left: 33px;
  top: 0px;
}
.fr-clp i.mbl {
  display: none !important;
}
.fr-clp i.mbl,
.fr-clp i.dsk {
  background-color: #ffffff;
  color: #000000;
  border-radius: 50px;
  font-size: 12px;
  width: 20px;
  height: 20px;
  padding-top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #E9EBEF;
}

.collapsed-active i.dsk {
  display: none !important;
}
.collapsed-active i.mbl {
  display: block !important;
  padding-top: 4px;
}
.collapsed-active .fr-clp {
  position: relative;
  left: 39px;
  top: -26px;
}

.hp-sidebar {
  z-index: 9;
}

.toggle-label {
  position: relative;
  width: 200px;
  height: 35px;
  margin-top: 10px;
}

.toggle-label input[type=checkbox] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.toggle-label input[type=checkbox] + .back {
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  top: 0;
  border-radius: 50px;
  background-color: #E9EBEF;
  transition: background 150ms linear;
}
.toggle-label input[type=checkbox] + .back i {
  font-size: 15px !important;
  margin-right: 5px;
}

.toggle-label input[type=checkbox]:checked + .back {
  cursor: pointer;
}

.toggle-label input[type=checkbox] + .back .toggle {
  display: block;
  position: absolute;
  content: " ";
  background: #ffffff;
  width: 50%;
  height: 100%;
  transition: margin 150ms linear;
  border: 1px solid #0000ff;
  border-radius: 50px;
  margin-top: 0;
}

.toggle-label input[type=checkbox] + .back .toggle {
  margin-left: 98px;
}

.toggle-label input[type=checkbox]:checked + .back .toggle {
  margin-left: 0px;
}

.toggle-label .label {
  display: flex;
  position: absolute;
  top: 5px;
  width: 50%;
  color: #000000;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}

.toggle-label .label.on {
  left: 0px;
}

.toggle-label .label.off {
  right: 0px;
}

.toggle-label input[type=checkbox]:checked + .back .label.on {
  color: #000;
}

.toggle-label input[type=checkbox] + .back .label.off {
  color: #000;
  cursor: pointer;
}

.flx-bt {
  display: flex;
  flex-direction: column;
}
.flx-bt a {
  margin: 10px 0;
}
.flx-bt a:hover {
  color: #0000ff;
}
.flx-bt a:first-child {
  position: relative;
}
.flx-bt a:first-child::before {
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  width: 80px;
  height: 2px;
  border-radius: 50px;
  background-color: #0000ff;
  bottom: -2px;
}

.index-s-banner {
  position: relative;
}
.index-s-banner:before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 240px;
  width: 100%;
  height: 240px;
  background-image: url("../img/lead-ban.png");
  position: absolute;
  content: "";
  background-size: contain;
  z-index: 99;
}

.index-banner .index-f-banner {
  overflow: hidden;
}
.index-banner .index-f-banner .gmorning-blak {
  z-index: 1;
}
.index-banner .index-f-banner:after {
  top: 145px;
  right: 190px;
  background-image: url(../img/banner-sm-logo.png);
  position: absolute;
  content: "";
  background-size: contain;
  transform: rotate(0deg);
  background-repeat: no-repeat;
  width: 100px;
  height: 34px;
}
.index-banner .index-f-banner:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../img/back-before.png");
  position: absolute;
  content: "";
  background-size: cover !important;
  transform: rotate(0deg);
  background-repeat: no-repeat;
}
.index-banner .index-b-btn {
  position: relative;
}
.index-banner .card-body {
  background: #ffffff;
  background-size: cover;
  display: flex;
  justify-content: start;
  align-items: start;
  border-radius: 20px;
  color: white;
  padding-top: 30px;
  padding-left: 33px;
  padding-bottom: 47px;
}
.index-banner .card-body h2 {
  font-size: 29px;
  color: #000000;
  line-height: 33px;
  font-family: var(--anton-font);
  font-weight: 500;
  margin-bottom: 0px;
}
.index-banner .card-body h2 img {
  width: 35px;
}
.index-banner .card-body p {
  color: #000000 !important;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 600;
}
.index-banner .card-body .price {
  color: #0000FF;
}
.index-banner .card-body .img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 180px;
  height: 186px;
  position: absolute;
  top: 4px !important;
  right: 0px;
}
.index-banner .hp-card-6 {
  min-height: 0px;
}
.index-banner a {
  border-radius: 100px;
  margin: 20px 0px 0px 0px;
  text-transform: capitalize;
  font-weight: 6100;
  min-height: inherit;
  border: 1px solid #0000FF;
  padding: 10px 35px;
  background-color: #0000FF;
  color: #ffffff;
  font-family: var(--anton-font) !important;
}
.index-banner a:hover {
  color: #000000 !important;
  background-color: #0000ff !important;
  border: 1px solid #0000ff;
}

.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul > li > ul li a.active {
  background-color: rgba(9, 174, 135, 0.0784313725) !important;
  color: #ffffff !important;
}

.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul > li > ul li a.active span i {
  color: #09AE87 !important;
}

.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul {
  margin-top: 24px;
  padding: 12px 0px 24px 24px !important;
  overflow-y: auto;
  overflow-x: hidden;
}

body.collapsed-active .hp-sidebar .hp-sidebar-header-menu .mainSideBar > ul {
  padding: 12px 24px 24px !important;
}

.sidetogbtn {
  font-size: 12px;
  background-color: #000;
  border-radius: 100px;
  color: white;
  padding: 6px;
  font-weight: bold;
  position: absolute;
  top: 60px;
  right: -12px;
  z-index: 99999999 !important;
}

.hp-sidebar-container .hp-sidebar-header-menu {
  overflow: visible !important;
}

body.collapsed-active .hp-sidebar .hp-sidebar-hidden {
  display: block !important;
}

body.collapsed-active .hp-sidebar .hp-sidebar-hidden .sidetogbtn {
  top: 85px;
}

body.collapsed-active .hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul > li > ul li a.active {
  padding: 10px 8px 10px 5px !important;
}

body.collapsed-active .hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul > li > ul li a {
  padding: 10px 8px 10px 5px !important;
}

body.collapsed-active .hp-sidebar-container .hp-sidebar-header-menu .mainSideBar > ul > li {
  padding-right: 0px !important;
}

.btn-icon-only {
  background-color: transparent !important;
}

.fr-bldp ul.link li {
  padding: 0px !important;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.fr-bldp ul.link {
  margin-bottom: 25px;
}

.taking-leads-divider {
  position: absolute;
  top: 125px;
  left: 0px;
  background-color: #dddddd;
  width: 100%;
  height: 1px;
}

.chatinboxremovebefore::after {
  display: none;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #0000ff !important;
}

.daterangepicker td.in-range {
  background-color: #e9ffd4 !important;
}

.daterangepicker td.active {
  color: #000000 !important;
}

.hp-sidebar-container {
  border-right: 1px solid #E9EBEF;
}

.joint_ventures {
  font-family: var(--poppins-font);
}
.joint_ventures .head h4 {
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 800;
}
.joint_ventures .head .button-7 {
  width: fit-content !important;
}
.joint_ventures .card {
  border-radius: 20px !important;
  margin: 20px 0px;
}
.joint_ventures .card .main-content {
  padding: 20px 36px;
}
.joint_ventures .card .main-content table {
  border-bottom: 0px;
}
.joint_ventures .card .main-content table thead tr th {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-family: var(--poppins-font) !important;
  border-bottom: none;
}
.joint_ventures .card .main-content table tbody {
  font-size: 20px !important;
}
.joint_ventures .card .main-content table tbody tr td .name .jvn-img {
  padding-right: 10px !important;
  border-right: 2px solid #dddddd;
}
.joint_ventures .card .main-content table tbody tr td .name .jvn-content p {
  margin-left: 10px !important;
  font-weight: 700;
  color: #000000;
  border-bottom: 1px solid #000000;
  margin-bottom: 0px;
  line-height: 12px;
}
.joint_ventures .card .main-content table tbody tr td .live {
  display: flex;
  align-items: center;
}
.joint_ventures .card .main-content table tbody tr td .live .dot {
  width: 10px;
  height: 10px;
  background-color: #0000ff;
  border-radius: 100px;
  display: inline-flex;
}
.joint_ventures .card .main-content table tbody tr td .live .selectolive .selectone {
  padding: 0px 0px 0px 5px !important;
  color: #0000ff !important;
  background-color: transparent !important;
  font-size: 14px;
}
.joint_ventures .card .main-content table tbody tr td .live .selectolive .dropdown-menu {
  left: -25px !important;
}
.joint_ventures .card .main-content table tbody tr td .live .selectolive .dropdown-item {
  padding: 5px 16px;
  color: #999999;
  top: 2px !important;
}
.joint_ventures .card .main-content table tbody tr td .live .selectolive .livec {
  color: #0000ff !important;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .selectone {
  padding: 0px 0px 0px 5px !important;
  color: #0000ff !important;
  background-color: transparent !important;
  font-size: 14px;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu {
  left: -25px !important;
  width: 250px !important;
  padding: 10px 0px !important;
  font-size: 12px !important;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px 10px 15px;
  margin: 0px 3px;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles:hover {
  background-color: #F3FFE8;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles img {
  margin: 0px;
  width: 30px;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles .imgs {
  display: flex;
  align-items: center;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles .imgs .names {
  line-height: 12px !important;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles .imgs .name {
  padding-left: 10px;
  color: #000000 !important;
  font-weight: 400;
  margin-bottom: 0px;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles .price {
  color: #0000ff !important;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .total {
  text-align: right;
  padding-right: 25px;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .total span {
  font-weight: bold;
  color: #000000;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .addbtn {
  text-align: center !important;
  padding: 15px 0px 10px 0px;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .addbtn .my-add-new-owner {
  border-radius: 100px;
  background-color: #000;
  color: #fff;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  padding: 7px 10px;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .dropdown-item {
  padding: 2px 16px;
  color: #999999;
  top: 2px !important;
}
.joint_ventures .card .main-content table tbody tr td .owner .selectolive .livec {
  color: #0000ff !important;
}
.joint_ventures .card .main-content table tbody tr td .date {
  font-weight: 800;
  color: #000000;
}
.joint_ventures .card .main-content table tbody tr td .selecto .selectone {
  padding: 5px 10px;
  border: 1px solid #000000;
  color: #000000;
  width: 120px;
  display: flex;
  border-radius: 10px;
  line-height: 22px;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.joint_ventures .card .main-content table tbody tr td .selecto .selectone i::after {
  display: none !important;
}
.joint_ventures .card .main-content table tbody tr td .selecto .selectone:focus {
  border: 1px solid #0000ff !important;
}
.joint_ventures .card .main-content table tbody tr td .selecto .selectone:focus {
  color: #000000 !important;
}
.joint_ventures .card .main-content table tbody tr td .selecto .dropdown-item {
  padding: 7px 16px;
  color: #999999;
  min-width: 185px !important;
  top: 2px !important;
}
.joint_ventures .modal .ajv {
  width: 230px !important;
  margin: 0 auto;
}
.joint_ventures .modal .crd-fin {
  border: none;
}
.joint_ventures .modal .crd-fin .percentagevalmodal {
  font-weight: 800;
}
.joint_ventures .modal .crd-fin .select2-container .select2-selection--single {
  height: 50px;
}
.joint_ventures .modal .crd-fin .form-group {
  margin-bottom: 5px;
}
.joint_ventures .modal .crd-fin .form-control {
  height: 50px;
  border: 1px solid #dddddd !important;
}
.joint_ventures .modal .crd-fin .select2-container--default .select2-selection--single {
  border: 1px solid #dddddd !important;
  border-radius: 10px;
}
.joint_ventures .modal .crd-fin label {
  position: relative;
  background-color: #ffffff;
  padding: 0 20px;
  top: 12px;
  margin: 0;
  font-size: 12px;
  z-index: 1;
  left: 20px;
  display: inline-block;
  font-weight: 400;
}
.joint_ventures .modal .crd-fin .form-select {
  height: 50px;
  border-color: #dddddd !important;
  border-radius: 10px !important;
}
.joint_ventures .modal .crd-fin .form-control:focus,
.joint_ventures .modal .crd-fin .form-select:focus {
  border-color: #0000ff !important;
  box-shadow: none !important;
}
.joint_ventures .mdoalfooterpadding .modal-footer {
  padding-bottom: 45px !important;
  padding-top: 0px !important;
}
.joint_ventures .advmodal {
  width: 360px !important;
}
.joint_ventures .adnewbtnmodal {
  width: 450px !important;
}
.joint_ventures .adnewbtnmodal .content h2 {
  font-size: 30px;
  font-weight: 700 !important;
  line-height: 35px;
}
.joint_ventures .adnewbtnmodal .content p {
  font-size: 15px;
  font-weight: 400 !important;
  line-height: 20px;
  color: #000000;
}
.joint_ventures .adnewbtnmodal .content .footer {
  margin-top: 15px;
  padding-top: 60px;
  position: relative;
}
.joint_ventures .adnewbtnmodal .content .footer:before {
  content: "";
  position: absolute;
  background-color: red;
  width: 80%;
  height: 1px;
  background-color: #C9C9C9;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.joint_ventures .adnewbtnmodal .content .footer h4 {
  font-size: 12px;
  padding-top: 20px;
  color: #000000;
  font-weight: 600;
}
.joint_ventures .adnewbtnmodal .content .footer .email {
  padding-top: 0px !important;
}
.joint_ventures .create_account {
  width: 500px;
  margin: 0 auto;
}
.joint_ventures .create_account .card {
  box-shadow: none !important;
}
.joint_ventures .create_account .crd-fin {
  border: none;
}
.joint_ventures .create_account .crd-fin .btn {
  width: 100%;
  padding: 15px 20px;
  margin-top: 30px;
}
.joint_ventures .create_account .crd-fin .percentagevalmodal {
  font-weight: 800;
}
.joint_ventures .create_account .crd-fin .select2-container .select2-selection--single {
  height: 50px;
}
.joint_ventures .create_account .crd-fin .form-group {
  margin-bottom: 5px;
}
.joint_ventures .create_account .crd-fin .form-control {
  height: 50px;
  border: 1px solid #dddddd !important;
  font-weight: 600;
  color: #000000;
}
.joint_ventures .create_account .crd-fin .select2-container--default .select2-selection--single {
  border: 1px solid #dddddd !important;
  border-radius: 10px;
}
.joint_ventures .create_account .crd-fin label {
  position: relative;
  background-color: #ffffff;
  padding: 0 20px;
  top: 12px;
  margin: 0;
  font-size: 12px;
  z-index: 1;
  left: 20px;
  display: inline-block;
  font-weight: 400;
}
.joint_ventures .create_account .crd-fin .form-select {
  height: 50px;
  border-color: #dddddd !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}
.joint_ventures .create_account .crd-fin .form-control:focus,
.joint_ventures .create_account .crd-fin .form-select:focus {
  border-color: #0000ff !important;
  box-shadow: none !important;
}
.joint_ventures .create_account .footer {
  margin-top: 15px;
  padding-top: 60px;
  position: relative;
  text-align: center;
}
.joint_ventures .create_account .footer:before {
  content: "";
  position: absolute;
  background-color: red;
  width: 80%;
  height: 1px;
  background-color: #C9C9C9;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.joint_ventures .create_account .footer h4 {
  font-size: 12px;
  padding-top: 20px;
  color: #000000;
  font-weight: 600;
}
.joint_ventures .create_account .footer .email {
  padding-top: 0px !important;
}
.joint_ventures #createaccountbtn .btn-circle {
  padding: 15px 40px !important;
  font-weight: 600 !important;
}
.joint_ventures .uplogo {
  padding-top: 15px !important;
}

.general-setting .setting-addnew-sidebar {
  width: 670px !important;
}
.general-setting .setting-addnew-sidebar .grid-2-columns._1-3fr---1fr {
  -ms-grid-columns: 1.3fr 1fr;
  grid-template-columns: 1.9fr 1fr;
}
.general-setting .setting-addnew-sidebar .uplnew i {
  font-size: 18px !important;
  position: relative;
  top: 2px;
}
.general-setting .modal-backdrop.show {
  opacity: 0;
}
.general-setting .modal-backdrop {
  display: none !important;
}

.lead-pop {
  width: 300px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 3px solid #0000ff;
  text-align: center;
  border-radius: 5px;
  background: #ffffff;
}

.lead-pop img {
  margin-bottom: 20px;
}

.lead-pop h2 {
  font-weight: bold;
  font-family: "Agency FB";
  margin: 0 0 6px 0;
  font-size: 50px;
}

.lead-pop p {
  margin: 0;
  font-size: 14px;
}

.lead-pop .btn-grp {
  margin-top: 20px;
  flex-direction: column;
  display: flex;
  width: 70%;
}

.lead-pop .btn-grp .btn {
  margin-bottom: 5px;
  font-family: "Agency FB";
  font-weight: bold;
  font-size: 18px;
}

.call-pop {
  width: 500px;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 3px solid #0000ff;
  border-radius: 5px;
  font-family: "Agency FB";
  padding: 0 20px;
  background: #ffffff;
}
.call-pop h2 {
  margin: 0;
  font-weight: bold;
}
.call-pop p {
  margin: 0;
}
.call-pop .btn-call {
  background: #fc2a2a;
  color: #ffffff;
  border: none;
  padding: 0;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.call-pop .btn-call i {
  transform: rotate(135deg);
  font-size: 16px;
}
.call-pop .btn-call:focus, .call-pop .btn-call:hover {
  background: #fc2a2a;
  color: #ffffff !important;
}
.call-pop .no-btn {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.call-pop .no-btn i {
  font-size: 30px;
  margin-right: 10px;
}
.call-pop .no-btn:focus, .call-pop .no-btn:hover {
  color: #ffffff !important;
}

.pops {
  display: flex;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  right: 0;
}

.btn-uplo .btn-thm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 170px !important;
}
.btn-uplo .btn-thm i {
  font-size: 20px;
}
.btn-uplo .custom-file-upload .custom-file-upload1 {
  width: 100%;
  justify-content: space-between;
  padding: 0 30px;
  margin-bottom: 0;
}
.btn-uplo .uplnew i {
  top: 0 !important;
}

:root {
  --anton-font: "Anton", sans-serif;
}

h2 {
  --anton-font: "Anton", sans-serif !important;
}

:root {
  --nunito-font: "Nunito Sans", sans-serif;
}

span {
  font-family: var(--nunito-font);
}

p {
  font-family: var(--nunito-font) !important;
}

.nlead .card {
  border-radius: 5px !important;
  background: transparent !important;
  border: none;
}
.nlead .banner {
  border-radius: 5px !important;
  background-color: #000000;
  position: relative;
  padding: 50px 40px;
}
.nlead .banner:before {
  position: absolute;
  content: "";
  width: 120px;
  background-size: cover;
  height: 140px;
  top: 22px;
  right: 40px;
  background-image: url(../img/leadban.png);
}
.nlead .banner h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 30px;
  font-family: var(--anton-font);
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.nlead .lthours-lead {
  margin: 10px 0px;
  background-color: #ffffff !important;
}
.nlead .lthours-lead .cht-data .progress {
  background: #093F00 !important;
}
.nlead .lthours-lead .hp-card-6 {
  min-height: 100% !important;
}
.nlead .lthours-lead .tophead span {
  font-family: var(--nunito-font);
}
.nlead .lthours-lead .tophead .tlh {
  font-size: 40px;
  font-family: var(--anton-font) !important;
  text-align: center;
  color: #000000;
  font-weight: 400;
}
.nlead .lthours-lead .cht-data {
  padding-top: 0px !important;
}
.nlead .lthours-lead .cht-data h5 {
  font-size: 14px !important;
  line-height: 18px !important;
}
.nlead .lthours-lead .cht-data h5 i {
  color: #0000ff !important;
}
.nlead .lthours-lead .val-flx {
  padding: 50px 0px !important;
}
.nlead .purcahserlead .hp-card-6 {
  min-height: 100% !important;
}
.nlead .purcahserlead .card {
  background-color: #ffffff !important;
}
.nlead .purcahserlead .ppc-percents b {
  color: #999999;
  position: relative;
  top: -18px;
  font-weight: normal;
  font-size: 18px;
  font-family: var(--nunito-font);
}
.nlead .purcahserlead .ppc-percents span {
  font-family: var(--anton-font);
  font-weight: 500 !important;
  font-size: 46px !important;
}
.nlead .purcahserlead .indic .sts-o span.grn,
.nlead .purcahserlead .indic .sts-o span.drk-grn,
.nlead .purcahserlead .indic .sts-o span.black {
  border-radius: 50px;
  width: 50px;
  height: 8px;
  margin-right: 10px;
}
.nlead .purcahserlead .indic .sts-in span {
  color: #000000 !important;
}
.nlead .purcahserlead .indic .sts-in .num {
  color: #0000ff !important;
  padding-left: 10px;
}
.nlead .purcahserlead .gt-50 .ppc-progress .ppc-progress-fill {
  background: #0433ff !important;
}
.nlead .rside .totall-collection {
  width: 100%;
  border-radius: 5px !important;
  background-color: #ffffff;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.nlead .rside .totall-collection .stext {
  font-size: 16px;
}
.nlead .rside .totall-collection .num h5 {
  margin-bottom: 0px;
  font-family: var(--anton-font);
  font-size: 40px;
  color: #000000;
  line-height: 38px !important;
}
.nlead .rside .totall-collection .num p {
  color: #0000ff !important;
  text-align: center;
  position: relative;
  padding-top: 5px;
  top: 5px;
  margin-bottom: 0px;
  display: flex !important;
  align-items: center !important;
  font-size: 16px;
}
.nlead .rside .totall-collection .num p span {
  background-color: #0000ff;
  width: 23px;
  height: 23px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -8px;
  top: -4px;
}
.nlead .rside .totall-collection .num p span i {
  color: #43BE83;
  transform: rotate(-45deg);
  font-size: 14px !important;
}
.nlead .rside .deal-lost {
  background-color: #ffffff !important;
}
.nlead .rside .deal-lost .oth-val span {
  font-size: 18px;
  position: relative;
  top: -6px;
}
.nlead .rside .deal-lost .oth-val h3 {
  color: #000000;
  font-family: var(--anton-font);
  font-weight: 400 !important;
  font-size: 46px;
}
.nlead .rside .deal-lost .indic .sts-o span.grn,
.nlead .rside .deal-lost .indic .sts-o span.drk-grn,
.nlead .rside .deal-lost .indic .sts-o span.black {
  width: 50px;
}
.nlead .rside .deal-lost .indic {
  padding-left: 0px !important;
  padding-right: 0px;
}
.nlead .rside .deal-lost .indic .sts-in {
  line-height: 50px;
}
.nlead .rside .deal-lost .indic .dl-data p {
  color: #000000 !important;
  font-weight: 800;
}
.nlead .rside .deal-lost .indic .dl-data span {
  color: #0000ff;
  font-size: 16px;
}
.nlead .rside .deal-lost .indic span.brate {
  background: #1DCF00 !important;
}
.nlead .rside .deal-lost .indic span.ninterested {
  background: #1ABB00 !important;
}
.nlead .rside .deal-lost .indic span.dqual {
  background: #0F6D00 !important;
}
.nlead .rside .deal-lost .indic span.ccanel {
  background: #093F00 !important;
}
.nlead .rside .deal-lost .indic span.optout {
  background: #042000 !important;
}
.nlead .rside .lead-per-source {
  background-color: #ffffff;
  border-radius: 5px !important;
}
.nlead .rside .lead-per-source .hp-card-6 {
  min-height: 100% !important;
}
.nlead .rside .lead-per-source .l-leads {
  font-family: var(--anton-font) !important;
  font-weight: 500 !important;
  color: #000000 !important;
  font-size: 18px !important;
}

:root {
  --anton-font: "Anton", sans-serif;
}

h2 {
  --anton-font: "Anton", sans-serif !important;
}

:root {
  --nunito-font: "Nunito Sans", sans-serif;
}

span {
  font-family: var(--nunito-font);
}

p {
  font-family: var(--nunito-font) !important;
}

.nlead .card {
  border-radius: 20px !important;
  background: transparent !important;
  border: none;
}
.nlead .banner {
  border-radius: 20px !important;
  background: linear-gradient(90deg, rgb(0, 0, 255) 0%, rgb(0, 0, 103) 100%);
  position: relative;
  padding: 50px 40px 70px 40px;
}
.nlead .banner:before {
  position: absolute;
  content: "";
  width: 230px;
  background-size: contain;
  height: 223px;
  background-repeat: no-repeat;
  top: -9px;
  right: -11px;
  background-image: url("../img/lead-banner.png");
}
.nlead .banner h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 30px;
  font-family: var(--anton-font);
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.nlead .banner p {
  color: white !important;
  margin-bottom: 0px;
  font-size: 16px;
  font-family: var(--anton-font) !important;
}
.nlead .lthours-lead {
  margin: 10px 0px;
  background-color: #ffffff !important;
}
.nlead .lthours-lead .cht-data .progress {
  background: #000220 !important;
}
.nlead .lthours-lead .hp-card-6 {
  min-height: 100% !important;
}
.nlead .lthours-lead .tophead span {
  font-family: var(--nunito-font);
}
.nlead .lthours-lead .tophead .tlh {
  font-size: 40px;
  font-family: var(--anton-font) !important;
  text-align: center;
  color: #000000;
  font-weight: 400;
}
.nlead .lthours-lead .cht-data {
  padding-top: 0px !important;
}
.nlead .lthours-lead .cht-data h5 {
  font-size: 14px !important;
  line-height: 18px !important;
}
.nlead .lthours-lead .cht-data h5 i {
  color: #0000ff !important;
}
.nlead .lthours-lead .val-flx {
  padding: 50px 0px !important;
}
.nlead .purcahserlead .hp-card-6 {
  min-height: 100% !important;
}
.nlead .purcahserlead .card {
  background-color: #ffffff !important;
}
.nlead .purcahserlead .ppc-percents b {
  color: #999999;
  position: relative;
  top: -18px;
  font-weight: normal;
  font-size: 18px;
  font-family: var(--nunito-font);
}
.nlead .purcahserlead .ppc-percents span {
  font-family: var(--anton-font);
  font-weight: 500 !important;
  font-size: 46px !important;
}
.nlead .purcahserlead .indic .sts-o span.grn,
.nlead .purcahserlead .indic .sts-o span.drk-grn,
.nlead .purcahserlead .indic .sts-o span.black {
  border-radius: 50px;
  width: 50px;
  height: 8px;
  margin-right: 10px;
}
.nlead .purcahserlead .indic .sts-in span {
  color: #000000 !important;
}
.nlead .purcahserlead .indic .sts-in .num {
  color: #0000ff !important;
  padding-left: 10px;
}
.nlead .rside .totall-collection {
  width: 100%;
  border-radius: 5px !important;
  background-color: #ffffff;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.nlead .rside .totall-collection .stext {
  font-size: 16px;
}
.nlead .rside .totall-collection .num h5 {
  margin-bottom: 0px;
  font-family: var(--anton-font);
  font-size: 40px;
  color: #000000;
  line-height: 38px !important;
}
.nlead .rside .totall-collection .num p {
  color: #0000ff !important;
  text-align: center;
  position: relative;
  padding-top: 5px;
  top: 5px;
  margin-bottom: 0px;
  display: flex !important;
  align-items: center !important;
  font-size: 16px;
}
.nlead .rside .totall-collection .num p span {
  background-color: #0000ff;
  width: 23px;
  height: 23px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -8px;
  top: -4px;
}
.nlead .rside .totall-collection .num p span i {
  color: white;
  transform: rotate(-45deg);
  font-size: 14px !important;
}
.nlead .rside .deal-lost {
  background-color: #ffffff !important;
}
.nlead .rside .deal-lost .oth-val span {
  font-size: 18px;
  position: relative;
  top: -6px;
}
.nlead .rside .deal-lost .oth-val h3 {
  color: #000000;
  font-family: var(--anton-font);
  font-weight: 400 !important;
  font-size: 46px;
}
.nlead .rside .deal-lost .indic .sts-o span.grn,
.nlead .rside .deal-lost .indic .sts-o span.drk-grn,
.nlead .rside .deal-lost .indic .sts-o span.black {
  width: 50px;
}
.nlead .rside .deal-lost .indic {
  padding-left: 0px !important;
  padding-right: 0px;
}
.nlead .rside .deal-lost .indic .sts-in {
  line-height: 50px;
}
.nlead .rside .deal-lost .indic .dl-data p {
  color: #000000 !important;
  font-weight: 800;
  white-space: nowrap;
}
.nlead .rside .deal-lost .indic .dl-data span {
  color: #0000ff;
  font-size: 16px;
}
.nlead .rside .deal-lost .indic span.brate {
  background: #6a73ff !important;
}
.nlead .rside .deal-lost .indic span.ninterested {
  background: #6972ff !important;
}
.nlead .rside .deal-lost .indic span.dqual {
  background: #0433ff !important;
}
.nlead .rside .deal-lost .indic span.ccanel {
  background: #000220 !important;
}
.nlead .rside .deal-lost .indic span.optout {
  background: #042000 !important;
}
.nlead .rside .lead-per-source {
  background-color: #ffffff;
  border-radius: 5px !important;
}
.nlead .rside .lead-per-source .hp-card-6 {
  min-height: 100% !important;
}
.nlead .rside .lead-per-source .l-leads {
  font-family: var(--anton-font) !important;
  font-weight: 500 !important;
  color: #000000 !important;
  font-size: 18px !important;
}

.campaign-page {
  font-family: var(--poppins-font);
}
.campaign-page .card {
  border-radius: 15px !important;
}
.campaign-page .main-content {
  padding: 0px !important;
  height: 100%;
}
.campaign-page table {
  border-collapse: collapse !important;
  padding: 100px !important;
}
.campaign-page table .theadc {
  border-bottom: 1px solid #CCCCCC !important;
}
.campaign-page table thead tr th {
  color: #000000;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 15px 30px !important;
}
.campaign-page table tbody tr {
  border-bottom: 1px solid #CCCCCC !important;
  background-color: white !important;
}
.campaign-page table tbody tr td {
  padding: 15px 30px !important;
}
.campaign-page .table-content .name {
  font-weight: 700;
  color: #000000;
  font-size: 14px;
}
.campaign-page .table-content .tdata {
  color: #000000 !important;
  font-weight: 600;
}
.campaign-page .table-content .tdata.numd {
  color: #000000;
  width: 60px;
  font-weight: 900;
  height: 20px;
  border: 2px solid #0000FF;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.campaign-page .table-content .tdata.icon i {
  font-size: 25px;
  color: #999999;
  cursor: pointer;
}
.campaign-page .head h4 {
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 800;
}
.campaign-page .head .button-7 {
  width: fit-content !important;
  border: 1px solid black;
  transition: 0.3s all;
}
.campaign-page .head .button-7:hover {
  border: 1px solid #0000FF;
  color: white;
}
.campaign-page .card {
  border-radius: 20px !important;
  margin: 20px 0px;
}
.campaign-page .card .main-content {
  padding: 20px 36px;
}
.campaign-page .card .main-content table {
  border-bottom: 0px;
}
.campaign-page .card .main-content table thead tr th {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-family: var(--poppins-font) !important;
  border-bottom: none;
}
.campaign-page .card .main-content table tbody {
  font-size: 20px !important;
}
.campaign-page .card .main-content table tbody tr td .name .jvn-img {
  padding-right: 10px !important;
  border-right: 2px solid #dddddd;
}
.campaign-page .card .main-content table tbody tr td .name .jvn-content p {
  margin-left: 10px !important;
  font-weight: 700;
  color: #000000;
  border-bottom: 1px solid #000000;
  margin-bottom: 0px;
  line-height: 12px;
}
.campaign-page .card .main-content table tbody tr td .live {
  display: flex;
  align-items: center;
}
.campaign-page .card .main-content table tbody tr td .live .dot {
  width: 10px;
  height: 10px;
  background-color: #0000ff;
  border-radius: 100px;
  display: inline-flex;
}
.campaign-page .card .main-content table tbody tr td .live .selectolive .selectone {
  padding: 0px 0px 0px 5px !important;
  color: #0000ff !important;
  background-color: transparent !important;
  font-size: 14px;
}
.campaign-page .card .main-content table tbody tr td .live .selectolive .dropdown-menu {
  left: -25px !important;
}
.campaign-page .card .main-content table tbody tr td .live .selectolive .dropdown-item {
  padding: 2px 16px;
  color: #999999;
  top: 2px !important;
}
.campaign-page .card .main-content table tbody tr td .live .selectolive .livec {
  color: #0000ff !important;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .selectone {
  padding: 0px 0px 0px 5px !important;
  color: #0000ff !important;
  background-color: transparent !important;
  font-size: 14px;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu {
  left: -25px !important;
  width: 250px !important;
  padding: 10px 0px !important;
  font-size: 12px !important;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px 10px 15px;
  margin: 0px 3px;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles:hover {
  background-color: #F3FFE8;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles img {
  margin: 0px;
  width: 30px;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles .imgs {
  display: flex;
  align-items: center;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles .imgs .names {
  line-height: 12px !important;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles .imgs .name {
  padding-left: 10px;
  color: #000000 !important;
  font-weight: 400;
  margin-bottom: 0px;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .profiles .price {
  color: #0000ff !important;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .total {
  text-align: right;
  padding-right: 25px;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .total span {
  font-weight: bold;
  color: #000000;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .addbtn {
  text-align: center !important;
  padding: 15px 0px 10px 0px;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-menu .addbtn .my-add-new-owner {
  border-radius: 100px;
  background-color: #000;
  color: #fff;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  padding: 2px 10px;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .dropdown-item {
  padding: 2px 16px;
  color: #999999;
  top: 2px !important;
}
.campaign-page .card .main-content table tbody tr td .owner .selectolive .livec {
  color: #0000ff !important;
}
.campaign-page .card .main-content table tbody tr td .date {
  font-weight: 800;
  color: #000000;
}
.campaign-page .card .main-content table tbody tr td .selecto .selectone {
  padding: 5px 10px;
  border: 1px solid #000000;
  color: #000000;
  width: 120px;
  display: flex;
  border-radius: 10px;
  line-height: 22px;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.campaign-page .card .main-content table tbody tr td .selecto .selectone i::after {
  display: none !important;
}
.campaign-page .card .main-content table tbody tr td .selecto .selectone:focus {
  border: 1px solid #0000ff !important;
}
.campaign-page .card .main-content table tbody tr td .selecto .selectone:focus {
  color: #000000 !important;
}
.campaign-page .card .main-content table tbody tr td .selecto .dropdown-item {
  padding: 2px 16px;
  color: #999999;
  min-width: 185px !important;
  top: 2px !important;
}
.campaign-page .modal .ajv {
  width: 230px !important;
  margin: 0 auto;
}
.campaign-page .modal .crd-fin {
  border: none;
}
.campaign-page .modal .crd-fin .percentagevalmodal {
  font-weight: 800;
}
.campaign-page .modal .crd-fin .select2-container .select2-selection--single {
  height: 50px;
}
.campaign-page .modal .crd-fin .form-group {
  margin-bottom: 5px;
}
.campaign-page .modal .crd-fin .form-control {
  height: 50px;
  border: 1px solid #dddddd !important;
}
.campaign-page .modal .crd-fin .select2-container--default .select2-selection--single {
  border: 1px solid #dddddd !important;
  border-radius: 10px;
}
.campaign-page .modal .crd-fin label {
  position: relative;
  background-color: #ffffff;
  padding: 0 20px;
  top: 12px;
  margin: 0;
  font-size: 12px;
  z-index: 1;
  left: 20px;
  display: inline-block;
  font-weight: 400;
}
.campaign-page .modal .crd-fin .form-select {
  height: 50px;
  border-color: #dddddd !important;
  border-radius: 10px !important;
}
.campaign-page .modal .crd-fin .form-control:focus,
.campaign-page .modal .crd-fin .form-select:focus {
  border-color: #0000ff !important;
  box-shadow: none !important;
}
.campaign-page .mdoalfooterpadding .modal-footer {
  padding-bottom: 45px !important;
  padding-top: 0px !important;
}
.campaign-page .advmodal {
  width: 360px !important;
}
.campaign-page .adnewbtnmodal {
  width: 450px !important;
}
.campaign-page .adnewbtnmodal .content h2 {
  font-size: 30px;
  font-weight: 700 !important;
  line-height: 35px;
}
.campaign-page .adnewbtnmodal .content p {
  font-size: 15px;
  font-weight: 400 !important;
  line-height: 20px;
  color: #000000;
}
.campaign-page .adnewbtnmodal .content .footer {
  margin-top: 15px;
  padding-top: 60px;
  position: relative;
}
.campaign-page .adnewbtnmodal .content .footer:before {
  content: "";
  position: absolute;
  background-color: red;
  width: 80%;
  height: 1px;
  background-color: #C9C9C9;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.campaign-page .adnewbtnmodal .content .footer h4 {
  font-size: 12px;
  padding-top: 20px;
  color: #000000;
  font-weight: 600;
}
.campaign-page .adnewbtnmodal .content .footer .email {
  padding-top: 0px !important;
}
.campaign-page .create_account {
  width: 500px;
  margin: 0 auto;
}
.campaign-page .create_account .card {
  box-shadow: none !important;
}
.campaign-page .create_account .crd-fin {
  border: none;
}
.campaign-page .create_account .crd-fin .btn {
  width: 100%;
  padding: 15px 20px;
  margin-top: 30px;
}
.campaign-page .create_account .crd-fin .percentagevalmodal {
  font-weight: 800;
}
.campaign-page .create_account .crd-fin .select2-container .select2-selection--single {
  height: 50px;
}
.campaign-page .create_account .crd-fin .form-group {
  margin-bottom: 5px;
}
.campaign-page .create_account .crd-fin .form-control {
  height: 50px;
  border: 1px solid #dddddd !important;
  font-weight: 600;
  color: #000000;
}
.campaign-page .create_account .crd-fin .select2-container--default .select2-selection--single {
  border: 1px solid #dddddd !important;
  border-radius: 10px;
}
.campaign-page .create_account .crd-fin label {
  position: relative;
  background-color: #ffffff;
  padding: 0 20px;
  top: 12px;
  margin: 0;
  font-size: 12px;
  z-index: 1;
  left: 20px;
  display: inline-block;
  font-weight: 400;
}
.campaign-page .create_account .crd-fin .form-select {
  height: 50px;
  border-color: #dddddd !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}
.campaign-page .create_account .crd-fin .form-control:focus,
.campaign-page .create_account .crd-fin .form-select:focus {
  border-color: #0000ff !important;
  box-shadow: none !important;
}
.campaign-page .create_account .footer {
  margin-top: 15px;
  padding-top: 60px;
  position: relative;
  text-align: center;
}
.campaign-page .create_account .footer:before {
  content: "";
  position: absolute;
  background-color: red;
  width: 80%;
  height: 1px;
  background-color: #C9C9C9;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.campaign-page .create_account .footer h4 {
  font-size: 12px;
  padding-top: 20px;
  color: #000000;
  font-weight: 600;
}
.campaign-page .create_account .footer .email {
  padding-top: 0px !important;
}
.campaign-page #createaccountbtn .btn-circle {
  padding: 15px 40px !important;
  font-weight: 600 !important;
}

.campaign_set_event .main-content .card {
  border-radius: 5px !important;
  padding: 20px;
  margin-bottom: 20px;
}
.campaign_set_event .main-content .card .event-days .head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0px 30px 0px;
}
.campaign_set_event .main-content .card .event-days .head .dhead {
  color: #000000;
  font-weight: 800;
  font-size: 16px;
}
.campaign_set_event .main-content .card .event-days .head .cate {
  display: flex;
}
.campaign_set_event .main-content .card .event-days .head .cate .tdays {
  width: 60px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 2px solid #0000ff;
  font-weight: 800;
  font-size: 10px;
  margin-right: 20px !important;
}
.campaign_set_event .main-content .card .event-days .head .cate .icon {
  cursor: pointer;
}
.campaign_set_event .main-content .card .event-days .head .cate .icon svg {
  color: #007a4c;
  width: 22px;
}
.campaign_set_event .main-content .card .event-days .head .cate .hoverd-parent {
  position: relative;
}
.campaign_set_event .main-content .card .event-days .head .cate .hoverd-parent:hover .dropdown {
  opacity: 1;
  top: 30px;
  visibility: visible;
}
.campaign_set_event .main-content .card .event-days .head .cate .hoverd-parent .dropdown {
  background-color: #ffffff;
  border-radius: 20px;
  z-index: 999;
  box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 20px;
  left: -12px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.campaign_set_event .main-content .card .event-days .head .cate .hoverd-parent .dropdown ul {
  padding-left: 0px !important;
  margin-bottom: 0px !important;
  padding: 10px 0px;
}
.campaign_set_event .main-content .card .event-days .head .cate .hoverd-parent .dropdown ul li {
  margin-bottom: 0px !important;
}
.campaign_set_event .main-content .card .event-days .head .cate .hoverd-parent .dropdown ul li a {
  color: #000000;
  padding: 5px 50px 5px 10px;
}
.campaign_set_event .main-content .card .event-days .head .cate .hoverd-parent .dropdown ul li a:hover {
  background-color: #f7f7f7;
}
.campaign_set_event .main-content .card .event-days #days-append .devent {
  transition: 0.3s all;
  cursor: pointer;
}
.campaign_set_event .main-content .card .event-days .devent {
  background-color: white;
  min-height: 80px;
  max-height: 80px;
  color: #161616 !important;
  display: flex;
  padding: 0px 20px;
  align-items: center;
  border: 2px dashed #e0e0e0;
  margin-bottom: 20px;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
.campaign_set_event .main-content .card .event-days .devent:hover .deletbtn {
  opacity: 1;
  visibility: visible;
}
.campaign_set_event .main-content .card .event-days .devent .deletbtn {
  position: absolute;
  bottom: 2px;
  right: 8px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  cursor: pointer;
}
.campaign_set_event .main-content .card .event-days .devent .deletbtn i {
  font-size: 20px;
}
.campaign_set_event .main-content .card .event-days .devent .drow {
  font-size: 16px;
  font-weight: 600;
  color: #161616;
}
.campaign_set_event .main-content .card .event-days .devent .erow {
  display: block;
}
.campaign_set_event .main-content .card .event-days .devent.active {
  border: 2px dashed #006b45;
  background-color: #f6fffa;
}
.campaign_set_event .main-content .card .samecss .head span {
  font-size: 16px;
  color: #000000;
  font-weight: 800;
}
.campaign_set_event .main-content .card .samecss .head .btn {
  padding: 0px 20px;
  border-radius: 100px;
  font-size: 12px;
}
.campaign_set_event .main-content .card .samecss .head .btn:hover {
  color: #000000;
  border-color: #000000;
}
.campaign_set_event .main-content .card .samecss .textarea .form-control {
  margin: 20px 0px;
  resize: none;
  border-color: #F0F2F5;
}
.campaign_set_event .main-content .card .samecss .delay span {
  color: #000000;
  font-weight: 800;
  font-size: 15px;
}
.campaign_set_event .main-content .card .samecss .delay .form-control {
  border: 1px solid #F0F2F5 !important;
}
.campaign_set_event .main-content .card .samecss .delay .form-control::placeholder {
  color: #000000 !important;
  font-weight: 700 !important;
  font-size: 14px;
}
.campaign_set_event .main-content .card .samecss .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0px;
}
.campaign_set_event .main-content .card .samecss .footer span {
  font-weight: 800;
  padding-left: 20px;
  font-size: 16px;
  color: #000000 !important;
}
.campaign_set_event .main-content .card .samecss .footer .btn {
  border-radius: 100px;
  padding-right: 40px;
  padding-left: 40px;
}
.campaign_set_event .main-content .card #days-append {
  position: relative;
}
.campaign_set_event .main-content .card #days-append svg {
  position: absolute;
  top: 39px;
  z-index: 999;
  right: -70px;
}
.campaign_set_event .top-head input {
  border: none;
  background-color: transparent;
  width: fit-content !important;
}
.campaign_set_event .top-head input:focus {
  box-shadow: none;
  outline: none;
}

.voicemail-modal .modal-header {
  border-bottom: none;
}
.voicemail-modal .modal-footer {
  border-top: none;
}
.voicemail-modal .modal-body {
  padding: 0px 50px;
}

.first-vm-modal .main-head .fp {
  color: #000000;
  font-weight: 600;
}
.first-vm-modal .main-head .txt {
  color: #999999;
}
.first-vm-modal .main-head p {
  margin-bottom: 0px;
}
.first-vm-modal .mic-record {
  padding: 50px 0px 150px 0px;
}
.first-vm-modal .mic-record .voice-stop {
  display: none;
}
.first-vm-modal .mic-record .fstep .btn.btn-wht {
  width: 80px;
}
.first-vm-modal .mic-record .mic-container {
  padding-top: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.first-vm-modal .mic-record .mic-container .recored-text {
  text-decoration: none;
  color: #000000;
  font-weight: 600;
  padding-bottom: 10px;
}
.first-vm-modal .mic-record .mic-container .circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #0000ff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transition: 0.5s;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.first-vm-modal .mic-record .mic-container .circle i {
  color: #000000;
  font-size: 35px;
  transition: 0.9s;
}
.first-vm-modal .mic-record .mic-container .circle:before {
  content: "";
  width: 80px;
  height: 80px;
  border-radius: 50%;
  opacity: 0.2;
  z-index: -1;
  position: absolute;
}
.first-vm-modal .mic-record .mic-container .circle.active {
  background: #0000ff;
}
.first-vm-modal .mic-record .mic-container .circle.active:before {
  background: gray;
  animation: bounce 0.8s ease-in-out infinite 0.5s;
}
.first-vm-modal .mic-record .mic-container .circle.active i {
  color: #ffffff;
}
.first-vm-modal .mic-record .secondstep-sameas audio {
  width: 100% !important;
}
.first-vm-modal .mic-record .secondstep-sameas .save-can-btn {
  width: 100%;
  text-align: center;
  padding-top: 25px;
}
.first-vm-modal .mic-record .secondstep-sameas .save-can-btn .mybt {
  width: 40%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.first-vm-modal .mic-record .secondstep-sameas .save-can-btn .mybt .btn {
  border-radius: 100px;
  font-weight: 600;
  padding: 10px 40px;
}
.first-vm-modal .mic-record .sstep2.secondstep-sameas .mybt {
  width: 100%;
  justify-content: center;
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.4);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}

.lead-view-n .back-btn-n a i {
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 16px;
  border: 2px solid #dddddd;
  color: #000000;
}
.lead-view-n .back-btn-n a .back-bt-text {
  color: #000000;
  text-transform: capitalize;
  font-weight: 800;
  padding-left: 10px;
}
.lead-view-n .leadview-n {
  flex-direction: column !important;
}
.lead-view-n .leadview-n h2 {
  font-size: 20px;
  padding: 10px 0px 0px 0px !important;
}
.lead-view-n .leadview-n .lbl-nm {
  margin-top: 20px;
  margin-right: 0px !important;
  width: 70px !important;
  height: 70px !important;
  font-size: 25px !important;
}
.lead-view-n .leadview-n .lead-img img {
  width: 100px !important;
}
.lead-view-n .action-n-icons {
  width: 65%;
}
.lead-view-n .action-n-icons ul {
  display: flex;
  padding-left: 0px;
  justify-content: space-between;
}
.lead-view-n .action-n-icons ul li {
  text-align: center;
  padding-left: 0px;
}
.lead-view-n .action-n-icons ul li a {
  width: 40px;
  background-color: #f7f7f7;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.lead-view-n .action-n-icons ul li a img {
  width: 50%;
}
.lead-view-n .action-n-icons .dropdown-menu {
  min-width: fit-content !important;
}
.lead-view-n .action-n-icons .dropdown .happy-img-drp {
  max-height: 200px;
  overflow: auto;
}
.lead-view-n .source-div {
  flex-direction: column !important;
}
.lead-view-n .source-div .js-example-basic-single {
  border-radius: 8px !important;
}
.lead-view-n .lead-new-change .nav-pills {
  padding: 0px !important;
}
.lead-view-n .lead-new-change li {
  margin: 0px !important;
  padding: 0px !important;
}
.lead-view-n .lead-new-change .grd-lead .nav-pills .nav-link {
  padding: 10px 15px !important;
}

.nLeadView {
  padding-top: 40px !important;
}
.nLeadView .leadViewBck {
  display: flex;
  align-items: center;
  padding-bottom: 40px;
}
.nLeadView .leadViewBck .icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000000;
  border-radius: 4px;
}
.nLeadView .leadViewBck .icon i {
  color: #000000;
  font-size: 24px !important;
}
.nLeadView .leadViewBck .txt {
  color: #000000;
  padding-left: 14px;
  font-size: 16px;
  font-weight: 800;
}
.nLeadView .top-section {
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 30px;
}
.nLeadView .top-section .grid-lead {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.nLeadView .top-section .grid-lead .prosec {
  display: flex;
  align-items: start;
}
.nLeadView .top-section .grid-lead .prosec .profile span {
  width: 75px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 100px;
  font-size: 30px;
  font-weight: 700;
  color: #000000 !important;
}
.nLeadView .top-section .grid-lead .activeBtn .stages ul {
  display: flex;
  flex-wrap: wrap;
}
.nLeadView .top-section .grid-lead .activeBtn .stages ul li .stages {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 30px;
  border-radius: 8px;
  background: #E6EBF0 !important;
  color: #515E6F !important;
  border: 1px solid #D6DFE3 !important;
  border-radius: 5px !important;
}
.nLeadView .top-section .grid-lead .activeBtn .stages ul li .stages.active {
  color: #ffffff !important;
  background-color: #0000ff !important;
  position: relative;
}
.nLeadView .top-section .grid-lead .activeBtn .stages ul li .stages.active:before {
  position: absolute;
  content: "L";
  -ms-transform: scaleX(-1) rotate(-35deg); /* IE 9 */
  -webkit-transform: scaleX(-1) rotate(-35deg); /* Chrome, Safari, Opera */
  transform: scaleX(-1) rotate(-35deg);
  top: 0;
  left: 26px;
}
.nLeadView .top-section .grid-lead .info {
  width: 100% !important;
  padding-left: 25px !important;
}
.nLeadView .top-section .grid-lead .info .namest {
  display: flex;
  align-items: center;
}
.nLeadView .top-section .grid-lead .info .namest p {
  margin-bottom: 0px;
  font-weight: 800;
  font-size: 21px;
  color: #000000;
}
.nLeadView .top-section .grid-lead .info .namest ul {
  display: flex;
  padding-left: 10px;
  margin-bottom: 0px;
}
.nLeadView .top-section .grid-lead .info .namest ul li {
  margin-bottom: 0px;
  padding-left: 2px;
}
.nLeadView .top-section .grid-lead .info .namest ul li a {
  color: #ffffff;
}
.nLeadView .top-section .grid-lead .info .namest ul li a.active {
  color: #FFE600;
}
.nLeadView .top-section .grid-lead .info .links {
  padding: 10px 0px 15px 0px !important;
}
.nLeadView .top-section .grid-lead .info .links .btn {
  min-height: fit-content !important;
  padding: 7px 20px !important;
  background: #E6EBF0 !important;
  color: #515E6F !important;
  border: 1px solid #D6DFE3 !important;
  border-radius: 5px !important;
  margin-right: 5px !important;
}
.nLeadView .top-section .grid-lead .info .links .btn:hover {
  color: #0000ff !important;
}
.nLeadView .top-section .grid-lead .info .actions {
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
  padding: 0px 10px !important;
}
.nLeadView .top-section .grid-lead .info .actions .action-n-icons {
  width: 32% !important;
}
.nLeadView .top-section .grid-lead .info .actions .drp-inn .dropdown-item {
  width: 100% !important;
}
.nLeadView .top-section .grid-lead .info .actions ul {
  margin-bottom: 0px;
}
.nLeadView .top-section .grid-lead .info .actions li {
  margin-bottom: 0px;
  margin-right: 10px;
}
.nLeadView .top-section .grid-lead .info .actions li a {
  background-color: transparent !important;
  border: 1px solid #D6D6D6 !important;
}
.nLeadView .top-section .grid-lead .info .actions li a img {
  width: 45% !important;
}
.nLeadView .top-section .grid-lead .info .actions .toggle {
  margin-left: 30px !important;
}
.nLeadView .top-section .grid-lead .info .actions .toggle .slider:before {
  top: 0px !important;
  left: 1px !important;
  width: 17px !important;
  height: 17px !important;
}
.nLeadView .top-section .grid-lead .info .actions .toggle .labels {
  height: 100px !important;
  top: -4px !important;
}
.nLeadView .tab-sec ul > li:nth-last-of-type(-n+2) {
  position: absolute;
  right: 0;
}
.nLeadView .tab-sec ul .navli {
  right: 80px !important;
}
.nLeadView .tab-sec .nav-pills {
  padding-left: 0px !important;
  margin: 5px 0px 10px 0px !important;
  width: 100%;
}
.nLeadView .tab-sec .nav-pills .nav-item {
  padding-left: 0px;
  margin-right: 30px;
}
.nLeadView .tab-sec .nav-pills .nav-item .nav-link {
  padding: 0px !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0px !important;
  color: #515E6F !important;
  height: fit-content !important;
  font-weight: 500 !important;
  font-size: 15px;
  margin-right: 0px !important;
}
.nLeadView .tab-sec .nav-pills .nav-item .nav-link.active {
  border: none !important;
  height: fit-content !important;
  border-radius: 0px !important;
  border-bottom: 3px solid #0000ff !important;
  color: #000000 !important;
  font-weight: 800 !important;
}
.nLeadView .tab-sec .tab-content {
  padding-top: 5px;
}
.nLeadView .tab-sec .tab-content .card {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.nLeadView .tab-sec .tab-content .card .lbl-ara .dropdown a {
  background: white !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  min-height: 40px !important;
}
.nLeadView .tab-sec .tab-content .card .ditclas {
  padding-left: 15px !important;
}
.nLeadView .tab-sec .tab-content .card .dropdown-menu .dropdown-item:hover {
  border: 1px solid #0000ff !important;
}
.nLeadView .tab-sec .tab-content .form-group .form-control {
  border-radius: 4px !important;
  border: none;
  height: 40px;
}
.nLeadView .tab-sec #communicationTab .lead-in .card {
  background-color: #ffffff !important;
}
.nLeadView .tab-sec #communicationTab .lead-in .card .card-footer {
  align-items: center !important;
  flex-direction: column !important;
}
.nLeadView .tab-sec #communicationTab .lead-in .card .card-footer .btn {
  background-color: #0000ff !important;
  white-space: pre !important;
  height: fit-content !important;
  padding: 5px 0px !important;
  width: fit-content !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-top: 10px !important;
  padding-top: 15px !important;
}
.nLeadView .tab-sec #communicationTab .lead-in .card .card-footer textarea {
  resize: none;
  border: 1px solid #EAEAEA;
  width: 100% !important;
  border-radius: 10px;
}
.nLeadView .tab-sec #communicationTab .lead-in .card .innercardleft .chatText {
  color: #ffffff !important;
  border-radius: 10px !important;
}
.nLeadView .tab-sec #communicationTab .lead-in .card .innercardright .chattext {
  color: #ffffff !important;
  border-radius: 10px;
  background-color: #000097 !important;
}
.nLeadView .tab-sec .notesTab {
  width: 650px;
}
.nLeadView .tab-sec .notesTab .card {
  background-color: #ffffff !important;
  padding: 15px 12px 10px 12px;
  border-radius: 0px;
}
.nLeadView .tab-sec .notesTab .card .head {
  display: flex;
  justify-content: space-between;
}
.nLeadView .tab-sec .notesTab .card .head .nt4 {
  display: flex;
  align-items: center;
}
.nLeadView .tab-sec .notesTab .card .head .nt4 h4 {
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 17px;
}
.nLeadView .tab-sec .notesTab .card .head .nt4 span {
  color: #bbbabd;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8fafb !important;
  width: 22px;
  height: 19px;
  border-radius: 6px;
  font-size: 12px;
  margin-left: 10px;
}
.nLeadView .tab-sec .notesTab .card .head .plusnote span {
  color: #e08766;
  font-weight: 600;
  cursor: pointer;
}
.nLeadView .tab-sec .notesTab .card .content {
  margin-top: 10px;
  border: 1px solid #eff3f5;
  border-radius: 10px;
}
.nLeadView .tab-sec .notesTab .card .content .hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eff3f5;
  padding: 10px 15px;
}
.nLeadView .tab-sec .notesTab .card .content .hd .ntbs {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #ebf1fd;
  color: #5a79cc;
}
.nLeadView .tab-sec .notesTab .card .content .hd .txt {
  color: #000000 !important;
  margin-left: 5px !important;
}
.nLeadView .tab-sec .notesTab .card .content .hd .st2 .icon {
  font-size: 16px;
  position: relative;
  top: 1px;
}
.nLeadView .tab-sec .notesTab .card .content .hd .st2 .txt {
  padding-right: 10px;
}
.nLeadView .tab-sec .notesTab .card .content .cd {
  padding: 10px 15px;
}
.nLeadView .tab-sec .notesTab .card .content .cd p {
  line-height: 20px !important;
}
.nLeadView .tab-sec .actTab {
  width: 650px;
}
.nLeadView .tab-sec .actTab .card {
  background-color: #ffffff !important;
  border-radius: 20px !important;
  padding: 20px 20px 40px 20px !important;
}
.nLeadView .tab-sec .actTab .card .hd {
  display: flex;
  justify-content: space-between;
  align-items: center !important;
}
.nLeadView .tab-sec .actTab .card .hd .dt1 {
  display: flex;
  align-items: center;
}
.nLeadView .tab-sec .actTab .card .hd .dt1 .icon {
  color: #7cb2d5;
  width: 50px;
  height: 50px;
  background-color: #f6fafc;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 24px;
}
.nLeadView .tab-sec .actTab .card .hd .dt1 h4 {
  margin-bottom: 0px !important;
  font-size: 14px !important;
  padding-left: 10px;
}
.nLeadView .tab-sec .actTab .card .hd .dt2 {
  font-size: 12px;
  color: #c5c6cc;
}
.nLeadView .tab-sec .actTab .card .content {
  padding: 10px;
}
.nLeadView .tab-sec .actTab .card .content span {
  font-size: 12px;
}
.nLeadView .tab-sec .assigntab .card {
  background-color: white !important;
  width: fit-content !important;
  border-radius: 0px !important;
  padding: 0px 20px 0px 20px !important;
}
.nLeadView .tab-sec .assigntab .card .dropdown-menu.show {
  height: 300px !important;
  overflow: scroll !important;
}
.nLeadView .tab-sec .dealsTb {
  /*//Merri Weather Font*/
  @import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
}
.nLeadView .tab-sec .dealsTb :root {
  --meeri-weather-font: "Merriweather", serif;
}
.nLeadView .tab-sec .dealsTb .head {
  display: flex;
  align-items: center;
}
.nLeadView .tab-sec .dealsTb .head h4 {
  font-weight: 700 !important;
  font-size: 18px;
  margin-bottom: 0px;
}
.nLeadView .tab-sec .dealsTb .head span {
  width: 28px;
  height: 23px;
  background: #E6EBF0;
  border: 1px solid #D6DFE3;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  font-weight: 700 !important;
  margin-left: 10px;
}
.nLeadView .tab-sec .dealsTb .cnewMain {
  width: 100%;
  background-color: #ffffff;
  border-radius: 7px;
  margin: 20px 0px 15px 0px !important;
}
.nLeadView .tab-sec .dealsTb .cnewMain a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0px;
  border-radius: 10px !important;
}
.nLeadView .tab-sec .dealsTb .cnewMain a i {
  padding-right: 15px;
}
.nLeadView .tab-sec .dealsTb .cnewConte .card {
  background-color: #ffffff !important;
  border-radius: 7px;
  padding: 10px 15px 20px 20px !important;
}
.nLeadView .tab-sec .dealsTb .cnewConte .card .hd {
  display: flex !important;
  justify-content: space-between !important;
}
.nLeadView .tab-sec .dealsTb .cnewConte .card .hd p {
  color: #515E6F;
}
.nLeadView .tab-sec .dealsTb .cnewConte .card .hd span {
  width: 71px;
  height: 23px;
  background: #E0FFDB;
  border: 1px solid #24FF00;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nLeadView .tab-sec .dealsTb .cnewConte .card .dt h4 {
  font-family: var(--meeri-weather-font) !important;
  margin-bottom: 0px;
  font-size: 14px;
}
.nLeadView .tab-sec .dealsTb .cnewConte p {
  margin-bottom: 0px;
}
.nLeadView .tab-sec .taskTb {
  /*//Merri Weather Font*/
  @import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
}
.nLeadView .tab-sec .taskTb :root {
  --meeri-weather-font: "Merriweather", serif;
}
.nLeadView .tab-sec .taskTb .head {
  display: flex;
  align-items: center;
}
.nLeadView .tab-sec .taskTb .head h4 {
  font-weight: 700 !important;
  font-size: 18px;
  margin-bottom: 0px;
}
.nLeadView .tab-sec .taskTb .head span {
  width: 28px;
  height: 23px;
  background: #E6EBF0;
  border: 1px solid #D6DFE3;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  font-weight: 700 !important;
  margin-left: 10px;
}
.nLeadView .tab-sec .taskTb .cnewMain {
  width: 100%;
  background-color: #ffffff;
  border-radius: 7px;
  margin: 20px 0px 15px 0px !important;
}
.nLeadView .tab-sec .taskTb .cnewMain a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0px;
  border-radius: 10px !important;
}
.nLeadView .tab-sec .taskTb .cnewMain a i {
  padding-right: 15px;
}
.nLeadView .tab-sec .taskTb .cnewConte .card {
  background-color: #ffffff !important;
  border-radius: 7px;
  padding: 10px 15px 20px 20px !important;
}
.nLeadView .tab-sec .taskTb .cnewConte .card .hd {
  display: flex !important;
  justify-content: space-between !important;
}
.nLeadView .tab-sec .taskTb .cnewConte .card .hd p {
  color: #515E6F;
}
.nLeadView .tab-sec .taskTb .cnewConte .card .hd span {
  width: 71px;
  height: 23px;
  background: #E0FFDB;
  border: 1px solid #24FF00;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nLeadView .tab-sec .taskTb .cnewConte .card .dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0px 5px 0px !important;
}
.nLeadView .tab-sec .taskTb .cnewConte .card .dt h4 {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 800;
}
.nLeadView .tab-sec .taskTb .cnewConte .card .dt .dn {
  width: 105px;
  height: 40px;
  background: #F9F9F9;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9A9A9A;
}
.nLeadView .tab-sec .taskTb .cnewConte p {
  margin-bottom: 0px;
}
.nLeadView .subs-track .frm-slc input[type=checkbox] {
  position: relative;
  appearance: none;
  width: 60px;
  height: 25px !important;
  background: #EAEAEA;
  border-radius: 50px;
  cursor: pointer;
  border: none !important;
  transition: 0.4s;
  margin-left: 15px;
}
.nLeadView .subs-track .frm-slc input:checked[type=checkbox] {
  background: #0000FF;
}
.nLeadView .subs-track .frm-slc input[type=checkbox]::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 4px;
  left: 5px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
  transition: 0.4s;
}
.nLeadView .subs-track .frm-slc input:checked[type=checkbox]::after {
  left: 60%;
}

.live-pricing-btn {
  font-family: var(--anton-font);
  font-weight: 500 !important;
}

.scoreboard-leadpage .btn {
  border: 1px solid #dddddd !important;
  box-shadow: none !important;
}

.lead-page-dashboard i {
  font-size: 20px !important;
}

.flexWrapper {
  display: flex;
  min-height: 100vh;
}

#donut {
  margin: auto;
}

.btn-circle-primary.small.chat-icon {
  background-color: #0000ff !important;
  color: #000000;
}

.innercardleft .chatText {
  background-color: #0000ff !important;
}

.innercardright .chattext {
  background-color: #1d5d49 !important;
  color: #ffffff !important;
}

.stps-ar {
  display: flex;
  padding: 0;
  justify-content: space-between;
  max-width: 720px !important;
}
.stps-ar .in-stps {
  clip-path: polygon(16% 50%, 0 25%, 83% 25%, 100% 50%, 82% 73%, 0 73%);
  background-color: #E9EBEF;
  width: 180px;
  height: 100px;
  display: flex;
  padding: 0;
  border-radius: 10px 0 0 10px !important;
  position: relative;
  justify-content: center;
  align-items: center;
}
.stps-ar .in-stps:first-child {
  clip-path: polygon(0 25%, 83% 25%, 100% 50%, 82% 73%, 0 73%);
}
.stps-ar .in-stps:last-child {
  clip-path: polygon(16% 50%, 0 25%, 83% 25%, 83% 60%, 83% 73%, 0 73%);
}
.stps-ar .in-stps a {
  position: absolute;
  top: 0;
  font-size: 12px;
  width: 100%;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #999999;
}
.stps-ar .in-stps.active a {
  background-color: #0000ff;
  color: #000000;
}

.drp-unr a {
  color: #000000;
  padding: 0 10px !important;
  font-size: 12px;
}

span.cunt {
  background-color: #fc2a2a;
  color: #ffffff;
  font-size: 12px;
}

.donutchart-track {
  fill: transparent;
  stroke: #DAE2E5;
  stroke-width: 26;
}

.donutchart-indicator {
  fill: transparent;
  stroke: #009688;
  stroke-width: 26;
  stroke-dasharray: 0 10000;
  transition: stroke-dasharray 0.3s ease;
}

.donutchart {
  margin: 0 auto;
  border-radius: 50%;
  display: block;
}

.donutchart-text {
  font-family: "Roboto";
  fill: #607580;
}

.donutchart-text-val {
  font-size: 22px;
}

.donutchart-text-percent {
  font-size: 14px;
}

.donutchart-text-label {
  font-size: 9px;
}

.swtch {
  /* Small */
  /* Large */
}
.swtch .switch input[type=checkbox] {
  display: none;
}
.swtch .switch label {
  margin-bottom: 0;
}
.swtch .switch input[type=checkbox] + label {
  position: relative;
  min-width: 3.8rem;
  border-radius: 1.9rem;
  height: 1.9rem;
  line-height: 1.9rem;
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: 4.3rem;
}
.swtch .switch input[type=checkbox] + label::before,
.swtch .switch input[type=checkbox] + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.8rem;
  bottom: 0;
  display: block;
}
.swtch .switch input[type=checkbox] + label::before {
  right: 0;
  background-color: #000000;
  border-radius: 1.9rem;
  transition: 0.2s all;
}
.swtch .switch input[type=checkbox] + label::after {
  top: 2px;
  left: 2px;
  width: calc(1.9rem - 4px);
  height: calc(1.9rem - 4px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease-in 0s;
}
.swtch .switch input[type=checkbox]:checked + label::before {
  background-color: #0000ff;
}
.swtch .switch input[type=checkbox]:checked + label::after {
  margin-left: 1.9rem;
}
.swtch .switch input[type=checkbox]:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}
.swtch .switch input[type=checkbox]:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.swtch .switch input[type=checkbox]:disabled + label::before {
  background-color: #e9ecef;
}
.swtch .switch.switch-xs {
  font-size: 0.8rem;
}
.swtch .switch.switch-xs input[type=checkbox] + label {
  min-width: 2.46rem;
  height: 1.23rem;
  line-height: 1.23rem;
  text-indent: 2.96rem;
}
.swtch .switch.switch-xs input[type=checkbox] + label::before {
  width: 2.46rem;
}
.swtch .switch.switch-xs input[type=checkbox] + label::after {
  width: calc(1.23rem - 4px);
  height: calc(1.23rem - 4px);
}
.swtch .switch.switch-xs input[type=checkbox]:checked + label::after {
  margin-left: 1.23rem;
}
.swtch .switch.switch-sm {
  font-size: 0.875rem;
}
.swtch .switch.switch-sm input[type=checkbox] + label {
  min-width: 3.1rem;
  height: 1.55rem;
  line-height: 1.55rem;
  text-indent: 3.6rem;
}
.swtch .switch.switch-sm input[type=checkbox] + label::before {
  width: 3.1rem;
}
.swtch .switch.switch-sm input[type=checkbox] + label::after {
  width: calc(1.55rem - 4px);
  height: calc(1.55rem - 4px);
}
.swtch .switch.switch-sm input[type=checkbox]:checked + label::after {
  margin-left: 1.55rem;
}
.swtch .switch.switch-lg {
  font-size: 1.25rem;
}
.swtch .switch.switch-lg input[type=checkbox] + label {
  min-width: 4.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-indent: 5.3rem;
}
.swtch .switch.switch-lg input[type=checkbox] + label::before {
  width: 4.8rem;
}
.swtch .switch.switch-lg input[type=checkbox] + label::after {
  width: calc(2.4rem - 4px);
  height: calc(2.4rem - 4px);
}
.swtch .switch.switch-lg input[type=checkbox]:checked + label::after {
  margin-left: 2.4rem;
}
.swtch .switch + .switch {
  margin-left: 1rem;
}

.side-add-log {
  background: url(../../login2/img/newbg.png);
  width: 100%;
  background-repeat: no-repeat;
  margin-left: auto;
  height: 100%;
  position: relative;
  background-size: cover !important;
  background-position: center !important;
}

.dltw b {
  font-family: var(--anton-font);
  font-weight: 500 !important;
  font-size: 46px !important;
  color: #000000 !important;
}

.pcc-percents-wrapper.schart {
  line-height: 50px;
  position: relative;
  bottom: 25px;
}

.piechart1 {
  --value: 50%;
  --hole: 88%;
  --size: 300px;
  --color: $primaryCol;
  --track: silver;
  width: var(--size, 10em);
  height: var(--size, 10em);
  border-radius: 50%;
  background-color: yellow;
  background: radial-gradient(circle closest-side, white 0, white var(--hole, 50%), transparent 0%), conic-gradient(var(--color, red) 0%, var(--color, red) var(--value, 50%), blue 50%, blue 80%, transparent 0%), var(--track, silver);
}

.revenue-page {
  font-family: "Nunito", sans-serif !important;
}
.revenue-page table {
  border-spacing: 0px 15px !important;
  border: none !important;
}
.revenue-page p,
.revenue-page h4,
.revenue-page h2 {
  margin-bottom: 0px !important;
}
.revenue-page .all-income-date {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.revenue-page .all-income-date .row {
  display: grid;
  grid-template-columns: 260px 260px 260px 260px;
}
.revenue-page .all-income-date .card {
  border-radius: 20px;
  border: 1px solid #D3CBFB;
  width: 240px;
  padding: 24px !important;
}
.revenue-page .all-income-date .card .pp {
  color: #999999 !important;
  font-weight: 600;
}
.revenue-page .all-income-date .card h2 {
  font-weight: 800;
}
.revenue-page .all-income-date .card .bln {
  color: #0000FF;
  font-weight: 900;
}
.revenue-page .all-income-date .mdcard {
  display: flex;
  background-color: transparent !important;
  border: none !important;
  height: 100%;
  justify-content: center;
  padding-left: 0px !important;
  cursor: pointer;
  box-shadow: none;
}
.revenue-page .all-income-date .mdcard .modal-icon {
  background-color: #000000;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
.revenue-page .all-income-date .mdcard .modal-icon i {
  font-size: 22px;
  color: #ffffff !important;
}
.revenue-page .tb-data .card {
  background-color: transparent !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: none;
}
.revenue-page .tb-data .thhead {
  background: transparent !important;
}
.revenue-page .tb-data .assign-to {
  width: 30px !important;
  height: 30px !important;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100px;
}
.revenue-page .tb-data .same-p {
  font-size: 13px !important;
}
.revenue-page .tb-data .gr {
  color: #999999;
}
.revenue-page .tb-data .br {
  color: #000000;
  font-weight: 800;
}
.revenue-page .tb-data .amnt {
  color: #0000FF;
  font-size: 14px !important;
  font-weight: 800;
}
.revenue-page .tb-data .thname {
  font-size: 13px !important;
}
.revenue-page .tb-data table.dataTable.no-footer {
  border-bottom: 0px !important;
}
.revenue-page .tb-data table.dataTable thead > tr > th.sorting,
.revenue-page .tb-data table.dataTable thead > tr > th.sorting_asc {
  border: none !important;
}
.revenue-page .tb-data table.dataTable tbody tr {
  background: white;
}
.revenue-page .tb-data table.dataTable tbody tr td:last-child {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  padding-right: 10px !important;
}
.revenue-page .tb-data table.dataTable tbody tr td:first-child {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}
.revenue-page .tb-data table.dataTable tbody td {
  padding: 15px 0px 15px 20px;
  border: none !important;
}
.revenue-page .tb-data table.dataTable thead th {
  padding: 8px 0px 8px 20px;
  margin-bottom: 120px;
}
.revenue-page .tb-data .net-val {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.revenue-page .newff {
  display: none !important;
}
.revenue-page .run-commissions {
  border-top: 1px solid #D7D7D7;
  margin-top: 20px;
}
.revenue-page .run-commissions .paertntp {
  padding-top: 20px;
}
.revenue-page .run-commissions .bbtn {
  width: 16%;
}
.revenue-page .run-commissions .c-btn {
  background-color: #0000FF !important;
  border-radius: 100px;
  color: white !important;
  box-shadow: none !important;
}
.revenue-page .run-commissions .c-btn:hover {
  transform: scale(1) !important;
}
.revenue-page .run-commissions .all-total {
  width: 72%;
  display: flex;
  justify-content: space-between;
}
.revenue-page .run-commissions .all-total .pt {
  color: #000000 !important;
  font-weight: 800;
  font-size: 14px !important;
}
.revenue-page .run-commissions .all-total .amt {
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #0000FF;
}
.revenue-page #addRev .modal-content {
  border-radius: 15px;
}
.revenue-page #addRev button {
  PADDING: 15px 45px;
  font-weight: 500;
}
.revenue-page #addRev button:hover {
  transform: scale(1);
}
.revenue-page #addRev p {
  padding: 10px 0px 24px 0px;
}
.revenue-page #addRev .modal-dialog {
  width: 800px !important;
  text-align: center;
}
.revenue-page #addRev .modal-dialog .btn-primary {
  background-color: #0000FF !important;
  color: white !important;
  width: 100%;
  border-radius: 100px;
  box-shadow: none !important;
  padding: 10px 0px;
}
.revenue-page #addRev .modal-dialog .btn-primary:hover {
  transform: scale(1) !important;
}
.revenue-page #addRev .modal-footer {
  justify-content: center !important;
  padding-top: 0px !important;
  margin-bottom: 15px;
}
.revenue-page #addRev .modal-body {
  padding-bottom: 0px !important;
  padding-top: 35px;
}
.revenue-page #addRev .modal-body label {
  color: black !important;
  font-weight: 800 !important;
}
.revenue-page #addRev .modal-body .form-control {
  border-color: #E9EBEF !important;
}
.revenue-page #addRev #suser option[value=blake] {
  background-image: url("../img/leadban.png");
}
.revenue-page #addRev2 .modal-content {
  border-radius: 15px;
}
.revenue-page #addRev2 button {
  PADDING: 15px 45px;
  font-weight: 500;
}
.revenue-page #addRev2 button:hover {
  transform: scale(1);
}
.revenue-page #addRev2 p {
  padding: 10px 0px 24px 0px;
}
.revenue-page #addRev2 .modal-dialog {
  width: 800px !important;
  text-align: center;
}
.revenue-page #addRev2 .modal-dialog .btn-primary {
  background-color: #0000FF !important;
  color: white !important;
  width: 100%;
  border-radius: 100px;
  box-shadow: none !important;
  padding: 10px 0px;
}
.revenue-page #addRev2 .modal-dialog .btn-primary:hover {
  transform: scale(1) !important;
}
.revenue-page #addRev2 .modal-footer {
  justify-content: center !important;
  padding-top: 0px !important;
  margin-bottom: 15px;
}
.revenue-page #addRev2 .modal-body {
  padding-bottom: 0px !important;
  padding-top: 35px;
}
.revenue-page #addRev2 .modal-body label {
  color: black !important;
  font-weight: 800 !important;
}
.revenue-page #addRev2 .modal-body .form-control {
  border-color: #E9EBEF !important;
}
.revenue-page #addRev2 #suser option[value=blake] {
  background-image: url("../img/leadban.png");
}
.revenue-page .month-drp .dropdown-menu {
  max-height: 300px !important;
  overflow: scroll;
  width: 100%;
}
.revenue-page .img-users {
  position: relative;
  /* item list */
}
.revenue-page .img-users .s-user-sty {
  position: absolute;
  top: 40px;
  right: 19px;
  font-size: 15px;
}
.revenue-page .img-users .vodiapicker {
  display: none;
}
.revenue-page .img-users #a {
  padding-left: 0px;
}
.revenue-page .img-users #a img,
.revenue-page .img-users .btn-select img {
  width: 20px;
}
.revenue-page .img-users #a li {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.revenue-page .img-users #a li:hover {
  background-color: #F4F3F3;
}
.revenue-page .img-users #a li img {
  margin: 5px;
}
.revenue-page .img-users #a li span,
.revenue-page .img-users .btn-select li span {
  margin-left: 15px;
}
.revenue-page .img-users .b {
  display: none;
  width: 100%;
  max-width: 350px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.revenue-page .img-users .open {
  display: show !important;
}
.revenue-page .img-users .btn-select {
  width: 100%;
  max-width: 350px;
  height: 40px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #E9EBEF;
}
.revenue-page .img-users .btn-select li {
  list-style: none;
  float: left;
  padding-bottom: 0px;
}
.revenue-page .img-users .btn-select:hover li {
  margin-left: 0px;
}
.revenue-page .img-users .btn-select:hover {
  background-color: #F4F3F3;
  border: 1px solid transparent;
  box-shadow: inset 0 0px 0px 1px #ccc;
}
.revenue-page .img-users .btn-select:focus {
  outline: none;
}
.revenue-page-sec {
  font-family: "Inter", sans-serif !important;
}
.revenue-page-sec .loop-data {
  padding-left: 0px;
}
.revenue-page-sec table {
  border-spacing: 0px 15px !important;
  border: none !important;
}
.revenue-page-sec table tr {
  position: relative !important;
}
.revenue-page-sec p,
.revenue-page-sec h4,
.revenue-page-sec h2,
.revenue-page-sec a {
  margin-bottom: 0px !important;
  font-family: "Inter", sans-serif !important;
}
.revenue-page-sec .top-score .card.dtl {
  padding-bottom: 5px !important;
}
.revenue-page-sec .top-score .card {
  background-color: white;
  border: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px 0px;
  border-radius: 20px;
  border: 1px solid #D3CBFB;
}
.revenue-page-sec .top-score .card p {
  color: black;
  font-weight: 600;
  font-size: 16px;
}
.revenue-page-sec .top-score .card h2 {
  font-size: 42px;
  font-weight: 900;
  color: black;
  padding: 12px 0px;
}
.revenue-page-sec .top-score .card ul {
  display: flex;
  padding-left: 0px;
}
.revenue-page-sec .top-score .card ul li i {
  color: #0000FF;
  font-size: 22px;
}
.revenue-page-sec .tb-data .card {
  background-color: transparent !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: none !important;
}
.revenue-page-sec .tb-data .thhead {
  background: transparent !important;
}
.revenue-page-sec .tb-data .assign-to {
  width: 30px !important;
  height: 30px !important;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100px;
}
.revenue-page-sec .tb-data .same-p {
  font-size: 13px !important;
}
.revenue-page-sec .tb-data .gr {
  color: black;
}
.revenue-page-sec .tb-data .br {
  color: #000000;
  font-weight: 900;
}
.revenue-page-sec .tb-data .amnt {
  color: #0000FF;
  font-size: 14px !important;
  font-weight: 800;
}
.revenue-page-sec .tb-data .thname {
  font-size: 13px !important;
}
.revenue-page-sec .tb-data .rating {
  display: flex;
}
.revenue-page-sec .tb-data .rating li .la-star {
  font-size: 18px;
  color: #CDCDCD;
}
.revenue-page-sec .tb-data .rating li .la-star.active {
  color: #0000FF;
  font-size: 18px;
}
.revenue-page-sec .tb-data .review-status .dropdown a {
  background: transparent !important;
  font-weight: 800 !important;
  padding: 0px !important;
  box-shadow: none !important;
  width: 80%;
  color: black !important;
  display: flex;
  justify-content: space-between;
}
.revenue-page-sec .tb-data .review-status .dropdown a:hover {
  background: transparent !important;
  color: black !important;
}
.revenue-page-sec .tb-data .review-status .dropdown a i {
  color: black;
  font-size: 16px;
}
.revenue-page-sec .tb-data .review-status .review-desc {
  padding: 10px;
}
.revenue-page-sec .tb-data .resend-btn .btn-primary {
  background-color: #0000FF !important;
  color: white !important;
  padding: 10px 30px !important;
  font-size: 13px !important;
  border-radius: 100px;
  box-shadow: none !important;
}
.revenue-page-sec .tb-data .resend-btn .btn-primary:hover {
  transform: scale(1) !important;
}
.revenue-page-sec .tb-data .resend-btn .btn-primary.dsbbtn {
  background-color: #EBEBEB !important;
}
.revenue-page-sec .tb-data .resend-btn .btn-primary.disabled {
  background-color: #EBEBEB !important;
}
.revenue-page-sec .tb-data table.dataTable.no-footer {
  border-bottom: 0px !important;
}
.revenue-page-sec .tb-data table.dataTable thead > tr > th.sorting,
.revenue-page-sec .tb-data table.dataTable thead > tr > th.sorting_asc {
  border: none !important;
}
.revenue-page-sec .tb-data table.dataTable tbody tr {
  background: white;
}
.revenue-page-sec .tb-data table.dataTable tbody tr td:last-child {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  padding-right: 10px !important;
}
.revenue-page-sec .tb-data table.dataTable tbody tr td:first-child {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}
.revenue-page-sec .tb-data table.dataTable tbody td {
  padding: 15px 0px 15px 20px;
  border: none !important;
}
.revenue-page-sec .tb-data table.dataTable thead th {
  padding: 8px 0px 8px 20px;
  margin-bottom: 120px;
}
.revenue-page-sec .tb-data .net-val {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.revenue-page-sec .newff {
  display: none !important;
}
.revenue-page-sec .r-status-desc {
  width: 100%;
  background-color: white !important;
  padding: 20px !important;
  border-radius: 0px;
  display: none;
  font-size: 13px;
  font-weight: 800;
}
.revenue-page-sec .rdshow {
  display: block;
  margin-top: -24px;
  border-radius: 0 0 20px 20px;
  text-align: center;
}
.revenue-page-sec .mainhead {
  display: flex;
  width: 100%;
  padding: 15px 0px;
}
.revenue-page-sec .mainhead p {
  padding: 0px 15px;
  color: black;
  font-weight: 600;
  font-size: 13px !important;
}
.revenue-page-sec .main-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0px 10px 0px;
  background-color: white;
  border-radius: 15px;
  position: relative;
}
.revenue-page-sec .main-data > li {
  background-color: white;
  width: 100%;
  padding: 0px 15px;
}
.revenue-page-sec .loop-data > li {
  padding-bottom: 10px;
}
.revenue-page-sec .tstatus-mor {
  border: 2px solid black;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0px !important;
}
.revenue-page-sec .tstatus-mor.or {
  border-color: #FFB800 !important;
}
.revenue-page-sec .tstatus-mor.yel {
  border-color: #FFF500 !important;
}
.revenue-page-sec .tstatus-mor.red {
  border-color: #FF0000 !important;
}
.revenue-page-sec .tstatus-mor.blue {
  border-color: #0000FF !important;
}

.toggle-data p {
  font-size: 12px !important;
  font-weight: 600 !important;
}
.toggle-data span {
  font-size: 12px !important;
  font-weight: 600 !important;
}
.toggle-data .card label {
  position: relative;
}
.toggle-data .card .dollar {
  position: absolute;
  top: 8px;
  left: 12px;
  font-weight: 900 !important;
  font-size: 16px !important;
}
.toggle-data .card .form-control {
  border-color: #CECECE;
}
.toggle-data .card .cct {
  color: #0000FF;
  font-weight: bold !important;
}
.toggle-data .card .bot-cont {
  padding-top: 67px;
}
.toggle-data .card .bot-cont .fp-2 {
  padding: 10px 0px;
}
.toggle-data .card .bot-cont b {
  font-weight: 900 !important;
}
.toggle-data .card .bot-cont .epo-num {
  background-color: black;
  color: white;
  width: 25px;
  height: 25px;
  font-size: 20px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-item: center;
}
.toggle-data .cmimg img {
  width: 20px;
  heigth: 20px;
  margin-right: 10px;
}
.toggle-data .c4-bt {
  padding-top: 60px;
}
.toggle-data .strt .col {
  padding: 0px 20px 0px 10px;
}
.toggle-data .strt .dollar {
  top: 33px;
}
.toggle-data .strt label {
  margin-bottom: 0px;
}
.toggle-data .strt input {
  margin: 25px 0px;
}

.rimg {
  width: 100%;
  border: 1px solid #CECECE;
  padding: 7px 10px;
  border-radius: 7px;
}
.rimg img {
  wdith: 20px;
  height: 20px;
}
.rimg span {
  padding-left: 10px;
}

.tooglebtn {
  border-top: 1px solid #DDDDDD;
  padding-top: 30px;
  padding-bottom: 10px;
  margin-top: 25px;
}
.tooglebtn .btn {
  border-radius: 100px !important;
  padding: 5px 40px;
}
.tooglebtn .btn:hover {
  transform: scale(1) !important;
}
.tooglebtn .b1 {
  border: 1px solid #0000FF !important;
  color: black !important;
  background-color: transparent !important;
  box-shadow: none !important;
  margin-right: 10px;
}
.tooglebtn .b2 {
  border: 1px solid #0000FF !important;
  color: black !important;
  background-color: #0000FF !important;
  color: white !important;
  box-shadow: none !important;
}

.actionabs {
  position: absolute !important;
  width: auto !important;
  right: -10px !important;
  background: transparent !important;
}

.revenue-modal .modal-footer button {
  font-weight: 400 !important;
  padding: 15px 50px;
}

.reviews-page {
  font-family: "Inter", sans-serif !important;
}
.reviews-page table {
  border-spacing: 0px 15px !important;
  border: none !important;
}
.reviews-page table tr {
  position: relative !important;
}
.reviews-page p,
.reviews-page h4,
.reviews-page h2,
.reviews-page a {
  margin-bottom: 0px !important;
  font-family: "Inter", sans-serif !important;
}
.reviews-page .top-score .card.dtl {
  padding-bottom: 5px !important;
}
.reviews-page .top-score .card {
  background-color: white;
  border: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px 0px;
  border-radius: 20px;
  border: 1px solid #D3CBFB;
}
.reviews-page .top-score .card p {
  color: black;
  font-weight: 600;
  font-size: 16px;
}
.reviews-page .top-score .card h2 {
  font-size: 42px;
  font-weight: 900;
  color: black;
  padding: 12px 0px;
}
.reviews-page .top-score .card ul {
  display: flex;
  padding-left: 0px;
}
.reviews-page .top-score .card ul li i {
  color: #0000FF;
  font-size: 22px;
}
.reviews-page .tb-data .card {
  background-color: transparent !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: none !important;
}
.reviews-page .tb-data .thhead {
  background: transparent !important;
}
.reviews-page .tb-data .assign-to {
  width: 30px !important;
  height: 30px !important;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100px;
}
.reviews-page .tb-data .same-p {
  font-size: 13px !important;
}
.reviews-page .tb-data .gr {
  color: black;
}
.reviews-page .tb-data .br {
  color: #000000;
  font-weight: 900;
}
.reviews-page .tb-data .amnt {
  color: #0000FF;
  font-size: 14px !important;
  font-weight: 800;
}
.reviews-page .tb-data .thname {
  font-size: 13px !important;
}
.reviews-page .tb-data .rating {
  display: flex;
}
.reviews-page .tb-data .rating li .la-star {
  font-size: 18px;
  color: #CDCDCD;
}
.reviews-page .tb-data .rating li .la-star.active {
  color: #0000FF;
  font-size: 18px;
}
.reviews-page .tb-data .review-status .dropdown a {
  background: transparent !important;
  font-weight: 800 !important;
  padding: 0px !important;
  box-shadow: none !important;
  width: 80%;
  color: black !important;
  display: flex;
  justify-content: space-between;
}
.reviews-page .tb-data .review-status .dropdown a:hover {
  background: transparent !important;
  color: black !important;
}
.reviews-page .tb-data .review-status .dropdown a i {
  color: black;
  font-size: 16px;
}
.reviews-page .tb-data .review-status .review-desc {
  padding: 10px;
}
.reviews-page .tb-data .resend-btn .btn-primary {
  background-color: #0000FF !important;
  color: white !important;
  padding: 10px 30px !important;
  font-size: 13px !important;
  border-radius: 100px;
  box-shadow: none !important;
}
.reviews-page .tb-data .resend-btn .btn-primary:hover {
  transform: scale(1) !important;
}
.reviews-page .tb-data .resend-btn .btn-primary.dsbbtn {
  background-color: #EBEBEB !important;
}
.reviews-page .tb-data .resend-btn .btn-primary.disabled {
  background-color: #EBEBEB !important;
}
.reviews-page .tb-data table.dataTable.no-footer {
  border-bottom: 0px !important;
}
.reviews-page .tb-data table.dataTable thead > tr > th.sorting,
.reviews-page .tb-data table.dataTable thead > tr > th.sorting_asc {
  border: none !important;
}
.reviews-page .tb-data table.dataTable tbody tr {
  background: white;
}
.reviews-page .tb-data table.dataTable tbody tr td:last-child {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  padding-right: 10px !important;
}
.reviews-page .tb-data table.dataTable tbody tr td:first-child {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}
.reviews-page .tb-data table.dataTable tbody td {
  padding: 15px 0px 15px 20px;
  border: none !important;
}
.reviews-page .tb-data table.dataTable thead th {
  padding: 8px 0px 8px 20px;
  margin-bottom: 120px;
}
.reviews-page .tb-data .net-val {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000000;
  justify-content: space-between;
}
.reviews-page .newff {
  display: none !important;
}
.reviews-page .r-status-desc {
  width: 100%;
  background-color: white !important;
  padding: 20px !important;
  border-radius: 0px;
  display: none;
  font-size: 13px;
  font-weight: 800;
}
.reviews-page .rdshow {
  display: block;
  margin-top: -24px;
  border-radius: 0 0 20px 20px;
  text-align: center;
}
.reviews-page .mainhead {
  display: flex;
  width: 100%;
  padding: 15px 0px;
}
.reviews-page .mainhead p {
  padding: 0px 15px;
  color: black;
  font-weight: 600;
  font-size: 13px !important;
}
.reviews-page .main-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0px;
  background-color: white;
  border-radius: 20px;
  position: relative;
}
.reviews-page .main-data > li {
  background-color: white;
  width: 100%;
  padding: 0px 15px;
}
.reviews-page .loop-data > li {
  padding-bottom: 10px;
}

.commision-view {
  @import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
  font-family: "Inter", sans-serif !important;
}
.commision-view :root {
  --anton-font: "Anton", sans-serif;
}
.commision-view p,
.commision-view h4,
.commision-view h2,
.commision-view a {
  margin-bottom: 0px !important;
  font-family: "Inter", sans-serif !important;
}
.commision-view .tob-tot .card {
  height: 100%;
  overflow: hidden;
  background-color: transparent !important;
  border: none;
  box-shadow: none;
}
.commision-view .tob-tot .cont {
  padding: 42px 0px 35px 30px;
}
.commision-view .tob-tot .banner {
  border-radius: 15px !important;
  background: linear-gradient(180deg, #0000FF 0%, #0000A8 100%);
}
.commision-view .tob-tot .banner h2 {
  font-family: var(--anton-font) !important;
  color: white;
  font-size: 30px;
}
.commision-view .tob-tot .banner h2:first-child {
  line-height: 20px;
}
.commision-view .tob-tot .grd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 10px;
}
.commision-view .tob-tot .grd .card {
  background-color: white !important;
  height: 100%;
  border-radius: 5px !important;
  height: 63px;
}
.commision-view .tob-tot .grd .cols {
  border-radius: 20px !important;
  border: none;
}
.commision-view .tob-tot .grd .cols .content {
  text-align: center;
  padding: 5px 12px;
}
.commision-view .tob-tot .grd .cols .content h4 {
  font-size: 16px;
  font-weight: 700;
}
.commision-view .tob-tot .grd .cols .content h5 {
  font-size: 25px;
  color: #0000FF;
  font-weight: 900;
  padding-top: 3px;
}
.commision-view .commisions-tabs {
  margin-top: 20px;
}
.commision-view .commisions-tabs .nav .nav-item {
  padding-right: 35px;
}
.commision-view .commisions-tabs .nav .nav-link {
  background-color: transparent !important;
  border: none !important;
  color: black;
  font-weight: 700;
  padding: 8px 0px;
  font-size: 15px;
}
.commision-view .commisions-tabs .nav .nav-link.active {
  position: relative;
}
.commision-view .commisions-tabs .nav .nav-link.active:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0000FF;
  width: 100%;
  height: 1px;
}
.commision-view .commisions-tabs .tab-content .videos .grd {
  display: grid;
  grid-template-columns: 220px 220px 220px;
  grid-column-gap: 20px;
}
.commision-view .commisions-tabs .tab-content .videos .grd .img {
  position: relative;
  cursor: pointer;
}
.commision-view .commisions-tabs .tab-content .videos .grd .img:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.4;
}
.commision-view .commisions-tabs .tab-content .videos .grd .img .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.commision-view .commisions-tabs .tab-content .videos .grd .img .icon i {
  font-size: 75px;
  color: white;
}
.commision-view .commisions-tabs .tab-content .videos .grd .content {
  display: flex;
  padding: 14px;
}
.commision-view .commisions-tabs .tab-content .videos .grd .content .ytext {
  font-size: 14px;
  padding-left: 10px;
  line-height: 18px;
}
.commision-view .commisions-tabs .tab-content .videos .grd .content .img-thumb-parent {
  width: 80px;
  height: 80px;
}
.commision-view .commisions-tabs .tab-content .videos .grd .content .img-thumb {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 100px;
}
.commision-view .commisions-tabs .kanban-tab .card.last-card {
  position: relative;
}
.commision-view .commisions-tabs .kanban-tab .card.last-card:before {
  position: absolute;
  top: 5px;
  left: -18px;
  background-color: black;
  width: 2px;
  height: 100%;
  content: "";
}
.commision-view .commisions-tabs .kanban-tab .card {
  background-color: transparent !important;
  border: none !important;
  margin-bottom: 100px;
}
.commision-view .commisions-tabs .kanban-tab .card .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.commision-view .commisions-tabs .kanban-tab .card .head p {
  font-size: 16px;
}
.commision-view .commisions-tabs .kanban-tab .card .head .ssd {
  display: flex;
}
.commision-view .commisions-tabs .kanban-tab .card .head .ssd .count {
  border: 2px solid #0000FF;
  border-radius: 100px;
  padding: 0px 23px;
  font-weight: 900;
  height: 25px;
  background-color: #BFBFFF;
  color: #0000FF;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1px;
}
.commision-view .commisions-tabs .kanban-tab .card .head .ssd .plus {
  background-color: black;
  width: 25px;
  height: 25px;
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
}
.commision-view .commisions-tabs .kanban-tab .card .head .ssd .plus i {
  color: white;
  font-size: 16px;
}
.commision-view .commisions-tabs .kanban-tab .data {
  padding-top: 0px;
}
.commision-view .commisions-tabs .kanban-tab .kanban-heading {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: sans-serif;
}
.commision-view .commisions-tabs .kanban-tab .kanban-board {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: sans-serif;
}
.commision-view .commisions-tabs .kanban-tab .kanban-heading-text {
  font-size: 1.8rem;
  background-color: tomato;
  padding: 0.8rem 1.7rem;
  border-radius: 0.5rem;
  margin: 1rem;
}
.commision-view .commisions-tabs .kanban-tab .kanban-block {
  max-height: 600px !important;
  min-height: 600px !important;
  overflow: scroll;
}
.commision-view .commisions-tabs .kanban-tab .kanban-block,
.commision-view .commisions-tabs .kanban-tab .create-new-task-block {
  border: none;
  width: inherit;
  min-width: 14rem;
  min-height: 4.5rem;
  border-radius: 0.3rem;
}
.commision-view .commisions-tabs .kanban-tab .task.active {
  border: 3px solid #0000FF !important;
}
.commision-view .commisions-tabs .kanban-tab .task {
  background-color: white;
  margin: 0.2rem 0rem 1.3rem 0rem;
  border-radius: 0.2rem;
  padding: 15px 20px;
  border-radius: 10px !important;
}
.commision-view .commisions-tabs .kanban-tab .task small {
  font-size: 10px;
  font-weight: 800;
  color: black;
}
.commision-view .commisions-tabs .kanban-tab .task .ins p {
  font-size: 16px;
  font-weight: 900;
}
.commision-view .commisions-tabs .kanban-tab .task .ins .sm {
  font-size: 11px;
}
.commision-view .commisions-tabs .kanban-tab .task .ins small {
  font-size: 11px;
  font-weight: 900;
}
.commision-view .commisions-tabs .kanban-tab .task .action .icon {
  display: flex;
}
.commision-view .commisions-tabs .kanban-tab .task .action .icon span {
  border: 1px solid black;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.commision-view .commisions-tabs .kanban-tab .task .action .icon span img {
  width: 10px;
}
.commision-view .commisions-tabs .kanban-tab .task .action small {
  font-size: 11px;
  font-weight: 900;
}
.commision-view .commisions-tabs .kanban-tab #task-button {
  margin: 0.2rem 0rem 0.1rem 0rem;
  background-color: white;
  border-radius: 0.2rem;
  width: 100%;
  border: 0.25rem solid black;
  padding: 0.5rem 2.7rem;
  border-radius: 0.3rem;
  font-size: 1rem;
}
.commision-view .commisions-tabs .kanban-tab .create-new-task-block {
  display: none;
  /* display: flex; */
  background: #ffaf00;
  width: 64.4%;
  flex-direction: column;
}
.commision-view .commisions-tabs .kanban-tab .form-row {
  display: flex;
  flex-direction: row;
  margin: 0.2rem;
}
.commision-view .commisions-tabs .kanban-tab .form-row-label {
  width: 15%;
  padding: 0.2rem;
  padding-right: 0.5rem;
  border: 0.1rem solid black;
  border-right: 0;
  border-radius: 0.2rem 0rem 0rem 0.2rem;
}
.commision-view .commisions-tabs .kanban-tab .form-row-input {
  border: 0.1rem solid black;
  border-radius: 0rem 0.2rem 0.2rem 0rem;
  width: 85%;
}
.commision-view .commisions-tabs .kanban-tab textarea {
  resize: none;
}
.commision-view .commisions-tabs .kanban-tab .form-row-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0.2rem;
}
.commision-view .commisions-tabs .kanban-tab #edit-button,
.commision-view .commisions-tabs .kanban-tab #save-button,
.commision-view .commisions-tabs .kanban-tab #cancel-button {
  margin: 0.2rem 0rem 0.1rem 0rem;
  background-color: white;
  border-radius: 0.2rem;
  width: 49.2%;
  border: 0.25rem solid black;
  padding: 0.5rem 2.7rem;
  border-radius: 0.3rem;
  font-size: 1rem;
}
.commision-view .commisions-tabs .kanban-tab #edit-button {
  display: none;
}

.crd-num {
  height: 100%;
}
.crd-num .vol-cont {
  display: flex;
  flex-direction: column;
}

.grd-num {
  grid-template-columns: 2fr 4fr;
}

.num-oth {
  grid-template-columns: 1fr 1fr 1fr;
}

.grd-num,
.num-oth {
  display: grid;
  height: 100%;
  grid-gap: 20px;
}
.grd-num .progress,
.num-oth .progress {
  height: 0.5rem;
}
.grd-num .progress.tw .progress-bar,
.num-oth .progress.tw .progress-bar {
  background-color: #000000;
}
.grd-num .vol-tp h1,
.num-oth .vol-tp h1 {
  display: flex;
  flex-direction: column;
  color: #04103B;
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.5;
  font-family: var(--anton-font);
  font-weight: 500;
}
.grd-num .vol-tp h1 span,
.num-oth .vol-tp h1 span {
  font-size: 14px;
  font-family: "Nunito";
  color: #999999;
}
.grd-num .vol-ytd,
.num-oth .vol-ytd {
  border: 1px solid #E9EBEF;
  width: 50%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  margin-bottom: 20px;
}
.grd-num .vol-ytd .num,
.num-oth .vol-ytd .num {
  font-family: var(--anton-font);
  font-size: 20px;
  font-weight: 500;
  color: #04103B;
}
.grd-num .vol-ytd h3,
.num-oth .vol-ytd h3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  letter-spacing: 1px;
  color: #04103B;
  font-size: 25px;
  margin-top: 0;
  line-height: 1.5;
  font-family: "Numbers";
}
.grd-num .vol-ytd h3 span,
.num-oth .vol-ytd h3 span {
  font-size: 12px;
  font-family: "Nunito";
  color: #999999;
}

.num-rgt {
  position: relative;
}
.num-rgt .card {
  height: 100%;
  display: flex;
  justify-content: center;
}
.num-rgt .vol-tp {
  display: flex;
}
.num-rgt .vol-tp .lbl-vol {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 50px;
  height: 25px;
  letter-spacing: 1px;
  display: flex;
  /* background-color: #0000FF; */
  border: 2px solid #0000FF;
  color: #04103B;
  font-weight: bold !important;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-family: "Numbers";
  font-size: 11px;
}
.num-rgt .vol-tp h1 {
  margin: 0;
  display: flex;
  flex-direction: column;
  font-size: 30px;
}
.num-rgt .vol-tp h1 span {
  font-size: 14px;
}
.num-rgt .ico-vol {
  padding-top: 10px;
  display: flex;
  align-items: center;
}
.num-rgt .ico-vol i {
  background-color: #0000FF;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  color: white;
  font-size: 18px;
  transform: rotate(45deg);
  margin-right: 5px;
}
.num-rgt .ico-vol span {
  color: #0000FF;
  font-size: 16px;
}

.fr-chtt {
  margin: 0 10px;
}

.top-nhd {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 20px;
}
.top-nhd .btn.btn-wht {
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid #dddddd;
  font-size: 12px;
  min-height: 35px;
  padding: 0.375rem 10px;
}
.top-nhd .dropdown-item {
  font-size: 12px;
  padding: 5px 10px;
}
.top-nhd .dropdown-item:focus, .top-nhd .dropdown-item:hover {
  background-color: #CDCDFF;
}
.top-nhd .nav-pills {
  padding: 0;
  background: #ffffff;
  border-radius: 100px;
  margin: 0 10px 0 0 !important;
  align-items: center;
  height: 25px;
}
.top-nhd .nav-pills .nav-link {
  background-color: transparent;
  margin: 0;
  font-size: 12px;
  color: #000000;
  padding: 0 1rem;
  border-radius: 100px;
  border: 2px solid #ffffff;
}
.top-nhd .nav-pills .show > .nav-link,
.top-nhd .nav-pills .nav-link.active {
  background-color: #CDCDFF;
  border: 2px solid #0000ff;
  color: #0000ff;
}

.number-page {
  @import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
}
.number-page :root {
  --anton-font: "Anton", sans-serif;
}
.number-page .card-title {
  font-family: var(--anton-font);
}
.number-page ul li {
  display: flex;
  border-bottom: 1px solid #dddddd;
}
.number-page ul li .card-body {
  padding: 20px;
}
.number-page ul li .frm-lv {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.number-page ul li .frm-lv .frm-in {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.number-page ul li .frm-lv .frm-in .btn.btn-primary {
  min-height: 30px;
  font-size: 12px;
  padding: 0;
  width: 100px;
  box-shadow: none !important;
  color: #ffffff !important;
}
.number-page ul li .frm-lv .frm-in .form-group {
  margin: 0 10px;
  position: relative;
}
.number-page ul li .frm-lv .frm-in .form-group .input-group-text {
  font-size: 12px;
  padding: 0 5px;
  border-radius: 0 3px 3px 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  min-height: 35px !important;
  font-weight: bold;
}
.number-page ul li .frm-lv .frm-in .form-group label {
  margin-bottom: 0;
  position: absolute;
  top: -9px;
  z-index: 9;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  left: 13px;
  background-color: #ffffff;
  padding: 0 2px;
  border-radius: 2px;
}
.number-page ul li .frm-lv .frm-in .form-group .form-control {
  font-size: 12px;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.number-page ul li .frm-lv .frm-in .form-group input[value] {
  font-weight: bold;
}
.number-page ul li .frm-lv .frm-in.lst p {
  margin: 0;
  font-weight: bold;
  font-size: 12px;
}
.number-page ul li .frm-lv h5 {
  margin: 0;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}
.number-page .input-group > .form-control:focus,
.number-page .input-group > .form-select:focus {
  z-index: 1;
}

.relat-dolls .rate-realtive {
  position: relative;
}
.relat-dolls .dsign {
  font-weight: 900;
  color: #2D3436;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
}
.relat-dolls .net-profit {
  background-color: #e9e9e9 !important;
}

.apcomma {
  padding-left: 10px;
}

.dnc-button:hover {
  background-color: #0000FF !important;
}

.fr-fst .same-as {
  border: none !important;
  height: 10px !important;
  width: 10px !important;
  border-radius: 100px !important;
  padding: 0px !important;
}
.fr-fst .cr-green {
  background-color: red !important;
}
.fr-fst .cr-red {
  background-color: green !important;
}

.setting-c-drp .drp-con {
  padding: 15px;
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e9eaf3;
  border-radius: 100px;
  background-color: #fff;
}
.setting-c-drp .dropdown-menu {
  width: 340px !important;
  padding: 18px 0px 18px 8px !important;
}
.setting-c-drp .dropdown-menu .same-uls {
  padding-left: 0px;
  margin-bottom: 0px;
}
.setting-c-drp .dropdown-menu .same-uls li {
  margin: 0px;
  padding: 0px;
  line-height: 30px;
}
.setting-c-drp .dropdown-menu .same-uls label {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  padding: 0px 15px 0px 15px;
  font-weight: 900;
}
.setting-c-drp .dropdown-menu .same-uls label input {
  margin-right: 10px;
}
.setting-c-drp .fval2 .fli {
  display: flex;
  justify-content: space-around;
  margin: 50px 0px 15px 0px !important;
  position: relative;
}
.setting-c-drp .fval2 .fli:before {
  width: 100%;
  height: 1px;
  top: -20px;
  position: absolute;
  content: "";
  background-color: #f4f4f4;
}
.setting-c-drp .fval2 .fli .mname {
  font-weight: 900;
}
.setting-c-drp .fval2 .fli input[type=checkbox] {
  position: relative;
  appearance: none;
  width: 70px;
  height: 29px;
  background: #ccc;
  border-radius: 50px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: 0.4s;
}
.setting-c-drp .fval2 .fli input:checked[type=checkbox] {
  background: #0000ff;
}
.setting-c-drp .fval2 .fli input[type=checkbox]::after {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 2px;
  left: 0;
  background: #000000;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
  transition: 0.4s;
}
.setting-c-drp .fval2 .fli input:checked[type=checkbox]::after {
  left: 60%;
}

.setting-c-drp-sc .drp-con {
  padding-left: 20px;
  padding-right: 20px;
}
.setting-c-drp-sc .drp-con span {
  font-weight: 800 !important;
}
.setting-c-drp-sc .drp-con img {
  width: 25px;
  margin-right: 10px;
}
.setting-c-drp-sc .epo-balance-col {
  color: #FF0000;
  font-weight: 900 !important;
  font-family: "Inter", sans-serif !important;
}

.epobp .dropdown-menu {
  padding-left: 0px;
  padding-left: 0px !important;
  width: 700px !important;
  padding-bottom: 0px !important;
}
.epobp .dropdown-menu .ffp {
  display: flex;
  justify-content: space-between;
}
.epobp .dropdown-menu .ffp .num {
  color: #FF0000;
  font-family: "Inter", sans-serif !important;
}
.epobp .dropdown-menu .ffp h2 {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 900 !important;
}
.epobp .dropdown-menu ul .ffp {
  padding: 10px 25px !important;
  border: none;
  padding-bottom: 25px !important;
}
.epobp .dropdown-menu ul li {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #DDDDDD;
  border-left: none;
  border-right: 0px;
  padding: 10px 35px !important;
}

.earning-p .earning-b button {
  border-radius: 100px;
  padding: 0px 30px;
}
.earning-p .earning-b button:hover {
  color: inherit !important;
  backround-color: inherit !important;
}
.earning-p .approved {
  background-color: #ECECEC !important;
  color: black;
}
.earning-p .decline {
  color: black;
  border-color: #FF0000;
  margin-right: 10px !important;
}
.earning-p .approve {
  background-color: #0000FF !important;
  color: white;
}
.earning-p .approve:hover {
  color: white !important;
}
.earning-p .approved-decine-done {
  display: flex !important;
}
.earning-p .approved-done {
  display: flex;
  justify-content: end;
}
.earning-p .aprbtn {
  width: 240px;
}

.lbl-posi label.radio {
  cursor: pointer;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0 0 0 -5px;
  width: 52%;
  background-color: transparent;
}
.lbl-posi label.radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
}
.lbl-posi label.radio span {
  height: 50px;
  border: 1px solid #dddddd;
  color: #000000;
  border-radius: 3px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lbl-posi label.radio input:checked + span {
  border-color: #0000ff;
  background-color: #000000;
  color: #ffffff;
}

.lbl-posi-t label.radio {
  width: 51%;
}

.rt-form .lbl-posi label.radio {
  width: 51%;
}
.rt-form .lbl-posi label.radio input:checked + span {
  background-color: rgba(84, 255, 1, 0.2);
  color: #000000;
}
.rt-form .lbl-posi label.radio span {
  text-transform: capitalize;
  font-weight: bold;
  margin-top: -53px;
  border: 2px solid #E1E1E1;
}

.rate-table .hd-qu {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.rate-table .hd-qu ul {
  display: flex;
  justify-content: space-between;
  align-items: center !important;
  width: 100%;
  padding-left: 0px;
}
.rate-table .hd-qu ul li a {
  color: black;
  font-size: 12px;
  font-weight: 800;
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.rate-table .hd-qu ul li a:hover i:first-child {
  border: 2px solid #0000FF !important;
  color: #0000FF !important;
}
.rate-table .hd-qu ul li a:hover .drp-drop {
  display: block !important;
}
.rate-table .hd-qu ul li a i {
  font-size: 18px;
  margin-left: 10px;
  transform: rotate(0deg) !important;
  border: 2px solid white;
  transition: 0.3s;
  padding: 2px 4px 0px 4px;
  border-radius: 5px;
  border: none;
}
.rate-table .hd-qu ul li .drp-drop {
  position: relative;
}
.rate-table .hd-qu ul li .drp-drop:before {
  position: absolute;
  left: 45%;
  content: "";
  top: -15px;
  width: 20px;
  height: 10px;
  border-bottom: 13px solid #0000FF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.rate-table .hd-qu ul li .drp-drop:after {
  position: absolute;
  left: 45%;
  content: "";
  top: -13px;
  width: 20px;
  height: 10px;
  border-bottom: 13px solid #ffffff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.rate-table .hd-qu ul li .drp-drop {
  transition: 0.5s;
  display: none !important;
  position: absolute;
  top: 45px;
  left: 88%;
  transform: translateX(-50%);
  width: 330px;
  z-index: 1;
  background: white;
  border: 1px solid black;
  padding: 27px;
  border-radius: 10px;
  border-top: 2px solid #0000FF !important;
  border-right: 2px solid white !important;
  border-bottom: 2px solid white !important;
  border-left: 2px solid white !important;
  box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
}
.rate-table .hd-qu ul li .drp-drop .tp-ing {
  position: absolute;
  top: -21px;
  left: 45%;
  transform: rotate(180deg);
}
.rate-table .hd-qu ul li .drp-drop i {
  display: inline;
  padding-left: 0px;
  color: #0000FF;
  font-size: 30px;
  transform: rotate(20deg);
  color: green;
}
.rate-table .hd-qu ul li .drp-drop .CFPB {
  color: #0000FF;
  border-bottom: 1px solid #0000FF;
}
.rate-table .hd-qu ul li .drp-drop p {
  margin-bottom: 0px !important;
  cursor: auto !important;
  color: #333333;
  font-size: 13px;
  font-weight: 600;
}
.rate-table .hd-qu .compare {
  background-color: #F6F6F6 !important;
  color: #B4B4B4 !important;
  border: 1px solid #F6F6F6 !important;
  position: relative;
}
.rate-table .hd-qu .compare .count {
  position: absolute;
  top: -10px;
  right: -7px;
  height: 20px;
  width: 20px;
  border: 1px solid #0000FF;
  color: black !important;
  background-color: #FFFFFF;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.rate-table .hd-qu .compare.three-limit {
  background-color: #2EFF1B !important;
  color: black !important;
}
.rate-table .hd-qu .compare.four-limit {
  background-color: #FF0000 !important;
  color: black !important;
}
.rate-table .hd-qu .email {
  background-color: #0000FF !important;
  color: white !important;
  border: 1px solid #0000FF !important;
}
.rate-table .hd-qu .btn {
  width: 120px;
  margin-bottom: 20px;
  margin-right: 10px;
}
.rate-table .hd-qu .btn:hover {
  transform: scale(1);
}
.rate-table .hd-qu i {
  transform: rotate(-40deg);
  font-size: 20px;
}
.rate-table .nostyle {
  margin-bottom: 10px;
  width: 100%;
  border-color: #E9EBEF !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0;
  border-right: none !important;
  border-left: none !important;
  border-bottom: none !important;
  position: relative;
}
.rate-table .nostyle:hover {
  border-color: #E9EBEF !important;
  color: #999999 !important;
}
.rate-table .nostyle.loaderHeight {
  height: 100px;
  margin-bottom: 25px;
}
.rate-table .nostyle .loaderShine {
  width: 100%;
  height: 100px;
  border-radius: 10px;
  background-color: #F5F5F5;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 1s ease infinite;
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
.rate-table .nostyle .lrate {
  position: absolute;
  background-color: #0000FF;
  color: white;
  top: 0;
  left: 0;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 6px;
}
.rate-table .nostyle .card-body {
  width: 100%;
  padding: 20px 0px !important;
  background-color: none !important;
  box-shadow: none !important;
  border-right: none !important;
  border-left: none !important;
}
.rate-table .nostyle h2 {
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.4;
  color: black;
}
.rate-table .nostyle h2 span {
  font-size: 20px;
  color: #999999;
}
.rate-table .nostyle .pr-st {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.rate-table .nostyle .pr-st span.min {
  color: #606060;
  font-size: 12px;
}
.rate-table .nostyle .pr-st .frow {
  position: relative;
}
.rate-table .nostyle .pr-st .pr-inn.rate {
  position: relative !important;
  left: 41px !important;
}
.rate-table .nostyle .pr-st .pr-inn.apr {
  position: relative !important;
  left: 13px !important;
}
.rate-table .nostyle .pr-st .pr-inn.upfront {
  position: relative !important;
  left: -8px !important;
}
.rate-table .nostyle .pr-st .pr-inn.payment {
  position: relative !important;
  left: -7px !important;
}
.rate-table .nostyle .pr-st .pr-inn.date {
  position: relative !important;
  left: 5px !important;
}
.rate-table .nostyle .pr-st .pr-inn {
  display: flex;
  flex-direction: column;
  position: relative;
  /* The container */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.rate-table .nostyle .pr-st .pr-inn .grn-am {
  color: #0000ff;
  font-weight: bold;
}
.rate-table .nostyle .pr-st .pr-inn .grn-am.rdd-t {
  color: #fc2a2a;
  font-weight: bold;
}
.rate-table .nostyle .pr-st .pr-inn p {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0;
}
.rate-table .nostyle .pr-st .pr-inn a {
  font-size: 12px;
  padding: 5px;
  color: #000000;
}
.rate-table .nostyle .pr-st .pr-inn a:hover {
  color: #0000ff;
  text-decoration: none;
  font-weight: bold;
}
.rate-table .nostyle .pr-st .pr-inn .btn-new {
  font-weight: bold;
  background-color: #0000FF !important;
  border-radius: 100px !important;
  color: white !important;
  border: 1px solid #0000FF !important;
  padding: 10px 65px !important;
  margin-right: 10px !important;
}
.rate-table .nostyle .pr-st .pr-inn .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0px;
  background-color: transparent !important;
}
.rate-table .nostyle .pr-st .pr-inn .container img {
  padding-left: 30px;
}
.rate-table .nostyle .pr-st .pr-inn .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.rate-table .nostyle .pr-st .pr-inn .checkmark {
  position: absolute;
  top: 10px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 100px;
  background-color: white !important;
  border: 1px solid #CFCFCF !important;
}
.rate-table .nostyle .pr-st .pr-inn .container:hover input ~ .checkmark {
  background-color: #ccc;
}
.rate-table .nostyle .pr-st .pr-inn .container input:checked ~ .checkmark {
  background-color: #0000FF !important;
}
.rate-table .nostyle .pr-st .pr-inn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.rate-table .nostyle .pr-st .pr-inn .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov {
  cursor: pointer !important;
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov:hover .crd-drp-down {
  display: block !important;
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov .crd-drp-down {
  width: 350px !important;
  top: 65px;
  left: 168px !important;
  border-radius: 10px;
  box-shadow: 0px 1px 19px -12px rgba(0, 0, 0, 0.75);
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov .crd-drp-down .dbt {
  padding: 0px 30px;
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov .crd-drp-down .dbt h5 {
  padding-top: 20px;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 18px;
  color: black;
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov .crd-drp-down .dbt ul {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 40px;
  display: inline-block;
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov .crd-drp-down .dbt ul li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  padding-top: 10px;
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov .crd-drp-down .dbt ul li span {
  color: black;
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov .crd-drp-down hr {
  color: black;
  opacity: 1;
  height: 2px;
}
.rate-table .nostyle .pr-st .pr-inn .upnum-hov .crd-drp-down .tot {
  padding: 0px 25px 40px 25px;
  display: flex;
  justify-content: space-between;
  color: black;
  font-weight: 800;
}
.rate-table .nostyle .colp {
  display: none;
  width: 100%;
}
.rate-table .nostyle .colp .fr-bord {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.rate-table .nostyle .colp .fr-bord .card {
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}
.rate-table .nostyle .colp .fr-bord .card .table {
  margin-bottom: 0;
}
.rate-table .nostyle .colp .fr-bord .card .table td {
  border: none;
  color: #999999;
  padding: 5px 0;
}
.rate-table .nostyle .colp .fr-bord .card .table td span.rdd {
  color: #fc2a2a;
  font-weight: bold;
}
.rate-table .nostyle .colp .fr-bord .card th {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #f7f7f7 !important;
  border-top: none;
}
.rate-table .nostyle .colp .fr-bord .card th:last-child {
  font-size: 18px;
}
.rate-table .nostyle .colp .fr-bord .card td, .rate-table .nostyle .colp .fr-bord .card th {
  padding: 10px 0;
}
.rate-table .nostyle .colp .fr-bord .card td:last-child, .rate-table .nostyle .colp .fr-bord .card th:last-child {
  text-align: right;
}
.rate-table .nostyle .colp .card-footer {
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  border-top: none;
}
.rate-table .nostyle .colp .card-footer p {
  font-size: 10px;
  line-height: 1.4;
  color: #999999;
}
.rate-table .nostyle .colp .card-footer .btns {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.rate-table .nostyle .colp .card-footer .btns .btn {
  height: 40px;
  font-size: 10px;
}
.rate-table .nostyle .colp .card-footer .btns .btn-thm {
  margin-left: 20px;
}
.rate-table .nostyle .colp .card-footer .btns .btn-thm:hover {
  transform: scale(1);
}

.pricing-engine-jan {
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
  font-family: "Inter", sans-serif !important;
}
.pricing-engine-jan .t-head .col {
  padding: 0px 10px;
}
.pricing-engine-jan .t-head label {
  font-size: 12px;
  font-weight: 900;
  color: black;
  white-space: pre !important;
}
.pricing-engine-jan .t-head input, .pricing-engine-jan .t-head select {
  font-weight: 900;
  border: 2px solid #E1E1E1 !important;
  height: 50px !important;
}
.pricing-engine-jan .t-head select {
  border: 2px solid #E1E1E1 !important;
}
.pricing-engine-jan .t-head input::placeholder {
  color: black;
}
.pricing-engine-jan .t-head .mortage-type {
  width: 200px;
}
.pricing-engine-jan .t-head .mortage-type span {
  font-size: 12px;
  font-weight: 800 !important;
}
.pricing-engine-jan .t-head .mortage-type input:checked + span {
  background-color: white !important;
  background: white !important;
  border: 3px solid #0000FF !important;
}
.pricing-engine-jan .t-head .cashpoutnone {
  display: none !important;
}
.pricing-engine-jan .t-head .cash-out {
  width: 100px;
}
.pricing-engine-jan .t-head .cash-out i {
  color: #0000FF !important;
  position: absolute;
  top: 1px;
  right: 28px;
}
.pricing-engine-jan .t-head .cash-out span {
  font-size: 12px;
  font-weight: 800 !important;
  border-radius: 7px !important;
}
.pricing-engine-jan .t-head .cash-out .b1 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.pricing-engine-jan .t-head .cash-out .b2 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.pricing-engine-jan .t-head .cash-out input:checked + span {
  background-color: white !important;
  background: white !important;
  border: 3px solid #0000FF !important;
}
.pricing-engine-jan .t-head .Loan-Amount .form-group {
  position: relative;
  display: flex;
  width: 195px;
}
.pricing-engine-jan .t-head .Loan-Amount .form-group span {
  position: absolute;
  top: 17px;
  font-weight: 900;
  right: 12px;
  color: black;
  font-size: 12px;
}
.pricing-engine-jan .t-head .Loan-Amount .form-group .finp {
  width: 60%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pricing-engine-jan .t-head .Loan-Amount .form-group .percenet {
  width: 40%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: 0px solid red !important;
}
.pricing-engine-jan .t-head select.credit-sc {
  width: 170px;
}
.pricing-engine-jan .t-head .credit-score .crd-a {
  padding: 15px;
  display: flex !important;
  height: auto;
  background-color: transparent !important;
  color: black !important;
  border: 1px solid #E1E1E1 !important;
  border-radius: 7px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  width: 160px;
}
.pricing-engine-jan .t-head .credit-score i {
  color: black !important;
}
.pricing-engine-jan .t-head .credit-score .form-group {
  position: relative;
}
.pricing-engine-jan .t-head .credit-score .form-group i {
  position: absolute;
  top: 44px;
  color: black;
  right: 15px;
  font-size: 14px;
}
.pricing-engine-jan .t-head .More-Filters .select2-dropdown {
  width: 100% !important;
}
.pricing-engine-jan .t-head .More-Filters .points label {
  margin-bottom: 0px;
}
.pricing-engine-jan .t-head .More-Filters .points p {
  font-size: 12px;
  margin-bottom: 0px;
  color: #000000;
  margin-top: -8px;
}
.pricing-engine-jan .t-head .More-Filters .property-type i {
  position: absolute;
  top: 48px !important;
  right: 20px !important;
  font-size: 15px !important;
  color: #0000FF !important;
}
.pricing-engine-jan .t-head .More-Filters a {
  padding: 15px;
  display: flex !important;
  height: auto;
  background-color: #0000FF !important;
  color: white;
  border: 1px solid #0000FF !important;
  border-radius: 7px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  margin-top: 13px;
}
.pricing-engine-jan .t-head .More-Filters .form-group {
  position: relative;
  margin-top: 5px !important;
}
.pricing-engine-jan .t-head .More-Filters .form-group i {
  position: absolute;
  top: 37px;
  right: 7px;
  font-size: 14px;
  color: white;
}
.pricing-engine-jan .t-head .More-Filters .drp-drop {
  transition: 0.5s;
  display: none;
  position: absolute;
  top: 82px;
  left: -214%;
  width: 593px !important;
  z-index: 1;
  background: white;
  border: 1px solid black;
  padding: 0px;
  border-radius: 10px;
  border-top: 2px solid #0000FF !important;
  border-right: 2px solid white !important;
  border-bottom: 2px solid white !important;
  border-left: 2px solid white !important;
  box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
}
.pricing-engine-jan .t-head .More-Filters .drp-drop .mx-paddI {
  padding: 0px 30px !important;
}
.pricing-engine-jan .t-head .More-Filters .ccbox {
  border: 2px solid #E1E1E1;
  font-size: 13px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.pricing-engine-jan .t-head .More-Filters .ccbox .select2-selection {
  height: 43px !important;
}
.pricing-engine-jan .t-head .More-Filters .ccbox .donebtn {
  background-color: #0000FF !important;
}
.pricing-engine-jan .t-head .More-Filters .ccbox input {
  display: none;
}
.pricing-engine-jan .t-head .More-Filters .ccbox input:checked + label {
  border-radius: 10px;
}
.pricing-engine-jan .t-head .More-Filters .ccbox label {
  border: 2px solid transparent !important;
  cursor: pointer;
  margin-bottom: 0px;
  padding: 10px 30px !important;
  border-radius: 5px !important;
}
.pricing-engine-jan .t-head .More-Filters .sort-by-c-pad label {
  padding: 10px 18px !important;
}
.pricing-engine-jan .t-head .GtRates button {
  padding: 18px;
  display: flex !important;
  height: auto;
  background-color: #0000ff !important;
  color: white !important;
  border: 1px solid #0000ff !important;
  border-radius: 7px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  margin-top: 26px !important;
  box-shadow: none !important;
}
.pricing-engine-jan .t-head .GtRates button:hover {
  transform: scale(1) !important;
}
.pricing-engine-jan .select2-selection {
  height: 52px !important;
  border: 2px solid #E1E1E1 !important;
}
.pricing-engine-jan .select2-dropdown {
  width: 160px !important;
  border: none !important;
}
.pricing-engine-jan .crd-drp-down {
  width: 640px;
  position: absolute;
  top: 90px;
  left: -160px !important;
  background-color: white;
  z-index: 1;
  transform: translateX(-50%);
  box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
}
.pricing-engine-jan .crd-drp-down .head {
  font-size: 12px;
  color: black;
  margin-bottom: 0px;
  padding: 10px 30px;
  font-weight: 800;
}
.pricing-engine-jan .crd-drp-down ul {
  display: flex;
  padding-left: 0px;
}
.pricing-engine-jan .crd-drp-down ul li label {
  font-weight: 900;
  color: black;
  white-space: pre !important;
  margin-bottom: 0px;
  border: 2px solid #EEEEEE;
  padding: 5px 25px;
  border-radius: 100px;
  font-size: 12px;
  margin-right: 15px;
  color: #0000FF;
  cursor: pointer;
}
.pricing-engine-jan .crd-drp-down ul li label:hover {
  background-color: #E7EEFD;
  border: 2px solid #0000FF !important;
}
.pricing-engine-jan .crd-drp-down ul li label:focus {
  background-color: #E7EEFD;
  border: 2px solid #0000FF !important;
}
.pricing-engine-jan .crd-drp-down ul li input {
  display: none;
}
.pricing-engine-jan .crd-drp-down ul li input:checked + label {
  border: 2px solid #0000FF !important;
  background-color: #E7EEFD;
}
.pricing-engine-jan .crd-drp-down input[type=radio] {
  position: relative;
  appearance: none;
  width: 80px;
  height: 23px !important;
  background: #EAEAEA;
  border-radius: 50px;
  cursor: pointer;
  border: none !important;
  transition: 0.4s;
}
.pricing-engine-jan .crd-drp-down input:checked[type=radio] {
  background: #00784f;
}
.pricing-engine-jan .crd-drp-down input[type=radio]::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 2px;
  left: 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
  transition: 0.4s;
}
.pricing-engine-jan .crd-drp-down input:checked[type=radio]::after {
  left: 74%;
}
.pricing-engine-jan .crd-drp-down .sfa {
  display: flex;
  align-items: center;
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  justify-content: space-between;
  padding: 15px 30px;
}
.pricing-engine-jan .crd-drp-down .sfa h2, .pricing-engine-jan .crd-drp-down .sfa p {
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 800;
  margin-top: -6px;
}
.pricing-engine-jan .crd-drp-down .sfa p {
  font-weight: 400;
}
.pricing-engine-jan .crd-drp-down .done-btn {
  display: flex;
  justify-content: end;
  padding-right: 30px;
  margin: 10px 0px;
}
.pricing-engine-jan .crd-drp-down .done-btn .btnn {
  background-color: #0000FF;
  padding: 7px 28px;
  font-size: 12px;
  border-radius: 100px;
  color: white;
  text-decoration: none;
}
.pricing-engine-jan .crd-drp-down .done-btn .btnn:hover {
  transform: scale(1);
}
.pricing-engine-jan .dollar-prt h2 {
  cursor: pointer;
}
.pricing-engine-jan .dollar-prt:hover .drp-drop {
  display: block !important;
}
.pricing-engine-jan .dollar-prt i {
  font-size: 18px;
  margin-left: 10px;
  transform: rotate(0deg) !important;
  border: 2px solid white;
  transition: 0.3s;
  padding: 2px 4px 0px 4px;
  border-radius: 5px;
}
.pricing-engine-jan .dollar-prt .drp-drop {
  transition: 0.5s;
  display: none !important;
  position: absolute;
  top: 45px;
  left: 0;
  width: 330px;
  z-index: 1;
  background: white;
  border: 1px solid black;
  padding: 27px;
  border-radius: 10px;
  border-top: 2px solid #0000FF !important;
  border-right: 2px solid white !important;
  border-bottom: 2px solid white !important;
  border-left: 2px solid white !important;
  box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
}
.pricing-engine-jan .dollar-prt .drp-drop:before {
  position: absolute;
  left: 5%;
  content: "";
  top: -15px;
  width: 20px;
  height: 10px;
  border-bottom: 13px solid #0000FF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.pricing-engine-jan .dollar-prt .drp-drop:after {
  position: absolute;
  left: 5%;
  content: "";
  top: -13px;
  width: 20px;
  height: 10px;
  border-bottom: 13px solid #ffffff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.pricing-engine-jan .dollar-prt .drp-drop p {
  margin-bottom: 0px !important;
  cursor: auto !important;
  color: #333333;
  font-size: 13px;
  font-weight: 600;
}
.pricing-engine-jan .dollar-prt .drp-drop h4 {
  font-size: 18px;
  font-weight: 800 !important;
  padding-left: 25px;
  padding-top: 25px;
  padding-bottom: 10px;
}
.pricing-engine-jan .dollar-prt .drp-drop ul {
  width: 100%;
  padding: 0px 25px !important;
}
.pricing-engine-jan .dollar-prt .drp-drop ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  padding-top: 10px;
}
.pricing-engine-jan .dollar-prt .drp-drop ul li span {
  font-size: 16px;
  color: black;
  font-weight: 500;
}
.pricing-engine-jan .dollar-prt .drp-drop ul li:last-child {
  border-bottom: 0px !important;
}
.pricing-engine-jan .dollar-prt .drp-drop .bottom {
  display: flex;
  justify-content: space-between;
  padding: 15px 15px 40px 15px !important;
  border-top: 2px solid black;
  margin-top: 35px;
}
.pricing-engine-jan .dollar-prt .drp-drop .bottom p {
  font-size: 16px !important;
  font-weight: 700;
}

.topinput {
  padding-left: 20px;
}

.tophaddol {
  position: absolute;
  top: 44px;
  left: 10px;
  color: black;
  font-weight: 800;
  font-size: 12px;
}

.display-show {
  display: block !important;
}

#filterdrp .lst {
  display: flex !important;
  justify-content: end !important;
}
#filterdrp .donebtn {
  background-color: #00784f;
  padding: 7px 28px;
  font-size: 12px;
  border-radius: 100px;
  color: white;
  text-decoration: none;
}

.pefprice {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 30px 0px;
  @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Toto:wght@400;500;600;700&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
  background-color: #00133b;
  border-radius: 10px;
}
.pefprice p, .pefprice label, .pefprice h2 {
  margin-bottom: 0px !important;
}
.pefprice .main h2 {
  color: #ffffff;
  font-family: "Noto Serif Toto", serif;
  font-size: 36px;
  font-weight: 700;
}
.pefprice .main p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.pefprice .main .htext {
  text-align: center;
  font-weight: 700;
}
.pefprice .main .form {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0px 0px 0px;
}
.pefprice .main .form-group {
  width: 50% !important;
}
.pefprice .main .form-group label {
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 5px;
}
.pefprice .main .form-group input {
  border-radius: 5px !important;
}
.pefprice .main .form-group button {
  margin-top: 27px;
  width: 100%;
  border-radius: 5px;
  margin-left: 10px;
  background-color: #0000FF;
  border: 1px solid #0000FF;
  font-weight: 700;
  color: #ffffff;
}
.pefprice .main .form-group:nth-child(2) {
  width: 30% !important;
}
.pefprice .main .pb {
  padding-left: 60px;
}
.pefprice .main .pb .privacy-pol {
  text-decoration: none;
  border-bottom: 1px solid #0000FF;
  color: #8DA2B7;
}

.marketing-page .marketing-tab .nav-pills .nav-link {
  padding: 5px 15px;
  height: fit-content;
  font-size: 14px;
  color: #BDBDBD !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 7px !important;
}
.marketing-page .marketing-tab .nav-pills .nav-link:hover {
  background-color: #F7F7FF !important;
  color: #0000FF !important;
  border-radius: 7px !important;
}
.marketing-page .marketing-tab .nav-pills .nav-link.active {
  background-color: #0000FF !important;
  color: #ffffff !important;
  border-radius: 7px !important;
}
.marketing-page .marketing-tab .nav-pills .nav-link:focus {
  background-color: #0000FF !important;
  color: #ffffff !important;
  border-radius: 7px !important;
}
.marketing-page .marketing-tab .sgrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 20px;
}
.marketing-page .marketing-tab .sgrid .pa-rent {
  width: 100%;
  height: 261px;
  background-image: url("../img/marketing-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  cursor: pointer;
}
.marketing-page .marketing-tab .sgrid .pa-rent:hover .prd-down {
  opacity: 1;
}
.marketing-page .marketing-tab .sgrid .pa-rent img {
  width: 100%;
  height: 100%;
}
.marketing-page .marketing-tab .sgrid .pa-rent .prd-down {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  cursor: pointer;
  transition: 0.2s;
}
.marketing-page .marketing-tab .sgrid .pa-rent .prd-down::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
}
.marketing-page .marketing-tab .sgrid .pa-rent .prd-down .pr {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.marketing-page .marketing-tab .sgrid .pa-rent .prd-down .do {
  background-color: #0000FF !important;
  color: #ffffff !important;
}
.marketing-page .marketing-tab .sgrid .pa-rent .prd-down .btn {
  width: 90% !important;
  margin-bottom: 15px !important;
  box-shadow: none !important;
  z-index: 9 !important;
}
.marketing-page .marketing-tab .sgrid .pa-rent .prd-down .btn:hover {
  transform: scale(1) !important;
}
.marketing-page .marketing-tab .sgrid .fp {
  text-align: center;
  font-weight: 800;
  font-size: 16px;
  padding-top: 16px;
}
.marketing-page .marketing-tab .social-media.sgrid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.marketing-page .marketing-tab .social-media .pa-rent {
  background-color: #F9F9F9;
  background-image: none !important;
}
.marketing-page .marketing-tab .social-media .pa-rent:hover .prd-down {
  opacity: 0;
}
.marketing-page .marketing-tab .social-media .prd-down {
  opacity: 0;
}
.marketing-page .marketing-tab .social-media .prd-down::before {
  content: none !important;
}
.marketing-page .marketing-tab .business-card-tab .mgrid .cfont {
  background-image: url("");
}
.marketing-page .marketing-tab .business-card-tab .mgrid .imagest {
  width: 100%;
  height: 167px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.marketing-page .marketing-tab .business-card-tab .mgrid .title {
  text-align: center;
  padding: 12px 0px 25px 0px;
  font-weight: 800;
  font-size: 16px;
}
.marketing-page .marketing-tab .emailSign .gridsm {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.marketing-page .marketing-tab .emailSign .gridsm ul {
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}
.marketing-page .marketing-tab .emailSign .gridsm .mainimg {
  display: flex;
  justify-content: center;
}
.marketing-page .marketing-tab .emailSign .gridsm .card {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0px !important;
  border: none;
  padding: 35px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .info {
  padding-top: 20px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .info li {
  margin-bottom: 0px !important;
  padding-left: 0px !important;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .info li .name {
  font-size: 27px !important;
  color: black;
  font-weight: 800;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .info li span {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .info li span i {
  padding-right: 15px;
  font-size: 16px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .info li .desig {
  font-size: 18px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .rating {
  display: flex;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .rating li {
  margin-bottom: 0px !important;
  padding-left: 0px !important;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .rating li i {
  color: yellow;
  font-size: 20px;
  margin-right: 5px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .rating li .num-rate {
  color: #000000 !important;
  font-size: 18px;
  font-weight: 700;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .t-review {
  margin-bottom: 0px !important;
  font-size: 12px;
  line-height: 12px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .ssg {
  padding-top: 25px;
  padding-bottom: 10px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .customer-service {
  background-color: #F5F5F5;
  padding: 20px 40px;
  border-radius: 10px;
  margin-top: 5px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .customer-service h5, .marketing-page .marketing-tab .emailSign .gridsm .card .customer-service p {
  margin-bottom: 0px;
  font-size: 12px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .customer-service p {
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 17px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .instruction {
  padding-top: 30px;
}
.marketing-page .marketing-tab .emailSign .gridsm .card .instruction p {
  color: #BFBFBF;
  line-height: 19px;
}
.marketing-page .marketing-tab .emailSign .gridsm .femsig {
  text-align: center;
  font-size: 22px;
  padding-top: 20px;
  font-weight: 700;
}

.auth_page .login-grd {
  grid-template-columns: 1fr 1fr !important;
}
.auth_page .login-grd .box-in {
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.auth_page .login-grd .box-in .right-area {
  width: 700px !important;
}
.auth_page .loginhead {
  padding-top: 15px !important;
}
.auth_page form label {
  color: #6B6B76 !important;
  font-weight: 300 !important;
}
.auth_page form .form-control {
  background-color: transparent !important;
  border: 1px solid #E9EBEF !important;
  border-radius: 10.4px !important;
  padding: 25px 20px !important;
}
.auth_page form input::placeholder {
  color: #C4C4D4 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}
.auth_page form .nextBtn {
  background-color: rgba(243, 243, 247, 0.8);
  border-radius: 100px !important;
}
.auth_page .signUpMainDiv {
  width: 500px !important;
  margin: auto !important;
}
.auth_page .LoginDivWidth {
  width: 500px !important;
  margin: auto !important;
}
.auth_page .loGinFlex {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100vh;
}

.auth_page.signUpPage .dont-have-account {
  text-align: center;
  padding-top: 35px !important;
}
.auth_page.signUpPage .dont-have-account p {
  margin-bottom: 0px !important;
  color: #6B6B76 !important;
}
.auth_page.signUpPage .dont-have-account .here {
  color: #0000ff !important;
}

.auth_page.login_page .dont-have-account {
  text-align: center;
  padding-top: 35px !important;
}
.auth_page.login_page .dont-have-account p {
  margin-bottom: 0px !important;
  color: #6B6B76 !important;
  padding-bottom: 10px !important;
}
.auth_page.login_page .dont-have-account .here {
  color: #0000ff !important;
}

.authorizePage .login-grd {
  gird-template-column: 1fr 1fr;
}
.authorizePage .login-grd .loginhead h1 {
  color: black;
  font-size: 40px !important;
  margin: 0px;
  line-height: 40px !important;
  font-family: var(--meeri-weather-font);
}
.authorizePage .box-in {
  width: 450px !important;
  margin: 0 auto !important;
}
.authorizePage .auth-code ul {
  width: 370px !important;
  margin: 25px auto;
}
.authorizePage .auth-code ul li input {
  margin: 0 auto !important;
}
.authorizePage .authNext {
  text-align: center;
  margin-top: 60px;
}
.authorizePage .authNext .nextBtn {
  background-color: rgba(243, 243, 247, 0.8) !important;
  border-radius: 100px !important;
  color: #D2D2D2 !important;
  width: 370px !important;
}
.authorizePage .loginta {
  width: 370px;
  margin: 0 auto !important;
  text-align: revert;
  font-size: 13px !important;
  padding-top: 50px !important;
  color: #6B6B76 !important;
}
.authorizePage .loginhead {
  font-size: 50px !important;
}

.hp-sidebar-container .hp-sidebar-header-menu .mainSideBar {
  overflow: auto !important;
  margin-top: 20px;
}
.hp-sidebar-container .hp-sidebar-header-menu .grd-top {
  position: fixed;
  bottom: 1px;
  left: 0;
  grid-template-columns: 1fr !important;
  width: 256px;
  background-color: #033128 !important;
  padding: 20px 26px;
}
.hp-sidebar-container .hp-sidebar-header-menu .grd-top .setIcon {
  position: relative;
  top: -9px;
  font-size: 12px;
  color: white !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .grd-top .usr-out p {
  color: white !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .grd-top .usr-out span {
  color: white !important;
}
.hp-sidebar-container .hp-sidebar-header-menu .grd-top .usr-out .avatar-item {
  position: relative;
}
.hp-sidebar-container .hp-sidebar-header-menu .grd-top .usr-out .avatar-item .onlineIcon {
  position: absolute;
  top: 24px;
  left: 33px;
  width: 10px;
  height: 10px;
  border-radius: 100px !important;
  background-color: #03ff03 !important;
}

body.collapsed-active .user-cnt {
  display: none !important;
}

body.collapsed-active .setIcon {
  display: none !important;
}

body.collapsed-active .hp-sidebar-container .hp-sidebar-header-menu .grd-top {
  left: 0;
  grid-template-columns: 1fr !important;
  padding: 0px 0px 0px 15px;
  width: 74px !important;
}

.hp-main-layout {
  padding-top: 34px !important;
}

@media only screen and (max-width: 1199px) {
  .hp-sidebar {
    display: block !important;
  }
  body.collapsed-active .main-icon {
    left: 32px;
    position: relative;
    top: 15px;
  }
}
.showAlertIcon {
  padding-right: 25px;
  cursor: pointer;
}
.showAlertIcon > div > div > div {
  display: flex;
  justify-content: end;
  align-items: center;
}
.showAlertIcon .inputSearch {
  position: relative;
}
.showAlertIcon .inputSearch input {
  width: 220px;
  height: 36px;
  border-radius: 100px;
  margin-right: 10px;
  border: none !important;
  padding-left: 42px !important;
  color: #a3a3a3;
}
.showAlertIcon .inputSearch i {
  position: absolute;
  top: 10px;
  left: 16px;
  font-size: 15px;
  color: #a3a3a3;
}
.showAlertIcon .icon {
  display: flex;
  justify-content: end;
  position: relative;
}
.showAlertIcon .icon i {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999999;
  border: 1px dashed #999999;
  font-size: 16px;
  border-radius: 100px;
}
.showAlertIcon .icon .totalNum {
  position: absolute;
  top: 0;
  right: 0;
  background: red;
  border-radius: 100px;
  width: 15px;
  height: 15px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
}

.DahsboardDesignX2 .card {
  border-radius: 10px !important;
}
.DahsboardDesignX2 .grds {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}
.DahsboardDesignX2 .grds .card {
  border-radius: 25px !important;
  height: 100%;
}
.DahsboardDesignX2 .grds .card .samgr {
  border-radius: 10px !important;
  display: flex;
}
.DahsboardDesignX2 .grds .card .gr1 .tp1 {
  padding: 30px 50px 0px 30px;
  font-family: var(--anton-font);
  background-color: #0000ff !important;
  align-items: center;
  color: #ffffff !important;
  position: relative;
  border-radius: 25px 0px 0px 25px;
  width: 100% !important;
}
.DahsboardDesignX2 .grds .card .gr1 .tp1 .before {
  color: #C5C5C5 !important;
  font-size: 16px;
  font-family: "Merriweather", serif !important;
  margin-bottom: 0px;
  padding: 12px 0px 0px 3px;
}
.DahsboardDesignX2 .grds .card .gr1 .tp1 .before span {
  color: #24FF00 !important;
  font-family: "Merriweather", serif !important;
}
.DahsboardDesignX2 .grds .card .gr1 .tp1 h4 {
  margin-bottom: 0px !important;
  color: #ffffff;
  font-weight: 500;
  font-size: 70px;
  line-height: 71px !important;
}
.DahsboardDesignX2 .grds .card .gr1 .tp1 .ev {
  color: #000085 !important;
}
.DahsboardDesignX2 .grds .card .gr1 .tp1 span {
  font-size: 16px;
}
.DahsboardDesignX2 .grds .card .gr1 .cont {
  padding: 15px 30px 15px 30px;
  background-color: #000000;
  border-radius: 0px 25px 25px 0px;
  width: 100%;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .count1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .bgs {
  padding: 4px 22px;
  background: #24FF00;
  border-radius: 200px;
  font-size: 12px;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .ligthd {
  color: #ffffff;
  font-size: 24px !important;
  margin-bottom: 0px !important;
  font-family: "Merriweather", serif !important;
  font-weight: 300 !important;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .stnum {
  margin-top: 12px !important;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .stnum h4 {
  font-size: 40px;
  font-family: var(--anton-font);
  margin-bottom: 0px !important;
  color: #ffffff;
  font-weight: 100;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .count {
  margin-top: 14px;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .count h4 {
  color: #ffffff;
  font-size: 24px !important;
  margin-bottom: 0px !important;
  font-family: "Merriweather", serif !important;
  font-weight: 300 !important;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .count .value {
  display: flex;
  align-items: center;
  font-size: 40px;
  font-family: var(--anton-font);
  margin-bottom: 0px !important;
  color: #ffffff;
  font-weight: 100;
}
.DahsboardDesignX2 .grds .card .gr1 .cont .count .value span {
  padding-left: 10px;
}
.DahsboardDesignX2 .grds .card .gr1 .cont span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.DahsboardDesignX2 .grds .card .gr2 .tp1 .news {
  width: 150px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  border-radius: 0px 0px 15px 0px;
}
.DahsboardDesignX2 .grds .card .gr2 .tp1 .news span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
}
.DahsboardDesignX2 .grds .card .gr2 .newItems ul {
  margin-bottom: 0px;
  padding-left: 0px;
  max-height: 165px;
  overflow: auto;
}
.DahsboardDesignX2 .grds .card .gr2 .newItems ul li {
  padding-left: 0px;
  border-top: 1px solid #F5F5F5;
  margin: 0px;
  padding: 17px 0px;
}
.DahsboardDesignX2 .grds .card .gr2 .newItems ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 30px;
}
.DahsboardDesignX2 .grds .card .gr2 .newItems ul li a .fft .imgs {
  height: 16px;
}
.DahsboardDesignX2 .grds .card .gr2 .newItems ul li a .fft .imgs .bgimg {
  height: 100%;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.DahsboardDesignX2 .grds .card .gr2 .newItems ul li a .fft p {
  margin-bottom: 0px;
  font-weight: 600;
  color: #9B9B9B;
  font-size: 16px;
  border-bottom: 1px solid #9B9B9B;
  padding-top: 5px;
}
.DahsboardDesignX2 .grds .card .gr2 .newItems ul li a .btns span {
  width: 80px;
  height: 35px;
  background-color: #ffffff;
  color: #C1C1C1;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.DahsboardDesignX2 .grds .card .gr2 .newItems ul li:first-child {
  border-top: none !important;
}
.DahsboardDesignX2 .tasks .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px;
}
.DahsboardDesignX2 .tasks .head h4 {
  margin-bottom: 0px;
  color: #CACACA;
  font-weight: 500;
}
.DahsboardDesignX2 .tasks .head a {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EFEFEF;
  border-radius: 100px;
}
.DahsboardDesignX2 .tasks .head a i {
  font-size: 10px !important;
  color: #9F9F9F !important;
}
.DahsboardDesignX2 .tasks .lists ul {
  padding: 0px;
  margin: 0px;
}
.DahsboardDesignX2 .tasks .lists ul li {
  padding: 0px 20px;
  margin: 0px;
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
  padding: 10px 20px !important;
  height: 68px;
}
.DahsboardDesignX2 .tasks .lists ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.DahsboardDesignX2 .tasks .lists ul li a .ct1 .tp {
  display: flex;
  align-items: center;
}
.DahsboardDesignX2 .tasks .lists ul li a .ct1 .tp .clbt {
  color: #000000;
  background: #8FFF00;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 200px;
  width: fit-content;
  padding: 2px 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.DahsboardDesignX2 .tasks .lists ul li a .ct1 .tp .dttime {
  color: #A4A4A4;
  font-size: 12px;
  padding-left: 10px;
  position: relative;
}
.DahsboardDesignX2 .tasks .lists ul li a .ct1 .tp .dttime .rdot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background: #FF0000;
  top: 5px;
  right: -13px;
}
.DahsboardDesignX2 .tasks .lists ul li a .ct1 .bt p {
  font-size: 16px;
  padding-left: 6px;
  padding-top: 4px;
}
.DahsboardDesignX2 .tasks .lists ul li a .ct2 .btn {
  color: #C1C1C1 !important;
  border-radius: 100px !important;
  background: #FFFFFF !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
  padding: 0px 19px;
  font-size: 12px;
}
.DahsboardDesignX2 .tasks .lists ul li a .ct2 .btn:hover {
  transform: scale(1) !important;
}
.DahsboardDesignX2 .tasks .lists ul li a .ct2 .btn.active {
  background: #0000ff !important;
  color: #ffffff !important;
}
.DahsboardDesignX2 .recentChat {
  margin-top: 20px;
}
.DahsboardDesignX2 .recentChat .card .head {
  padding: 15px 30px;
}
.DahsboardDesignX2 .recentChat .card .head h4 {
  color: #CACACA;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
}
.DahsboardDesignX2 .recentChat .card .convo {
  min-height: 190px;
  max-height: 190px;
  overflow: auto;
}
.DahsboardDesignX2 .recentChat .card .convo ul {
  padding: 10px 30px;
  margin: 0px;
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
}
.DahsboardDesignX2 .recentChat .card .convo ul li {
  padding: 0px;
  margin: 0px;
}
.DahsboardDesignX2 .recentChat .card .convo ul li a > div {
  display: flex;
  justify-content: space-between;
}
.DahsboardDesignX2 .recentChat .card .convo ul li a .start > div {
  display: flex;
  align-items: center;
}
.DahsboardDesignX2 .recentChat .card .convo ul li a .start > div .IniTial {
  width: 35px;
  height: 35px;
  background: #EEEEEE;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
}
.DahsboardDesignX2 .recentChat .card .convo ul li a .start > div .msg {
  padding-right: 25px;
  padding-left: 20px;
}
.DahsboardDesignX2 .recentChat .card .convo ul li a .end .proImg {
  width: 35px;
}
.DahsboardDesignX2 .recentChat .card .convo ul li a .end .proImg img {
  width: 100%;
}
.DahsboardDesignX2 .recentChat .card .convo ul li a .end .name {
  color: #000000;
  padding-left: 20px;
}

.hp-sidebar {
  position: relative;
}
.hp-sidebar:before {
  position: absolute;
  content: "";
  width: 33px;
  height: 48px;
  top: 0;
  right: -32px;
  background: #F0F2F5;
  z-index: 11;
  border-radius: 26px 0px 0px 0px;
}
.hp-sidebar:after {
  right: -23px;
  position: absolute;
  content: "";
  width: 24px;
  height: 22px;
  top: 0;
  background: #143128;
}

.hp-sidebar-container {
  border: none;
}

.lenderSViewPage .hp-sidebar {
  display: none;
}
.lenderSViewPage .topBar {
  margin-top: 10px;
}
.lenderSViewPage .topBar h4 {
  font-size: 20px !important;
  font-family: "Merriweather", serif !important;
}
.lenderSViewPage .topBar .inp {
  display: flex;
  align-items: center;
  margin-top: 20px !important;
  justify-content: space-between;
}
.lenderSViewPage .topBar .inp .setting-c-drp {
  width: 100% !important;
}
.lenderSViewPage .topBar .inp input {
  height: 35px !important;
  border-radius: 100px;
  border: none;
  font-size: 13px !important;
  font-family: "Merriweather", serif !important;
}
.lenderSViewPage .topBar .inp input::placeholder {
  font-size: 13px !important;
  font-family: "Merriweather", serif !important;
}
.lenderSViewPage .topBar .inp .custom_btn {
  border-radius: 100px;
  white-space: pre !important;
  border: none !important;
  height: 35px !important;
  font-family: "Merriweather", serif !important;
  font-size: 12px !important;
  background-color: black !important;
  color: white !important;
  padding: 0px 30px;
  display: flex;
  align-items: center;
  margin-left: 18px !important;
}
.lenderSViewPage .topBar .inp .dropdown-menu {
  border-radius: 23px !important;
  padding-top: 11px !important;
}
.lenderSViewPage .topBar .inp .dropdown-menu ul li {
  line-height: 25px !important;
}
.lenderSViewPage .topBar .inp .dropdown-menu ul li h4 {
  padding-left: 14px;
  font-size: 15px !important;
  color: #BCBCBC !important;
  font-weight: 500 !important;
  font-family: "Merriweather", serif !important;
  padding-bottom: 10px !important;
}
.lenderSViewPage .topBar .inp .dropdown-menu ul li input {
  display: none !important;
}
.lenderSViewPage .topBar .inp .dropdown-menu ul li label {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #949494 !important;
  font-family: "Merriweather", serif !important;
}
.lenderSViewPage .topBar .inp .dropdown-menu ul li label input:checked + span {
  color: black !important;
  font-weight: 700 !important;
}
.lenderSViewPage .addNewTemp .status {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #24FF00;
  border-radius: 200px;
  width: fit-content !important;
  color: #169E00;
  font-family: "Merriweather", serif !important;
  padding: 0px 22px !important;
  margin-left: 10px !important;
}
.lenderSViewPage .addNewTemp .modal-body {
  padding: 0px !important;
  margin-top: 15px;
}
.lenderSViewPage .log_upload .avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 20px auto;
}
.lenderSViewPage .log_upload .avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.lenderSViewPage .log_upload .avatar-upload .avatar-edit input {
  display: none;
}
.lenderSViewPage .log_upload .avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.lenderSViewPage .log_upload .avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.lenderSViewPage .log_upload .avatar-upload .avatar-edit input + label:after {
  content: "\f382";
  font-family: "FontAwesome";
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.lenderSViewPage .log_upload .avatar-upload .avatar-preview {
  width: 100px;
  height: 90px;
  margin: 0 auto;
  position: relative;
}
.lenderSViewPage .log_upload .avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.lenderSViewPage .upTemp .foote {
  display: flex;
  align-items: center !important;
  border-top: 1px solid #E9EBEF !important;
  padding: 10px !important;
}
.lenderSViewPage .upTemp .foote .pro {
  width: 46px;
  height: 46px;
  border-radius: 100px;
  overflow: hidden;
  background: #EFEFEF !important;
}
.lenderSViewPage .upTemp .foote .data {
  padding-top: 6px;
  padding-left: 14px;
}
.lenderSViewPage .upTemp .foote .data .ss {
  margin-bottom: 0px !important;
  font-family: "Merriweather", serif !important;
  font-size: 14px !important;
  color: black !important;
}
.lenderSViewPage .upTemp .foote .data .boldName {
  line-height: 7px !important;
  font-weight: 800;
}
.lenderSViewPage .lenders-sec {
  margin-top: 30px !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.lenderSViewPage .lenders-sec .mitems {
  background-color: #f8f8fa;
  border-radius: 14px;
  margin-bottom: 40px;
}
.lenderSViewPage .lenders-sec .mitems .status {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  width: fit-content !important;
  font-family: "Merriweather", serif !important;
  padding: 0px 22px !important;
  margin-left: 10px !important;
  margin-top: 10px !important;
}
.lenderSViewPage .lenders-sec .mitems .status.active {
  background-color: var(--blue-col) !important;
  color: white !important;
}
.lenderSViewPage .lenders-sec .mitems .status.unactive {
  background: #FFCECE !important;
  color: #FF0000 !important;
}
.lenderSViewPage .lenders-sec .mitems .log_upload .imgPrev {
  width: 100%;
  height: 150px;
  margin: 0 auto;
  position: relative;
  padding: 30px;
}
.lenderSViewPage .lenders-sec .mitems .log_upload .imgPrev > div {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.lenderSViewPage .lenders-sec .upTemp .foote {
  display: flex;
  align-items: center !important;
  border-top: 1px solid #E9EBEF !important;
  padding: 15px !important;
}
.lenderSViewPage .lenders-sec .upTemp .foote .pro {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  overflow: hidden;
  background: #EFEFEF !important;
}
.lenderSViewPage .lenders-sec .upTemp .foote .pro img {
  height: 100% !important;
}
.lenderSViewPage .lenders-sec .upTemp .foote .data {
  padding-top: 6px;
  padding-left: 14px;
}
.lenderSViewPage .lenders-sec .upTemp .foote .data .ss {
  margin-bottom: 0px !important;
  font-family: "Merriweather", serif !important;
  font-size: 14px !important;
  color: black !important;
}
.lenderSViewPage .lenders-sec .upTemp .foote .data .boldName {
  line-height: 12px !important;
  font-weight: 800;
}

.dropdown .addLead {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: black;
  border: 1px solid black;
  font-size: 16px;
  border-radius: 100px;
  margin-right: 10px;
}
.dropdown .dropdown-menu .dropdown-item {
  padding: 0px !important;
}
.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent !important;
}

.dropdown .addLead2 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  background-color: white !important;
  font-size: 16px;
  border-radius: 2px;
  padding: 10px;
  border: none;
  box-shadow: 0 2px 7px 0 rgba(20, 20, 43, 0.06);
}

.addLeadMd .form-group label {
  margin-bottom: 4px !important;
  font-weight: 500 !important;
}
.addLeadMd .form-group .form-control {
  height: 40px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
}
.addLeadMd .form-group .button-7 {
  width: 100% !important;
  border-radius: 6px !important;
}

.allLeads .card-header > div {
  display: flex;
}
.allLeads .card-header > div .form-group {
  margin-bottom: 0px !important;
}
.allLeads .card-header > div .form-group .form-control {
  max-height: 45px !important;
  min-height: 45px !important;
}
.allLeads .card-header > div .bnk {
  padding-right: 50px;
}
.allLeads .card-header > div .dropdown {
  margin: 0px 15px;
}
.allLeads .card-header > div .leadssearch {
  color: black !important;
  border: 1px solid #b0b0b0;
  height: 45px !important;
}
.allLeads .card-header > div .leadssearch::placeholder {
  color: black !important;
}
.allLeads .card-header .leadsDrp {
  /* item list */
}
.allLeads .card-header .leadsDrp .vodiapicker {
  display: none;
}
.allLeads .card-header .leadsDrp #a {
  padding-left: 0px;
}
.allLeads .card-header .leadsDrp #a img, .allLeads .card-header .leadsDrp .btn-select img {
  width: 12px;
}
.allLeads .card-header .leadsDrp #a li {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.allLeads .card-header .leadsDrp #a li:hover {
  background-color: #F4F3F3;
}
.allLeads .card-header .leadsDrp #a li img {
  margin: 5px;
}
.allLeads .card-header .leadsDrp #a li span, .allLeads .card-header .leadsDrp .btn-select li span {
  margin-left: 8px;
  font-size: 15px !important;
  color: black;
}
.allLeads .card-header .leadsDrp .b {
  display: none;
  width: 100%;
  max-width: 350px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  position: absolute;
  background: white;
  width: fit-content;
}
.allLeads .card-header .leadsDrp .open {
  display: show !important;
}
.allLeads .card-header .leadsDrp .btn-select {
  width: 100%;
  max-width: 350px;
  height: 45px;
  border-radius: 7px;
  background-color: #fff;
  border: 1px solid #b0b0b0;
}
.allLeads .card-header .leadsDrp .btn-select li {
  list-style: none;
  float: left;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding: 0px 10px;
}
.allLeads .card-header .leadsDrp .btn-select:hover li {
  margin-left: 0px;
}
.allLeads .card-header .leadsDrp .btn-select:hover {
  background-color: #F4F3F3;
  border: 1px solid transparent;
  box-shadow: inset 0 0px 0px 1px #ccc;
}
.allLeads .card-header .leadsDrp .btn-select:focus {
  outline: none;
}
.allLeads .card-header .leadsDrp .lang-select {
  margin: 0px 15px;
}

.redAlertDrop .redAlert {
  width: 650px;
  border-radius: 4px;
  z-index: 2;
  transition: 0.1s all linear;
}
.redAlertDrop .redAlert .hd {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 500;
}
.redAlertDrop .redAlert .form-group {
  margin-top: 15px;
  margin-bottom: 0px;
  display: flex;
}
.redAlertDrop .redAlert .form-group > div input[type=radio] {
  display: none !important;
}
.redAlertDrop .redAlert .form-group > div label {
  margin-bottom: 0px;
  background-color: white;
  padding: 5px 20px;
  border-radius: 4px;
  border: 2px solid white;
  font-weight: 500 !important;
}
.redAlertDrop .redAlert .form-group > div input:checked + label {
  background-color: #bff601;
  color: black;
  border: 2px solid #91d552;
}
.redAlertDrop .redAlert .form-group > div .selectTime {
  margin-left: 15px;
  min-height: fit-content;
  height: fit-content;
  border-radius: 4px !important;
  width: fit-content;
  padding: 8px 8px;
  border: 2px solid white;
  color: black;
}
.redAlertDrop .redAlert .form-group > div select:focus {
  outline: none !important;
  border-color: #a0ff48 !important;
  box-shadow: none !important;
}
.redAlertDrop .redAlert .form-group .selectDays {
  min-height: fit-content;
  height: fit-content;
  border-radius: 4px !important;
  width: fit-content;
  padding: 8px 8px;
  color: black;
  border: 2px solid white;
}
.redAlertDrop .redAlert .form-group .selectDays:focus {
  outline: none !important;
  border-color: #a0ff48 !important;
  box-shadow: none !important;
}
.redAlertDrop .redAlert .form-group .joinTab {
  display: flex !important;
}
.redAlertDrop:hover .redAlert {
  opacity: 1;
  visibility: visible;
  top: 48px;
}

.select-dayc .erow {
  color: #737373 !important;
  font-weight: 500;
}

/*# sourceMappingURL=admin.css.map */