html {
  scroll-behavior: smooth;
}

body {
  /* background-color: #c7cdd6 ; */
  background-color: var(--bodycolor);

}

:root {
  --primarycolor: #29407B;
  --secondarycolor: #12b1d4;
  --bodycolor: #f4f3f9;
  --offblackcolor: #222;
  --widjetcolor: #f4f3f9;
  --sidebarcolor: #fff;
}

.cart-container {
  max-height: calc(100vh - 225px);
  overflow-y: auto;
  overflow-x: hidden;
}

.cart-container::-webkit-scrollbar {
  width: 8px;
}

.cart-container::-webkit-scrollbar-button {
  background: #ccc;
}

.cart-container::-webkit-scrollbar-track-piece {
  background: #888;
}

.panel-body.tabs-menu-body.side-tab-body::-webkit-scrollbar {
  width: 18px !important;
}

.panel-body.tabs-menu-body.side-tab-body:hover::-webkit-scrollbar {
  width: 18px !important;
}

.cart-container::-webkit-scrollbar-thumb {
  background: #eee;
}

.app-sidebar li.active>a {
  background: rgb(255, 255, 255, 0.06);
}

body::-webkit-scrollbar {
  background: #eee;
  width: 10px;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--primarycolor);
}

.nav-link.icon:hover {
  color: #060606 !important;
}

.welcome-text span {
  color: var(--secondarycolor) !important;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background-image: linear-gradient(to right,
      #1c96be 0,
      #1f7490 51%,
      #1c96be 100%) !important;
}

.jstree-default .jstree-anchor:hover .jstree-icon {
  color: #fff !important;
}

.content {
  padding: 0 !important;
}

.flag-p {
  color: #d3d8e2;
  padding: 10px !important;
}

.pagttle {
  font-size: 15px;
  color: #222 !important;
  margin-top: 14px;
}

.pagetitleBp {
  display: flex;
  flex-wrap: wrap;
}

.coverholder img.tree-user {
  width: auto !important;
  height: 125px !important;
  margin: 15px auto;
  max-width: 100% !important;
  display: none !important;
}

.tabs-menu ul li.active a,
.tabs-menu ul li.active a:hover,
.tabs-menu ul li.active a:hover {
  background-image: none !important;
  background-color: #29407B !important;
  color: #fff;
}

#back-to-top,
#back-to-top:hover {
  background-image: none !important;
  background-color: #29407B !important;
  color: #fff;
}

.Boxalign {
  margin-top: 90px !important;
}

.link_color {
  color: #6d86ff;
  letter-spacing: 0.5px;
  text-decoration: underline;
  margin-top: 15px;
  float: left;
}

.link_color:hover {
  color: #6d86ff;
  font-weight: 500;
  text-decoration: underline;
}

.maxwdth_200 {
  max-width: 234px !important;
  font-size: 14px;
}

.countset {
  display: flex;
  margin-top: 8px;
}

.uppercount,
.lowercount {
  width: 35px;
  height: 35px;
  border: 1px solid #e8e8e8;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}

.countList {
  width: 40px;
  height: 35px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  font-size: 15px;
}

.countList input {
  width: 100%;
  height: 100%;
  border: 0;
  text-align: center;
  font-size: 13px;
  margin-left: 1px;
}

.registerUserscroll {
  max-height: 360px;
  overflow-y: auto;
}

.registerUserscroll .card {
  margin-bottom: 0;
  margin-top: 15px;
  box-shadow: 5px 3px 6px rgb(142 142 142 / 10%);
  border: 1px solid #eeeeee;
  border-radius: 4px !important;
}

.floatleft2 {
  float: left;
  margin-right: 5px;
}

.darkthm,
.lightthm {
  display: none;
}

.darkthm.active,
.lightthm.active {
  display: block;
}

.nav>li>a:focus,
.nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  text-decoration: none;
  color: #d3d8e2;
  background-color: transparent;
}

a.list-group-item,
button.list-group-item {
  color: #d3d8e2;
}

a.list-group-item:hover {
  color: #fff !important;
}

.breadcrumb>li>a {
  color: #343a40;
  padding-top: 15px;
  font-size: 14px;
}

.in-gr-sty {
  width: auto !important;
}

.modal {
  background-color: rgba(0, 0, 0, 0.6);
}

.alert-close-sty {
  top: -24px !important;
  right: -72px !important;
}

.icon-h {
  height: 4em !important;
}

.fz-20 {
  font-size: 20px;
}

.fz-10 {
  font-size: 10px;
}

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

.fz-12-9 {
  font-size: 12.9px;
}

.jvectormap-container {
  background-color: transparent !important;
}

#sponsortreediv {
  background-image: linear-gradient(90deg,
      rgba(0, 0, 0, 0.125) 10%,
      transparent 10%),
    linear-gradient(rgba(0, 0, 0, 0.125) 10%, transparent 10%) !important;
  border: 1px dashed rgba(0, 0, 0, 0.125) !important;
}

#treediv {
  background-image: linear-gradient(90deg,
      rgba(0, 0, 0, 0.125) 10%,
      transparent 10%),
    linear-gradient(rgba(0, 0, 0, 0.125) 10%, transparent 10%) !important;
  border: 1px dashed rgba(0, 0, 0, 0.125) !important;
}

.datatable-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.datatable-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.sbscrn p.ev-text-color {
  text-align: center;
  font-weight: 500;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .mr-10 {
    margin-right: 10px;
  }
}

.lineht34 {
  line-height: 34px;
}

div.dataTables_wrapper div.dataTables_filter input,
.dataTables_length select {
  color: #222;
  background: #f0f0f5;
  background-clip: padding-box;
  border: 1px solid rgb(178 180 186 / 39%);
  height: 34px;
  padding: 5px 12px;
  border-radius: 3px;
}

.dataTables_filter>label>span {
  margin: 8px 3px;
}

.dataTables_filter>label:after {
  display: none;
}

.bootstrap-tagsinput {
  background-clip: padding-box;
  border: 1px solid #a7aab124;
}

.select2-selection--single:not([class*="bg-"]):not([class*="border-"]) {
  border: 1px solid #e8e8e8 !important;
  background-color: #f4f3f9;
}

.note-toolbar .note-color .dropdown-menu .btn-group {
  display: block !important;
  font-size: 18px;
}

.note-btn.dropdown-toggle::after {
  display: none;
}

.note-popover .popover-content>.note-btn-group,
.note-toolbar>.note-btn-group {
  margin-bottom: 15px;
}

.popup-sty {
  font-size: 12px;
  margin-top: 10px;
  height: auto !important;
  padding: 10px;
}

.bottom-230 {
  bottom: 230px !important;
}

.h-400 {
  height: 400px;
}

.sharemodal .modal-header .close {
  font-size: 27px;
  top: 0;
}

.sharemodal .modal-title {
  font-size: 1rem;
}

#arc_single_orders path.d3-state-empty {
  fill: #F8F8F8 !important;
}

.table-bordered td,
.table-bordered th,
.text-wrap table td,
.text-wrap table th,
.table td,
.table th,
.table>thead>tr>th {
  border-left: 0px solid rgba(107, 122, 144, 0.1) !important;
  border-right: 0px solid rgba(107, 122, 144, 0.1) !important;
}

.btn-pink {
  color: #fff;
  background-color: #1c96be;
  border-color: #1c96be;
}

@media (min-width: 320px) and (max-width: 1169px) {
  .d-col-contents {
    display: contents;
  }

  .w-col-250 {
    width: 250px !important;
  }

  .table-responsive {
    border: 0;
  }

  .order-col-2 {
    order: 2;
  }

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

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left !important;
  }
}

@media (max-width: 991px) {
  .m-col-auto {
    margin: auto !important;
  }
}

@media (max-width: 928px) {
  .ml-col-auto {
    margin-left: auto !important;
  }

  .mr-col-auto {
    margin-right: auto !important;
  }

  .w-col-100 {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 928px) {
  .email-app nav {
    flex: 0 0 100% !important;
  }

  .email-app {
    flex-direction: column;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .text-col-center {
    text-align: center !important;
  }
}

.note-popover.popover.in.note-link-popover.bottom {
  display: none;
}

.note-popover.popover.in.note-image-popover.bottom {
  display: none;
}

@media (max-width: 992px) {
  .d-col-none {
    display: none !important;
  }

  .d-col-block {
    display: block;
  }
}

@media (max-width: 480px) {
  .header-rightmenu {
    margin-left: auto !important;
  }
}

.input-group-addon {
  width: auto;
}

@media screen and (max-width: 920px) {
  span.input-group-addon {
    width: auto;
  }
}

.d-inline-table {
  display: inline-table !important;
}

.drop-sty::after {
  display: none !important;
}

.hoverinner {
  background-color: #29407b !important;
}

.hoverouter {
  background-color: #232f3e;
}

.webui-popover-content {
  background-color: #232f3e;
}

.avatarin .p-icon-bottom {
  bottom: 67px;
}

a.nav-link.steps-rank {
  border: 0 !important;
}

.icon-hei {
  height: 4.7em !important;
}

.alert-bg {
  color: #c1d0d3 !important;
  background-color: #2a333f !important;
  border-color: #2a333f !important;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  background-color: transparent !important;
}

.sweet-alert .sa-icon.sa-success:after,
.sweet-alert .sa-icon.sa-success:before {
  background-color: transparent !important;
}

.select2-selection--single .select2-selection__arrow:after {
  color: #d3d8e2 !important;
}

.r-0 {
  right: 0 !important;
}

.modal-header .close {
  top: 6% !important;
  color: #222 !important;
}

.modal .modal-header .close:hover,
.modal .modal-header .close:hover span,
.modal .modal-header .close:hover i {
  opacity: .7;
  color: #222 !important;
}

@media (max-width: 1024px) {
  .d-col-block {
    display: block !important;
  }
}

.fz-16 {
  font-size: 16px;
}

.right-0 {
  right: 0 !important;
}

.left--149 {
  left: -149px !important;
}

.media-list-linked .media-link:focus,
.media-list-linked .media-link:hover {
  background-color: #0b0b0c00;
  color: #c3c9d3;
}

.bootstrap-switch-handle-off.bootstrap-switch-danger {
  background-image: linear-gradient(to right,
      #1c96be 0,
      #1c527c 51%,
      #1a1f4d 100%);
}

.bootstrap-switch-handle-on.bootstrap-switch-success {
  background-image: linear-gradient(to right,
      #1c96be 0,
      #1c527c 51%,
      #1a1f4d 100%);
}

.profpicholder img,
.profpicholder {
  border-radius: 50%;
  color: #fff;
}

.bg-orange-transparent {
  background-color: rgb(252 115 3 / 13%);
}

.fz-20 {
  font-size: 20px;
}

.text-cerulean {
  color: #0077b5;
}

.bg-cerulean-transparent {
  background-color: rgb(0 119 181 / 13%);
}

.text-purple-tt {
  color: purple;
}

.bg-purple-tt-transparent {
  background-color: rgb(128 0 128 / 10%);
}

.text-seashell {
  color: #2fd8c6;
}

.bg-seashell-transparent {
  background-color: #2fd8c629;
}

.alertspopup {
  padding-right: 0 !important;
}

.t-0 {
  top: 0;
}

@media (max-width: 990px) {
  .note-toolbar .note-para .dropdown-menu {
    min-width: auto;
  }

  .note-btn-group.btn-group.note-align {
    margin-bottom: 10px;
  }
}

@media (max-width: 523px) {
  .mail-details-write .parsley-errors-list.filled {
    position: initial;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
  }
}

@media (max-width: 453px) {
  .mt-tick-5 {
    margin-top: 5px;
  }

  .d-tick-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .card-profile .nav-link {
    width: 100%;
    margin-bottom: 20px !important;
  }
}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:focus,
.dataTables_paginate .paginate_button.current:hover {
  background-image: none !important;
  background-color: #29407b !important;
}

.fz-18 {
  font-size: 18px;
}

body {
  overflow: none;
}

.login-content {
  margin: 0;
  height: 100vh;
  overflow: hidden;
}

.login-card h3 {
  text-transform: uppercase;
  color: #222;
  font-size: 22px;
}

.login-card .form-group {
  text-align: left;
  text-transform: uppercase;
}

.login-card .form-group .form-control {
  background: #fcfbff;
  border: 1px solid #d8d8d8;
  padding: 7px;
  font-weight: 400;
  font-size: 13px;
}

.btn-bitcoin,
.btn-bitcoin:focus {
  background: #1c527c !important;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff !important;
  padding: 7px;
  width: 100%;
  border-radius: 4px;
}

.btn-bitcoin:hover {
  background: -webkit-linear-gradient(to right, #c173ff, #7a40dd);
}

.create-acnt a {
  color: #a65bff;
}

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

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

.btn-google {
  color: #fff;
  background-color: #d73f16;
  border-color: #d73f16;
  width: 100%;
  padding: 8px;
  font-size: 18px;
  text-transform: uppercase;
}

.sidebar-right .panel-body.tabs-menu-body.side-tab-body {
  height: calc(100vh - 90px) !important;
}

.input-group-prepend .input-group-text {
  border: 1px solid #d8d8d8;
  border-right: none;
}

.login-card .form-group label {
  color: #808080cc;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
}

.login-image img {
  width: 90%;
}

.login-side {
  background: url("../theme-assets/images/brand/login-pattern.png") center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100vh;
  justify-content: center;
  display: flex;
  align-items: center;
}

.login-side .card {
  background: #ffffffdb !important;
  margin: 0;
}

.languagebar a {
  color: #a65bff;
}

.languagebar .dropdown .dropdown-menu {
  height: 500px;
  overflow: scroll;
  background: #fff;
}

.login-card .logo img {
  width: 80%;
}

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

.wtext {
  color: #fff !important;
  font-size: 20px;
}

.cptext {
  font-weight: 500 !important;
}

.cptext a {
  color: #b08d57 !important;
  font-weight: 500 !important;
}

.breadcrumb-icon i {
  color: #fff !important;
  font-weight: 500 !important;
}

.brd {
  font-weight: 500 !important;
  align-items: center;
  justify-content: center;
  display: flex !important;
}

.breadcrumb-icon {
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  text-align: center;
  border-radius: 4px;
  width: auto;
  height: auto;
  padding: 5px 13px 2px 13px;
  margin-right: 15px;
}

.fz-20 {
  font-size: 20px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  background-color: #522e91;
}

.text-light-orange {
  color: #70589b;
}

.text-light-green {
  color: #c4ae8b;
}

.btn-light-green {
  background-color: #c4ae8b;
}

.btn-gradiant {
  background-color: #29407B;
  border: 1px solid #29407B;
  box-shadow: none;
  color: #fff !important;
}

.btn-gradiant:hover {
  background-color: #1c527c;
  color: #fff !important;
}

.label-gradiant {
  background-image: none !important;
  background-color: #29407b;
  color: #fff !important;

}

.btn-sp-orange {
  background-color: #2b2b2b;
  color: #fff !important;
}

.btn-sp-green {
  background-color: #29407b;
  color: #fff !important;
}

.btn-info {
  /* background-color: #d88322ed !important;
  color: #fff !important;
  border-color: #d88322ed !important; */
  background-color: #29407b !important;
  color: #fff !important;
  border-color: #29407b !important;
}

.resp-vtabs li.active {
  border-left: 4px solid #e1dee7 !important;
}

.orgchart .lines .downLine {
  background-color: #7a3ff3 !important;
}

.orgchart .lines .rightLine {
  border-right: 1px solid #7a3ff3 !important;
}

.orgchart .lines .leftLine {
  border-left: 1px solid #7a3ff3 !important;
}

.orgchart .lines .topLine {
  border-top: 1px solid #7a3ff3 !important;
}

.bg-light-green {
  background-color: #a37936;
  border-color: #d58a16;
}

.text-sp-green {
  color: #522e91;
}

.text-sp-green:hover {
  color: #522e91 !important;
}

.text-sp-orange {
  color: #1c527c !important;
}

.app-sidebar__toggle {
  color: #beabc2 !important;
}

.app-sidebar__toggle:focus,
.app-sidebar__toggle:hover {
  color: #522e91;
}

.a {
  color: #b08d57;
}

.btn-sp-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.d-table {
  display: table;
}

#scrollUp {
  display: none !important;
}

.btn-sp-danger {
  color: #fff;
  background-color: #ec2d38;
  border-color: #ec2d38;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #b66dff !important;
}

@media (min-width: 320px) and (max-width: 1159px) {
  .d-col-sp-none {
    display: none !important;
  }

  .d-col-sp-block {
    display: block;
  }
}

@media (min-width: 1159px) {
  .d-xl-sp-none {
    display: none !important;
  }
}

@media (min-width: 922px) and (max-width: 1159px) {
  .d-flex-res {
    display: flex !important;
  }
}

.mega-sty {
  left: auto !important;
}

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

.w-47px {
  min-width: 47px !important;
}

@media (max-width: 393px) {
  .mega-sty {
    right: 148px !important;
  }
}

@media (min-width: 1159px) {
  .mega-sty {
    right: 452px !important;
  }
}

@media only screen and (min-width: 860px) {
  section {
    width: 100% !important;
  }
}

.ml-28 {
  margin-left: 28px !important;
}

.carousel-sty {
  width: 75%;
  margin: auto;
}

.car-ctrl {
  background-image: none;
}

.carousel-inner>.item {
  -webkit-transition: 1.9s ease-in-out left;
  transition: 1.9s ease-in-out left;
  -webkit-transition: 1.9s, ease-in-out, left;
  -moz-transition: 1.9s, ease-in-out, left;
  -o-transition: 1.9s, ease-in-out, left;
  transition: 1.9s, ease-in-out, left;
}

.ui-menu .ui-menu-item {
  background-color: transparent !important;
}

.ui-menu-item-wrapper {
  background-color: transparent !important;
}

.ui-menu-item-wrapper:focus,
.ui-menu-item-wrapper:hover {
  color: #a7aab1 !important;
}

.app-sidebar .user-body {
  position: relative;
}

.fz-16 {
  font-size: 16px;
}

#treediv.no-grid {
  background-image: none !important;
}

#sponsortreediv.no-grid {
  background-image: none !important;
}

.bg-img-none {
  background-image: none !important;
}

.badge-sp-orange {
  background-color: #d486ff !important;
}

.badge-sp-green {
  background-color: #d486ff;
}

body ::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  transition: 0.3s background;
}

.card {
  border-radius: 8px !important;
}

.bar-rank1 {
  background-color: #bfbfbf;
}

.bar-rank2 {
  background-color: #bfbfbf;
}

.bar-rank3 {
  background-color: #3333cc;
}

.bar-rank4 {
  background-color: #900;
}

.bar-rank5 {
  background-color: #f30;
}

.bar-rank6 {
  background-color: #f60;
}

.bar-rank7 {
  background-color: #f90;
}

.bar-rank8 {
  background-color: #690;
}

.bar-rank9 {
  background-color: #060;
}

.bar-rank10 {
  background-color: #03c;
}

.bar-rank11 {
  background-color: #061b30;
}

/*.bar-enroller {
  box-sizing: border-box;
  padding: 0;
  width: 130px;
  text-align: center;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  background-color: #45922c;
  /*advocate*/
/*background-color:*/
/*}*/

.rankbox {
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  min-width: 100px;
}

.rankListt {
  display: flex;
  flex-wrap: wrap;
}

.rankListt span {
  background-color: #233564;
  text-align: center;
  font-size: 13px;
  float: left;
  border: 1px solid #0f172a;
  border-radius: 4px;
  line-height: 25px;
  margin-bottom: 0;
  color: #cecece;
  padding: 3px 8px;
  margin: 1px;
}

.rankListt.rankListt2 span {
  background-color: #29407B;
}

.rankListt.rankListt3 span {
  background-color: #1a1f4d;
}

.Member {
  background-color: #bfbfbf;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover,
.close {
  color: #fff !important;
  text-shadow: none;
  font-size: 20px !important;
  opacity: .9;
  margin-top: -4px;
}

.Advocate {
  background-color: #bfbfbf;
}

.Distributor {
  background-color: #3333cc;
}

.Manager {
  background-color: #990000;
}

.Executive {
  background-color: #ff3300;
}

.Silver {
  background-color: #ff6600;
}

.Gold {
  background-color: #ff9900;
}

.Platinum {
  background-color: #669900;
}

.Diamond {
  background-color: #006600;
}

.Double {
  background-color: #0033cc;
}

.Black {
  background-color: #000000;
}

.rank-box ul {
  margin-bottom: 5px;
}

.orgchart .vacant .title1 {
  background-color: #5a5656;
}

.orgchart .rank1 .title1 {
  background-color: #a2a3a5;
}

.orgchart .rank2 .title1 {
  background-color: #9067d4;
}

.orgchart .rank3 .title1 {
  background-color: #5a379d;
}

.orgchart .rank4 .title1 {
  background-color: #c7a564;
}

.orgchart .rank5 .title1 {
  background-color: #c3c2d4;
}

.orgchart .rank6 .title1 {
  background-color: #825e0b;
}

.orgchart .rank7 .title1 {
  background-color: #005600;
}

.orgchart .active .title1 {
  background-color: #4baf4a;
}

.orgchart .inactive .title1 {
  background-color: #ff0505;
}

.orgchart .second-menu-icon {
  color: #daddda;
  display: none !important;
}

.badge-img {
  position: absolute;
  left: 47px;
  bottom: 29px;
  border-radius: 50%;
}

.profpicholder .title1 {
  display: none;
}

.orgchart .node .title {
  display: none;
}

.orgchart .node .title1 {
  font-size: 14px;
}

.orgchart .node .title1 {
  max-width: 200px;
  cursor: pointer;
}

.orgchart .node .title1 {
  padding-left: 5px;
  padding-right: 5px;
}

.orgchart .node .title1 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  width: 130px;
  text-align: center;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
}

.walletUl .mypr_mthd label {
  font-size: 13px;
}

li .value {
  font-weight: 500;
}

.rgstrnewImg,
.rgstrnewImgdark {
  height: 350px;
  margin-top: 60px;
}

.rgstrnewImgdark {
  display: none;
}

.content .tree-user {
  margin: 0 auto;
  border-radius: 50%;
  margin-top: 0;
  max-width: 50px;
}

.content .vacant-user {
  margin: 0 auto;
  border-radius: 50%;
  margin-top: 0;
  max-width: 50px;
  margin-bottom: 10px;
}

.orgchart .vacant .content {
  margin-bottom: 0 !important;
}

.orgchart .node .content {
  border-radius: 4px 4px 4px 4px;
  margin-top: -13px;
  background-color: transparent;
  border: 0;
  margin-bottom: -10px;
}

.orgchart .second-menu-icon {
  top: 55px;
  right: 9px;
  font-size: 16px;
}

.no-images .second-menu-icon {
  top: -4px;
}

.orgchart .node:hover {
  background-color: transparent;
}

.orgchart .node.focused {
  background-color: transparent;
  box-shadow: 0 20px 20px -15px #232f3e63;
}

.panel {
  color: #d3d8e2 !important;
}

.icon-green {
  color: #b08d57;
}

.icon-red {
  color: red;
}

.lb-sbimg {
  left: 0;
  bottom: 0;
}

.lb-hbimg {
  left: 27px;
  bottom: 7px;
}

.lb-pbimg {
  left: 6px;
  top: 53px;
}

.lb-hsbimg {
  left: 0;
  bottom: -25px;
}

.lb-hsabimg {
  left: 0;
  bottom: 0;
}

.avatar-sm-imp {
  width: 1.5rem !important;
}

.no-images .node #tree-user-up {
  left: 48px !important;
}

#tree-user-up {
  position: absolute;
  top: -39px;
  left: 50px;
  color: #d5d3d3 !important;
}

.hoverouter .table tr td {
  text-align: center;
}

.switch_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

input[type="checkbox"].switch_1 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.5em;
  height: 1.5em;
  background: #ddd;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input[type="checkbox"].switch_1:checked {
  background: var(--primarycolor);
}

input[type="checkbox"].switch_1:after {
  position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  left: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input[type="checkbox"].switch_1:checked:after {
  left: calc(100% - 1.5em);
}

.copyfrom {
  margin-right: 15px;
}

.icon-active {
  font-family: FontAwesome;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #8bc34a;
}

.icon-active:before {
  content: "\f058";
}

.rank-ico {
  font-size: 26px;
  text-align: left;
  margin-right: 10px;
}

.featrdList {
  width: 100%;
}

.featrdList li {
  background-color: #f5f6fa;
  padding: 20px;
  margin-top: 10px;
  border-radius: 4px;
  width: 100%;
  min-height: 100px;
  border: 1px solid #e5e5e5;
}

.featrdList li .card-body {
  padding: 0.8rem 0.8rem !important;
}

.featrdList li .card-body p {
  font-size: 13px;
  letter-spacing: 0.2px;
}

.rank-box ul li {
  border-bottom: 1px solid #ebedf2;
  line-height: 24px;
  padding: 8px 0;
}

.icon-inactive {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #8c8989;
}

.icon-inactive:before {
  content: "\f057";
}

.fz-26 {
  font-size: 26px !important;
}

.mtb-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.text_underline {
  text-decoration: underline;
}

.alert-joining {
  color: #fff;
  background-color: #3f51b5;
}

.font_14 {
  font-size: 14px;
}

.linehight22 {
  line-height: 22px;
}

.alert-joining_text {
  color: #fff;
  font-size: 15px;
  animation: joining_textchange 5s infinite;
  animation-duration: 2s;
}

.benefit_list li {
  font-size: 14px;
  width: 100%;
  float: left;
  display: flex;
  line-height: 21px;
  margin: 5px 0;
  color: #535353;
}

.benefit_list li span {
  float: left;
}

.benefit_list i {
  color: #d8aa34;
  font-size: 19px;
  float: left;
  margin-right: 10px;
}

@keyframes joining_textchange {
  from {
    color: #fff;
  }

  to {
    color: #00ff0a;
  }
}

.app-header .cart-dicon::after {
  top: 13px;
  right: 505px;
}

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

.btn-spa-danger {
  color: #fff !important;
  background-color: #ec2d38 !important;
  border-color: #ec2d38 !important;
}

.sa-button-container .btn-default {
  color: #fff;
  background-color: #ffca4a;
  border-color: #ffca4a;
}

.sweet-alert button.cancel {
  color: #fff;
  background-color: #ffca4a;
  border-color: #ffca4a;
}

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

.profpicholder .avatar-sm {
  width: 1.9rem !important;
  height: 1.9rem !important;
  border: 0 !important;
}

.profpicholder .brround {
  border-radius: 50% !important;
}

.profpicholder .badge-img {
  left: 6px;
  bottom: 36px;
}

.text-muted-tdark {
  color: #5c6a7c !important;
}

.app-header .header-nav .tr-drop::after {
  top: 7px;
  right: 6px;
}

.text-left {
  font-size: 20px;
}

.thumbnail {
  color: #000;
}

.lang-sty:after {
  top: -7px;
}

.dn-darrow:after {
  vertical-align: 0.6em;
}

@media (max-width: 1250px) {
  .d-sp-none {
    display: none;
  }

  .visible-lg-sp-block {
    display: block !important;
  }

  .w-col-sp-100 {
    width: 100% !important;
  }

  .icon-res:before {
    content: "\EC6E";
  }
}

.dn-darrow-1 {
  vertical-align: 0.4em;
}

.bg-pro-heading {
  background: #522e91;
  color: #fff;
  border-radius: 3px;
  padding: 2px;
}

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

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

.badge {
  color: #fff !important;
}

.custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  border-bottom: 1px solid #f1f1f1;
}

.sidebar-cart {
  width: 400px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -405px;
  z-index: 1500;
  text-align: left;
  padding: 0 10px;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 5%);
}

.sidebar-cart.active {
  right: 0;
}

.dismiss {
  position: absolute;
  top: 3px;
  right: 10px;
  transition: all 0.3s;
  border-radius: 4px;
  text-align: right;
  cursor: pointer;
}

.dismiss i {
  font-size: 12px;
  margin-left: 3px;
}

.sidebar-cart .head {
  position: relative;
  margin-top: 25px;
}

.sidebar-cart .head h3 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 500;
}

.dismiss:focus,
.dismiss:hover {
  color: #969ca6;
}

.sidebar-cart a[data-toggle="collapse"] {
  position: relative;
}

.sidebar-cart .dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1098;
  opacity: 0;
  background: rgba(51, 51, 51, 0.7);
  transition: all 0.5s ease-in-out;
}

.overlay.active {
  display: block;
  opacity: 1;
}

.content {
  width: 100%;
  transition: all 0.3s;
}

.open-menu {
  position: fixed;
  bottom: 65px;
  right: 20px;
  z-index: 997;
  box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
}

#back-to-top {
  bottom: 5px;
}

.open-menu.btn-customized,
.open-menu.btn-customized.active:focus,
.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,
.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus,
.open-menu.btn-customized:active,
.open-menu.btn-customized:active:focus,
.open-menu.btn-customized:focus,
.open-menu.btn-customized:hover {
  box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
}

a.btn-customized {
  margin-left: 5px;
  margin-right: 5px;
  padding: 15px 20px;
  background: linear-gradient(to right, #d486ff 0, #a25cff 51%, #bf74ff 100%);
  border: 0;
  border-radius: 4px !important;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  box-shadow: none;
}

a.btn-customized i {
  font-size: 20px !important;
}

a.btn-customized.active:focus,
a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus,
a.btn-customized:active,
a.btn-customized:active:focus,
a.btn-customized:focus,
a.btn-customized:hover {
  outline: 0;
  background: linear-gradient(to right, #d486ff 0, #a25cff 51%, #bf74ff 100%);
  border: 0;
  color: #fff;
  box-shadow: none;
}

.cart-count {
  background: #1c96be;
  border-radius: 100px;
  position: absolute;
  height: 28px;
  width: 27px;
  top: -13px;
  left: -10px;
  box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
}

.cart-count p {
  color: #fff;
  font-weight: 600;
}

.ratings i {
  font-size: 16px;
  color: red;
}

.strike-text {
  color: red;
  text-decoration: line-through;
}

.product-image {
  width: 100%;
}

.spec-1 {
  color: #938787;
  font-size: 15px;
}

h5 {
  font-weight: 400;
}

.product-text h5 {
  font-size: 15px;
  letter-spacing: 0.3px;
  font-weight: 500;
  margin-bottom: 2px;
  text-transform: capitalize;
}

.product-text p {
  font-size: 13px;
  line-height: 20px;
  color: #7f7f7f;
  font-weight: 300;
}

.sub-total span {
  float: right;
  font-size: 17px;
  font-weight: 500;
  color: #f0ad4e;
}

.prcrtcode {
  background: 0 0 !important;
  border: 0 !important;
  color: #c37c18 !important;
  padding: 0;
  margin: 0;
  height: 0;
  font-family: Poppins, sans-serif !important;
}

#del_product,
.trash {
  width: 100%;
  float: right;
}

#del_product {
  color: #c44b4b;
  font-size: 12px;
}

#del_product i {
  color: #c44b4b;
  font-size: 18px;
  margin-top: 3px;
  float: right;
  position: absolute;
}

select.form-control.prChangecrt {
  height: 35px !important;
  padding: 7px !important;
  font-size: 12px;
  margin-top: 8px;
  background-color: #fff;
  width: auto;
  min-width: 120px;
}

select.form-control.prChangecrt1 {
  height: 35px !important;
  padding: 7px !important;
  font-size: 12px;
  margin-top: 8px;
  background-color: #fff;
  width: auto;
}

.cart-product {
  padding: 20px 5px 20px 15px;
}

.trash {
  margin-top: -13px;
  margin-right: 12px;
  float: right;
}

.trash i {
  color: #9298a3;
}

.total-box {
  padding: 20px 11px;
  border-radius: 3px;
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.total-box h4 {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 500;
  text-align: center;
}

.total-box h4 span {
  color: #f0ad4e;
}

.total-box p {
  text-align: center;
  margin-top: 15px;
  font-weight: 300;
  line-height: 21px;
}

.btn-checkout {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
  width: 49%;
  margin-right: 1%;
  font-size: 13px;
  margin-top: 5px;
}

.btn-checkout:hover {
  color: #fff;
  background-color: #4ba34b;
  border-color: #4ba34b;
}

#mCSB_2_container {
  height: 100vh !important;
}

.card-header-dark {
  border-left: none;
}

.card-header-dark .card-title {
  font-size: 22px;
  margin-top: 13px;
}

.check-cart {
  float: left;
  padding: 10px;
  border-radius: 100px;
  margin-right: 20px;
}

.check-cart img {
  width: 30px;
}

.ui-sortable {
  width: 100%;
}

.content .panel-body-dark {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.panel-body-dark .table>tbody>tr>td {
  border: none;
}

.panel-body-dark .headerfooter th {
  font-size: 16px;
  font-weight: 500;
}

.tab-head tr th {
  color: #969ca6 !important;
  font-weight: 500;
}

.payment-method {
  display: flex;
  align-items: center;
}

.bhoechie-tab-menu {
  background-color: #edf2f7;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .fa,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon {
  background-color: transparent !important;
  border-left: 6px solid #7a3ff3;
  border-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a {
  border-bottom: 2px solid #cccccc52 !important;
  padding: 15px;
}

div.bhoechie-tab-menu div.list-group>a img {
  width: 100px;
}

div.bhoechie-tab-menu div.list-group>a:last-child.active {
  border-color: #7a3ff3 !important;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
  border-color: #7a3ff3 !important;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
  display: none;
}

.btn-payment-cr {
  background-color: #2bc88f;
  border: 1px solid #2bc88f;
  color: #fff;
}

.btn-payment-cr:hover {
  color: #fff;
  background-color: #81b546;
  border-color: #81b546;
}

@media (max-width: 420px) {
  .sidebar-cart {
    width: 360px;
  }

  .total-box {
    padding: 20px 10px;
  }

  .product-text h5 {
    font-size: 15px;
  }

  .radio-box {
    margin-bottom: 20px;
  }

  .sidebar-cart {
    padding: 0 10px;
  }
}

.blockbox {
  display: flex;
  width: 100%;
  float: left;
  border-bottom: 1px solid #e6e6e6;
}

.modal-content {
  border-radius: 4px !important;
}

.modal-header {
  border-radius: 4px 4px 0 0 !important;
  background-color: #f1f1f1;
  color: #000;
}

.pblcEvntModl .modal-header .close {
  top: 14% !important;
  font-size: 22px;
  color: #000 !important;
}

.pblcEvntModl .modal-body label {
  width: 175px;
  background-color: #f9f9f9;
  float: left;
  margin-bottom: 0;
  padding: 11px 12px;
}

.pblcEvntModl .modal-body span {
  width: calc(100% - 185px);
  float: left;
  margin-bottom: 0;
  padding: 11px 12px;
  margin-left: 10px;
  position: relative;
}

.border0 {
  border: none !important;
}

.pblcEvntModl .modal-body span:before {
  position: absolute;
  content: ":";
  left: 0;
}

.modal-header {
  display: block !important;
}

.modal-open .modal {
  background-color: rgb(0 0 0 / 63%);
}

.modal-header.bg-primary {
  background-color: #f1f1f1 !important;
  border: none !important;
}

.modal-title {
  color: #000 !important;
  text-align: left;
  font-weight: 500;
  letter-spacing: 0.05px;
  font-size: 17px;
  text-transform: capitalize;
}

.modal-header .close {
  font-size: 22px;
  margin-top: -4px;
}

.fade.in {
  background-color: rgba(0, 0, 0, 0.6);
}

.tooltip.fade.in {
  background-color: transparent;
}

.alert-danger.alert-dismissible.fade.in {
  color: #6b1110;
  background-color: #fb959b !important;
  border-color: #f7727a !important;
}

.badge-sp-success {
  border-color: #2fd8c6 !important;
  background-color: #2fd8c6 !important;
}

.bg-primary {
  background-color: #522e91 !important;
  border-color: #522e91 !important;
  color: #fff !important;
}

.bg-sp-primary {
  background-color: #1753fc !important;
  color: #fff !important;
}

.bg-dark {
  background: #1c2938 !important;
}

.bg-light-d {
  background: #253344 !important;
}

.subscri-card .card-header {
  padding: 15px;
  min-height: 120px;
  border-left: none !important;
  padding: 0.5rem 1.8rem !important;
}

.subscri-card .card-header h3 {
  font-size: 20px;
  line-height: 28px;
}

.subscri-card .card-body {
  padding: 0;
  text-align: center;
}

.subscri-text {
  padding: 0;
}

.subscri-card .card-header .card-title {
  margin-top: 0 !important;
}

.subscri-card .bit-icon {
  float: left;
  padding: 10px;
  border-radius: 100px;
  margin-right: 20px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.subscri-card .bit-icon img {
  max-width: fit-content;
}

.subscri-card .subscri-img img {
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 5px;
  border: 1px solid #ffffff21;
}

.subscri-text .product-gallery-quty .d-head {
  font-size: 18px;
  color: #edf2f7;
  font-weight: 500;
  border: 1px solid #cccccc70;
  padding: 5px;
  margin-bottom: 30px;
}

.subscri-text .product-gallery-quty .custom-control {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: left;
}

.subscri-text .product-gallery-quty {
  padding: 0.5rem 1.8rem !important;
  margin-bottom: 0;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: #29407b;
}

.description-text {
  font-size: 16px;
  color: #edf2f7;
  margin: 15px 0;
}

.subscri-footer {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.cus-center {
  justify-content: center;
}

.btn-cart {
  background: #8ec452;
  border-color: #8ec452;
  color: #fff;
}

.btn-cart:hover {
  color: #fff;
  background-color: #81b546;
  border-color: #81b546;
}

.btn-buy-now {
  background: #2babc8;
  border-color: #2da4bf;
  color: #fff;
}

.btn-buy-now:hover {
  color: #fff;
  background-color: #2da4bf;
  border-color: #2da4bf;
}

.product-gallery-data .product-gallery-size dt,
dd {
  min-height: 0;
}

#user_tank tr td .form-control {
  display: block;
  width: 100%;
  height: 36px;
  font-size: 13px;
}

.product-view .card-header h3 {
  font-size: 22px;
  color: #edf2f7;
}

.product-gallery-quty .sub-text {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.product-view .card-footer {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.border-01 {
  border: 1px solid #cccccc47 !important;
  border-radius: 6px;
  padding: 0 !important;
}

.single-productslide .product-gallery .product-item {
  background-color: transparent !important;
  border-bottom: 1px solid #ebebeb;
}

.product-view .product-icon {
  float: left;
  padding: 10px;
  border-radius: 100px;
  margin-right: 20px;
  background: #283543;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.product-gallery-data h3 {
  font-size: 22px;
  color: #edf2f7;
  font-weight: 500 !important;
}

.product-gallery-data p {
  font-size: 15px;
  color: #ccc;
  font-weight: 300 !important;
  line-height: 30px;
  text-align: justify;
}

.product-gallery-data .product-gallery-quty dt,
dd {
  color: #edf2f7;
  font-weight: 500;
  margin-top: 0;
}

.sub-c-t {
  align-items: center;
  display: flex;
}

.star-rating {
  padding: 0 10px;
}

.star-rating a {
  color: #ccc;
  text-decoration: underline;
  margin: 0.5rem;
}

.product-gallery-data ul li {
  color: #ccc;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
}

.product-view {
  margin-bottom: 0;
}

.ft-br {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.product-gallery-quty .form-group {
  width: 100%;
}

.product-gallery-quty dd {
  margin-top: 10px;
}

.radio-box {
  border: 1px solid #cccccc47 !important;
  border-radius: 5px;
  background: #1c2938;
  padding: 10px;
  text-align: center;
}

.single-productslide .product-gallery-data {
  padding-top: 10px;
}

.product-gallery-data ul li i {
  color: #fff;
  margin-right: 10px;
}

.rating {
  border: none;
  float: left;
}

blockquote,
ol,
p,
ul {
  line-height: 30px;
}

.rating>input {
  display: none;
}

.rating>label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating>.half:before {
  content: "\f089";
  position: absolute;
}

.rating>label {
  color: #ddd;
  float: right;
}

.rating:not(:checked)>,
.rating:not(:checked)>label,
.rating>input:checked~label {
  color: gold;
}

.rating>input:checked,
.rating>input:checked~label {
  color: #ffed85;
}

.review-social i {
  font-size: 18px;
  margin-right: 15px;
}

.reviews-members {
  padding: 30px;
  border-radius: 7px;
}

.rating-head {
  background-color: #fff;
  color: #000;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  /* box-shadow: 1px 0 3px 0 #bbb8b8; */
}

.rating-head h5 {
  font-size: 20px;
  font-weight: 500;
  color: #1c2938;
}

.text-user {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.radio-group {
  display: block !important;
}

.btn-violet-1 {
  color: #fff;
  background-color: #2bc88f;
  border: 1px solid #2bc88f;
}

.btn-violet-1:hover {
  color: #fff;
  background-color: #2bc88f;
  border-color: #2bc88f;
}

.closbtnvdo {
  display: flex;
  margin: auto;
}

.btn-violet {
  color: #444;
  background-color: #f4f3f9;
  border-color: #f4f3f9;
}

.btn-violet:not(:disabled):not(.disabled).active,
.btn-violet:not(:disabled):not(.disabled):active,
.show>.btn-violet.dropdown-toggle {
  background: linear-gradient(to right, #1c96be 0, #1c527c 51%, #1a1f4d 100%);
  color: #fff !important;
}

.btn-violet:hover {
  background: linear-gradient(to right, #1c96be 0, #1c527c 51%, #1a1f4d 100%);
  color: #fff !important;
}

.radio-btn {
  margin-right: 10px !important;
  border-radius: 0.25rem !important;
  margin-bottom: 10px;
}

.thumbnail {
  border: none;
}

.card-title {
  font-size: 16px !important;
  margin-top: 17px !important;
  letter-spacing: 0.1px !important;
}

.time-frame {
  float: right;
  justify-content: right;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.time-frame #demo {
  font-weight: 500;
  color: #1c527c;
  font-size: 16px;
  margin-left: 5px;
}

/* .time-parts {
  top: 6px;
  position: absolute;
  margin-left: -25px;
} */
.time-frame .time-parts i {
  font-size: 20px !important;
  color: #1c527c;
}

.copylink .btn-copy {
  box-shadow: none !important;
  text-decoration: none !important;
  position: absolute;
  top: 0;
  right: -13px;
}

.copylink .btn-copy i {
  font-size: 20px !important;
  color: #8b8b8b;
  text-decoration: none !important;
}

.copylink .btn-copy i:hover {
  text-decoration: none !important;
}

.copylink {
  padding: 0 15px;
  position: absolute;
  top: 0;
  right: 85px;
  z-index: 3;
}

.feature-body-1 {
  background: #ffbf96;
  background: -webkit-linear-gradient(to right, #ffbf96, #e25134);
  background: linear-gradient(to right, #ffbf96, #e25134);
}

.feature-body-2 {
  background: #90caf9;
  background: -webkit-linear-gradient(to right, #90caf9, #0d5d9d);
  background: linear-gradient(to right, #90caf9, #0d5d9d);
}

.feature-body-3 {
  background: #84d9d2;
  background: -webkit-linear-gradient(to right, #84d9d2, #148573);
  background: linear-gradient(to right, #84d9d2, #148573);
}

.feature-body-4 {
  background: #d486ff;
  background: -webkit-linear-gradient(to right, #d486ff, #5e1fb1);
  background: linear-gradient(to right, #d486ff, #5e1fb1);
}

.feature-body-5 {
  background: #f97794;
  background: -webkit-linear-gradient(to right, #f97794, #623aa2);
  background: linear-gradient(to right, #f97794, #623aa2);
}

.feature-bx {
  border-radius: 3px;
  padding: 40px 20px !important;
  overflow: hidden;
}

.feature-bx .card-img-absolute {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  transition: 0.4s ease-in-out all;
}

.feature-bx .icon-img-absolute {
  position: absolute;
  top: 60px;
  left: 30px;
  transition: 0.4s ease-in-out all;
}

.ewalletpage .item {
  margin-bottom: 10px;
}

.ewalletpage .feature-bx .icon-img-absolute {
  top: 120px;
}

.feature-bx:hover .card-img-absolute {
  top: 0;
  right: -10px;
}

.feature-bx p {
  font-size: 14px;
  color: #fff;
  line-height: 21px;
}

.BPprofile_LeftboxCard .content-group {
  width: 100%;
}

.borderd {
  border-image: linear-gradient(to right, #a35cff 50%, #f2e8ff 50%) !important;
  border-image-slice: 1 !important;
  border-top: 5px solid !important;
}

.feature-bx h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  margin-bottom: 50px;
}

.product-box {
  background: #f2edf3;
}

.product-box .card-body {
  padding: 0;
  text-align: center;
  margin: auto;
}

.product-box .card-header {
  min-height: 7.5rem;
}

.product-box .card-header .card-title {
  margin-top: 0 !important;
}

.product-box .card-header .card-title h5 {
  text-align: left;
  font-weight: 500;
  line-height: 25px;
}

.product-box .card-footer p {
  text-align: left;
}

.subsgbox {
  float: left;
  margin-right: 10px;
  width: 60px;
  overflow: hidden;
  height: 60px;
  position: relative;
  margin-top: 5px;
}

.subsgbox img {
  border-radius: 4px;
  height: 100%;
  max-width: 100%;
}

.actvprttl {
  margin-top: 10px;
}

.subsgcntntbox {
  float: left;
  width: calc(100% - 150px);
}

.subsgcntntbox h4 {
  color: #6e7f95;
  font-size: 15px;
  margin-top: 12px;
}

.subsgcntntbox h6 {
  color: #6e7f95;
  font-size: 14px;
  font-weight: 400;
  margin-top: 7px;
}

.subsBox {
  width: 85px;
  float: right;
  margin-top: 17px;
}

.btnBP {
  background-color: #2bc88f;
  border: 1px solid #2bc88f;
  color: #fff;
  display: flex;
  align-items: center;
}

.btnBP:hover {
  background-color: #66d9b1;
  color: #fff;
}

.btnBP i,
.btninfoBP i {
  margin-left: 5px;
}

.btninfoBP {
  background: #d88322ed;
  border-color: #d88322ed;
  color: #fff;
  display: flex;
  align-items: center;
}

.btninfoBP:hover {
  background-color: #db9d46;
  border-color: #db9d46;
  color: #fff;
}

.avatar-active {
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  width: 4.5rem;
  height: 5.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 6px;
}

.avatar-active img {
  padding: 15px;
}

.avatar-text {
  justify-content: center;
  align-items: center;
  display: flex;
}

.purchase-btn i {
  color: #a760ff;
  font-size: 25px;
  margin-left: 5px;
}

.purchase-btn p {
  display: flex;
  color: #222;
  font-size: 14px;
  font-weight: 600;
}

.purchase-btn p:hover {
  text-decoration: underline;
}

.sbscrn {
  background-color: #f5f6fa;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #e5e5e5;
  line-height: 24px;
  display: flex;
}

.sbscrn p {
  margin-bottom: 0;
  line-height: 22px;
}

.ev-text-clr {
  color: #793ff2;
}

.wallet .item {
  width: calc(50% - 6px);
  margin: 3px;
  float: left;
}

.chart-container {
  margin-left: -15px;
  width: calc(100% + 30px);
}

.card.br0 {
  border-radius: 0 !important;
  box-shadow: none;
  border-right: 1px solid #f1f1f1;
}

.table-report .table>thead>tr>th {
  font-weight: 500;
}

.video-area {
  align-items: center;
  display: flex;
  text-align: justify;
}

.docu-bx .card {
  text-align: center;
}

.docu-bx {
  display: flex;
  flex-wrap: wrap;
}

.docu-bx {
  width: 100%;
  margin: 0 5px;
  display: flex;
  flex-wrap: wrap;
}

.docuflexBox {
  display: flex;
  flex-wrap: wrap;
}

.docu_bx_BtnBox {
  width: 50%;
  background-color: #7b70ea;
  border-radius: 8px 0 8px 8px;
  padding: 15px 8px;
}

.docu-bx li {
  border-radius: 4px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  width: calc(50% - 10px);
  margin: 5px;
}

.btndcu {
  border: 1px solid #f1f1f1;
  color: #fff;
  width: calc(100% - 12px);
  float: left;
  margin: 6px;
  border-radius: 4px;
  text-align: center;
  line-height: 35px;
  transition: 0.4s ease-in-out all;
}

.btndcu:hover {
  border: 1px solid #2bc88f;
  color: #fff;
  background-color: #2bc88f;
}

.docu-bx .card-title {
  font-size: 15px !important;
  width: 50%;
  align-items: center;
  display: flex;
  padding: 10px;
  font-weight: 500;
}

.video-pop {
  padding: 15px 10px !important;
  border-radius: 7px !important;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
  border: 0 !important;
  background-color: #fff !important;
}

.comment-bx .form-group label {
  float: left;
}

.stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
}

.stars input {
  display: none;
}

.stars i {
  transition: all 0.3s;
  font-size: 30px;
}

.stars i:hover {
  transform: scale(1.1) rotate(5deg);
  cursor: pointer;
}

.stars :checked~label {
  color: gold;
}

.rat-star {
  color: gold !important;
}

.rate-bg .card-body {
  margin: auto;
  display: flex;
}

.border-pink {
  color: var(--primarycolor);
  min-width: 30px;
}

.rate-bg {
  background: #f4f3f9;
  border-radius: 4px !important;
  border: 1px solid #ddd9;
  box-shadow: none !important;
}

.rate-bg h5 {
  line-height: 38px;
  margin-right: 10px;
  color: #000;
  font-weight: 600;
}

.video-pop h5 {
  min-height: 50px;
  line-height: 25px;
}

.video-pop img {
  width: 100%;
}

@media (max-width: 420px) {
  .video-area .caption {
    padding: 0 0;
    text-align: left !important;
  }
}

.fz-18 i {
  font-size: 18px;
}

.timeline_line:after,
.timeline_line:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(152, 166, 173, 0.3);
  left: 24px;
  margin: 0;
  border-radius: 2px;
  height: auto;
}

.timeline-bg {
  margin-top: 0;
  margin-right: 15px;
  padding: 0;
  position: relative;
  border-radius: 7px;
}

.timelineleft-header {
  margin: 0;
  padding: 0.75rem 1.25rem;
  font-size: 16px;
  line-height: 1.1;
}

.timeline-icon:after {
  background: rgba(152, 166, 173, 0.3);
}

.timeline-icon-sty {
  background-color: #29407b;
  border: 4px solid #29407b;
  z-index: 99;
  text-align: center;
  line-height: 38px;
}

.timeline-icon-sty i {
  font-size: 31px;
  color: #1c527c margin-top: 1px;
}

.tdwdth300 {
  width: 300px;
}

.dataTables_length>label,
.dataTables_paginate {
  margin-right: 10px;
}

.dataTables_info {
  margin-left: 10px;
}

.text-theme-left {
  text-align: left;
}

.cursor-pointer {
  cursor: pointer;
}

.checker span:after {
  color: #607d8b;
}

.bg-mail {
  background-color: #522e91;
  color: #fff;
}

.bg-ticket {
  background-color: #b08d57;
  color: #fff;
}

.mail-details-write .form-control {
  padding: 0.375rem 0.75rem;
  border-radius: 3px;
  height: auto;
}

.content .tree-user {
  margin-bottom: 10px;
}

.jstree-default .jstree-hovered {
  color: #000;
}

.user-body {
  position: relative;
  float: left;
  margin: 5px;
}

.user-info {
  text-align: left;
  margin: 10px 10px;
}

.active-pro h5 {
  font-weight: 500;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 0 !important;
  font-size: 15px;
}

.active-p {
  align-items: center;
  display: flex;
  margin-bottom: 0 !important;
}

.active-p i {
  margin-right: 5px;
}

.join-box {
  border-right: 1px solid #f0f0f0;
  box-shadow: 0px 2px 24px 0 rgb(34 41 47 / 7%);
  padding: 14px;
  border-radius: 0px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.join-box h2 {
  color: #76838f !important;
  font-size: 15px;
  font-weight: 500;
}

.join-box h5 {
  margin-top: 5px;
  font-weight: 500;
  font-size: 14px;
}

.card-pricing .list-unstyled li {
  line-height: 33px;
  border-bottom: 1px solid #ebedf2;
}

.input-group2 .input-group-addon {
  color: #808080;
}

.fa {
  font-family: FontAwesome !important;
}

.notidrop {
  width: 225px;
  max-height: 350px;
  overflow-y: auto;
}

.notidrop::-webkit-scrollbar {
  width: 8px;
}

.notidrop .dropdown-item {
  align-items: initial;
}

.notiicon {
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 13px;
  border-radius: 50%;
  color: #a1a1a1;
  margin-right: 5px;
}

.notidrop h5 {
  font-size: 13px;
  white-space: pre-wrap;
  line-height: 18px;
  margin-bottom: 3px;
  font-weight: 500;
}

.notidrop .text-muted {
  color: #696969 !important;
}

.flex_wrap {
  display: flex;
  flex-wrap: wrap;
}

.join-img {
  background-image: none !important;
  background-color: var(--primarycolor);
  color: #fff !important;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  font-size: 18px;
  margin-right: 10px;
  position: relative;
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
  color: #16181b !important;
  text-decoration: none;
  background-color: #f8f9fa !important;
}

.join-box .card-img-absolute {
  transition: 0.4s ease-in-out all;
}

.join-box:hover .card-img-absolute {
  right: 10px;
}

.join-dtls {
  width: calc(100% - 58px);
}

.input-group2 {
  display: block;
}

.input-group2 .input-group-addon {
  position: absolute;
  height: 48px;
}

.input-group2 .input-group-addon i {
  line-height: 30px;
}

.input-group2 .form-control {
  padding-left: 60px;
}

.subsc-footer {
  padding: 0.5rem 1.8rem !important;
}

.active-users h4 {
  color: #b66dff !important;
}

.subscriber-event .card-body .list-group .list-group-item {
  background: #f2edf3;
}

.subscriber-event .card-body {
  padding: 0.5rem 1.8rem !important;
}

.event-bx .cart-footer {
  border-top: 0 !important;
}

.event-bx .card-body {
  padding: 0.3rem 1.8rem !important;
}

.event-bx .sub-bx,
.event-bx .sub-bx:hover {
  background: #f5f6fa !important;
  border-radius: 4px;
}

.tab-head {
  background: #fff;
}

.tab-head .head-title {
  color: #000;
}

/* .dataTables_wrapper .table > thead > tr > th, .table > thead > tr > th {
  font-weight: 500;
  background-color: #222;
  color: #fff;
} */
#messageplaceholder span {
  font-family: Poppins, sans-serif !important;
}

.benefits-dropdown .list-icons-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 17px;
  margin-left: 10px;
}

.btn-table {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 90%;
}

.btn-table i {
  margin-left: 5px !important;
}

.bootstrap-switch-label {
  background-color: #f2edf3;
}

.view-state {
  justify-content: center;
}

.selection-btn {
  width: 100%;
}

.product-offer {
  background-color: #00a608;
  border-radius: 0;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  padding: 5px 15px;
  display: none;
}

.benefits {
  position: relative;
}

.benefits-dropdown {
  position: relative;
}

.tdlink {
  color: #3087df !important;
}

.tdlink:hover {
  color: #3087df !important;
  text-decoration: underline;
}

.benefits-dropdown .dropdown-menu {
  width: 30%;
  top: 100%;
  left: 10px;
  z-index: 5;
  padding: 0;
  border-radius: 1px;
}

.benefits-dropdown .dropdown-menu .dropdown-item {
  margin-top: 0 !important;
  height: 50px;
  border-radius: 0;
}

.benefits-dropdown i {
  font-size: 25px;
}

.btn-share {
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-content {
  /* background: linear-gradient(to right, #c173ff, #a65bff); */
  height: 100vh;
  justify-content: center;
  display: flex;
  align-items: center;
}

/* ************************************************ */
.dropdown-menu-right {
  right: 0;
  /* left: auto !important; */
}

.page-titleBp {
  font-size: 16px !important;
  margin-top: 17px !important;
  letter-spacing: 0.1px !important;
  color: #222;
  font-weight: 500;
  float: left;
}

.Click-here i {
  color: #7a3ff3;
  font-size: 23px;
  margin-left: 4px;
  cursor: pointer;
  margin-top: 11px;
  float: left;
}

.hederonly .page-titleBp,
.pagetitleBp .Click-here {
  display: none;
}

.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 0;
  /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open.custom-model-main {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}

.custom-model-inner {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 97%;
  margin: 0px auto;
  max-width: 97%;
}

.custom-model-wrap {
  display: block;
  max-width: 600px;
  width: 100%;
  margin: auto;
  position: relative;
  background: #fff;
  color: #222;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 25px;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 35px 35px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 20px);
  overflow-y: auto;
}

.model-open.custom-model-main .custom-model-inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  position: relative;
  z-index: 999;
}

.model-open.custom-model-main .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}

.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}

.custom-model-main .close-btn {
  cursor: pointer;
  font-size: 14px;
  background-color: #6946b1;
  float: right;
  width: 80px;
  line-height: 38px;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin-top: 13px;
  text-transform: uppercase;
}

@media screen and (min-width: 800px) {
  .custom-model-main:before {
    content: "";
    display: inline-block;
    height: auto;
    vertical-align: middle;
    margin-right: -0px;
    height: 100%;
  }
}

@media screen and (max-width: 799px) {
  .custom-model-inner {
    margin-top: 45px;
  }
}

.btn-subs {
  background: #2980b9;
  border: 0px solid #fff;
  border-radius: 50%;
  color: #fff;
  padding: 0;
  display: inline-block;
  font-weight: 400;
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  width: 28px;
  height: 28px;
  min-width: auto;
  line-height: 28px;
  font-size: 16px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* *********************************************************************** */
.error-content .content-group h3 {
  font-size: 60px;
  color: #fff;
  margin-top: 0;
  line-height: 70px;
}

.error-content .content-group h1 {
  color: #fff;
  font-size: 55px;
  line-height: 65px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-weight: 300;
  text-shadow: none;
  display: block;
}

.error-content .content-group p {
  font-size: 16px;
  color: #fff;
}

.error-img {
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-img img {
  width: 75%;
  margin-top: 15px;
}

.system-maintenance {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fullpagw {
  width: 100%;
  float: left;
  padding-bottom: 50px;
}

.header-product ul li.active a {
  background-color: #7a3ff3 !important;
  color: #fff !important;
}

.header-product ul li.active a i {
  color: #fff !important;
}

.header-product ul {
  margin-bottom: 0;
}

.header-product ul.vetical li a {
  background: #f5f6fa;
  color: #000;
  padding: 7px 25px;
  margin: 3px 10px;
  width: calc(100% - 20px);
  float: left;
  border-radius: 5px;
  text-align: left;
  align-items: center;
  display: flex;
  text-transform: capitalize;
}

.header-product ul.vetical li a:hover {
  background: #f2f2f2;
}

.header-product ul.vetical li i {
  font-size: 18px;
  margin-right: 10px;
  font-weight: 600;
  color: #676767;
}

.subsInnecrpnImgbox {
  width: calc(50% - 20px);
  float: left;
  margin-right: 20px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 240px;
  margin-bottom: 10px;
}

.subsInnecrpnImgbox img {
  width: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  border-radius: 8px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.clearfix {
  clear: both;
  min-height: 1px;
  width: 100%;
}

.subsInnecrCnt {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.subsInnecrCnt h2 {
  font-size: 19px;
  color: #000;
  font-weight: 500;
}

.subsInnecrCnt p {
  color: #76838f;
  font-size: 15px;
  line-height: 27px;
}

.subs_InnecrFull_Imgbox {
  width: 100%;
  float: left;
  height: 200px;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 15px;
}

.subs_InnecrFull_Imgbox img {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
  bottom: 0;
  margin: auto;
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: #912121 !important;
}

.swal2-icon.swal2-error {
  border-color: #912121 !important;
}

.dwldrbtn {
  background-color: #9390a7;
  border: 1px solid #2bc88f;
  border-radius: 4px;
  font-size: 12.5px;
  text-transform: uppercase;
  padding: 10px 20px;
  transition: 0.4s;
  margin-top: 20px;
  float: left;
  color: #fff !important;
  text-align: center;
}

.dwldrbtn:hover {
  background-color: #2bc88f;
  color: #fff !important;
}

.custom-controls-stacked .radio-group .radio-btn {
  width: 80%;
  display: inline-table;
}

.profile .stars {
  width: 10%;
}

.product-view .profile {
  margin-bottom: 0 !important;
}

.blog-listing {
  padding-top: 30px;
  padding-bottom: 30px;
}

.gray-bg {
  background-color: #f5f5f5;
}

.blog-grid {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}

.blog-grid .blog-img {
  position: relative;
}

.blog-single .article-content p {
  color: #76838f;
  font-size: 15px;
  display: block;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 0;
  letter-spacing: 0.3px;
}

.blog-grid .blog-img .date {
  position: absolute;
  background: #b66dff;
  color: #fff;
  padding: 8px 15px;
  left: 10px;
  top: 10px;
  border-radius: 4px;
}

.blog-grid .blog-img .date span {
  font-size: 22px;
  display: block;
  line-height: 22px;
  font-weight: 700;
}

.blog-grid .blog-img .date label {
  font-size: 14px;
  margin: 0;
}

.blog-grid .blog-info {
  padding: 20px;
}

.blog-grid .blog-info h5 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.blog-grid .blog-info h5 a {
  color: #20247b;
}

.blog-grid .blog-info p {
  margin: 0;
}

.blog-grid .blog-info .btn-bar {
  margin-top: 20px;
}

.blog-aside .widget {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
}

.blog-aside .widget-body {
  padding: 0.5rem 1.8rem;
  padding-bottom: 25px;
}

.blog-aside .widget-title {
  padding: 0.5rem 1.8rem;
}

.blog-aside .widget-title h3 {
  font-size: 18px !important;
  margin-top: 30px !important;
  color: #000;
  line-height: 1.2;
  font-weight: 500;
  font-family: Poppins, sans-serif, bold;
  letter-spacing: 0.3px;
}

.linht50 {
  line-height: 50px;
  text-align: center;
}

.blog-aside .widget-author .media {
  margin-bottom: 15px;
}

.blog-aside .widget-author p {
  font-size: 16px;
  margin: 0;
}

.blog-aside .widget-author .avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
}

.blog-aside .widget-author h6 {
  font-weight: 600;
  color: #20247b;
  font-size: 22px;
  margin: 0;
  padding-left: 20px;
}

.blog-aside .post-aside {
  margin-bottom: 15px;
}

.blog-aside .post-aside .post-aside-title h5 {
  margin: 0;
}

.blog-aside .post-aside .post-aside-title a {
  font-size: 18px;
  color: #20247b;
  font-weight: 600;
}

.blog-aside .post-aside .post-aside-meta {
  padding-bottom: 10px;
}

.blog-aside .post-aside .post-aside-meta a {
  color: #6f8ba4;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
}

.blog-aside .latest-post-aside+.latest-post-aside {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 10px;
}

.blog-aside .latest-post-aside .lpa-right {
  width: 90px;
}

.blog-aside .latest-post-aside .lpa-right img {
  border-radius: 3px;
  width: 60px !important;
  height: 60px !important;
}

.blog-aside .latest-post-aside .lpa-left {
  padding-right: 15px;
}

.blog-aside .latest-post-aside .lpa-title h5 {
  margin: 0;
  font-size: 15px;
}

.blog-aside .latest-post-aside .lpa-title a {
  color: #222;
  font-size: 14px;
  display: block;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 0;
}

.blog-aside .latest-post-aside .lpa-meta a {
  color: #6f8ba4;
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
}

.tag-cloud a {
  padding: 7px 17px;
  font-size: 13px;
  color: #000;
  border-radius: 3px;
  margin-right: 7px;
  margin-bottom: 7px;
  border: 1px dashed #aaa;
}

.tag-cloud a:hover {
  background: #ccc;
}

.blog-single .article-img {
  max-height: 500px !important;
}

.blog-single {
  padding-bottom: 30px;
  width: 100%;
}

.article-meta i {
  color: #7a3ff3 !important;
}

.article-meta time,
.article-meta a {
  color: #222;
}

.article {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  padding: 1.8rem 1.8rem;
  margin-top: 15px;
  margin-bottom: 15px;
}

.article .article-title {
  padding: 20px 0 0;
}

.article .article-title h6 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}

.article .article-title h6 a {
  text-transform: uppercase;
  color: #b66dff;
  border-bottom: 1px solid #b66dff;
  font-size: 18px;
  font-weight: 400;
}

.article .article-title h2 {
  color: #222;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.article .article-title .media {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.article .article-title .media .avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
}

.article .article-title .media .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.article .article-title .media .media-body {
  padding-left: 8px;
}

.article .article-title .media .media-body label {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.article .article-title .media .media-body span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}

.article .article-content h1,
.article .article-content h2,
.article .article-content h3,
.article .article-content h4,
.article .article-content h5,
.article .article-content h6 {
  font-size: 18px !important;
  margin-top: 20px !important;
  color: #000;
  line-height: 1.2;
  font-weight: 500;
  font-family: Poppins, sans-serif, bold;
  letter-spacing: 0.3px;
}

.article .article-content blockquote {
  max-width: 600px;
  padding: 15px 0 30px 0;
  margin: 0;
  border-left: 0;
}

.article .article-content blockquote p {
  font-size: 20px;
  font-weight: 500;
  color: #b66dff;
  margin: 0;
}

.article .article-content blockquote .blockquote-footer {
  color: #20247b;
  font-size: 16px;
}

.article .article-content blockquote .blockquote-footer cite {
  font-weight: 600;
}

.article .tag-cloud {
  padding-top: 10px;
}

.leave-review {
  margin-top: 30px !important;
  margin-bottom: 15px;
}

.article-comment {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  padding: 0.5rem 1.8rem;
  margin-top: 15px;
  margin-bottom: 15px;
}

.article-comment h4 {
  font-size: 16px !important;
  margin-top: 30px !important;
  color: #222;
  line-height: 1.2;
  font-weight: 400;
  font-family: Poppins, sans-serif, bold;
  letter-spacing: 0.3px;
  line-height: 24px;
}

img {
  max-width: 100%;
}

img {
  vertical-align: middle;
  border-style: none;
}

.contact-name {
  margin-bottom: 30px;
}

.contact-name h5 {
  font-size: 22px;
  color: #20247b;
  margin-bottom: 5px;
  font-weight: 600;
}

.contact-name p {
  font-size: 18px;
  margin: 0;
}

.contact-form .form-control {
  background-color: #f4f3f9;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  padding-left: 20px;
  box-shadow: none !important;
}

.contact-form .form-control:focus {
  border-bottom: 1px solid #b66dff;
}

.contact-form .form-control.invalid {
  border-bottom: 1px solid red;
}

.contact-form .send {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .contact-form .send {
    margin-bottom: 20px;
  }
}

.section-title h2 {
  font-weight: 700;
  color: #20247b;
  font-size: 45px;
  margin: 0 0 15px;
  border-left: 5px solid #b66dff;
  padding-left: 15px;
}

.section-title {
  padding-bottom: 45px;
}

.contact-form .send {
  margin-top: 10px;
  text-align: right;
  margin-bottom: 20px;
}

.px-btn {
  padding: 0 50px 0 20px;
  line-height: 60px;
  position: relative;
  display: inline-block;
  color: #20247b;
  background: 0 0;
  border: none;
}

.px-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 30px;
  background: 0 0;
  border: 1px solid rgba(252, 83, 86, 0.6);
  border-right: 1px solid transparent;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
  width: 60px;
  height: 60px;
}

.px-btn .arrow {
  width: 13px;
  height: 2px;
  background: currentColor;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 25px;
}

.px-btn .arrow:after {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
  display: inline-block;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rating-box {
  width: 130px;
  height: 130px;
  margin-right: auto;
  margin-left: auto;
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 30px;
}

.rating-box h1 {
  font-weight: 500;
  margin-bottom: 10px;
}

.rating-box p {
  margin-bottom: 0;
}

.rating-label {
  font-weight: 400;
  padding-bottom: 7px !important;
  font-size: 15px;
}

.rating-label-2 {
  font-weight: 400;
  padding-bottom: 7px !important;
  font-size: 15px;
}

.rating-bar {
  width: 300px;
  padding: 8px;
  border-radius: 5px;
}

.bar-container {
  width: 100%;
  background-color: #f2edf3;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 5px;
}

.bar-5 {
  width: 70%;
  height: 13px;
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  border-radius: 20px;
}

.bar-4 {
  width: 30%;
  height: 13px;
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  border-radius: 20px;
}

.bar-3 {
  width: 20%;
  height: 13px;
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  border-radius: 20px;
}

.bar-2 {
  width: 10%;
  height: 13px;
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  border-radius: 20px;
}

.bar-1 {
  width: 0%;
  height: 13px;
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  border-radius: 20px;
}

td {
  padding-bottom: 10px;
}

.star-active {
  color: #fbc02d;
  margin-top: 10px;
  margin-bottom: 10px;
}

.star-active:hover {
  color: #f9a825;
  cursor: pointer;
}

.star-inactive {
  color: #cfd8dc;
  margin-top: 10px;
  margin-bottom: 10px;
}

.blue-text {
  color: #b36aff;
}

.content {
  font-size: 18px;
}

.like span {
  font-size: 18px;
  font-weight: 500;
}

.profile-pic {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  margin-right: 20px;
  border: 1px solid #ebedf2;
}

.flag-icon {
  background-size: cover !important;
}

.review-pro-tx h3 {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.review-pro-tx p {
  font-size: 16px !important;
}

.review-tx h4 {
  margin-top: 5px !important;
  font-weight: 400;
}

.review-tx p {
  font-size: 15px;
  padding: 0 0;
}

.pic {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}

.vote {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.vote-pd {
  padding: 0 15px;
}

.review-card .card {
  padding: 25px;
  background: #f2edf342;
  border: 1px solid #ebedf2;
  box-shadow: none;
}

.pd-rv {
  padding: 40px 5px !important;
}

.blog-grid {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}

.blog-grid .blog-img {
  position: relative;
}

.blog-grid .blog-img .date {
  position: absolute;
  background-image: linear-gradient(to right,
      #d486ff 0,
      #a25cff 51%,
      #bf74ff 100%);
  color: #fff;
  padding: 8px 15px;
  left: 10px;
  top: 10px;
  border-radius: 4px;
}

.blog-grid .blog-img .date span {
  font-size: 15px;
  display: block;
  line-height: 15px;
  font-weight: 500;
}

.blog-grid .blog-img .blog-views {
  position: absolute;
  background: #fff;
  color: #76838f;
  padding: 5px 5px;
  right: 10px;
  bottom: 10px;
  border-radius: 3px;
}

.blog-grid .blog-img .blog-list-rating {
  color: #bbb;
}

.blog-grid .blog-img .blog-list-rating p {
  margin: 0;
  font-size: 13px !important;
}

.blog-grid .blog-img .date label {
  font-size: 14px;
  margin: 0;
}

.px-btn-arrow {
  align-items: center;
  display: flex;
}

.blog-grid .blog-info {
  padding: 20px;
}

.blog-grid .blog-info h5 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.blog-grid .blog-info h5 a {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.blog-grid .blog-info p {
  margin: 0;
}

.blog-grid .blog-info .btn-bar {
  margin-top: 20px;
}

.blog-views .like i {
  color: #76838f !important;
  font-size: 15px;
}

.blog-views .like span {
  color: #76838f !important;
  font-size: 15px !important;
}

.css-star-rating {
  position: relative;
  border: none;
  font-size: 14px;
  margin-left: 40px;
  float: left;
}

.css-star-rating label,
.css-star-rating label span,
.css-star-rating label:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.css-star-rating label {
  position: relative;
  float: right;
  color: #c8c8c8;
}

.css-star-rating input {
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0;
}

.css-star-rating label:before {
  margin: 3px;
  font-size: 1.1em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.css-star-rating .star-half:before {
  position: absolute;
  content: "\f089";
}

.css-star-rating input:checked~label,
.css-star-rating:hover label:hover,
.css-star-rating:hover label:hover~label {
  color: #ffb801;
}

.css-star-rating:hover label:hover~label {
  color: #ffed85;
}

.css-star-rating label,
.css-star-rating:hover input~label,
.css-star-rating:hover label {
  color: #dbe3e6;
  margin-bottom: 0;
}

.css-star-rating label span {
  position: absolute;
  top: -80px;
  left: -9999px;
  z-index: 10;
  display: block;
  opacity: 0;
  padding: 2px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  background: #000;
  color: #fff;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: margin 0.6s, opacity 0.6s;
  -moz-transition: margin 0.6s, opacity 0.6s;
  transition: margin 0.6s, opacity 0.6s;
}

.css-star-rating label:hover span {
  top: -28px;
  left: -5px;
  opacity: 1;
}

.css-star-rating label span:before {
  content: "";
  position: absolute;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  left: 10px;
  top: 100%;
}

.css-star-rating.medium label:before {
  font-size: 1.6em;
  margin: 4px;
}

.css-star-rating.medium label:hover span {
  top: -31px;
  left: 0;
}

.css-star-rating.large label:before {
  font-size: 2.17em;
  margin: 5px;
}

.css-star-rating.large label:hover span {
  top: -33px;
  left: 5px;
}

.css-star-rating.red input:checked~label,
.css-star-rating.red:hover label:hover,
.css-star-rating.red:hover label:hover~label {
  color: #ea6153;
}

.css-star-rating.red:hover label:hover~label {
  color: #f99;
}

.css-star-rating.green input:checked~label,
.css-star-rating.green:hover label:hover,
.css-star-rating.green:hover label:hover~label {
  color: #1fdeb8;
}

.css-star-rating.green:hover label:hover~label {
  color: #93f0dd;
}

.css-star-rating.blue input:checked~label,
.css-star-rating.blue:hover label:hover,
.css-star-rating.blue:hover label:hover~label {
  color: #438ffd;
}

.css-star-rating.blue:hover label:hover~label {
  color: #9bcdee;
}

.css-star-rating.purple input:checked~label,
.css-star-rating.purple:hover label:hover,
.css-star-rating.purple:hover label:hover~label {
  color: #9b59b6;
}

.css-star-rating.purple:hover label:hover~label {
  color: #d3b7df;
}

.css-star-rating.black input:checked~label,
.css-star-rating.black:hover label:hover,
.css-star-rating.black:hover label:hover~label {
  color: #3d566e;
}

.css-star-rating.black:hover label:hover~label {
  color: #7b99b7;
}

.one-half,
.one-half-first {
  font-size: 16px;
  color: #656565;
  line-height: 28px;
  margin-bottom: 10px;
  font-weight: 300;
}

.one-half {
  position: relative;
  float: left;
  width: 48%;
  margin-left: 4%;
  text-align: right;
}

.one-half-first {
  position: relative;
  clear: left;
  float: left;
  margin-left: 0;
  width: 48%;
}

.one-half,
.one-half-first {
  width: 100%;
  margin: 0;
  clear: both;
  float: none;
  text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .css-star-rating {
    -webkit-animation: bugfix infinite 1s;
  }

  @-webkit-keyframes bugfix {
    from {
      padding: 0;
    }

    to {
      padding: 0;
    }
  }
}

@media (max-width: 767px) {
  .webui-popover {
    position: fixed;
    left: 10px !important;
    right: 10px !important;
    width: calc(100% - 20px);
    top: 300 !important;
  }
}

@media (max-width: 420px) {
  .time-frame {
    font-size: 12px !important;
  }
}

.left-470 {
  left: 470px;
}

.mega-dropdown-right .dropdown-menu {
  left: auto;
  right: 0;
}

.mega-dropdown-right .dropdown-toggle::after {
  display: none !important;
}

.lang-top:after {
  top: -9px;
}

.genealogy-btn {
  top: 0 !important;
}

.genealogy-btn-2 {
  right: -3px !important;
}

@media (min-width: 1279px) and (max-width: 1457px) {
  .col-sxl-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .col-sxl-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.login-card .input-group .form-control {
  background: #fcfbff;
  border: 1px solid #d8d8d8;
  padding: 25px;
  font-weight: 400;
  font-size: 16px;
}

.input-g-t-z {
  top: 11px;
  z-index: 99;
}

.input-group-text-position {
  position: relative !important;
}

@media (min-width: 996px) and (max-width: 1066px) {
  .embed-responsive {
    padding: 278px;
  }
}

@media (min-width: 969px) and (max-width: 995px) {
  .embed-responsive {
    padding: 241px;
  }
}

@media (min-width: 835px) and (max-width: 968px) {
  .embed-responsive {
    padding: 238px;
  }
}

@media (min-width: 769px) and (max-width: 834px) {
  .embed-responsive {
    padding: 206px;
  }
}

@media (min-width: 1159px) and (max-width: 1169px) {
  .w-col-form {
    width: 640px !important;
  }
}

@media (min-width: 1138px) and (max-width: 1158px) {
  .w-col-form {
    width: 619px !important;
  }
}

@media (min-width: 1127px) and (max-width: 1137px) {
  .w-col-form {
    width: 607px !important;
  }
}

@media (min-width: 1119px) and (max-width: 1126px) {
  .w-col-form {
    width: 600px !important;
  }
}

@media (min-width: 1110px) and (max-width: 1118px) {
  .w-col-form {
    width: 591px !important;
  }
}

@media (min-width: 1089px) and (max-width: 1109px) {
  .w-col-form {
    width: 570px !important;
  }
}

@media (min-width: 1074px) and (max-width: 1088px) {
  .w-col-form {
    width: 555px !important;
  }
}

@media (min-width: 1065px) and (max-width: 1073px) {
  .w-col-form {
    width: 547px !important;
  }
}

@media (min-width: 1047px) and (max-width: 1064px) {
  .w-col-form {
    width: 528px !important;
  }
}

@media (min-width: 1034px) and (max-width: 1046px) {
  .w-col-form {
    width: 515px !important;
  }
}

@media (min-width: 1019px) and (max-width: 1033px) {
  .w-col-form {
    width: 500px !important;
  }
}

@media (max-width: 1018px) {
  .w-col-form {
    width: 100% !important;
  }
}

.login-form {
  width: auto;
  margin: 10px !important;
  overflow-y: auto;
  max-height: 100vh;
}

@media (min-width: 992px) and (max-width: 1512px) {
  .login-form {
    width: 421px;
    margin: auto !important;
    overflow-y: auto;
    max-height: 100vh;
  }
}

@media (min-width: 1513px) {
  .login-form {
    max-width: 550px;
    margin: auto !important;
    overflow-y: auto;
    max-height: 100vh;
  }
}

/* ***************************** */

.header-brand-img {
  max-height: 3rem;
}

.sidenav-toggled .header-brand-img {
  max-height: 2rem;
}

.refrlinfoBox {
  width: calc(100% - 60px);
}

.btn-grey {
  color: #333 !important;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
  background: linear-gradient(to right, #d486ff 0, #a25cff 51%, #bf74ff 100%);
  border: #bf74ff;
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 1280px) {
  .sub-box-mtb {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}

div#profilephotopreview {
  background-size: cover;
}

.avatarin .profileuploadwrapper {
  left: -12px;
  bottom: -67px !important;
  opacity: 1 !important;
}

.avatarin .profileuploadwrapper i {
  font-weight: 700;
}

.gradient-45deg-light-blue-cyan {
  background: linear-gradient(45deg, #0288d1, #26c6da) !important;
  box-shadow: 0 0 15px -2px rgb(38 198 218 / 50%);
  color: #fff;
}

.gradient-45deg-red-pink {
  background: linear-gradient(45deg, #ff5252, #f48fb1) !important;
  box-shadow: 0 0 15px -2px rgb(244 143 177 / 50%);
  color: #fff;
}

.gradient-45deg-amber-amber {
  background: linear-gradient(45deg, #ff6f00, #ffca28) !important;
  box-shadow: 0 0 15px -2px rgb(255 202 40 / 50%);
  color: #fff;
}

.gradient-45deg-green-teal {
  background: linear-gradient(45deg, #43a047, #1de9b6) !important;
  box-shadow: 0 0 15px -2px rgb(29 233 182 / 50%);
  color: #fff;
}

.gradient-45deg-violet-teal {
  background: linear-gradient(45deg, #d486ff, #a25cff) !important;
  box-shadow: 0 0 15px -2px rgb(145 67 248 / 50%);
}

.gradient-45deg-purple-deep-purple {
  background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
  box-shadow: 0 0 15px -2px rgb(128 33 168/50%);
}

.icon-img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.icon-img img {
  top: 10px;
  position: absolute;
  left: 11px;
  width: auto;
  height: auto;
}

.border-li {
  border: 0;
  border-style: dotted !important;
}

.text-color {
  color: #b66dff !important;
}

.data-price {
  color: #a25cff;
  font-weight: 600;
}

.ordiv {
  position: relative;
  width: 40px;
  text-align: left;
  /* padding: 6px; */
  margin: -42px 0 15px;
  background-color: #fff;
}

.justfycnter {
  display: flex;
  justify-content: center;
}

.login-card .form-check .form-check-label {
  letter-spacing: 0.1px;
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .col-xl-s-100 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

ul.icons-list.sharelist {
  padding: 20px;
}

.ticketbtn-icon-tb {
  top: 10px;
  position: absolute;
  right: 10px;
}

.register-left {
  border-radius: 0;
  background-image: url("../theme-assets/images/login-background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register-left::after {
  content: "";
  background-color: rgb(28 82 124 / 75%);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}

.lognTitle {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 2;
  color: #fff;
}

.register-left h3 {
  text-align: right;
  margin-top: 40px;
  margin-right: 40px;
  font-size: 25px;
  color: #e4e4e4;
  position: relative;
  z-index: 2;
}

.panel-body.tabs-menu-body.side-tab-body {
  background: var(--sidebarcolor) !important;
  border-radius: 0px 0px 0 0 !important;
}

.reg-left-content h1 {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
}

.reg-left-content h1 span {
  font-size: 25px;
}

.reg-left-content {
  position: absolute;
  max-width: 750px;
  text-align: left;
  z-index: 2;
  padding: 0 15px;
  bottom: 75px;
}

.reg-left-content p {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0 !important;
  line-height: 23px;
}

.register-right {
  background-color: #f5f6fa;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.login-content {
  background: #fff;
}

.login-side .card {
  box-shadow: none !important;
  background: 0 0 !important;
}

.red {
  margin-top: 3px;
}

.login-card .form-group {
  text-transform: none;
  height: 54px;
  margin-bottom: 25px;
}

.login-card .form-group:last-child {
  margin-bottom: 15px;
}

.login-card .form-check .form-check-label {
  font-size: 14px !important;
}

.login-card .form-group fieldset {
  border-radius: 4px;
  height: 56px;
  clear: both;
}

.lead {
  font-weight: 500;
}

.vh100 {
  height: 100vh;
}

.Frgtemail_Icon {
  position: absolute;
  top: 20px;
  right: 15px;
}

.login-side.m-auto {
  border-radius: 40px;
}

.login-side-wrap {
  background-color: #f5f6fa;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 96vh;
  margin-top: 9px;
  border-radius: 0.5rem;
}

.app-header.header {
  position: unset;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  border-radius: 0;
  width: auto;
  background: #fff;
}

.app-content {
  position: relative;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page-main>.content {
  padding: 0 20px 0 20px;
}

.app-sidebar {
  margin-top: 0;
  box-shadow: 1px -6px 24px 0 rgb(34 41 47 / 10%);
  border-radius: 0;
  background: #fff;
}

.nav>li,
.nav>li>a {
  transition: 0.4s ease-in-out all;
}

.nav>li,
.nav>li>a:hover {
  background-color: transparent !important;
}

.app-sidebar ul.nav {
  margin-bottom: 5px;
  margin-left: 0;
}

.storepack select.form-control {
  max-width: 210px;
  font-size: 13px;
  height: 2.4rem !important;
}

.btn-danger,
.btn-danger:active,
.btn-danger:focus {
  color: #fff;
  background-color: #1c527c !important;
  border-color: #1c527c !important;
}

.ht_30 {
  height: 30px;
}

.ht_30 i {
  cursor: pointer;
}

.prdtails {
  color: #585858;
  max-height: 41px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 21px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
}

.storepack .prdtails {
  height: 41px;
}

.prdtails img {
  display: none !important;
}

.brand-body {
  position: relative;
  display: flex;
  flex-direction: column;
}

.btn_gift {
  text-decoration: underline !important;
  color: #7a3ff3 !important;
  font-weight: 500;
}

h2.brand-text {
  color: #7367f0;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: 600;
  letter-spacing: 0.01rem;
  font-size: 1.45rem;
  -webkit-animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
  animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}

h2.brand-text pattern {
  transition: 0.4s ease-in-out all;
}

svg.feather.feather-x.d-block.d-xl-none.text-primary.toggle-icon.font-medium-4 {
  height: 1.4rem !important;
  width: 1.4rem !important;
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
  background-color: var(--bodycolor) !important;
  border-radius: 20px !important;
  width: calc(100% - 120px) !important;
  font-size: 13px;
  color: #222;
}

a.header-brand {
  text-align: center;
  display: block;
  margin-right: 0;
}

.app-sidebar__user {
  padding: 5px 0 18px 0;
}

.app-sidebar .toggle-menu .side-menu__item:hover .side-menu__label {
  margin-left: 0;
  transition: 0.3s ease;
}

.app-sidebar .toggle-menu .side-menu__item:hover .side-menu__icon {
  margin-left: 10px;
  transition: 0.3s ease;
}

fieldset {
  display: block;
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0;
  min-inline-size: min-content;
  border-width: 1px;
  border-style: solid;
  border-color: #c8cdd6;
  border-image: initial;
  border-radius: 15px;
}

legend {
  display: block;
  padding-inline-start: 6px;
  padding-inline-end: 6px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  width: auto;
  margin-left: 15px;
  text-transform: none;
  font-size: 13px;
  margin-bottom: 0;
}

.login-card .form-group fieldset .form-control {
  border: 0;
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 5px;
  background: #fff;
  height: 35px;
  font-size: 14px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-text-fill-color: fff;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.login-card .form-group fieldset .form-control:focus {
  border: 0;
  border-radius: 10px;
  outline: 0 !important;
  box-shadow: none !important;
}

.mt30 {
  margin-top: 30px;
}

.mt20 {
  margin-top: 20px;
}

fieldset .input-group-text {
  top: 40%;
  margin-right: 10px;
}

fieldset input:-webkit-autofill,
fieldset input:-webkit-autofill:active,
fieldset input:-webkit-autofill:focus,
fieldset input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

.btn-link,
.btn.btn-link:active,
.btn.btn-link:focus {
  font-weight: 600;
  color: #1c527c !important;
  background-color: #0000;
}

.alert {
  border-radius: 10px;
}

.alert.alert-success {
  background: #4caf50;
  color: #fff;
  font-size: 12px;
}

.alert.alert-success a {
  color: #e6daff !important;
}

.header-rightmenu {
  background: var(--bodycolor);
  border-radius: 70px;
  padding-left: 25px;
  padding-right: 25px;
  margin-left: 0 !important;
  margin-top: 10px;
  margin-right: 10px;
}

.fbIconLgn {
  width: 100%;
  padding: 11px;
  border: 1px solid #ccc;
  border-radius: 8px;
  float: left;
  height: 50px;
  margin-top: 10px;
}

.lognwith_Title {
  line-height: 66px;
  font-size: 18px;
  text-align: left;
  width: 90px;
  float: left;
  font-size: 16px;
  font-weight: 500;
}

.gglIconLgn {
  width: 230px;
  padding: 2px 23px 2px 6px;
  border-radius: 4px;
  /* float: right; */
  display: flex;
  align-items: center;
  /* justify-content: center; */
  height: 46px;
  margin-top: 0px;
  text-align: left;
  color: #000;
  border: solid 1px #efefef;
  background-color: white;
}

.btn-login1 {
  border: 2px solid #fff;
  background: none;
  padding: 7px 27px;
  color: #fff;
  margin-top: 20px !important;
  float: left;
  border-radius: 8px;
}

.btn.btn-login1:active,
.btn.btn-login1:focus {
  background: none !important;
}

.pbtableScrole {
  padding-bottom: 270px;
}

.gglIconLgn span {
  color: #222;
  line-height: 44px;
  float: right;
}

.gglIconLgn img {
  height: 34px;
  text-align: left;
  background-color: #fff;
  padding: 5px;
  border-radius: 4px;
}

.fbIconLgn img {
  height: 25px;
}

.btn-login1:hover {
  background: #fff;
}

.fullwdth {
  width: 100%;
  float: left;
}

.prImagebox {
  width: 55px;
  height: 55px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 50%;
  border: 3px solid #dbdbdb;
  overflow: hidden;
}

.prImagebox img {
  width: 100%;
  height: 100%;
}

.prCntntbox {
  float: left;
  width: calc(100% - 85px);
  align-items: center;
  display: flex;
}

.prCntntbox .card-title {
  margin-top: 5px !important;
}

.prCntntbox h5 {
  line-height: 22px;
  margin-bottom: 4px;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
}

.prCntntbox h4 {
  font-size: 15px;
  font-weight: 600;
  color: #1c527c;
}

.empty-cart-cls p {
  font-size: 16px;
}

.empty-cart-cls h3 {
  color: #e82738;
}

.mt25 {
  margin-top: 25px;
}

.ftpr_SubTitle {
  font-size: 13px;
  color: #929292;
  text-decoration: underline;
}

.prBtnbox {
  width: 215px;
  float: right;
}

.viemorbtn {
  background-color: #66d9b1;
  border: 1px solid #2bc88f;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 6px 18px;
  float: right;
  transition: 0.4s;
  margin-top: 10px;
}

.viemorbtn:hover {
  background-color: #2bc88f;
}

.purchase-btn {
  display: flex;
  color: #000;
  font-size: 16px;
  margin: auto;
  width: max-content;
  font-weight: 600;
  padding-bottom: 13px;
  align-items: center;
}

ul.prlistbox li {
  padding: 15px 0px 0px;
  border-radius: 4px;
  width: calc(100% - 20px);
  min-height: 160px;
  border: 1px solid #e5e5e5;
  float: left;
  margin: 5px 10px;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}

ul.prlistbox li .prfooter {
  background-color: #f5f6fa;
  border-top: 1px solid #e7e9f0;
  padding: 10px 0;
  width: 100%;
}

.vieallbtn {
  color: #000;
  text-align: center;
  width: 100%;
  float: left;
  display: block;
  margin-top: 20px;
  font-weight: 500;
  font-size: 15px;
}

.vieallbtn:hover {
  color: #4a4a4a;
  text-decoration: underline;
}

.top-bead {
  font-size: 22px;
}

.wallet {
  width: calc(100% + 20px);
  float: left;
  margin-left: -10px;
}

.welcome-text {
  font-weight: 300;
  font-size: 14px;
  padding-top: 32px;
}

.mCSB_container,
.mCustomScrollBox {
  overflow: visible !important;
}

.welcome-text span {
  font-weight: 600;
  color: #1c527c;
}

.mega-dropdown-right .dropdown-menu {
  top: 80px;
  border: 0;
  border-radius: 20px;
  width: 90%;
  margin-right: 30px;
}

.dropdown-item {
  display: inline-flex;
  height: auto;
  min-height: 40px;
  align-items: center;
  align-content: normal;
  padding: 5px 15px;
  border-bottom: 1px dashed #e4e4e4;
}

.dropdown-item span {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  top: 0;
}

.rankttlBox {
  position: absolute;
  width: 38%;
  height: 100%;
  background-color: #29407B;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  border-radius: 0 0 46px 0;
}

.relativeDiv {
  position: relative;
}

.oberflwHdn {
  overflow: hidden;
}

.rankminttl {
  margin-bottom: 10px;
  margin-top: 25px !important;
}

.font-white {
  color: #fff;
}

.rankttle {
  color: var(--offblackcolor);
  font-size: 13px;
}

.bsnsBuildr {
  background-color: #f5f6fa;
  padding: 15px 20px;
  margin-top: 10px;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #e5e5e5;
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.bsnsBuildr span {
  float: right;
  font-size: 18px;
}

.bsnsBuildr-active {
  color: #8bc34a;
}

.imagecard {
  background-color: #7e4df5;
  margin-bottom: 20px;
  width: 100%;
  float: left;
  padding: 5px;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  border-radius: 20px;
}

.usetext {
  font-size: 45px;
  float: left;
}

.cpntext {
  color: #e4ae86;
  float: left;
  margin-left: 10px;
  padding-top: 4px;
}

.cpntext b {
  font-weight: 400;
  font-size: 17px;
  display: block;
}

.cpntext b:last-child {
  letter-spacing: 2.4px;
  font-size: 21px;
}

.ofrttle {
  color: #fff;
  font-weight: 200;
  margin-top: 120px;
  display: block;
}

.splOfferBox h2 {
  color: #fff;
}

.linecls {
  line-height: 50px;
  float: left;
  margin-left: 5px;
}

.cpncode {
  padding: 7px 14px;
  border: 1px dashed #66d9b1;
  color: #66d9b1;
  float: left;
  font-size: 16px;
  letter-spacing: 1px;
  margin-left: 9px;
  margin-top: 8px;
}

.crptoIMG {
  height: 350px;
  padding: 40px;
}

.page-header {
  display: none;
}

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

.comment.more {
  width: 260px;
}

.read-more-content {
  white-space: pre-wrap;
}

.EcoBpribbonEco.Bpribbon {
  top: 10px;
  left: 0;
  right: auto !important;
  min-width: 0 !important;
  max-width: 100%;
  width: 80px;
}

.EcoBpribbonEco.Bpribbon:after {
  top: 100%;
  left: 0 !important;
  right: auto !important;
}

.Bpribbon {
  position: absolute;
  z-index: 10;
  padding: 0 7px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
  zoom: 1;
  top: 40px;
  right: -8px;
  width: 80px;
  height: 40px;
  line-height: 40px;
  border: 0;
}

.Bpribbon:after {
  content: "";
  position: absolute;
  z-index: -20;
  top: 100%;
  left: auto;
  border-style: solid;
  border-width: 0 0 10px 10px;
  right: 0;
}

.Bpribbon.warning {
  background: #ff9600;
}

.Bpribbon.warning:after {
  border-color: transparent #dc5f0b;
}

.Bpribbon.active {
  background: #4caf50;
}

.Bpribbon.active:after {
  border-color: transparent #3d8440;
}

.Bpribbon.expired {
  background: #f42424;
}

.Bpribbon.expired:after {
  border-color: transparent #901515;
}

.recurg_status_SubscpnBox {
  background-color: #f1f1f1;
  padding: 2px 6px;
  border-radius: 4px;
  float: left;
  font-size: 12px;
  color: #000;
  margin-top: 15px;
  display: flex;
}

.recurg_status_SubscpnBox i {
  color: #dc3545;
  font-size: 18px;
  margin-right: 5px;
}

.recurg_status_SubscpnBox i.ri-close-circle-fill {
  color: #f42424;
}

.combo i.ri-focus-fill {
  color: #f42424;
}

.RcrrChngBtn {
  background-color: #f1f1f1;
  padding: 2px 6px;
  border-radius: 4px;
  float: left;
  font-size: 12px;
  color: #000;
  margin-top: 15px;
  height: 33px;
  margin-left: 2px;
}

.RcrrChngBtn .dropdown-item {
  display: inline-flex;
  min-height: 26px;
  padding: 0 20px;
  font-size: 14px;
}

.subscpnBox li {
  width: calc(33.3% - 24px);
  margin: 6px 6px 6px 6px;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  padding: 1.5rem 1rem;
  border-radius: 8px;
  position: relative;
}

.subscpnBox li .subscrpnImgbox {
  height: 240px;
  width: 100%;
  float: left;
  margin-bottom: 25px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.prdtails_subscpn {
  color: #7a7a7a;
  height: 67px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 24px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13.5px;
  margin-top: 12px;
}

.alignBtnsubscn {
  width: 42px;
  height: 42px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  float: left;
  text-align: center;
  line-height: 42px;
  background-color: #fff;
  font-size: 18px;
  margin-right: 2px;
}

.alignBtnsubscn.active {
  background-color: #1c527c;
  color: #fff !important;
}

.subscpnBox li .subscrpnImgbox img {
  position: absolute;
  width: auto !important;
  min-height: 100% !important;
  max-height: inherit;
  left: 0;
  right: 0;
  /* bottom: 0; */
  top: 0;
  margin: auto;
  min-width: 100%;
}

.relativediv {
  position: relative;
}

.blogList .subscrpncntntbox {
  clear: both;
}

.subscrpncntntbox h3 {
  font-weight: 500;
  color: #232323;
  font-size: 16px;
  letter-spacing: 0.1px;
  line-height: 21px;
}

.subscrpncntntbox h4,
.subscrpncntntbox h5 {
  font-weight: 400;
  color: #8190a5;
  font-size: 13px;
  letter-spacing: 0.3px;
}

.checker span.checked {
  color: #ffffff;
  border: 2px solid #0075ff;
  background-color: #0075ff;
}

.checker span:after {
  color: #ffffff;
}

.billdateDetails {
  width: calc(100% - 50px);
  margin-left: 10px;
}

.biilDateBox {
  padding: 10px 15px;
  background-color: var(--bodycolor);
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.billdateIcon {
  background-color: #fff;
  padding: 3px 10px;
  color: #7a3ff3;
  border-radius: 10px;
  font-size: 18px;
}

.billdateDetails h4 {
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #000;
  margin-bottom: 3px;
  margin-top: 6px;
}

.billdateDetails h5 {
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #94a3b8;
}

.dropbtn {
  font-size: 22px;
}

.repldtls p {
  line-height: 22px;
}

.biilDateBox .dropdown-item {
  display: inline-flex;
  min-height: 26px;
  padding: 0 20px;
  font-size: 14px;
}

.biilDateBox .dropdown-menu {
  left: -160px;
}

.dropdown-menu {
  border: none;
}

.biilDateBox .dropdown-item:hover {
  background-color: #f1f1f1;
  border-radius: 0 !important;
  color: #000 !important;
  box-shadow: none !important;
}

.listviewBox.subscpnBox li {
  width: 100%;
}

.listviewBox.subscpnBox li .subscrpnImgbox {
  height: 160px;
  float: left;
  width: 250px;
  margin-bottom: 0px;
}

.listviewBox.subscpnBox li .subscrpncntntbox {
  width: calc(100% - 265px);
  margin-left: 15px;
  float: left;
}

.listviewBox.subscpnBox li .Bpribbon {
  right: auto !important;
  left: -8px;
  min-width: 100px;
}

.listviewBox.subscpnBox li .Bpribbon:after {
  left: 0;
  right: auto !important;
  border-width: 0px 10px 10px 0px !important;
  border-color: #3d844000 #3d8440 !important;
}

.listviewBox.subscpnBox li .prdtails_subscpn {
  max-height: 48px;
  height: auto;
  -webkit-line-clamp: 2;
}

.vdosctn {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
}

.innerVideoSecn {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
}

.vdosctn li {
  width: calc(50% - 10px);
  margin: 5px 5px;
  background: #f5f6fa;
  padding: 15px 15px;
  border-radius: 15px;
  border: 1px solid #e8e8e8;
}

.vdosctn li iframe {
  border-radius: 15px;
}

.vdeottl {
  font-size: 15px;
  margin-top: 15px;
  font-weight: 500;
  color: #2f2f2f;
  line-height: 24px;
}

.bpflexbox {
  display: flex;
  font-size: 13px;
}

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

.vertnav li {
  padding: 4px 14px;
  margin: 2px;
  border-radius: 6px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
}

.vertnav li a {
  color: #000 !important;
}

.vertnav li.active {
  background-color: #7a3ff3;
}

.vertnav li.active a {
  color: #fff !important;
}

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

.innerVideoSecn li {
  padding: 14px 14px;
  margin: 6px;
  border-radius: 6px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  width: calc(33.3% - 12px);
}

.innerVideoSecn li img {
  border-radius: 6px;
  margin-top: 8px;
  min-width: 100%;
}

.sidenav-toggled .nav.flexnav {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
}

.sidebar-right .panel-body.tabs-menu-body.side-tab-body {
  background: 0 0 !important;
}

.sidebar-right a.dropdown-item.border-top:hover {
  background-color: #f9f9f9 !important;
  color: #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.prflUpdtBtn {
  font-size: 15px;
  float: left;
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.prflUpdtBtn a:hover {
  text-decoration: underline;
}

.sidebar-right .header-user {
  min-height: 55px;
}

.eventsTab {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
}

.eventsTab li {
  width: calc(33.3% - 10px);
  margin: 5px 5px;
  background: #f5f6fa;
  padding: 15px 15px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  position: relative;
}

.eventsTab li .evntImg {
  width: 100%;
  height: 160px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.eventsTab li .evntImg img {
  border-radius: 4px;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.eventsTab_Subtitle {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  margin-top: 15px;
}

.eventdateInnerpage {
  background-color: #7b70ea;
  margin-left: -16px;
  color: #fff;
  padding-left: 25px;
  width: 70px;
  position: relative;
  z-index: 10;
  font-size: 13px;
  line-height: 18px;
  border-radius: 3%;
  padding: 10px 0px 10px 15px;
}

.eventdateInnerpage:after {
  content: "";
  position: absolute;
  z-index: -20;
  top: 100%;
  border-style: solid;
  border-width: 0px 10px 10px 0px !important;
  left: 0;
  border-color: transparent #7b70ea !important;
}

.formrevieField {
  background: #f5f6fa;
  padding: 15px 15px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  height: 460px;
  width: 60%;
  margin: auto;
  display: block;
}

.formrevieField .form-control {
  background-color: #fff !important;
}

#header {
  z-index: 7 !important;
}

.incmRprt .input-group>.form-control:not(:last-child) {
  border-radius: 2px !important;
  width: calc(100% - 0px) !important;
}

.datealign {
  position: absolute;
  right: 25px;
  left: auto;
}

.da-slider {
  width: 100%;
  min-width: 100%;
  height: 370px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-color: #7a3ff3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 -2px 1px #fff;
  -webkit-transition: background-position 1s ease-out 0.3s;
  -moz-transition: background-position 1s ease-out 0.3s;
  -o-transition: background-position 1s ease-out 0.3s;
  -ms-transition: background-position 1s ease-out 0.3s;
  transition: background-position 1s ease-out 0.3s;
}

.da-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.da-slide-current {
  z-index: 7;
}

.da-slider-fb .da-slide {
  left: 100%;
}

.da-slider-fb .da-slide.da-slide-current {
  left: 0;
}

.da-slide .da-img,
.da-slide .da-link,
.da-slide h2,
.da-slide p {
  position: absolute;
  opacity: 0;
  left: 110%;
}

.da-slider-fb .da-slide h2 {
  left: 50%;
  opacity: 1;
}

.da-slider-fb .da-slide .da-img {
  left: 60%;
  opacity: 1;
}

.da-slide h2 {
  color: #fff;
  width: 50%;
  top: 10px;
  white-space: nowrap;
  z-index: 10;
}

.da-slide .da-img {
  text-align: center;
  width: 40%;
  bottom: 10px;
  left: 5%;
}

.da-dots {
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 20px;
  z-index: 8;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.da-dots span {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e4b42d;
  margin: 3px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset,
    1px 1px 1px rgba(255, 255, 255, 0.1);
}

.da-dots span.da-dots-current:after {
  content: "-";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0, #fff),
      color-stop(47%, #f6f6f6),
      color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
  background: -o-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
  background: -ms-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
  background: linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
}

.da-arrows {
  -moz-user-select: none;
  -webkit-user-select: none;
}

.da-arrows span {
  position: absolute;
  top: 50%;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #e4b42d;
  cursor: pointer;
  z-index: 2000;
  opacity: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset,
    1px 1px 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
  -moz-transition: opacity 0.4s ease-in-out-out 0.2s;
  -o-transition: opacity 0.4s ease-in-out-out 0.2s;
  -ms-transition: opacity 0.4s ease-in-out-out 0.2s;
  transition: opacity 0.4s ease-in-out-out 0.2s;
}

.da-slider:hover .da-arrows span {
  opacity: 1;
}

.da-arrows span:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  left: 5px;
  background: transparent url(../images/arrows.png) no-repeat top left;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.da-arrows span:hover:after {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.da-arrows span:active:after {
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.da-arrows span.da-arrows-next:after {
  background-position: top right;
}

.da-arrows span.da-arrows-prev {
  left: 15px;
}

.da-arrows span.da-arrows-next {
  right: 15px;
}

.da-slide-current h2 {
  left: 50%;
  opacity: 1;
}

.da-slide-current .da-img {
  left: 5%;
  opacity: 1;
}

.da-slide-fromright h2 {
  -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright .da-img {
  -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}

@-webkit-keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 40%;
    opacity: 1;
  }
}

@-webkit-keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

@-moz-keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 40%;
    opacity: 1;
  }
}

@-moz-keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

@-o-keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 40%;
    opacity: 1;
  }
}

@-o-keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

@-ms-keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 40%;
    opacity: 1;
  }
}

@-ms-keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

@keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 40%;
    opacity: 1;
  }
}

@keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

.row-cards .onlnstorBox {
  width: 100%;
  margin: 8px 0;
}

.row-cards .prsubclist li .onlnstorBox {
  margin: 0px 0;
}

.prsubclist_FlexBox {
  display: flex;
  flex-wrap: wrap;
}

.filterbox {
  width: 275px;
  margin-right: 5px;
  float: left;
  background-color: #fff;
  margin-top: 6px;
  border-radius: 4px;
  overflow: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  max-height: calc(100vh - 0px);
}

.filterTitle {
  padding: 10px 15px;
  border-bottom: 1px solid #ededed;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.filterTitle h2 {
  width: calc(100% - 65px);
  margin-right: 5px;
  color: #222;
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 0px !important;
  letter-spacing: 0.1px !important;
}

.filterTitle .prfiltrBtn {
  width: 60px;
}

.filterbox ul {
  margin-bottom: 25px;
}

.filterbox ul li {
  margin: 15px 10px;
}

.filterbox ul li label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.filterbox ul li label input {
  margin-top: 0;
}

.filterbox ul li label span {
  font-size: 12.5px;
  margin-left: 4px;
  line-height: 16px;
  color: #6c6c6c;
}

.prsubclist {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 280px);
  float: left;
}

.prsubclist li {
  width: calc(50% - 10px);
  margin: 5px;
}

.prsubclist.listviewBox li {
  width: calc(100% - 0px);
  margin: 5px 0;
}

.onlnstorBox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 8px;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  transition: 0.3s all ease-in-out;
}

.onlnstorBox:hover {
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}

.prsubclist.listviewBox .onlnstorImageBox {
  width: 300px !important;
  margin-right: 15px !important;
}

.prsubclist.listviewBox .storepack {
  width: calc(100% - 325px) !important;
}

.onlnstorImageBox {
  width: 45%;
  float: left;
  height: 160px;
  position: relative;
  overflow: hidden;
  margin-right: 2%;
  border-radius: 4px;
  margin-top: 15px;
}

.onlnstorImageBox img {
  width: auto;
  max-height: 100%;
  position: absolute;
  border-radius: 4px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.storepack {
  width: calc(53% - 10px);
  float: left;
  margin-left: 10px;
}

.storepack .card-title {
  font-size: 15px !important;
  margin-top: 15px !important;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.storepack label {
  width: calc(50% - 11px);
  margin: 6px 3px;
  float: left !important;
  overflow: hidden;
  font-size: 12px;
  letter-spacing: -0.5px;
}

.onlnstorfooterBox {
  padding: 5px 15px 10px 15px;
  background-color: #f3f4f8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-top: 15px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.email-app .badge-primary {
  color: #fff !important;
  background: none !important;
  border: #29407B !important;
  background-color: #29407B !important;
}

.btn.btn-primary {
  background-color: #29407B !important;
  background-image: none !important;
  border: 1px solid #29407B !important;
  color: #fff !important;
}

.card-img {
  width: 51px;
  border-radius: 50%;
  display: block;
  margin: 5px auto;
}

.linkBtnBP {
  color: #7a3ff3 !important;
}

.linkBtnBP2 {
  color: #9c27b0 !important;
  font-size: 13px;
  text-decoration: underline;
  float: left;
}

.onlnstorfooter_btnBox {
  float: left;
  width: calc(100% - 200px);
}

.onlnstorfooter_btnGroupBox {
  text-align: right;
  width: 200px;
}

/* .toggle-menu.side-menu li ul li.active a {
  color: #222 !important;
  background-color: hsl(0deg 0% 100% / 6%);
} */

.toggle-menu.side-menu li ul li.active a {
  color: #ffffff !important;
  background: #9491a8;
}

.toggle-menu.side-menu li ul li a {
  color: #222 !important;
}

.product-eye-a i {
  float: left;
  color: #7a3ff3 !important;
  margin-right: 10px;
}

.product-eye-a span {
  float: left;
}

.flexlabel {
  display: flex;
  flex-wrap: wrap;
}

.rankstatus {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.rankstatus li {
  margin-right: 5px;
  border: #29407b 1px solid !important;
  padding: 9px 13px !important;
  border-radius: 4px;
  line-height: 18px !important;
  color: #555f79;
  margin-top: 4px;
}

.rankstatus li b {
  color: #29407b;
}

a {
  color: #29407B;
}

.mt20 {
  margin-top: 20px;
}

.dropdown-item.active,
.dropdown-item:active {
  background: none;
  color: #fff !important;
  background-color: #1b81aa !important;
}

.cvrchangBtn {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #29407b;
  padding: 8px 18px;
  border-radius: 4px;
  color: #fff !important;
  transition: 0.4s ease-in-out all;
}

.cvrchangBtn:hover {
  color: #ccc !important;
}

.BPprofilebox {
  width: 100%;
  margin-top: -100px;
  position: relative;
  z-index: 1;
  padding: 0 15px;
  height: 100%;
}

.BPprofile_Leftbox {
  width: 330px;
  float: left;
  margin-right: 15px;
}

.BPprofile_LeftboxCard {
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 15px;
}

.DP_IMGsection {
  width: 70px;
  float: left;
  margin-right: 6px;
  margin-top: 24px;
}

.DP_IMG {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.DP_prsection {
  width: calc(100% - 76px);
  float: left;
}

.DP_prsection h3 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin-bottom: 0;
  margin-top: 10px;
}

.DP_prsection p {
  margin-bottom: 5px;
  line-height: 24px;
  display: flex;
  word-break: break-all;
  font-size: 13px;
}

.dpicnsize {
  font-size: 15px;
  margin-right: 3px;
}

.BPprofile_Rightbox {
  margin-top: 110px;
  width: calc(100% - 345px);
  float: left;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border-radius: 6px;
  padding: 20px;
}

.BPprofile_Rightbox .nav-link {
  display: block;
  padding: 4px 10px !important;
  color: #4d4d4d !important;
  height: 70px;
}

.form-group.bg-transparent.row span.pull-right-sm {
  color: #000;
}

.BPprofile_Rightbox .nav-link:hover {
  color: #000 !important;
}

.BPprofile_Rightbox .nav-pills>li.active>a,
.BPprofile_Rightbox .nav-pills>li.active>a:focus,
.BPprofile_Rightbox .nav-pills>li.active>a:hover {
  background-color: transparent !important;
  border-bottom: 2px solid #29407b;
  border-radius: 0;
  color: #000 !important;
}

.v_heght210 {
  height: 210px;
}

.DP_pr {
  position: relative;
}

.DpedtBtn {
  line-height: 26px;
  font-size: 13px;
  width: 26px;
  height: 26px;
  background-color: #29407b;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  position: absolute;
  text-align: center;
  bottom: 39px;
  opacity: 1;
  left: 5px;
}

.product-gallery .product-sm-gallery .item-gallery {
  width: 120px;
  height: 90px;
}

.commsnBox {
  border-top: 1px solid #f1f1f1;
  padding: 15px 0;
  margin-top: 20px;
}

.br1 {
  border-right: 1px solid #e8e8e8;
}

.commsnBox h5.no-margin {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px !important;
}

.commsnBox p {
  margin-bottom: 2px;
}

.BPprofile_Leftbox .wallet {
  width: 100%;
  margin-left: 0;
}

.BPprofile_Leftbox .feature-bx h2 {
  text-align: right;
  margin-bottom: 5px;
  margin-top: 20px;
}

.BPprofile_LeftboxCard .feature-bx p {
  text-align: right;
}

.btn_cart,
.btn_cart:active,
.btn_cart:focus {
  background-color: #1c527c !important;
  color: #fff;
}

.btn_cart:hover {
  color: #ccc !important;
}

.BPprofile_Leftbox .feature-bx {
  padding: 30px 10px !important;
}

.BPprofile_Leftbox .user-details-profile .form-group {
  margin-bottom: 3px !important;
  padding: 6px !important;
  display: flex;
}

.BPprofile_Leftbox .user-details-profile .form-group label {
  width: 130px;
  float: left;
}

.BPprofile_Leftbox .user-details-profile .form-group span {
  position: relative;
  float: left !important;
  width: calc(100% - 130px);
  color: #000;
}

.BPprofile_Leftbox .user-details-profile .form-group span:before {
  content: ": ";
  position: absolute;
  left: -10px;
}

.sposeerBox {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 10px;
}

.sposeerBox label {
  width: 150px;
  float: left;
  font-weight: 500;
  margin-right: 10px;
  margin-bottom: 1px;
}

.sposeerBox span {
  position: relative;
  width: calc(100% - 160px);
  float: left;
  color: #000;
}

.sposeerBox span:before {
  content: ": ";
  position: absolute;
  left: -10px;
}

.sposeerttle {
  line-height: 32px;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 15px;
  color: #000;
}

.commsnBox .card.border {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 0 0 10px;
  border-radius: 0;
  margin-bottom: 0.5rem;
}

.commsnBox .col-xl-6 {
  padding: 0 5px;
  width: 50% !important;
}

.commsnBox .col-xl-6:nth-child(2) {
  border-left: 1px solid #ccc !important;
}

.commsnBox .card-body {
  padding: 0 !important;
}

.hr2 {
  width: 100%;
  height: 1px;
  background-color: #ececec;
  clear: both;
}

.event-heading {
  margin-bottom: 2px;
}

.event-heading a {
  line-height: 24px;
  font-weight: 500;
  color: #595959;
}

.activities p {
  margin-bottom: 1px;
  font-size: 0.9rem !important;
}

.paymentArea {
  display: flex;
  flex-wrap: wrap;
}

.bhoechie-tab-menu {
  width: 160px;
  margin-right: 5px;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 5%);
  padding: 1.5rem 0.5rem !important;
  margin-bottom: 15px;
  border-radius: 15px;
  float: left;
}

.bhoechie-tab-menu .paymntMthd.list-group>a {
  width: 125px;
  border: 1px solid #ccc;
  border-radius: 10px !important;
  margin: 4px auto;
}

.errrpaymntInfo {
  background-color: #f1f1f1;
  padding: 18px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
}

.form-control {
  background-color: #f4f3f9;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
}

.paymntFormBox {
  width: calc(100% - 690px);
  margin-right: 5px;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 5%);
  padding: 1.5rem 1rem !important;
  margin-bottom: 15px;
  border-radius: 15px;
  float: left;
  /* display: flex;
  align-items: center;
  justify-content: center; */
}

.odrsmryBox {
  width: 520px;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 5%);
  padding: 1.5rem 1rem !important;
  margin-bottom: 15px;
  border-radius: 15px;
  float: left;
}

#ProductList_mobile select.form-control.prChangecrt1,
.odrsmryBox select.form-control.prChangecrt1 {
  max-width: 100px;
}

.paymntFormBox .form-control {
  font-size: 13px !important;
}

.odrsmryBox .card-title {
  font-size: 18px !important;
  margin-top: 0 !important;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}

table.odrsmryTable {
  border: 0 !important;
}

.odrsmryTable td {
  font-size: 13px !important;
  border: 0 !important;
  padding: 9px 5px !important;
  line-height: 17px;
}

.odrsmryTable tr:first-child td {
  border-top: 0 !important;
}

.odrsmryTable th {
  font-size: 14px;
  font-weight: 600;
  border: 0 !important;
  padding: 9px 5px !important;
}

.event-bx small.text-muted {
  color: #6b6f80 !important;
  font-size: 13px;
  font-weight: 400;
}

.event-bx .sub-bx h5 {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 22px;
  color: #484848 !important;
  letter-spacing: 0.1px;
}

.subevnthdng {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 22px;
  color: #484848;
  letter-spacing: 0.1px;
}

.modal-backdrop {
  z-index: 999 !important;
}

.modal {
  z-index: 1000 !important;
}

.btnflexBox {
  display: flex;
}

.CartimagBox {
  width: 70px;
  float: left;
}

.trash :hover i {
  color: #e54f16;
}

.col_leftBox {
  width: calc(100% - 470px);
  margin-right: 20px;
  margin-left: 15px;
}

.col_rightBox {
  /* width: 435px; */
  width: 420px;
  margin-right: 15px;
}

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

.cktbtnflexbox {
  display: flex;
}

.evntModaldtils {
  display: flex;
  width: 100%;
  float: left;
  border-bottom: 1px solid #e6e6e6;
}

.evntModaldtils label {
  width: 175px;
  background-color: #f9f9f9;
  float: left;
  margin-bottom: 0;
  padding: 8px 12px;
}

.evntModaldtils span {
  width: calc(100% - 185px);
  float: left;
  margin-bottom: 0;
  padding: 8px 12px;
  margin-left: 10px;
  position: relative;
}

.evntModaldtils span:before {
  position: absolute;
  content: ":";
  left: 0;
}

.rateBoxevnt {
  width: 110px;
  padding-left: 20px;
}

.vdoBox {
  position: relative;
}

.vdoplayBtn {
  position: absolute;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 33px;
  background-color: rgba(255, 255, 255, 0.4);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  color: #aa1b1b;
  transition: 0.4s ease-in-out all;
}

.vdoBox:hover .vdoplayBtn {
  background-color: rgba(255, 255, 255, 0.8);
}

.authent-title {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 7px;
  margin-top: 15px;
}

.veriImg {
  max-width: 80%;
}

.authentfcntMainBox {
  height: calc(100vh - 3rem);
  display: flex;
  align-items: center;
  overflow-y: auto;
}

.authentfcntBox {
  width: 100%;
  max-width: 800px;
  margin: auto;
}

.veriImg {
  max-width: 360px;
  width: 100%;
}

.authlabel {
  font-weight: 500;
  font-size: 16px;
  color: #6d6d6d;
}

.event_card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
  width: 100%;
  background-color: var(--widjetcolor);
  border: 1px solid #ececec;
  margin-bottom: 10px;
  padding: 20px 10px;
}

.text-muted {
  color: #94a3b8 !important;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #d1d1d1 !important;
  cursor: not-allowed;
}

.activities {
  padding: 15px;
}

.faqrcnt {
  font-size: 14px;
  color: #d47278;
}

.tabsale .nav-link {
  display: flex;
  padding: 10px 15px !important;
  color: #4d4d4d !important;
  align-items: center;
}

.tabsale .nav-link i {
  font-size: 18px;
}

.tabsale {
  border-bottom: 1px solid #cecece;
  width: 100%;
  float: left;
  margin-bottom: 5px;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}

.tabsale.nav-pills>li.active>a {
  background-color: transparent;
  border-bottom: 2px solid #1c527c;
  border-radius: 0;
}

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

.Myorder_list li {
  width: calc(25% - 8px);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 8px 4px;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  padding: 30px 15px 20px;
  border-radius: 8px;
}

.Myorder_list li .mypr_name {
  font-size: 15px;
  color: #222;
  font-weight: 500;
  line-height: 20px;
}

.Myorder_list li .mypr_mthd {
  font-size: 12px;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.Myorder_list li .PrimgeBox {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.PrimgeBox img {
  width: 50px;
  height: 50px;
  background-color: #f1f1f1;
  padding: 7px;
  border-radius: 10px;
}

.OrdrRcrrChngpsn {
  position: absolute;
  right: 15px;
  top: 30px;
}

.recurg_status span {
  display: flex;
  font-size: 12px;
}

.recurg_status span i {
  color: #8bc34a;
}

.recurg_status span i.ri-close-circle-fill {
  color: #f42424;
}

.recurg_status {
  background-color: #f1f1f1;
  padding: 2px 10px;
  border-radius: 4px;
  float: right;
  font-size: 13px;
  color: #000;
  margin-top: 10px;
  /* margin-right: 27px; */
}

.Myorder_list li .PrnameBox {
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: 15px;
}

.Myorder_list li .odrRate,
.Myorder_list li .ttlPrice {
  padding: 8px 11px;
  border-radius: 7px;
  border: 1px dashed #bababa;
  margin-right: 5px;
  margin-bottom: 4px;
}

.odrRate h3,
.ttlPrice h3 {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
}

.odrRate h4,
.ttlPrice h4 {
  font-size: 13px;
  margin-bottom: 0;
}

.prActnBox {
  display: block;
  width: 100%;
  border-top: 1px solid #f1f1f1;
  margin-top: 25px;
  position: relative;
}

.prActnBox::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 50%;
  background-color: #7a3ff3;
  left: 0;
  top: -1;
}

.prActnBox .viewBtn {
  float: right;
  margin-top: 15px;
  background-color: #4caf50;
  color: #fff !important;
  display: flex;
  padding: 3px 11px;
  font-size: 14px;
  align-items: center;
}

.comboActnBtn {
  display: inherit !important;
  float: right;
}

.prActnBox .deleteBtn {
  float: right;
  margin-top: 11px;
  background-color: #dc3545;
  color: #fff;
  display: flex;
  padding: 3px 11px;
  font-size: 14px;
}

.prActnBox .viewBtn i {
  margin-left: 5px;
}

.acngropbtn {
  float: right;
  display: inline;
  margin-top: 12px;
  margin-left: 5px;
}

.acngropbtn>.btn {
  font-size: 13px;
}

.acngropbtn .dropdown-item {
  display: inline-flex;
  height: auto;
  min-height: 20px;
  padding: 3px 20px;
}

.dropdown-item:hover {
  background-color: #f1f1f1;
  color: #000 !important;
  border-radius: 0;
  box-shadow: none;
}

.acngropbtn .dropdown-item:hover {
  background-color: #f1f1f1;
  color: #000 !important;
  border-radius: 0;
  box-shadow: none;
}

.sq-card-wrapper .sq-card-message-no-error {
  color: #dc3545 !important;
}

.sq-card-wrapper .sq-card-message-no-error::before {
  background-color: #dc3545 !important;
}

.blogList_cntnt {
  color: #818182;
  height: 65px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 21px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}

.blog-list-rating .fa-star {
  font-size: 14px;
  margin-right: -2px;
}

.blog-list-rating .starcount {
  font-size: 14px;
  color: #000;
  letter-spacing: 0.1px;
}

.blog-list-rating p {
  margin-bottom: 5px;
}

.biilDateBox .viewBtn {
  float: right;
  background-color: #4caf50;
  color: #fff;
  display: flex;
  padding: 3px 11px;
  font-size: 14px;
  align-items: center;
}

.biilDateBox .viewBtn i {
  margin-left: 5px;
}

.blogList .billdateDetails {
  width: calc(100% - 130px) !important;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.article-content p,
.article-content p span {
  font-family: Poppins, sans-serif !important;
  color: inherit !important;
}

.prRatebOXinnr {
  width: 100px;
  float: left;
  margin-left: -15px;
}

.prRatebOXrviw {
  width: 115px;
  clear: both;
  margin-left: 10px;
}

.product-gallery-quty label {
  width: calc(50% - 11px);
  margin: 6px 3px;
  float: left !important;
  overflow: hidden;
  font-size: 12px;
  letter-spacing: -0.5px;
  box-shadow: none;
  border: 1px solid #eee;
}

.product-gallery-quty .sub-text {
  font-size: 18px !important;
}

.font-weight-semibold {
  text-transform: capitalize;
}

.modal-footer .btn+.btn {
  margin-left: 0 !important;
}

.bootstrap-tagsinput {
  color: #222;
  background-color: #f4f3f9;
}

.videoLists {
  display: flex;
  flex-wrap: wrap;
}

.videoLists li {
  width: calc(33.3% - 16px);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 8px;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  padding: 30px 15px 20px;
  border-radius: 8px;
}

.videoLists.artcll li {
  width: calc(25% - 16px);
}

.videoBox {
  background-color: #f3f4f8;
  padding: 16px 16px 8px;
  border-radius: 8px;
  width: 100%;
}

.videoBox img {
  height: 100%;
  padding-bottom: 5px;
  border-radius: 8px;
}

.videoBox iframe {
  width: 100%;
  height: 250px;
}

.videoLists li h3 {
  color: #000;
  width: 100%;
  letter-spacing: 0.1px;
  font-size: 15px;
  font-weight: 400;
  margin: 20px 10px 0;
  line-height: 24px;
}

.videoLists li .biilDateBox {
  width: 100%;
  padding: 6px;
}

.videoLists li h3 span {
  background-color: #8e57ff;
  width: 24px;
  height: 24px;
  float: left;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  margin-right: 8px;
}

.fileIconBox {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  text-align: center;
  margin: 10px auto;
  background-color: var(--widjetcolor);
  border-radius: 50%;
  border: 1px solid #eaeaea;
  color: var(--primarycolor);
}

.videoLists.artcll .fileIconBox {
  margin: 10px;
}

.fileLists li h3 {
  text-align: center;
}

.videoLists.fileLists li {
  width: calc(25% - 16px);
}

.ecocatList li h4,
.videoLists.fileLists li h4 {
  text-align: center;
  font-size: 13.5px;
  font-weight: 500;
  width: 100%;
  margin-top: 10px;
  color: #94a3b8;
}

.videoLists.fileLists li a.text-center {
  color: #7a3ff3;
  font-weight: 500;
}

.swal2-cancel {
  /* background-color: #b56cff !important; */
}

.fileBtnBox {
  text-align: center;
  display: flex;
  width: 100%;
  margin-top: 10px;
  padding-top: 20px;
  position: relative;
  border-top: 1px solid #f1f1f1;
  justify-content: center;
}


.videoLists.dcmtlist li {
  width: calc(50% - 16px) !important;
  padding: 30px 5px 20px;
}

.side-app {
  min-height: calc(100vh - 140px);
}

#treediv.no-grid {
  min-width: 100%;
  height: 495px;
}

.dropdown_faq h2,
.dropdown_faq p,
.dropdown_faq p span,
.dropdown_faq p strong {
  font-family: Poppins, sans-serif !important;
  color: #646a72 !important;
}

.alert.alert-error {
  background-color: #b16c6c;
  color: #fff;
}

.dropdown_faq h2 {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
  color: #5f5f5f !important;
}

.dropdown_faq {
  border-bottom: 1px solid #e9e9e9 !important;
  border-radius: 8px 8px 0 0;
}

.dropdown_faq.open .dropdown__top {
  font-size: 16px;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #e8e8e8 !important;
}

.dropdown_faq.open h2,
.dropdown_faq.open .dropdown__top::after {
  color: #222 !important;
}

.emailLatestTtle {
  font-size: 15px;
  color: #2e467b;
  padding: 15px 5px 0 15px;
  font-weight: 500;
}

.emailLatesList {
  line-height: 18px;
  float: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 10px;
  font-size: 13px;
  color: #222;
}

.brighttheme .ui-pnotify-title {
  margin-left: 30px;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
}

.ui-pnotify-text {
  margin-left: 30px;
}

.ui-pnotify-text {
  display: block;
}

.btn.composeBtn:focus,
.btn.composeBtn:active,
.composeBtn {
  box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%) !important;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  letter-spacing: 0.25px;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff !important;
  background-image: none;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  color: #1c527c !important;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-weight: 500;
  height: 48px;
  min-width: 56px;
  overflow: hidden;
  padding: 0 24px 0 22px;
  text-transform: none;
}

.composeBtn.active,
.btn.composeBtn.active:focus,
.btn.composeBtn.active:focus {
  background-color: #29407b !important;
  color: #fff !important;
}

.alignvrtclecenter {
  font-weight: 400;
  padding-top: 9px;
}

.app-sidebar .toggle-menu .side-menu__item.active {
  background: #29407b !important;
  box-shadow: none !important;
}

.creatTcktBtn {
  position: absolute;
  z-index: 9;
  right: 83px;
  top: 28px;
  padding: 6px 12px;
}

.composeBtn i {
  margin-right: 10px;
}

.email-app nav {
  min-height: calc(100vh - 260px);
}

.email-app nav .nav .nav-item .nav-link:hover {
  background-color: #f7f7fb !important;
  border-radius: 0 50px 50px 0;
  color: #000 !important;
}

.email-app nav .nav .nav-item .nav-link.active,
.email-app nav .nav .nav-item .nav-link.active:hover {
  background-color: #29407b !important;
  border-radius: 0 50px 50px 0;
  color: #fff !important;
}

.email-app nav .nav .nav-item .nav-link {
  border: 0 !important;
}

.bb1 {
  border-bottom: 1px solid rgba(107, 122, 144, 0.1);
}

.note-editor .note-editable {
  background-color: #f9f9f9;
}

#messageplaceholder {
  margin-bottom: 0 !important;
}

.sidenav-toggled .easyclick .list-group-item .icon {
  font-size: 26px;
  width: 70px;
  margin-left: 20px;
}

.sidenav-toggled.sidenav-hoverd .easyclick .list-group-item .icon {
  width: 44px;
  margin-left: 0;
}

.easyclick .list-group-item .icon {
  width: 25px;
}

.sidenav-toggled.sidenav-hoverd .list-group-item.active>.badge {
  display: inline;
}

.sidenav-toggled .composeBtn .composelabel {
  display: none;
}

.sidenav-toggled.sidenav-hoverd .composeBtn .composelabel {
  display: inline;
}

.sidenav-toggled .list-group-item.active>.badge {
  display: none;
}

.easyclick .list-group-item {
  color: #373737 !important;
}

.easyclick .list-group-transparent .list-group-item {
  border-bottom: 0px solid #333333 !important;
}

.app-sidebar .toggle-menu .side-menu__item {
  color: #222;
}

.easyclick .list-group-transparent .list-group-item:hover {
  background-color: #76838f;
  border-radius: 0;
}

.easyclick .list-group-transparent .list-group-item {
  border-bottom: 1px solid #652dd9 !important;
}

.list-group-transparent .list-group-item.active {
  background: #8e57ff !important;
  color: #fff !important;
}

.bb2 {
  border-bottom: 1px solid #f1f1f1;
}

.mailttle {
  width: calc(100% - 220px);
  float: left;
}

.filterBox {
  float: right;
  width: 215px;
  text-align: right;
  margin-top: 20px;
}

.filterCard {
  background: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 10px rgb(71 71 71 / 20%) !important;
  margin-left: -15px;
  width: calc(100% + 30px);
}

.hr2div {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1px;
  width: 100%;
  background-color: #f2edf3;
}

.wallemainBox {
  width: 100%;
  float: left;
}

.infowarngTxt {
  background: #4b6883;
  padding: 15px 25px;
  border-radius: 8px;
  color: #fff !important;
  line-height: 19px;
}

.adrstext {
  background-color: #4caf50;
  padding: 8px 13px;
  float: right;
  color: #fff;
  font-weight: 400;
  border-radius: 3px;
}

.walletUl {
  width: 100%;
  float: left;
}

.walletUl li {
  width: calc(100% - 0px);
  float: left;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 5%);
  padding: 20px 25px 10px;
  border-radius: 0px;
  border-bottom: 1px solid #e5e5e5;
  transition: 0.4s ease-in-out all;
}

.walletUl li:hover {
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 25%);
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  z-index: 2;
}

.walletUl li:first-child {
  margin-top: 10px;
}

.walletUl li .mypr_name {
  font-size: 15px;
  color: #000;
  font-weight: 600;
}

.walletUl .mypr_mthd label,
.walletUl li .mypr_name label {
  width: 150px;
  margin-bottom: 0;
  float: left;
}

.walletUl .mypr_mthd b,
.walletUl li .mypr_name b {
  position: relative;
  font-weight: 400;
  color: #000;
}

.walletUl .mypr_mthd b:before,
.walletUl li .mypr_name b::before {
  content: " : ";
  position: absolute;
  left: -10px;
}

.walletUl li .mypr_mthd {
  font-size: 14px;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.walletUl li .PrnameBox {
  float: left;
  width: calc(100% - 260px);
}

.walletUl.allrqst li .PrnameBox {
  float: left;
  width: calc(100% - 460px);
}

.walletUl li .odrRate,
.walletUl li .ttlPrice {
  padding: 8px 14px;
  border-radius: 7px;
  border: 1px dashed #bababa;
  margin-right: 5px;
  margin-bottom: 4px;
  float: right;
}

.walletUl li:hover .odrRate h4,
.walletUl li:hover .ttlPrice h4,
.walletUl li:hover .odrRate h3,
.walletUl li:hover .ttlPrice h3 {
  color: #7a3ff3 !important;
}

.walletUl li:hover .odrRate,
.walletUl li:hover .ttlPrice {
  border: 1px dashed #7a3ff3 !important;
}

.walletUl .odrRate h4,
.walletUl .ttlPrice h4 {
  font-size: 13px;
  margin-bottom: 0;
}

.custmdatatbl {
  float: left;
  width: calc(100% - 315px);
}

.custmSerchBox {
  float: right;
  position: relative;
}

.custmSerch {
  border: 1px solid #e2e2e2;
  padding: 10px 30px 10px 14px;
  border-radius: 4px;
}

.custmSerchIcon {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 15px;
}

.walleBox {
  padding: 20px;
  background: #8e2de2;
  background: -webkit-linear-gradient(to right, #306a78, #29407b);
  background: linear-gradient(to right, #306a78, #29407b);
  float: left;
  border-radius: 4px;
}

.walleBox i {
  font-size: 60px;
  color: #fff;
  margin-right: 15px;
  float: left;
}

.walleBox label {
  float: left;
}

.walleBox label h4 {
  color: #fff;
  font-weight: 600;
  font-size: 21px;
}

.walleBox label p {
  color: #fff;
  margin-bottom: 3px;
  font-weight: 400;
  margin-top: 12px;
}

.float_right {
  float: right;
}

.rightalgn {
  float: right;
}

.rightalgn .input-group>.custom-select:not(:last-child),
.rightalgn .input-group>.form-control:not(:last-child) {
  padding-right: 35px;
  margin-right: 0;
  border-radius: 4px 0 0 4px !important;
}

.genealogy-btn {
  border-radius: 0 4px 4px 0 !important;
}

.btn-restart-genealogy {
  padding: 10px 12px !important;
  margin-left: 5px;
  float: right;
}

.mobileflaot {
  width: 100%;
}

.geneology li {
  position: relative;
  min-height: 50px;
  box-shadow: 0 8px 16px rgb(0 0 0 / 3%);
  background: #fff;
  position: relative;
  padding: 14px 20px;
  border-radius: 6px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d0baff;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

.geneology li:hover {
  box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
}

.geneology li i.genoIcon {
  width: 46px;
  height: 46px;
  background-color: #ccc;
  border-radius: 8px;
  float: left;
  margin-right: 10px;
  font-size: 24px;
  text-align: center;
  line-height: 46px;
  color: #fff;
}

.geneology li .genoIcon.name {
  background-color: #8e57ff;
}

.geneology li .genoIcon.usrname {
  background-color: #fe8b96;
}

.geneology li .genoIcon.rank {
  background-color: #a1549d;
}

.geneology li .genoIcon.sponser {
  background-color: #c176ff;
}

.geneology li .genoIcon.pldspnsr {
  background-color: #45d7c1;
}

.geneology li .genoIcon.date {
  background-color: #bab054;
}

.genocntnt {
  float: left;
}

.genocntnt h4 {
  font-size: 12px;
  margin-bottom: 5px;
}

.genocntnt h5 {
  font-size: 14px;
  margin-bottom: 0;
  color: #000;
}

.genlgy .feature-bx {
  padding: 15px !important;
}

.genlgy .item {
  margin-bottom: 10px;
}

.genlgy {
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
}

.gnlydbvtls {
  background: #ffffff;
  padding: 20px 16px;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  border-radius: 6px;
  float: left;
  width: 100%;
}

.gnlydbvtls li {
  min-height: 50px;
  box-shadow: 0 8px 16px rgb(0 0 0 / 3%);
  background: #efefef;
  position: relative;
  margin-top: 8px;
  border-bottom: 1px solid #d0baff;
}

.gnlydbvtls li.bvleft {
  border-radius: 16px 0 6px 0;
  padding: 10px 5px 10px 80px;
}

.gnlydbvtls li.bvight {
  border-radius: 6px 0 16px 0;
  padding: 10px 80px 10px 5px;
  text-align: right;
}

.gnlydbvtls li p {
  font-size: 13px;
  margin-bottom: 5px;
  color: #76838f;
  line-height: 21px;
}

.gnlydbvtls li h2 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #000;
}

.gnlydbvtls li i {
  font-size: 24px;
  color: #fff;
  background-color: #148573;
  border-radius: 16px 0 20px 0;
  position: absolute;
  height: 100%;
  width: 60px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bvcount {
  background-color: #148573;
}

.bvttlcount {
  background-color: #8c54a1 !important;
}

.userttlcount {
  background-color: #5c66a3 !important;
}

.color1 {
  color: #76838f;
}

.fs-27 {
  font-size: 27px !important;
}

.activityTtle {
  color: #979797;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 0px;
}

.activityDescrpn {
  color: #363636 !important;
  line-height: 18px;
  font-size: 13px;
}

.gnlydbvtls li.bvleft i {
  top: 0;
  left: 0;
}

.profile-bg {
  z-index: 0;
}

.w_190px {
  width: 190px;
  line-height: 19px;
  color: #222;
}

.colordefault {
  color: #1696be;
}

.gnlydbvtls li.bvight i {
  top: 0;
  right: 0;
}

.genlgyleft {
  margin-right: 5px;
  margin-left: 10px;
  width: calc(50% - 15px);
}

.genlgyright {
  margin-left: 5px;
  margin-right: 10px;
  width: calc(50% - 15px);
}

.geobtnRight {
  float: right;
  margin-bottom: 10px;
  width: 100%;
}

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

.easyclick .form-control.header-search {
  border-radius: 30px !important;
}

.admndshbrd .feature-bx .icon-img-absolute {
  top: 75px;
}

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

.admnvaluebx p.text-muted {
  margin-bottom: 2px;
}

.admnvaluebx .cardleft {
  width: calc(100% - 60px);
}

.admnvaluebx .cardright {
  width: 55px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}

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

.wlletWidjet {
  width: calc(100% / 4 - 6px);
  background-color: #fff;
  margin: 3px;
  border-radius: 6px;
  padding: 4px 15px;
  border: 1px solid #ededed;
}

.wlletWidjet .cardleft .card-body {
  padding: 8px 0.5rem;
}

.wlletWidjet:first-child,
.linkwidget:first-child {
  margin-left: 0;
  width: calc(100% / 4 - 3px);

}

.wlletWidjet:last-child,
.linkwidget:last-child {
  margin-right: 0;
  width: calc(100% / 4 - 3px);
}

.linkwidgetBox {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}

.linkwidget {
  width: calc(100% / 4 - 6px);
  background-color: #fff;
  margin: 3px;
  border-radius: 6px;
  padding: 20px 15px;
  border: 1px solid #ededed;
  display: flex;
  align-items: center;
}

.linkwidget i {
  font-size: 22px;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  background-color: #989da9;
  border-radius: 4px;
  padding: 5px;
  color: #fff;
  text-align: center;
  line-height: 31px;
  /* box-shadow: 3px 4px 4px 1px rgb(5 24 29 / 8%); */
  border: 1px solid #ededed;
}

.linkwidgrtText {
  font-weight: 500 !important;
  color: #636669 !important;
}

.linkwidgrtText:hover {
  font-weight: 500 !important;
  color: #222 !important;
  text-decoration: underline;
}

.admnvaluebx .wlletWidjet .cardsub {
  margin-bottom: 0;
  align-items: center;
  height: 100%;
}

.dashicnBox {
  width: 45px;
  height: 45px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  line-height: 45px;
}

.cardsub i {
  font-size: 26px;
  width: 100%;
  transition: 0.4s;
}

.cardsub:hover i {
  font-size: 36px;
}

.admnvaluebx .card:hover {
  box-shadow: -2px -2px 8px 0 rgb(34 41 47 / 16%) !important;
  z-index: 2;
}

.averaalBg {
  padding-top: 20px;
  position: relative;
}

.averaalBgUser.averaalBg {
  padding-top: 0px;
}

.averaalBg.card {
  background-color: #fff;
}

.admndashbrd .wallet .item:hover .feature-bx i {
  border-radius: 4px !important;
}

.z2 {
  z-index: 2;
}

.averaalBg .card {
  border-radius: 4px !important;
}

.averaalBg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /*  background: url("images/taieri.svg") no-repeat #1c527c;*/

}

.averaalBg .card-body {
  z-index: 2;
}

.averaalonlyBg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 170px;
  background-color: #29407b;
  opacity: .8;
}

.averaalonlyBg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: url("images/taieri.jpg") no-repeat #1c527c;
  background-size: cover;
  padding-top: 170px;
  z-index: 0;
  background-position: bottom;
}

.averaalonlyBg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 170px;
  background-color: #29407b;
  opacity: .8;
  z-index: 1;
}

.padset .panel-body {
  padding: 30px 15px;
}

.bg_bns {
  background-color: #ba70ff;
}

.bg_blnc {
  background-color: #5ad5c5;
}

.bg_ntwrk {
  background-color: #fe8896;
}

.admnvaluebx .cardsub {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  border-radius: 8px;
  border: 0;
  margin-bottom: 15px;
  width: 100%;
  background-color: #fff;
}

.admin_hdr {
  width: 100%;
  float: left;
}

.admin_hdr .card-title {
  float: left;
}

.admin_hdr .addbtnBox {
  float: right;
  margin-top: 7px;
}

.modal_900.modal-dialog {
  max-width: 900px !important;
  width: 100%;
}

.modal_1200 {
  width: 1200px !important;
}

.action2 {
  width: 200px !important;
}

.action3 {
  width: 230px !important;
}

.tdnmbr {
  width: 60px !important;
  text-align: center;
}

.tdcomment {
  min-width: 450px !important;
}

.tdstar {
  min-width: 120px !important;
}

.tdimg {
  min-width: 60px !important;
}

.tdimg img {
  border-radius: 50%;
  border: 4px solid #c8c8c8;
}

.tdInnerimg {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.tdvdo {
  max-width: 250px !important;
}

.tddate {
  min-width: 120px !important;
}

.tdvdo iframe {
  max-width: 100%;
  height: 160px;
}

a.tdvdo iframe {
  max-width: 100%;
  height: 125px !important;
}

.V_alignmiddle td {
  vertical-align: middle;
}

.table>tbody>tr>td {
  color: #222;
  line-height: 21px;
  padding: 8px !important;
  font-size: 13.5px !important;
}

.table>thead>tr>th {
  padding: 8px !important;
  font-size: 13.5px !important;
  font-weight: 500;
  background-color: #f1f1f1;
}

.table>tbody>tr>td.d-flex {
  border-bottom: 0 !important;
}

.prl .dropdown-item {
  min-height: 45px;
}

.linkbtn {
  color: #151516;
  font-weight: 500;
}

.linkbtn:hover {
  color: #151516;
  text-decoration: underline;
}

.btn-warning {
  color: #fff;
  background-color: #2babc8 !important;
  border-color: #2babc8 !important;
}

.progress-bar {
  background-image: linear-gradient(to right, #1c527c, #1c96be) !important;
}

.progress {
  height: 4px;
}

.range {
  background-color: #ffffff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 14px;
  height: 44px !important;
}

.mb_10 {
  margin-bottom: 10px;
}

.newregisterUserscroll .card {
  margin-bottom: 0;
  margin-top: 15px;
  box-shadow: 5px 3px 6px rgb(142 142 142 / 10%);
  border: 1px solid #eeeeee;
  border-radius: 4px !important;
}

.cursor_pointer {
  cursor: pointer;
}

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

.tgleflex b {
  margin-right: 5px;
}

.tcktdshbd .btn {
  border-radius: 0 !important;
  line-height: 22px;
}

.tcktdshbd .btn:first-child {
  border-radius: 4px 0 0 4px !important;
}

.tcktdshbd .btn:last-child {
  border-radius: 0 4px 4px 0 !important;
}

span.priorityround {
  line-height: 20px;
}

.replBox {
  border-top: 1px solid #e7e7e7;
  border-radius: 0 !important;
  background: #f9f9f9;
}

.replBox .note-editor .note-editable {
  background-color: #f4f3f9;
}

.bg-indigo-800 {
  padding: 20px;
  margin-bottom: 10px;
}

.detilBox {
  border: 1px solid #f1f1f1;
  float: left;
  border-radius: 4px;
  padding: 9px;
  width: 100%;
}

.fileBtnBox .btn-danger,
.fileBtnBox .btn-danger:hover,
.fileBtnBox .btn-info,
.fileBtnBox .btn-info:hover {
  color: #fff !important;
}

.btn-info:hover {
  color: #fff !important;
}

.usrRstBtn {
  position: absolute;
  right: 2px;
  top: 29px;
}

.onlineDashbrd .card {
  border-radius: 0 !important;
  box-shadow: none !important;
  border-right: 1px solid #f1f1f1;
  margin-bottom: 15px;
  transition: 0.4s all;
}

.onlineDashbrd .card:hover {
  box-shadow: -2px -2px 8px 0 rgb(34 41 47 / 16%) !important;
  z-index: 2;
}

.onlineDashbrd .hdg {
  color: #222;
  font-size: 14px;
}

.thankbox {
  color: #f1f1f1;
  background-color: #1c527c;
  padding: 10px 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
}

.onlineDashbrd .mainvalue {
  font-size: 20px;
  font-weight: 600;
  margin-top: 7px;
}

.totalprdct {
  background-color: #198753;
}

.bg_rvnu {
  background-color: #d449d9;
}

.bg_sale {
  background-color: #ffc107;
}

.bg_odr {
  background-color: #0dcaf0;
}

.bg_income {
  background-color: #9da454;
}

.bg_transfer {
  background-color: #624d8d;
}

.bg_payout {
  background-color: #9451a0;
}

.bg_bons {
  background-color: #5997a4;
}

.icon-service {
  width: 66px !important;
  height: 66px !important;
  color: #fff !important;
  margin-top: 10px;
}

.OrdrGraphBox {
  width: calc(100% - 415px);
  margin-right: 15px;
}

.LastOdBox {
  width: 400px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border-radius: 20px;
  border: 0;
  margin-bottom: 15px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}

.dashbrdFlexBox {
  display: flex;
  flex-wrap: wrap;
}

.spanstts {
  font-size: 12px;
  line-height: 19px;
  float: left;
  width: 100%;
}

#settings-page td .form-control {
  min-width: 100px;
}

.page-item.active .page-link {
  background-color: #29407b !important;
  border: 1px solid #29407b !important;
}

.parsley-required2 {
  color: red !important;
  margin-top: 5px;
  font-weight: normal;
  font-size: 12px;
}

.selgprdct {
  margin: 0;
  padding: 10px;
}

.selgprdct li {
  width: 100%;
  float: left;
  border-bottom: 1px dashed #e0e0e0;
  padding: 4px 10px;
  transition: 0.4s all;
}

.selgprdctntntbox {
  float: left;
  width: calc(100% - 110px);
}

.selgprdctntntbox h5 {
  font-weight: 500;
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 0 !important;
  font-size: 14px;
}

.selgprd_badge {
  width: 30px;
  height: 30px;
  line-height: 30px;
  float: right;
  font-size: 11px;
  background-color: #7a3ff3;
  border-radius: 50%;
  padding: 1px 3px;
  color: #fff;
  text-align: center;
  margin-left: 4px;
  margin-top: 15px;
}

.nodata {
  text-align: center;
  color: #000;
  font-size: 16px;
}

.dataTables_paginate .paginate_button {
  padding: 2px !important;
  min-width: 26px !important;
  margin-top: 10px;
}

.selgprdctntntbox p {
  color: #929292;
  font-size: 13px;
  line-height: 21px;
}

.admnevnt {
  margin: 0;
  padding: 10px;
}

.admnevnt li {
  width: 100%;
  float: left;
  border-bottom: 1px dashed #e0e0e0;
  padding: 8px 10px;
  transition: 0.4s all;
}

.admnevnt li:hover,
.selgprdct li:hover {
  box-shadow: 0 5px 5px 1px rgb(97 107 115 / 9%) !important;
  z-index: 2;
}

.evntImgbox {
  width: 50px;
  height: 50px;
  background-color: #f1f1f1;
  padding: 5px;
  border-radius: 26px;
  float: left;
  margin-right: 10px;
}

.evntcntntbox {
  float: left;
  width: calc(100% - 70px);
}

.admnevnt li .active-p {
  font-size: 12px;
}

.admnevnt li .active-pro h5 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.icon-service i {
  transition: 0.2s ease-in-out all;
}

.onlineDashbrd .card:hover .icon-service i {
  font-size: 1.8rem;
}

.BpBtn_group {
  display: flex;
}

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

.BpBtn_group .btn:first-child {
  border-radius: 4px 0 0 4px !important;
}

.BpBtn_group .btn:last-child {
  border-radius: 0 4px 4px 0 !important;
}

.BpBtn_group .btn.btn i {
  line-height: 24px;
}

.pravilBx.pravilBxbg {
  padding: 15px 25px;
}

.pravilBx {
  border: 1px solid #e8e8e8;
  padding: 13px 5px 15px;
  border-radius: 4px;
  position: relative;
  margin-top: 25px;
  width: 100%;
  float: left;
}

.pravilBx h3 {
  position: absolute;
  background-color: #fff;
  font-size: 16px;
  top: -13px;
  left: 15px;
  padding: 4px 12px;
  color: #000;
}

.bvAdd {
  display: block;
  width: 100%;
  padding: 15px 20px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.bvAdd table {
  width: 100%;
}

.bvAdd table tr td {
  padding: 7px 2px;
  vertical-align: top;
}

.pageurl .parsley-errors-list {
  display: block;
  width: 100%;
}

.pageurl .input-group>.form-control:not(:last-child) {
  width: auto !important;
  border-radius: 4px !important;
  margin-right: 0 !important;
}

.pravilBx .parsley-success {
  border: 0px solid green;
}

.tablscrol {
  width: 100%;
  clear: both;
  min-height: 1px;
  overflow: auto;
}

#newRow {
  background-color: #f9f9f9;
  border-top: 1px solid #f1f1f1;
  width: 100%;
  min-width: 700px;
}

#newRow.no_scroll {
  min-width: auto !important;
}

.btn-danger,
.btn-danger:hover {
  color: #fff !important;
}

#newRow tr:first-child td {
  padding-top: 20px;
}

#newRow tr td:first-child {
  padding-left: 10px;
}

#newRow tr td {
  padding: 12px 4px;
  border-bottom: 1px solid #f1f1f1;
}

#newRow tr td .form-control {
  padding: 4px 10px !important;
  background-color: #fff;
  height: 40px;
  font-size: 14px;
}

#newRow tr td label {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
}

.graphvalue {
  padding: 20px;
  background-color: #f1f1f1;
  border-radius: 4px;
}

.graphvalue h5.text-muted {
  color: #5f6163 !important;
  font-size: 14px;
}

.text_left {
  text-align: left;
}

.video-pop iframe {
  width: 100% !important;
  height: auto !important;
}

.email-app .toolbar .btn:disabled.btn-danger-rgba {
  color: #838383;
}

.email-app .toolbar .btn.btn-danger-rgba {
  color: #7a3ff3;
}

.mailLabel {
  width: 80px;
  padding-left: 15px;
  padding-top: 10px;
}

.ec_mngr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  float: left;
}

.ec_mngr li {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ec_mngr li .sort {
  width: 40px;
  border-right: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ec_mngrImageBox {
  width: 80px;
  height: 80px;
  margin-left: 10px;
  margin-right: 10px;
}

.ecopack {
  width: calc(100% - 250px);
}

.ecoEditBtn {
  color: #a4a4a4;
  font-size: 20px;
  margin-left: 10px;
  cursor: pointer;
}

.ecoEditBtn:hover {
  color: #222;
}

.ecoirigtbtnBox {
  width: 110px;
}

.ec_mngrImageBox img {
  width: 100%;
  height: 80px;
  border-radius: 50%;
  margin-top: 20px;
  border: 3px solid #f3f3f3;
}

.ec_mngr.dasha_ctvsubcrpn .ec_mngrImageBox img {
  margin-top: 10px;
}

.ec_mngr.dasha_ctvsubcrpn .ecopack p {
  font-size: 13px;
}

.ec_mngr.dasha_ctvsubcrpn .ecopack p.exprd {
  color: #c75907;
}

.ec_mngr.dasha_ctvsubcrpn .onlnstorBox {
  padding: 15px;
}

.ec_mngr.dasha_ctvsubcrpn .prActnBox::before {
  display: none;
}

.ec_mngr.dasha_ctvsubcrpn .ec_mngrImageBox {
  margin-left: 0px !important;
}

.pagination {
  overflow-y: auto;
}

.dashsubDtals {
  max-height: 41px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 19px !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  margin-top: 10px !important;
  color: #3e3e3e !important;
  white-space: pre-wrap !important;
}

.ec_mngr.dasha_ctvsubcrpn .active-pro h5 {
  margin-bottom: 10px !important;
  color: #222;
}

.ec_mngr.dasha_ctvsubcrpn .ecopack {
  width: calc(100% - 100px);
}

.eco_sub {
  display: flex;
  flex-wrap: wrap;
}

.ecoprcatgry {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding-top: 9px;
  padding-bottom: 12px;
  color: #6d6d6d;
}

.dt-buttons {
  margin: 0 15px 20px 20px;
}

.ecopack.storepack .card-title {
  font-size: 17px !important;
  margin-top: 5px !important;
  border-bottom: 0 solid #f1f1f1;
  padding-bottom: 10px;
  margin-bottom: 0 !important;
}

ul.eco_sub li {
  background-color: #f4f3f9;
  text-align: center;
  width: auto;
  margin: 2px;
  line-height: 32px;
  font-size: 13px;
  border-radius: 4px;
  color: #222;
  padding: 1px 7px;
}

.ecopack p {
  line-height: 18px;
  margin-bottom: 3px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Myorder_list .btn-toggle,
.ec_mngr .btn-toggle {
  top: 8px;
  margin: 8px 0 0 5px;
  padding: 0;
  position: relative;
  border: none;
  height: 38px;
  line-height: 38px;
  border-radius: 20px;
  width: 110px;
  outline: 0;
  background: #7c8288;
}

.Myorder_list .btn-toggle:after,
.Myorder_list .btn-toggle:before,
.ec_mngr .btn-toggle:after,
.ec_mngr .btn-toggle:before {
  width: 0.5rem;
  font-size: 12px;
  text-transform: capitalize;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
  color: #fff;
  letter-spacing: 0.75px;
  left: 14px;
  width: 50px;
}

.Myorder_list .btn-toggle:before,
.ec_mngr .btn-toggle:before {
  content: " Disabled";
  text-align: right;
  left: 36px !important;
}

.Myorder_list .btn-toggle:after,
.ec_mngr .btn-toggle:after {
  content: " Enabled";
  text-align: left;
  opacity: 0;
}

.Myorder_list .btn-toggle>.handle,
.ec_mngr .btn-toggle>.handle {
  position: absolute;
  top: 6px;
  left: 0.1875rem;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}

.Myorder_list .btn-toggle.active>.handle,
.ec_mngr .btn-toggle.active>.handle {
  left: 80px;
  transition: left 0.25s;
}

.ecoDelete {
  font-size: 30px;
  margin-top: 25px !important;
  float: right;
  color: #c25d5d !important;
}

.ecoDelete :hover {
  color: #dc3545 !important;
  opacity: 0.8;
}

.Myorder_list .btn-toggle:hover,
.ec_mngr .btn-toggle:hover {
  background-color: #7c8288 !important;
}

.Myorder_list .btn-toggle.active,
.Myorder_list .btn-toggle.active:hover,
.ec_mngr .btn-toggle.active,
.ec_mngr .btn-toggle.active:hover {
  transition: background-color 0.25s;
  background-color: #2bc88f !important;
}

.Myorder_list .btn-toggle.active:before,
.ec_mngr .btn-toggle.active:before {
  opacity: 0;
}

.Myorder_list .btn-toggle.active:after,
.ec_mngr .btn-toggle.active:after {
  opacity: 1;
}

.Myorder_list .dropdown-menu,
.ec_mngr .dropdown-menu {
  left: auto !important;
  right: 0 !important;
}

.Myorder_list .onlnstorBox,
.ec_mngr .onlnstorBox {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.ec_mngr .onlnstorBox {
  margin: 0 !important;
}

.Myorder_list .recurg_status_SubscpnBox,
.ec_mngr .recurg_status_SubscpnBox {
  padding: 5px 12px !important;
}

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

.subscpn_page {
  margin-top: 10px;
}

.ecocatname {
  font-size: 14px;
  line-height: 21px;
}

.Eco_leftBtn {
  float: left;
}

.Eco_rightBtn {
  float: right;
  display: flex;
  margin-left: 5px;
}

.Eco_rightBtn .btn {
  padding: 0.245rem 0.55rem;
  min-width: 2rem;
}

.Eco_rightBtn .btn.mr-1 {
  margin-right: 0.15rem !important;
  display: flex;
  align-items: center;
}

.imgDsplBox {
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 30px 10px 10px;
}

.imgDsplBox .imgDBox {
  min-height: 100px;
}

.bb3 {
  border: 1px solid #e8e8e8;
}

select[multiple] option {
  border-bottom: 1px dashed #d8d8d8;
}

.bl5 {
  border-left: 1px dashed #d8d8d8;
}

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

.card_titlegroup .card-title {
  width: calc(100% - 155px);
}

.card_btngroup {
  width: 155px;
  float: right;
}

.card_titlegroup .btn {
  float: right;
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-top: 9px !important;
}

.select2-selection--multiple .select2-selection__choice {
  background-color: #455a64;
  border-radius: 4px;
  padding: 2px 9px;
  font-size: 13px;
}

.card-body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #38187b !important;
}

.lbldiv {
  color: #000;
}

.leftmrgn {
  margin-left: 5px;
  margin-right: 5px;
}

/* .sidenav-toggled .leftmrgn {
  margin-left: 125px;
} */
.slsvalue {
  background-color: #f3f3f3;
  padding: 20px 5px;
  border-radius: 4px;
}

.slsvalue h5 {
  font-size: 14px;
}

.slsvalue h2 {
  font-size: 16px;
  font-weight: 600;
}

.cursorpointer {
  cursor: pointer;
}

.dropdown-fontname {
  display: none !important;
}

.pr_redrct {
  display: flex;
  flex-wrap: wrap;
}

.pr_redrct label.btn {
  width: 46%;
}

a,
b,
code,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
small,
span {
  font-family: Poppins, sans-serif !important;
  text-shadow: none !important;
}

pre {
  white-space: pre-wrap;
}

.jstree-default .jstree-clicked,
.jstree-anchor:hover {
  background: #7a3ff3;
  color: #fff;
}

.jstree-default .jstree-clicked .jstree-icon {
  color: #ffffff !important;
}

.mobileonlydisplay {
  display: none;
}

.cardleft h3 {
  font-size: 1.1rem;
}

.cardleft .card-body {
  padding: 1rem 0.5rem;
}

.mailMenu_DropBtn {
  display: none;
}

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

.bg-indigo-800 {
  background-color: #5b577b !important;
}

.w-250px {
  width: 340px !important;
}

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

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

.mobileflaot .bootstrap-switch {
  margin-right: 0;
}

.h6.panel-title,
h6.panel-title {
  font-size: 15px;
  color: #000;
}

.btn:active,
.btn:focus,
button:focus {
  color: #fff !important;
}

/* ******** BpemailBox starts here ************ */
.BpemailBox {
  position: relative;
  top: 0px;
  width: calc(100% - 30px);
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  margin: 15px;
}

.fullscreenmlbx.BpemailBox {
  position: fixed;
  left: 15px;
  right: 15px;
  width: calc(100% - 30px);
  top: 0px;
  margin: 0;
  z-index: 9999;
  height: calc(100vh - 0px);
  overflow-y: auto;
}

.Bpemailbody {
  transition: 0.2s height;
}

.hidemailbox.Bpemailbody {
  height: 0;
  overflow: hidden;
  padding: 0;
}

.Bpemail_header {
  display: flex;
  background-color: #222;
  padding: 12px 10px;
  border-radius: 4px 4px 0 0;
}

.Bpemail_title {
  width: calc(100% - 60px);
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 24px;
}

.BpemailBox .select2-container .select2-selection--single {
  height: 36px !important;
  border-radius: 3px !important;
}

.BpemailBox label.control-label {
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.2px;
}

.BpemailBox .select2-selection--single {
  padding: 3px 0;
}

.BpemailBox .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px !important;
  font-size: 13px;
}

.BpemailBox .form-group {
  margin-bottom: 10px;
}

.BpemailBox .form-control {
  height: 36px;
  font-size: 13px;
}

.BpemailBox input[type="file"] {
  height: 42px;
  font-size: 13px;
}

.BpemailBox .note-popover .popover-content>.note-btn-group,
.BpemailBox .note-toolbar>.note-btn-group {
  margin-bottom: 2px;
  margin-top: 4px;
}

.note-editor .note-editable p {
  line-height: 25px;
  margin-bottom: 15px;
}

.Bpemail_btngroup {
  display: flex;
  width: 50px;
  float: right;
  margin-right: 10px;
}

.Bpemail_btngroup a {
  padding: 0 5px;
  float: right;
}

.Bpemail_btngroup a i {
  color: #fff;
  font-size: 16px;
}

.Bpemail_btngroup a:hover i {
  opacity: 0.8;
}

.Bpemail_btngroup a.mailCloseBtn i {
  font-size: 18px;
}

.hide.maillessBtn {
  display: none;
}

.geo_flex {
  display: flex;
  flex-wrap: wrap;
}

.geo_treesection {
  width: calc(100% - 270px);
}

.geo_dtlsection {
  width: 260px;
  margin-left: 10px;
}

.fixedpanelsize {
  width: 100%;
}

.admndashbrd .item .card {
  box-shadow: none;
  /* border: 1px solid #e5e5e5; */
  background-color: var(--widjetcolor);
}

.admndashbrd .feature-bx {
  padding: 15px 14px 15px !important;
  /* min-height: 170px; */
}

.custom-header .admndashbrd .feature-bx {
  padding: 9px 14px 5px !important;
}

.widget_bxrow {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0px 20px 0;
}

.widget_bx {
  padding: 15px 15px 15px;
  display: flex;
  align-items: center;
  width: calc(100% / 4 - 12px);
  margin: 6px;
  border-radius: 4px;
  position: relative;
  min-height: 95px;
  background-color: #fff;
  border: 1px solid #ededed;
}


.widgetIconBox {
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 5px 6px 4px 1px rgb(5 24 29 / 17%);
  color: #fff;
  font-size: 20px;
  border-top: 0;
  background: #9491a8;
}


.widget_Cntntbx {
  width: calc(100% - 55px);
  margin-left: 15px;
}

.widget_Cntntbx h2 {
  margin-bottom: 4px;
  color: var(--offblackcolor);
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
}

.widget_Cntntbx p {
  margin-bottom: 0;
  line-height: 18px;
  font-size: 14px;
  color: var(--offblackcolor);
}

.admndashbrd .feature-bx i {
  font-size: 18px;
  margin: 10px auto 20px;
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: var(--primarycolor);
  text-align: center;
  line-height: 52px;
  color: #fff;
  /*  background-image: linear-gradient(
    to right,
    #1c96be 0,
    #1a1f4d 51%,
    #1c527c 100%
  );*/
  transition: 0.4s ease-in-out all;
}

.admndashbrd .feature-bx:hover i {
  width: 55px;
  height: 55px;
}

.admndashbrd .feature-bx h2 {
  color: #000;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
  display: block;
}

.admndashbrd .feature-bx h2 {
  margin-top: 0px;
}

.admndashbrd .feature-bx p {
  color: #1c527c;
  text-align: center;
  font-weight: 600;
  margin-bottom: 5px;
}

table tr td a {
  color: #247ad1;
}

.side-app .alert.alert-success {
  background: #29407b;
  border: 1px solid #29407b;
}

table tr td a:hover {
  text-decoration: underline;
  color: #3087df;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: #faf9f9 !important;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  border-top: 1px solid #e6e6e6 !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  border-bottom: 0px solid rgba(107, 122, 144, 0.1) !important;
}

.table .thead-light th {
  background-color: #f1f1f1;
  border-color: #dee2e6;
}

.BPprofile_Rightbox .custom.nav-pills>li {
  height: 70px;
}

.jstree-default .jstree-icon:empty {
  font-size: 18px !important;
}

.cardmangebox {
  display: flex;
  flex-wrap: wrap;
}

.cardmangebox {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 2px 0px 24px 0 rgb(34 41 47 / 10%);
}

.cardmangeListBox {
  width: 279px;
  background-color: #fff;
  border-right: 1px solid #eeedf4;
  border-radius: 4px 0 0 0;
}

.cardmangeDetailBox {
  width: calc(100% - 280px);
  background-color: #fff;
  border-radius: 0 4px 0 0;
  padding: 0 15px;
  position: relative;
}

.cardmangeListBox .card-title {
  padding: 0 10px 10px;
  border-bottom: 1px solid #eeeef1;
  margin-bottom: 0;
}

.cardmangebox.hidecardmangeListBox .cardmangeListBox {
  visibility: hidden;
  width: 0;
  overflow: hidden;
}

.cardmangebox.hidecardmangeListBox .cardmangeDetailBox {
  padding-left: 15px;
  width: calc(100% - 1px);
}

.cardmangebox.hidecardmangeListBox .tab-pane>.card-title {
  padding-left: 40px;
  float: left;
  width: 100%;
}

.cardmangeDetailBox .card-title b {
  width: calc(100% - 185px);
  float: left;
}

.cardmangeListBox .card-title span {
  width: 100px;
  float: right;
}

.hidecardBtn {
  font-size: 18px;
  top: 14px;
  width: 32px;
  height: 32px;
  line-height: 32px !important;
  box-shadow: 0 0 15px 1px rgb(64 70 74 / 8%) !important;
  border-radius: 4px;
  text-align: center;
  float: right;
  margin-top: -10px;
  margin-left: 4px;
  border: 1px solid #d9d9d9;
  background-color: #f9f9f9;
}

.viewcardBtn {
  font-size: 18px;
  position: absolute;
  top: 14px;
  width: 28px;
  height: 28px;
  line-height: 28px !important;
  box-shadow: 0 0 15px 1px rgb(64 70 74 / 12%) !important;
  border-radius: 50%;
  text-align: center;
  left: 12px;
  display: none;
  color: #000 !important;
}

.cardmangebox.hidecardmangeListBox .viewcardBtn {
  display: block;
}

.addcardBtn {
  box-shadow: 0 0 15px 1px rgb(64 70 74 / 12%) !important;
  font-size: 13px;
  float: left;
  padding: 9px 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: #4caf50;
  color: #fff !important;
  margin-top: -11px;
}

.cardlistUl li {
  padding: 14px 8px;
  border-bottom: 1px solid #e2e2e3;
  position: relative;
}

.cardlistUl li a.nav-link {
  display: block !important;
}

.cardlistUl li .cardname {
  font-size: 13px;
  color: #222;
  margin-bottom: 5px;
  text-transform: capitalize;
}

#replicationlink {
  padding-left: 10px;
  font-size: 13px;
}

.cardlistUl li h6.active,
.cardlistUl li h6.deactive,
.cardlistUl li h6.cancelled {
  padding-left: 15px;
  position: relative;
  font-size: 11px;
  text-transform: uppercase;
}

.cardmangeDetailBox .card-title {
  border-bottom: 1px solid #eeeef1;
  padding-bottom: 10px;
  min-height: 30px;
  width: 100%;
  float: left;
}

.cardmangeDetailBox .card-title span {
  float: right;
}

.cardlistUl li a.nav-link h6.active:before,
.cardlistUl li a.nav-link h6.deactive:before,
.cardlistUl li a.nav-link h6.cancelled:before {
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 2px;
}

.cardlistUl li h6.active:before {
  background-color: #4caf50;
}

.cardlistUl li h6.deactive:before {
  background-color: #dd6d2c;
}

.cardlistUl li h6.cancelled:before {
  background-color: #8a8a8a;
}

.cardlistUl li p {
  font-size: 13px;
  display: flex;
  margin-bottom: 0;
  line-height: 16px;
  align-items: center;
}

.cardlistUl li p span {
  font-size: 13px;
  background-color: #e3e1e1;
  margin-left: 8px;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  color: #222;
}

.cardlistUl li .cardImg {
  right: 0;
  position: absolute;
  background-color: #f0f0f5;
  border-radius: 14px 0 0 0;
  width: 103px;
  height: 60px;
  bottom: 0;
  text-align: center;
  border-left: 1px solid #dddcdc;
  border-top: 1px solid #dddcdc;
}

.cardlistUl li .cardImg:before {
  content: "";
  height: 15px;
  width: 100%;
  background-color: #e1e0e0;
  top: 10px;
  position: absolute;
  left: 0;
}

.cardlistUl li .cardImg h4 {
  display: flex;
  align-items: center;
  width: 60px;
  margin: 34px auto 0;
}

.cardlistUl li .cardImg h4 p {
  float: left;
  margin-bottom: 0;
  line-height: 18px;
  margin-right: 10px;
}

.cardlistUl li .cardImg h4 span {
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 50%;
  float: left;
}

.cardlistUl li .cardImg h4 span:last-child {
  margin-left: -4px;
}

.cardlistUl li.active {
  background-color: #b6afc3;
}

.cardlistUl li a h6.active,
.cardlistUl li a h6.deactive,
.cardlistUl li a h6.cancelled,
.cardlistUl li a p {
  color: #707070;
}

.cardlistUl li.active a h6.active,
.cardlistUl li.active a h6.deactive,
.cardlistUl li.active a h6.cancelled,
.cardlistUl li.active a p {
  color: #222;
}

.cardlistUl li.active .cardImg {
  background-color: #c5c5c5;
  border-left: 1px solid #9f9d9d;
  border-top: 1px solid #9f9d9d;
}

.card_details ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.card_details ul li {
  padding: 15px;
  border-right: 1px solid #f1f1f1;
}

.card_details {
  padding: 20px 0 20px;
  border-bottom: 1px solid #e5e3e3;
  margin-top: 20px;
  margin-bottom: 30px;
  background-color: #f1f1f1;
}

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

.card_details ul li {
  padding: 0px 50px 0 20px;
  border-right: 1px solid #e1dfdf;
  width: calc(100% / 3 - 0px);
}

.card_details ul li:last-child {
  border-right: 0px solid #f1f1f1;
}

.card_details ul li p {
  margin-bottom: 2px;
  font-size: 13px;
}

.card_details ul li h5 {
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
}

.list-group-item {
  padding: 1rem 0.75rem !important;
}

.taxt222 {
  color: #222 !important;
}

.text_underline {
  text-decoration: underline;
}

.linht31 {
  line-height: 66px;
}

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

.octagon:before {
  position: absolute;
  top: -9px;
  right: -39px;
  bottom: -9px;
  left: -3px;
  transform: rotate(45deg);
  content: "";
  border: inherit;
  width: 200px;
  height: 200px;
}

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

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

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.bgi-no-repeat {
  background-repeat: no-repeat;
}

.bgi-size-contain {
  background-size: contain;
}

.octagon {
  clip-path: polygon(46.1731656763% 0.7612046749%,
      47.411809549% 0.3407417371%,
      48.6947380778% 0.0855513863%,
      50% 0,
      51.3052619222% 0.0855513863%,
      52.588190451% 0.3407417371%,
      53.8268343237% 0.7612046749%,
      82.1111055711% 12.4769334274%,
      83.2842712475% 13.0554747147%,
      84.3718855375% 13.7821953496%,
      85.3553390593% 14.6446609407%,
      86.2178046504% 15.6281144625%,
      86.9445252853% 16.7157287525%,
      87.5230665726% 17.8888944289%,
      99.2387953251% 46.1731656763%,
      99.6592582629% 47.411809549%,
      99.9144486137% 48.6947380778%,
      100% 50%,
      99.9144486137% 51.3052619222%,
      99.6592582629% 52.588190451%,
      99.2387953251% 53.8268343237%,
      87.5230665726% 82.1111055711%,
      86.9445252853% 83.2842712475%,
      86.2178046504% 84.3718855375%,
      85.3553390593% 85.3553390593%,
      84.3718855375% 86.2178046504%,
      83.2842712475% 86.9445252853%,
      82.1111055711% 87.5230665726%,
      53.8268343237% 99.2387953251%,
      52.588190451% 99.6592582629%,
      51.3052619222% 99.9144486137%,
      50% 100%,
      48.6947380778% 99.9144486137%,
      47.411809549% 99.6592582629%,
      46.1731656763% 99.2387953251%,
      17.8888944289% 87.5230665726%,
      16.7157287525% 86.9445252853%,
      15.6281144625% 86.2178046504%,
      14.6446609407% 85.3553390593%,
      13.7821953496% 84.3718855375%,
      13.0554747147% 83.2842712475%,
      12.4769334274% 82.1111055711%,
      0.7612046749% 53.8268343237%,
      0.3407417371% 52.588190451%,
      0.0855513863% 51.3052619222%,
      0 50%,
      0.0855513863% 48.6947380778%,
      0.3407417371% 47.411809549%,
      0.7612046749% 46.1731656763%,
      12.4769334274% 17.8888944289%,
      13.0554747147% 16.7157287525%,
      13.7821953496% 15.6281144625%,
      14.6446609407% 14.6446609407%,
      15.6281144625% 13.7821953496%,
      16.7157287525% 13.0554747147%,
      17.8888944289% 12.4769334274%);
}

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

.toprankersList li {
  width: calc(25% - 10px);
  margin: 10px 5px;
  text-align: center;
  background-color: #f1f1f1;
  padding: 30px 10px 20px;
  transition: 0.4s;
}

.toprankersList>li:hover {
  box-shadow: -1px 4px 6px 2px rgb(33 38 42 / 16%);
}

.toprankersList li h3 {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  text-align: center;
}

.toprankersList li h4 {
  font-size: 15px;
  font-weight: 500;
  color: #7b7b7b;
  text-align: center;
  margin-top: 20px;
}

.toprankersList li h5 {
  font-size: 13px;
  font-weight: 400;
  color: #797979;
  text-align: center;
  margin-bottom: 5px;
}

.toprankersList li .prActnBox {
  border-top: 1px solid #ffffff !important;
}

.dataTable thead .sorting:before,
.dataTable thead .sorting:after {
  display: none;
  right: 6px;
}

.dataTable thead .sorting:hover:before,
.dataTable thead .sorting:hover:after {
  display: block;
}

.linehight50 {
  line-height: 50px;
}

.rankersSocial {
  display: flex;
  padding: 15px 0 0;
  justify-content: center;
}

.rankersSocial a {
  width: 34px;
  height: 34px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #7b7b7b;
  margin: 3px;
  transition: 0.4s all ease-in-out;
}

.rankersSocial a:hover {
  font-size: 16px;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  color: #7a3ff3;
}

.dashclander .calender-section {
  padding: 0;
}

.dashclander .calendar-container {
  position: relative;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  background: #fff;
  font: 13px Helvetica, Arial, san-serif;
  display: inline-block;
  float: right;
}

@media (max-width: 991.98px) {
  .dashclander .calendar-container {
    padding: 0;
  }
}

@media (max-width: 767.98px) {
  .dashclander .calendar-container {
    padding: 0;
    width: 100%;
  }
}

.dashclander .calendar-container:after {
  clear: both;
}

.dashclander .calendar {
  width: 100%;
  padding: 0;
}

.dashclander .year-header {
  background: #fff;
  height: 40px;
  text-align: center;
  position: relative;
  color: #fff;
  border-top-left-radius: 3px;
  margin-top: 20px;
}

.dashclander .year-header span {
  display: inline-block;
  font-size: 20px;
  line-height: 40px;
  color: #000;
}

.dashclander .left-button,
.dashclander .right-button {
  cursor: pointer;
  width: 28px;
  text-align: center;
  position: absolute;
  color: #cccccc !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 14px !important;
}

@media (prefers-reduced-motion: reduce) {

  .left-button,
  .right-button {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.dashclander .left-button:hover,
.dashclander .right-button:hover {
  color: #c75704 !important;
}

.dashclander .left-button {
  left: 0;
}

.dashclander .right-button {
  right: 0;
  top: 0;
}

/* Days/months tables */
.dashclander .days-table,
.dashclander .dates-table,
.dashclander .months-table {
  border-collapse: separate;
  text-align: center;
}

.dashclander .day {
  height: 26px;
  width: 26px;
  padding: 0 10px;
  line-height: 26px;
  border: 2px solid transparent;
  text-transform: uppercase;
  font-size: 10px;
  color: #000;
}

.dashclander .month {
  cursor: pointer;
  height: 26px;
  width: 26px;
  padding: 0 2px;
  padding-top: 10px;
  line-height: 26px;
  text-transform: uppercase;
  font-size: 11px;
  color: #cccccc;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

@media (max-width: 991.98px) {
  .dashclander .month {
    font-size: 8px;
  }
}

@media (max-width: 767.98px) {
  .dashclander .month {
    font-size: 10.5px;
  }
}

.dashclander .active-month {
  font-weight: 700;
  color: #000;
}

.dashclander .month:hover {
  color: #c75704;
}

/*  Dates table */
.dashclander .table-date {
  cursor: default;
  color: #2b2b2b;
  height: 26px;
  width: 26px;
  font-size: 15px;
  padding: 10px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  position: relative;
  z-index: 0;
}

.dashclander .table-date:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  content: "";
  margin: 0 auto;
  border-radius: 50%;
  z-index: -1;
}

.dashclander .event-date {
  border-color: #ededed;
  color: #000;
}

.dashclander .event-date:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background: #1c527c !important;
  border: 1px solid white;
}

.dashclander .active-date {
  color: #fff;
}

.active-date:before {
  background: #29407B;
}

.dashclander .event-date.active-date {
  background: transparent;
  border: none;
}

.actvuserttle {
  color: #222;
  font-size: 14px;
}

.dashclander .event-card {
  padding: 5px 0px;
  max-width: 100%;
  display: block;
  background: #1696be !important;
  border: 1px solid #ccc;
  border: none !important;
  color: #222;
  border-radius: 3px;
  margin-top: 0.3rem;
}

.dashclander .event-count,
.dashclander .event-name,
.dashclander .event-cancelled {
  display: inline;
  padding: 0 10px;
  font-size: 1rem;
}

.dashclander .event-name {
  display: block !important;
}

#pendingPayment img {
  max-height: 70px;
  margin-bottom: 10px;
}

#pendingPayment .modal-body {
  padding: 45px 40px 35px;
}

.pending-title {
  font-weight: 600;
  color: #222;
  line-height: 1.5rem;
  text-align: center;
  font-size: 18px;
}

.pending-para {
  line-height: 1.3rem;
  color: #000;
}

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

.pending-ok-btn {
  background-image: linear-gradient(to right,
      #ee8c45 0,
      #db660f 51%,
      #ee8c45 100%) !important;
  border: none;
  width: 100%;
  font-weight: 700;
}

.backgroundgd {
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgb(0 0 0 / 48%)),
      color-stop(20%, rgb(0 0 0 / 45%)),
      color-stop(33%, rgb(0 0 0 / 48%)),
      color-stop(50%, rgb(0 0 0 / 44%)),
      color-stop(75%, rgba(0, 0, 0, 0.56)),
      to(rgba(0, 0, 0, 0.7))) !important;
  background-image: linear, left top, left bottom, from(rgb(0 0 0 / 48%)),
    color-stop(20%, rgb(0 0 0 / 45%)), color-stop(33%, rgb(0 0 0 / 48%)),
    color-stop(50%, rgb(0 0 0 / 44%)), color-stop(75%, rgba(0, 0, 0, 0.56)),
    to(rgba(0, 0, 0, 0.7)) !important;
  top: 0;
  height: 100% !important;
}

#back-to-top {
  height: 42px;
  width: 42px;
  border-radius: 50%;
}

#back-to-top i {
  padding-top: 12px;
  font-size: 16px;
}

.bootstrap-tagsinput input {
  color: #222;
}

.btn_giftInner,
.btn_giftInner:focus,
.btn_giftInner:active {
  text-decoration: underline !important;
  color: #7a3ff3 !important;
  font-weight: 500;
  background: none;
  border: 0;
  font-size: 15px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.btn {
  font-size: 13px;
  align-items: center;
}

.nosubcrn {
  border-radius: 4px;
  background-color: #9465f5;
  padding: 20px 20px 0;
  margin-bottom: 20px;
}

.nosubcrnInner {
  max-width: 760px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.nosubcrn_details {
  width: calc(100% - 260px);
  margin-right: 10px;
  padding-left: 50px;
}

.nosubcrn_details h2 {
  float: left;
  color: #f9f9f9;
}

.nosubcrn img {
  width: 250px;
  float: right;
}

.btnsbscrpnNo {
  background-color: #2bc88f;
  border: 1px solid #2bc88f;
  color: #fff;
}

.btnsbscrpnNo {
  color: #fff;
  background: #2bc88f;
  padding: 9px 18px;
  border-radius: 4px;
  clear: both;
  margin-top: 5px;
  float: left;
}

.btnsbscrpnNo:hover {
  color: #fff;
  background: #2bc88f;
  opacity: 0.9;
}

.InfoItem {
  display: flex;
  flex-wrap: wrap;
}

.InfoItem {
  display: flex;
  flex-wrap: wrap;
}

.excutvRank {
  display: flex;
  flex-wrap: wrap;
  background: #8563cb;
  background-image: linear-gradient(to right,
      #7235b7 0%,
      #7b3ed9 51%,
      #793eee 100%) !important;
  padding: 20px 22px;
  position: relative;
  border-radius: 6px;
  width: 360px;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}

.excutvRank::before,
.binrybnsBox::before,
.leftInfoBox:before,
.rightInfoBox:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url("../theme-assets/images/Abstract.png");
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.excutvRankDetails {
  width: calc(100% - 135px);
  margin-right: 10px;
  position: relative;
}

.excutvRankImg {
  width: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rankIcon img {
  width: 40px;
  margin-bottom: 10px;
}

.excutvRankDetails h3 {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

.excutvRankDetails h5 {
  color: #c7c7c7;
  font-weight: 400;
  font-size: 13.5px;
}

.excutvRankInfo ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}

.excutvRankInfo ul li {
  width: calc(100% / 5 - 10px);
  margin: 0 5px;
  background-color: #fff;
  padding: 15px 10px;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 0.06%);
  min-height: 180px;
  transition: 0.4s ease all;
  border: 1px solid #e9e9e9;
}

.excutvRankInfo ul li:last-child {
  margin-right: 0;
}

.excutvRankInfo ul li:hover {
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 12%);
  border: 1px solid #dcc3fd;
}

.excutvRankInfo ul li h4 {
  font-weight: 500;
  color: #222;
  font-size: 16px;
  margin: 20px 0 3px;
}

.excutvRankInfo ul li p {
  font-size: 13px;
  margin-bottom: 2px;
  line-height: 17px;
}

.rankInfoIcon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin: 10px auto;
  font-size: 24px;
  transition: 0.4s ease all;
}

.excutvRankInfo ul li:hover .rankInfoIcon {
  font-size: 28px;
}

.excutvRankInfo {
  width: calc(100% - 365px);
  margin-left: 5px;
}

.ttbonusIcon {
  background-color: #bfeedc;
  color: #03bc79;
}

.persalesIcon {
  background-color: #c3dcfa;
  color: #388beb;
}

.teamsalesIcon {
  background-color: #e4b089;
  color: #c96316;
}

.networkbnsIcon {
  background-color: #b3d5de;
  color: #007290;
}

.rfrlbbnsIcon {
  background-color: #e2c5fd;
  color: #9e40f1;
}

.colafilateLeft {
  width: calc(100% - 420px);
  margin-right: 15px;
  float: left;
}

.colafilateRight {
  width: 405px;
  float: left;
}

.binrybnsBox {
  display: flex;
  flex-wrap: wrap;
  background: #8563cb;
  background-image: linear-gradient(to right,
      #7235b7 0%,
      #7b3ed9 51%,
      #793eee 100%) !important;
  padding: 20px 22px;
  position: relative;
  border-radius: 6px;
  width: 100%;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}

.binrybnsImg {
  width: 140px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.binrybnsCntng {
  width: calc(100% - 150px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: right;
}

.binrybnsCntng p {
  color: #ccc;
  font-size: 12px;
  width: 100%;
  margin-bottom: 1px;
  line-height: 18px;
  margin-top: 20px;
}

.binrybnsCntng h4 {
  color: #fff;
  font-size: 16px;
  width: 100%;
}

.binrybnsCntng h2 {
  color: #d7c4f8;
  font-size: 28px;
  width: 100%;
  font-weight: 600;
}

.leftInfoBox,
.rightInfoBox {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 22px;
  position: relative;
  border-radius: 6px;
  width: 49%;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  float: left;
  align-items: center;
}

.leftInfoBox {
  margin-right: 1%;
  background: #8563cb;
  background-image: linear-gradient(to right,
      #7235b7 0%,
      #7b3ed9 51%,
      #793eee 100%) !important;
}

.rightInfoBox {
  margin-left: 1%;
  background: #27a985;
  background-image: linear-gradient(to right,
      #26d0a3 0%,
      #27a985 51%,
      #26d0a3 100%) !important;
}

.leftInfIconbx {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #7a3ee4;
  background-image: linear-gradient(to right,
      #7a3dd3 0%,
      #9069d1 51%,
      #793eee 100%) !important;
  text-align: center;
  line-height: 65px;
  color: #fff;
  font-size: 30px;
  margin-right: 15px;
}

.rightInfoBox .leftInfIconbx {
  background-image: linear-gradient(to right,
      #2f9f88 0%,
      #51bb9e 51%,
      #478d7e 100%) !important;
}

.leftInfCntntbx {
  width: calc(100% - 80px);
}

.leftInfCntntbx h3 {
  color: #fff;
  font-size: 17px;
  margin-bottom: 5px;
  letter-spacing: 0.1px;
}

.leftInfCntntbx h5 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0px;
}

.rightExeInfoLabel {
  position: absolute;
  left: 0;
  height: 100%;
  width: 44px;
  top: 0;
  border-radius: 4px;
  background-color: #7b3edb;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rightExeInfoLabel a {
  color: #fff !important;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  float: left;
  font-size: 18px;
  letter-spacing: 1px;
}

.rightExeInfo .rightExeInfoLabel {
  background-color: #31b69c;
}

.exeInfoBox .card {
  margin-bottom: 0;
}

.exeInfoBox {
  padding-left: 50px;
  position: relative;
}

.exeInfoBoxUl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.exeInfoBoxUl li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% / 3 - 10px);
  margin: 15px 5px;
}

.exeInfoIconBox {
  width: 40px;
  height: 40px;
  margin-right: 6px;
}

.exeInfocntntBox {
  width: calc(100% - 46px);
}

.exeInfocntntBox h4 {
  font-size: 13px;
  margin-bottom: 6px;
  letter-spacing: 0.1px;
}

.exeInfocntntBox h2 {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  margin-bottom: 0px;
}

.LeftrightUl li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #f1f1f1;
}

.LeftrightUl li:last-child {
  border-bottom: 0px solid #f1f1f1;
}

.LeftrightUl li .LeftrightIconBox {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #c3dcfa;
  color: #388beb;
  font-size: 24px;
  text-align: center;
  line-height: 50px;
  margin-right: 10px;
  transition: 0.4s ease-in-out all;
}

.LeftrightUl li:hover .LeftrightIconBox {
  font-size: 27px;
}

.LeftrightUl li .LeftrightIconBox.righIconBox {
  background-color: #bef3e3;
  color: #02ab7e;
}

.LeftrightcntntBox {
  width: calc(100% - 60px);
}

.LeftrightcntntBox h4 {
  font-size: 14px;
  margin-bottom: 6px;
}

.LeftrightcntntBox h2 {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  margin-bottom: 0px;
}

.filtersearchbox {
  padding: 5px 10px;
  position: relative;
}

.filterSerch {
  border: 1px solid #c1bcbc;
  padding: 8px 30px 8px 14px;
  border-radius: 3px;
  width: 100%;
  color: #222;
  font-size: 13px;
}

.filterSerchicon {
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 15px;
  z-index: 2;
  color: #b1b1b1;
}

.ftrImgbx {
  height: 55px;
  position: relative;
  overflow: hidden;
  left: -20px;
  top: -15px;
  width: calc(100% + 40px);
}

.ftrImgbx img {
  width: 100%;
  left: 0;
  top: 0;
  min-height: 100%;
  /* filter: grayscale(100%); */
  transform-origin: center;
  transform: scale(1) rotate(0);
  transition: 0.4s;
}

.item:hover .ftrImgbx img {
  /* filter: grayscale(0%); */
  transform: scale(1.03) rotate(01deg);
}

.blogstyleBox {
  display: flex;
  flex-wrap: wrap;
}

.blogstyleLeftBox {
  width: calc(100% - 335px);
  margin-right: 35px;
}

.blogstyleRightBox {
  width: 300px;
}

.blogmainTitle {
  font-weight: 600;
  color: #222;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.blogsImgBox,
.blogsdocBox,
.blogsVedosBox {
  margin: 15px 0;
  border-bottom: 1px solid #dfdfdf;
}

.blogsubTitle {
  font-size: 17px;
  color: #222;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  margin-top: 10px;
}

.blogsImgBox ul,
.blogsdocBox ul {
  display: flex;
  flex-wrap: wrap;
}

.blogsImgBox ul li {
  width: calc(100% / 4 - 20px);
  margin: 10px;
}

.blogsdocBox ul li {
  width: calc(100% / 6 - 20px);
  margin: 10px;
  text-align: center;
}

.blogsVedosBox ul li {
  width: calc(100% / 2 - 20px);
  margin: 10px;
}

.blogsdocBox ul li i {
  font-size: 50px;
  color: #a5a3a3;
}

.blogsdocBox ul li p {
  font-size: 12px;
  color: #222;
}

.blogstyleLeftBox p {
  line-height: 21px;
}

.blogstyleRightBox>ul>li {
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f1f1f1;
}

.blogstyleRightBox>ul>li:last-child {
  border-bottom: 0;
}

.blogList {
  display: flex;
  align-items: self-start;
}

.blogList img {
  width: 80px;
  height: auto;
}

.blogList h3 {
  margin-left: 15px;
  width: calc(100% - 95px);
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  height: 54px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 18px;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blogList .subscrpncntntbox h3 {
  margin-left: 0px;
  width: calc(100% - 0px);
  margin-bottom: 15px;
}

.blogList h3:hover {
  text-decoration: underline;
}

.otherTitle {
  font-weight: 600;
  color: #222;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

.nodatafound {
  font-weight: 600;
  color: #8f8f8f;
  font-size: 17px;
  margin-top: 15px;
}

.rankmintitle {
  padding-left: 30px;
}

.minhegt130 {
  min-height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.semi-donut {
  --percentage: 0;
  --fill: #29407b;
  width: 230px;
  height: 110px;
  position: relative;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
}

.semi-donut:after {
  content: "";
  width: 230px;
  height: 230px;
  border: 50px solid;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill) var(--fill);
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
  -webkit-animation: fillAnimation 1s ease-in;
  animation: fillAnimation 1s ease-in;
}

@-webkit-keyframes fillAnimation {
  0% {
    transform: rotate(-45deg);
  }

  50% {
    transform: rotate(135deg);
  }
}

@keyframes fillAnimation {
  0% {
    transform: rotate(-45deg);
  }

  50% {
    transform: rotate(135deg);
  }
}

@-webkit-keyframes fillGraphAnimation {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }
}

@keyframes fillGraphAnimation {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }
}

/* ********************************************************************* */
@media (max-width: 1378px) {
  .eventsTab li .evntImg {
    width: 100%;
    height: 160px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
  }

  .toprankersList li {
    width: calc(33.3% - 10px);
  }

  .innerVideoSecn li {
    width: calc(50% - 12px);
  }

  .videoLists.fileLists li {
    width: calc(33.3% - 16px);
  }

  .Myorder_list.ecocatList li {
    width: calc(33% - 8px);
  }

  .onlnstorImageBox {
    width: 100%;
  }

  .storepack {
    width: calc(100% - 0px);
    margin-left: 0px;
  }

  .onlnstorImageBox {
    height: 185px;
  }
}

/* ************************************************************************************************************** */
@media (max-width: 1279px) {
  .excutvRank {
    flex-direction: column-reverse;
  }

  .excutvRankDetails {
    width: calc(100% - 0px);
    margin-right: 0px;
    text-align: center;
  }

  .excutvRankImg {
    display: block;
    margin: 20px auto;
  }

  .excutvRank {
    width: 290px;
  }

  .excutvRankInfo {
    width: calc(100% - 295px);
  }

  .excutvRankInfo ul li {
    width: calc(100% / 2 - 10px);
  }

  .modal_1200 {
    width: 950px !important;
  }

  .walletUl.allrqst li .PrnameBox {
    float: left;
    width: calc(100% - 0px);
  }

  .videoLists li {
    width: calc(50% - 16px);
  }

  .Myorder_list li {
    width: calc(33.3% - 16px);
  }

  .paymntFormBox {
    width: calc(100% - 165px);
    margin-right: 0;
  }

  .odrsmryBox {
    width: 100%;
    float: left;
  }

  .sidenav-toggled .navbtn {
    margin-left: 10px;
    transition: all ease-in-out 0.4s;
    z-index: 9;
  }

  .navbtn {
    margin-left: 295px;
    transition: all ease-in-out 0.4s;
    z-index: 99;
  }

  .sidenav-toggled .navbtn {
    margin-left: 10px;
  }

  .custom {
    display: block;
  }

  .BPprofile_Rightbox .nav-link {
    margin-bottom: 10px !important;
  }

  .videoLists.dcmtlist li {
    width: calc(100% - 0px) !important;
  }

  .ec_mngr li {
    width: calc(100% - 0px);
    margin: 4px 0;
  }

  .app.sidenav-toggled .app-content .side-app {
    padding: 20px 15px 0 15px;
  }

  .app-content .side-app {
    padding: 20px 15px 0 135px;
  }

  .toprankersList li {
    width: calc(33.3% - 10px);
  }
}

/* ********************************************************************************************************************* */
@media (max-width: 1090px) {
  .wallet .item {
    width: calc(25% - 6px);
  }

  .eventsTab li .evntImg {
    width: 100%;
    height: 140px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
  }

  .lablcntrl label.hidden_class {
    display: none;
  }

  .col_leftBox {
    width: calc(100% - 30px);
    margin-right: 15x;
    margin-left: 15px;
  }

  .col_rightBox {
    width: calc(100% - 30px);
    margin-right: 15px;
    margin-left: 15px;
  }

  .LastOdBox {
    width: 100%;
  }

  .OrdrGraphBox {
    width: calc(100% - 0px);
    margin-right: 0;
  }

  .videoLists.dcmtlist li {
    width: calc(50% - 16px) !important;
  }
}

/* ******************************************************************************************************* */
@media (max-width: 1024px) {
  .subsInnecrpnImgbox {
    height: 210px;
  }

  .excutvRankInfo ul li {
    width: calc(100% / 2 - 10px);
  }

  .excutvRank {
    flex-direction: column-reverse;
  }

  .excutvRank {
    width: 290px;
  }

  .excutvRankInfo {
    width: calc(100% - 295px);
  }

  .excutvRankDetails {
    width: calc(100% - 0px);
    margin-right: 0px;
    text-align: center;
  }

  .excutvRankImg {
    display: block;
    margin: 20px auto;
  }

  .modal_1200 {
    width: 900px !important;
  }

  .gnlydbvtls li {
    width: calc(50% - 6px);
    float: left;
    margin: 3px;
  }

  .videoLists.artcll li {
    width: calc(33.3% - 16px);
  }

  .timeline-left .timeline-row {
    padding-left: 68px;
  }

  .timeline-icon {
    position: absolute;
    top: 10px;
  }

  .timeline-left .timeline-icon {
    left: 0;
  }

  .timeline-left .timeline-icon:after {
    left: 100%;
    margin-left: 4px;
  }

  .timeline-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 16px;
    background-color: #ccc;
    z-index: 1;
  }

  .geo_treesection {
    width: calc(100% - 0px);
    margin-right: 0px;
  }

  .geo_dtlsection {
    width: 100%;
    margin-left: 0;
  }

  .geneology li {
    width: calc(50% - 6px);
    margin-right: 3px;
    margin-left: 3px;
    float: left;
  }
}

/* ******************************************************************************************************** */
/* @media (max-width: 928px) { */
@media (max-width: 991px) {

  .wlletWidjet,
  .wlletWidjet:last-child,
  .wlletWidjet:first-child,
  .linkwidget,
  .linkwidget:first-child,
  .linkwidget:last-child {
    margin-left: 3;
    margin-right: 3;
    width: calc(100% / 2 - 6px);
  }

  .blogstyleLeftBox {
    width: calc(100% - 0px);
    margin-right: 0px;
  }

  .blogstyleRightBox {
    width: 100%;
  }

  .filterbox {
    width: 100%;
    margin-right: 0;
  }

  .filterbox {
    z-index: 5;
  }

  .prsubclist {
    width: calc(100% - 0px);
  }

  .filterbox ul li {
    margin: 3px 3px;
    float: left;
    background-color: #f1f1f1;
    padding: 5px 9px;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
  }

  .filterbox ul {
    margin-bottom: 5px;
    padding: 10px;
    width: 100%;
    float: left;
  }

  .colafilateLeft {
    width: calc(100% - 0px);
    margin-right: 0;
  }

  .colafilateRight {
    width: 100%;
  }

  .eventsTab li .evntImg {
    width: 100%;
    height: 110px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
  }

  .flex_reverse {
    flex-direction: column-reverse;
  }

  .cardmangeDetailBox .card-title b {
    width: calc(100% - 0px);
    float: left;
  }

  .cardmangeDetailBox .card-title>span {
    float: left;
    margin-top: 10px;
  }

  .cardmangeDetailBox .card-title span.caret {
    margin-top: 3px;
  }

  .videoLists.artcll li {
    width: calc(50% - 16px);
    margin: 8px;
  }

  .geobtnRight {
    float: left;
    width: 100%;
  }

  .geobtnRight span.input-group-addon {
    display: inline-block;
  }

  .email-app nav {
    min-height: 100%;
    margin-bottom: 10px;
    border-bottom: 10px solid #edeff4;
  }

  .custom.nav-pills>li {
    float: left;
    height: 48px;
    background-color: #f1f1f1;
    margin: 2px;
  }

  .mailMenu_DropBtn {
    display: inline;
    float: right;
    font-size: 18px;
    padding: 5px 9px;
    background-color: #f1f1f1;
    border-radius: 4px;
    color: #000 !important;
    margin-top: 4px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
      0 1px 3px 1px rgb(60 64 67 / 15%) !important;
    -webkit-font-smoothing: antialiased;
  }

  .mailMenu_DropBtn:hover {
    background-color: #c7c7c7;
  }

  .mobilemailMenuList {
    height: 100% !important;
    overflow: hidden;
    width: 265px;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    box-shadow: 1px 16px 24px 0 rgb(34 41 47 / 10%);
    margin-left: -280px;
    transition: 0.4s ease-in-out all !important;
  }

  .mobilemailMenuList.active {
    height: 100% !important;
    margin-left: 0px;
  }

  .overflowhidden {
    overflow: hidden;
  }

  .mailttle {
    width: calc(100% - 0px);
  }

  .app-content .breadcrumb {
    display: none;
  }

  .Click-here i {
    margin-left: 10px !important;
  }

  .app-header {
    height: auto;
  }

  .sidenav-toggled .navbtn {
    top: 10px;
  }

  .welcome-text {
    position: absolute;
    top: -28px;
    right: 0;
    width: 100%;
    text-align: right;
    margin-right: 15px !important;
  }

  .header-rightmenu {
    width: 200px;
    margin-top: 30px;
    margin-left: calc(100% - 205px) !important;
    margin-bottom: 10px;
    border-radius: 36px !important;
    /* padding-left: 0px;
  padding-right: 0px; */
  }
}

/* ***************************************************************************************************************************** */
@media only screen and (max-width: 1330px) and (min-width: 992px) {
  .onlnstorfooter_btnBox {
    width: calc(100% - 0px);
  }

  .onlnstorfooter_btnGroupBox {
    text-align: left;
    width: 100%;
  }

  .exeInfoBoxUl li {
    width: calc(100% / 2 - 10px);
  }

  .eventsTab li {
    width: calc(50% - 10px);
  }

  .ofrttle {
    font-size: 21px;
  }

  .onlnstorfooter_btnGroupBox .btn {
    font-size: 12px;
    margin-top: 5px;
  }

  .viemorbtn {
    float: left;
  }

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

  .join-box h5 {
    font-size: 13px;
  }

  .subscpnBox li .subscrpnImgbox {
    height: 150px;
  }
}

/* ************************************************************************** */
@media only screen and (max-width: 991px) and (min-width: 577px) {

  .onlnstorfooter_btnBox,
  .onlnstorfooter_btnGroupBox {
    float: left;
    width: calc(100% - 0px);
  }

  .onlnstorfooter_btnGroupBox .btn {
    float: left;
    margin-left: 0;
    margin-right: 2px;
  }
}

/* ************************************************************************** */
@media only screen and (max-width: 991px) and (min-width: 769px) {
  .subscpnBox li .subscrpnImgbox {
    height: 200px;
  }
}

/* ********************************************************************** */
@media (max-width: 992px) {

  .widget_bx {
    width: calc(100% / 3 - 16px);
  }

  .header-option .dropdown-item {
    display: flex;
    width: 100%;
  }

  .note-toolbar>.note-btn-group {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
  }

  .onlnstorImageBox {
    width: 100%;
  }

  .storepack {
    width: calc(100% - 0px);
    margin-left: 0px;
  }

  .modal_1200 {
    width: 750px !important;
  }

  .css-star-rating {
    font-size: 13px;
    margin-left: 36px;
  }

  .geobtnRight .checkbox label,
  .geobtnRight .radio label {
    height: 43px;
  }

  .videoLists.dcmtlist li {
    width: calc(50% - 16px) !important;
    margin: 5px 8px;
  }

  .Myorder_list.ecocatList li {
    width: calc(50% - 8px);
  }

  .walletUl li .mypr_mthd {
    flex-wrap: wrap;
  }

  .walletUl .mypr_mthd label,
  .walletUl li .mypr_name label {
    width: 100%;
    margin-bottom: 8px;
  }

  .walletUl .mypr_mthd b,
  .walletUl li .mypr_name b {
    width: 100%;
    margin-bottom: 4px;
  }

  .videoLists.fileLists li {
    width: calc(50% - 16px);
  }

  .Myorder_list li {
    width: calc(50% - 8px);
  }

  .col_rightBox {
    width: calc(100% - 30px);
    margin-right: 15x;
    margin-left: 15px;
  }

  span {
    font-family: Poppins, sans-serif !important;
  }

  .BPprofile_Leftbox {
    width: 100%;
    float: left;
    margin-right: 0;
  }

  .BPprofile_Rightbox {
    margin-top: 0;
    width: calc(100% - 0px);
  }

  .subscpnBox li {
    width: calc(50% - 14px);
    margin: 6px 7px 6px 7px;
  }

  .rankttlBox {
    display: none;
  }

  .rankttle {
    color: #000;
  }

  .horizontal-nav.header-nav {
    width: 100%;
    display: block;
  }

  .brd.breadcrumb-item.top-bead {
    justify-content: left;
  }

  .subsInnecrpnImgbox {
    width: 100%;
    margin-right: 0;
  }

  .docu-bx li {
    width: calc(100% - 0px);
    margin: 5px 0;
  }

  .innerVideoSecn li {
    width: calc(100% - 0px);
    margin: 12px 0;
  }

  .eventsTab li {
    width: calc(100% - 0px);
    margin: 5px 0;
  }

  .progress {
    margin-top: 8px;
  }
}

/* *************************************************************** */
@media (max-width: 768px) {

  .widget_bx {
    width: calc(100% / 2 - 16px);
  }

  .blogsImgBox ul li {
    width: calc(100% / 2 - 20px);
    margin: 10px;
  }

  .blogsdocBox ul li {
    width: calc(100% / 3 - 20px);
    margin: 10px;
    text-align: center;
  }

  .filterbox ul {
    max-height: 280px;
    overflow-y: auto;
  }

  .filterbox ul::-webkit-scrollbar {
    width: 7px;
  }

  .filterbox {
    position: static;
  }

  .colafilateLeft {
    width: calc(100% - 0px);
    margin-right: 0;
  }

  .colafilateRight {
    width: 100%;
  }

  .exeInfoBoxUl li {
    width: calc(100% / 2 - 10px);
  }

  .subscpnBox li .subscrpnImgbox {
    height: 160px;
  }

  .table-responsivesub {
    width: 100%;
    overflow: auto;
  }

  .table-responsivesub table {
    min-width: 700px;
  }

  .product-gallery .product-item img {
    height: auto !important;
  }

  .Click-here i {
    margin-left: 75px !important;
    top: 30px;
  }

  .toprankersList li {
    width: calc(50% - 10px);
  }

  .modal_1200 {
    width: 96% !important;
  }

  .card_details ul li {
    padding: 15px 5px 8px 15px;
    width: calc(100% / 2 - 0px);
  }

  .card_details ul li:first-child {
    width: calc(100% / 1 - 0px) !important;
    border-right: 0px solid #e1dfdf;
    border-bottom: 1px solid #e1dfdf;
  }

  .alignBtnsubscn {
    display: none;
  }

  .cardmangeListBox {
    position: absolute;
    z-index: 2;
    height: 100%;
  }

  .cardmangeDetailBox {
    width: calc(100% - 1px);
  }

  .card_details ul li h5 {
    font-size: 14px;
  }

  .mobileflaot .btn {
    padding: 5px 10px;
    font-size: 11px;
  }

  .join-box {
    border-right: 0px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }

  .admnvaluebx .card {
    margin-bottom: 5px;
  }

  .mobileonlydisplay {
    display: block;
  }

  .desktoponlydisplay {
    display: none;
  }

  .sidenav-toggled .leftmrgn {
    margin-left: 10px !important;
    margin-right: 10px;
  }

  .app-header.header .breadcrumb {
    display: none;
  }

  .blockbox.mobilfullwdthblock,
  .blockbox.mobilfullwdthblock label,
  .evntModaldtils.mobilfullwdthblock,
  .evntModaldtils.mobilfullwdthblock label,
  .mobilfullwdth {
    width: 100% !important;
    display: block !important;
  }

  .mobilfullwdth {
    background-color: #f9f9f9;
    margin-left: 0 !important;
  }

  .pblcEvntModl .modal-body span.mobilfullwdth:before {
    display: none;
  }

  .ecopack {
    width: calc(100% - 0px);
  }

  .ecoirigtbtnBox,
  .ec_mngr.dasha_ctvsubcrpn .ecopack {
    width: 100%;
  }

  .ewalletpage .feature-bx .icon-img-absolute {
    top: 80px;
  }

  .ec_mngrImageBox img,
  .ec_mngr.dasha_ctvsubcrpn .ec_mngrImageBox img {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .ec_mngr li {
    /* width: calc(100% - 15px); */
    width: calc(100% - 0px);
    margin: 8px 0;
  }

  .Myorder_list li {
    padding: 30px 18px 20px;
  }

  .ewalletpage .feature-bx code {
    margin-left: 50px;
    float: left;
  }

  .mobileflaot {
    float: left;
    width: auto;
    margin-right: 5px;
  }

  .walletUl li .PrnameBox {
    width: calc(100% - 0px);
    margin-bottom: 2px;
  }

  .custmdatatbl {
    width: calc(100% - 0px);
  }

  .custmSerchBox {
    margin-bottom: 10px;
  }

  .videoLists.fileLists li {
    width: calc(50% - 16px);
    margin: 8px;
  }

  .videoLists li {
    width: calc(100% - 0px);
    margin: 8px 0;
  }

  .eventsTab li {
    width: calc(50% - 10px);
    margin: 5px 5px;
  }

  .d_mblnone {
    display: none;
  }

  .CartimagBox {
    display: none;
  }

  .header-product ul.vetical li {
    float: left;
  }

  .header-product ul.vetical li a {
    padding: 7px 12px;
    margin: 3px 6px;
    width: calc(100% - 10px);
    float: left;
  }

  .tabight_cntntBox {
    float: none !important;
    width: calc(100% - 0px) !important;
  }

  #header {
    top: 0 !important;
    padding: 10px !important;
    width: calc(100% - 0px) !important;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    border-radius: 0 !important;
    border-bottom: 1px solid #ccc;
  }

  .is-sticky #header {
    width: calc(100% - 30px) !important;
    margin-right: 0;
  }

  #header-sticky-wrapper,
  .header-sticky-wrapper {
    width: 100% !important;
    margin-right: 0 !important;
    border-radius: 15px;
    width: 100% !important;
    margin-bottom: 20px;
  }

  .vdosctn li {
    width: calc(100% - 0px);
    margin: 5px 0;
  }

  .mobldfelx.d-flex {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }

  .prewrap {
    white-space: pre-wrap;
  }

  .header-rightmenu .nav-link.icon {
    padding: 15px 12px 15px 9px;
    width: 2.5rem;
    height: 2.8rem;
  }

  .splOfferBox {
    padding: 10px;
  }

  .crptoIMG {
    height: 175px;
    padding: 0;
  }

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

  .splOfferBox h2 {
    color: #fff;
    padding-bottom: 100px;
  }

  .splOfferBox h3 {
    font-size: 22px;
  }

  .sidenav-toggled .user-info {
    display: none;
  }

  .mobileright {
    float: right;
  }

  .navbtn {
    z-index: 9999;
    left: -85px;
    top: 0;
    position: absolute;
  }

  .app-content .breadcrumb {
    position: absolute;
    top: 8px;
    left: 40px;
  }

  .sidenav-toggled .navbtn {
    left: 0;
    top: 0px;
  }

  .da-slide .da-img {
    top: 20px;
    text-align: center;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
  }

  .da-slide h2 {
    color: #fff;
    width: 320px !important;
    top: 100px;
    left: calc(50% - 160px);
  }

  @-webkit-keyframes fromRightAnim1 {
    0% {
      left: 110%;
      opacity: 0;
    }

    100% {
      left: calc(50% - 160px);
      opacity: 1;
    }
  }

  @-moz-keyframes fromRightAnim1 {
    0% {
      left: 110%;
      opacity: 0;
    }

    100% {
      left: calc(50% - 160px);
      opacity: 1;
    }
  }

  @-o-keyframes fromRightAnim1 {
    0% {
      left: 110%;
      opacity: 0;
    }

    100% {
      left: calc(50% - 160px);
      opacity: 1;
    }
  }

  @-ms-keyframes fromRightAnim1 {
    0% {
      left: 110%;
      opacity: 0;
    }

    100% {
      left: calc(50% - 160px);
      opacity: 1;
    }
  }

  @keyframes fromRightAnim1 {
    0% {
      left: 110%;
      opacity: 0;
    }

    100% {
      left: calc(50% - 160px);
      opacity: 1;
    }
  }
}

/* ********************************************************************* */
@media (max-width: 576px) {

  .BPprofile_Rightbox .nav-pills>li,
  .BPprofile_Rightbox .nav-pills>li>a {
    height: auto !important;
  }

  .BPprofile_Rightbox .nav-pills>li>a i,
  .BPprofile_Rightbox .nav-pills>li>a br {
    display: none !important;
  }

  .BPprofile_Rightbox .nav-link {
    margin-bottom: 0px !important;
  }

  .admin_hdr .addbtnBox .btn.btn-primary {
    font-size: 12px;
  }

  .BPprofile_Rightbox .nav-pills>li>a {
    border-bottom: 2px solid #f1f1f1;
  }

  #searchsponsortreeholder .w-100 {
    display: flex;
    flex-direction: row-reverse;
  }

  .wlletWidjet,
  .wlletWidjet:last-child,
  .wlletWidjet:first-child,
  .linkwidget,
  .linkwidget:first-child,
  .linkwidget:last-child {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% / 1 - 0px);
  }

  .widget_bx {
    width: calc(100% / 1 - 0px);
    margin: 5px 0;
  }

  .blogsImgBox ul li {
    width: calc(100% / 1 - 20px);
    margin: 10px 0;
  }

  .blogsdocBox ul li {
    width: calc(100% / 2 - 20px);
    margin: 10px;
    text-align: center;
  }

  .blogsVedosBox ul li {
    width: calc(100% / 1 - 20px);
    margin: 10px 0;
  }

  .paymntFormBox {
    width: calc(100% - 0px);
  }

  .bhoechie-tab-menu {
    width: 100%;
    margin-right: 0;
  }

  .bhoechie-tab-menu .paymntMthd {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .bhoechie-tab-menu .paymntMthd.list-group>a {
    width: calc(50% - 10px);
    margin: 4px 5px;
  }

  .odrsmryBox {
    padding: 1.5rem 10px !important;
  }

  .excutvRankInfo ul {
    background-color: #d9dbe5;
    padding: 5px;
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 0%);
  }

  .exeInfoBoxUl li {
    width: calc(100% / 1 - 0px);
    margin: 5px 0px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
  }

  .leftInfIconbx {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 22px;
    margin-right: 10px;
  }

  .leftInfoBox,
  .rightInfoBox {
    padding: 15px 10px;
  }

  .leftInfCntntbx {
    width: calc(100% - 50px);
  }

  .leftInfCntntbx h3 {
    font-size: 16px;
  }

  .nosubcrn_details h2 {
    font-size: 19px;
  }

  .nosubcrn_details {
    width: calc(100% - 140px);
    margin-right: 10px;
    padding-left: 0px;
  }

  .nosubcrn img {
    width: 130px;
    float: right;
  }

  .excutvRankInfo {
    width: calc(100% - 0px);
    margin-left: 0px;
  }

  .excutvRank {
    flex-direction: row;
  }

  .excutvRankDetails {
    width: calc(100% - 135px);
    margin-right: 10px;
    text-align: left;
  }

  .excutvRankImg {
    width: 125px;
    display: flex;
    margin: 0;
  }

  .excutvRankInfo ul li {
    width: calc(100% / 2 - 10px);
    margin: 5px 5px;
  }

  .excutvRank {
    width: 100%;
  }

  .subscpnBox li {
    width: calc(100% - 0px);
    margin: 8px 0;
  }

  .subscpnBox li .subscrpnImgbox,
  .subscpnBox li .subscrpnImgbox img {
    position: static;
    height: auto;
  }

  .card-body {
    padding: 1.5rem 1rem;
  }

  .Eco_rightBtn .btn span {
    display: none;
  }

  .onlnstorImageBox,
  .onlnstorImageBox img {
    position: static;
    height: auto;
  }

  .prsubclist li {
    width: calc(100% - 00px);
    margin: 5px 0;
  }

  .gglIconLgn {
    width: 185px;
    padding: 2px 10px 2px 6px;
  }

  .lognwith_Title {
    width: 80px;
  }

  .toprankersList li {
    width: calc(100% - 0px);
    margin: 10px 0px;
  }

  .videoLists.artcll li {
    width: calc(100% - 0px);
  }

  .geneology li {
    width: calc(100% - 0px);
    margin-right: 0px;
    margin-left: 0px;
  }

  .gnlydbvtls li {
    width: calc(100% - 0px);
    float: left;
    margin: 3px 0;
  }

  .videoLists.artcll li h3 {
    margin: 5px 10px 0;
  }

  .mobilehr {
    display: block;
    height: 1px;
    background-color: #ececec;
    clear: both;
    width: 100%;
  }

  .mobileRight {
    float: right !important;
  }

  .classmoblNone {
    display: none;
  }

  .custmSerch,
  .custmSerchBox {
    width: 100%;
  }

  .onlnstorBox {
    padding: 20px 10px;
  }

  .prsubclist .onlnstorBox {
    padding: 20px 15px;
  }

  .onlnstorfooterBox {
    padding: 5px 10px 10px 10px;
  }

  .onlnstorfooter_btnGroupBox .btn {
    font-size: 12px;
    margin-top: 5px;
  }

  .pravilBx.pravilBxbg {
    padding: 15px 10px;
  }

  .Eco_rightBtn {
    float: left;
  }

  .Myorder_list.ecocatList li {
    width: calc(100% - 0px);
  }

  .videoLists.dcmtlist li {
    width: calc(100% - 0px) !important;
    margin: 5px 0;
  }

  .tabsale.ecotab .nav-link {
    padding: 10px 4px !important;
    color: #4d4d4d !important;
    font-size: 13px;
  }

  .tabsale.ecotab .nav-link i {
    display: none;
  }

  .popupBtn .btn {
    padding: 10px;
    font-size: 13px;
  }

  .rightalgn .input-group>.form-control:not(:last-child) {
    padding-right: 0;
  }

  .rightsearchfld {
    width: calc(100% - 90px);
  }

  .rightalgn .input-group {
    width: 100%;
  }

  .rightserch.rightalgn .input-group {
    width: 90px;
  }

  .checkbox-switch.float_right {
    float: left;
  }

  .btn-restart-genealogy {
    padding: 10px 9px !important;
    margin-left: 2px;
  }

  .position-left {
    margin-right: 1px;
  }

  .walleBox i {
    font-size: 45px;
    margin-right: 10px;
  }

  .walleBox label p {
    margin-bottom: 3px;
    font-size: 13px;
  }

  .walleBox {
    padding: 20px 15px;
    width: 100%;
  }

  .usetext {
    font-size: 37px;
  }

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

  .cpntext b:last-child {
    font-size: 15px;
  }

  .cpncode {
    font-size: 14px;
  }

  .breadcrumb>li>a {
    font-size: 15px;
  }

  .videoLists.fileLists li {
    width: calc(100% - 0px);
    margin: 8px 0;
  }

  .Myorder_list li {
    width: calc(100% - 0px);
    margin: 8px 0;
  }

  .row-cards .onlnstorBox {
    margin: 5px 0;
  }

  .DP_IMG {
    width: 100%;
    height: auto;
    border-radius: 50%;
  }

  .DP_prsection p {
    margin-bottom: 5px;
    line-height: 24px;
    display: block;
    width: 100%;
  }

  .BPprofilebox {
    padding: 0 7px;
  }

  .BPprofile_Leftbox .user-details-profile .form-group label,
  .sposeerBox label {
    width: 100%;
    font-size: 13px;
  }

  .BPprofile_Leftbox .user-details-profile .form-group {
    margin-bottom: 0 !important;
    padding: 3px !important;
  }

  .BPprofile_Leftbox .user-details-profile .form-group span,
  .sposeerBox span {
    width: calc(100% - 0px);
  }

  .BPprofile_LeftboxCard .wallet {
    padding: 0 10px;
  }

  .BPprofile_Leftbox .user-details-profile .form-group span:before,
  .sposeerBox span:before {
    display: none;
  }

  .onlnstorImageBox {
    width: 100%;
  }

  .linkBtnBP {
    color: #2b2a2c !important;
    margin: 10px;
    float: left;
  }

  .storepack {
    width: calc(100% - 0px);
    margin-left: 0;
  }

  .eventsTab li {
    width: calc(100% - 0px);
    margin: 5px 0;
  }

  ul.prlistbox li {
    width: calc(100% - 10px);
    margin: 5px 5px;
    /* padding: 10px 15px; */
  }

  .subsgbox {
    float: none;
    margin-right: 0;
    width: 100%;
    height: auto;
  }

  .subsgcntntbox {
    float: none;
    width: calc(100% - 0px);
  }

  .subsBox {
    width: 95px;
    float: none;
    margin-top: 25px;
  }

  .ec_mngr.dasha_ctvsubcrpn .subsBox {
    margin-top: 16px;
  }

  .wallet .item {
    width: calc(50% - 6px);
    margin: 5px 3px;
  }

  .modal-sm {
    max-width: 360px !important;
  }

  .btn-file span.hidden-xs {
    display: inline !important;
  }
}

/* ******************************************************************************************** */
@media (min-width: 320px) and (max-width: 767px) {


  .ladda-button {
    width: 85px;
  }

  .dt-buttons {
    margin: 0 5px 15px 5px;
  }

  .chart-container {
    margin-left: 0;
    width: calc(100% + 0px);
  }

  .stars {
    width: 100px;
    margin: 15px auto;
  }

  .pd-rv {
    padding: 20px 20px !important;
    border-radius: 2px !important;
  }

  .replBox {
    background: 0 0;
  }

  .app-content .side-app {
    padding: 10px 10px 0 10px !important;
  }

  .tabsale .nav-link i {
    display: none;
  }

  .dataTables_filter>label>span,
  .dataTables_length>label>span:first-child {
    display: none;
  }

  .dataTables_filter {
    float: left !important;
    margin-left: 10px;
    width: calc(100% - 80px);
  }

  div.dataTables_wrapper div.dataTables_filter input,
  .dataTables_length select {
    width: 100%;
    display: block;
  }

  .datatable-header>.dataTables_filter>label {
    margin-bottom: 0;
    position: relative;
    width: calc(100% - 0px);
  }

  .dataTables_length {
    float: right !important;
    width: 70px;
  }

  .datatable-footer,
  .datatable-header {
    padding: 20px 5px 0 5px !important;
  }

  .dataTables_info {
    margin-bottom: 5px !important;
    margin-top: 0 !important;
  }

  .mobileW-100 {
    width: 100%;
  }

  .mobileBlock {
    display: block;
    width: 100%;
  }

  .card-title.mobileW-100 {
    margin-bottom: 10px;
  }

  .w-250px.icons-list>li {
    -ms-flex: 0 0 0;
    flex: 0 0 0;
  }
}