/*Color variables*/
/*border variables*/
/*shadow variables*/
/* TODO: Complete with dynamic properties */
.text-transform-capitalize {
  text-transform: capitalize !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-underline-hover:hover {
  text-decoration: underline !important;
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer !important;
}

.d-flex {
  display: flex !important;
}

.center-hor-ver {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.center-ver {
  display: flex !important;
  align-items: center !important;
}

.center-hor {
  display: flex !important;
  justify-content: center !important;
}

.visibility-hidden {
  visibility: hidden;
}

.pl-pr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.font-size-inherit {
  font-size: inherit !important;
}

.font-size-medium {
  font-size: medium !important;
}

.font-size-small {
  font-size: small !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

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

.bg-size-cover {
  background-size: cover !important;
}

.bg-repeat-no {
  background-repeat: no-repeat !important;
}

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

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

.box-shadow-none {
  box-shadow: none !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

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

.height-auto {
  height: auto !important;
}

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

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

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

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

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

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

.overflow-wrap-break-word {
  overflow-wrap: break-word !important;
}

/*-- float utilities --*/
.float-left {
  float: left !important;
}

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

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

@media (min-width: 768px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
/*-- text utilities --*/
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
body {
  font-size: 1rem;
}

.services h2.card-title, .services h2.expanel-title {
  font-size: 2rem !important;
}
.services h3.card-title, .services h3.expanel-title {
  font-size: 1.5rem !important;
}

.panel-tabs li a:hover {
  color: #9D41e0;
}

.custom_chart text {
  fill: #1d2033 !important;
}
.custom_chart tspan {
  fill: #1d2033 !important;
}

.side-menu__label.no-icon {
  margin-left: 17px;
}

.docs h3, .docs p {
  margin-bottom: 0;
}
.docs p {
  text-align: justify;
}
.docs .card-body {
  padding: 0.5rem 1.5rem;
}
.docs .page-header .page-title {
  font-size: 2rem;
}
.docs table.white-space-normal-table-tr-td-2 tbody tr td:nth-child(2) {
  white-space: normal !important;
}
.docs table tbody tr td:nth-child(3) {
  white-space: normal;
}

.text-primary-outline {
  padding: 0 3px;
  color: #FB993e;
  background-color: #f1f1f1;
  border: 1px solid rgba(214, 51, 132, 0.1);
}

.c-highlight {
  background-color: #f1f1f1;
  padding: 0 5px;
  color: rgb(214, 51, 132);
  border: 1px solid rgba(214, 51, 132, 0.1);
}

.white-space-normal {
  white-space: normal !important;
}

.color-IpLookup {
  color: #FB993e !important;
}

.bg-IpLookup {
  background: #FB993e !important;
}

.dash-icon.color-IpLookup {
  background: rgba(251, 153, 62, 0.4) !important;
}

.dash-icon.color-IpLookup:after {
  background: rgba(251, 153, 62, 0.1) !important;
}

.color-EmailChecker {
  color: #9D41e0 !important;
}

.bg-EmailChecker {
  background: #9D41e0 !important;
}

.dash-icon.color-EmailChecker {
  background: rgba(157, 65, 224, 0.4) !important;
}

.dash-icon.color-EmailChecker:after {
  background: rgba(157, 65, 224, 0.1) !important;
}

.color-PhoneChecker {
  color: #3f9d6f !important;
}

.bg-PhoneChecker {
  background: #3f9d6f !important;
}

.dash-icon.color-PhoneChecker {
  background: rgba(63, 157, 111, 0.4) !important;
}

.dash-icon.color-PhoneChecker:after {
  background: rgba(63, 157, 111, 0.1) !important;
}

.color-Holidays {
  color: #2f89f5 !important;
}

.bg-Holidays {
  background: #2f89f5 !important;
}

.dash-icon.color-Holidays {
  background: rgba(47, 137, 245, 0.4) !important;
}

.dash-icon.color-Holidays:after {
  background: rgba(47, 137, 245, 0.1) !important;
}

.menu-upgrade {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.menu-upgrade a {
  font-size: 13px;
  font-weight: 800;
  padding-left: 4rem;
  padding-right: 4rem;
  background: linear-gradient(to right, #f66b4e 0%, #fbc434 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
@media (max-width: 768px) {
  .menu-upgrade {
    display: block;
    margin-left: 20px;
  }
}

.paid-users-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}