@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --primary: hsl(254, 57%, 59%) !important;
  --primary-h: 254;
  --primary-s: 57%;
  --primary-l: 59%;
  --secondary: hsl(157, 74%, 54%) !important;
  --secondary-h: 157;
  --secondary-s: 74%;
  --secondary-l: 54%;
  --success: hsl(158, 75%, 45%) !important;
  --success-h: 158;
  --success-s: 75%;
  --success-l: 45%;
  --warning: hsl(43, 91%, 60%) !important;
  --warning-h: 43;
  --warning-s: 91%;
  --warning-l: 60%;
  --danger: hsl(5, 78%, 57%) !important;
  --danger-h: 5;
  --danger-s: 78%;
  --danger-l: 57%;
  --info: hsl(188, 60%, 51%) !important;
  --info-h: 188;
  --info-s: 60%;
  --info-l: 51%;
  --grey: hsl(215, 15%, 68%) !important;
  --grey-h: 215;
  --grey-s: 15%;
  --grey-l: 68%;
  --dark: hsl(216, 11%, 46%) !important;
  --dark-h: 216;
  --dark-s: 11%;
  --dark-l: 46%;
  --smoke: whitesmoke;
  --font-primary: 'Poppins', sans-serif;
}

bo-icon,
.bo-icon {
  display: inline-block;
  min-height: 1rem;
  min-width: 1rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: -2px;
}

bo-icon[data-icon="document"],
.bo-icon[data-icon="document"] {
  background-image: url("/assets/img/icons/document-icon.svg");
}

bo-icon[data-icon="book"],
.bo-icon[data-icon="book"] {
  background-image: url("/assets/img/icons/book-icon.svg");
}

bo-icon[data-icon="search"],
.bo-icon[data-icon="search"] {
  background-image: url("/assets/img/icons/search-icon.svg");
}

bo-icon[data-icon="magnet"],
.bo-icon[data-icon="magnet"] {
  background-image: url("/assets/img/icons/magnet-icon.svg");
}

bo-icon[data-icon="chatbubble"],
.bo-icon[data-icon="chatbubble"] {
  background-image: url("/assets/img/icons/chatbubble-icon.svg");
}

bo-icon[data-icon="chatbubbles"],
.bo-icon[data-icon="chatbubbles"] {
  background-image: url("/assets/img/icons/chatbubbles-icon.svg");
}

bo-icon[data-icon="cart"],
.bo-icon[data-icon="cart"] {
  background-image: url("/assets/img/icons/cart-icon.svg");
}

bo-icon[data-icon="view"],
.bo-icon[data-icon="view"] {
  background-image: url("/assets/img/icons/eye-icon.svg");
}

bo-icon[data-icon="wallet"],
.bo-icon[data-icon="wallet"] {
  background-image: url("/assets/img/icons/wallet-icon.svg");
}

bo-icon[data-icon="transactions"],
.bo-icon[data-icon="transactions"] {
  background-image: url("/assets/img/icons/arrows.svg");
}

bo-icon[data-icon="dashboard"],
.bo-icon[data-icon="dashboard"] {
  background-image: url("/assets/img/icons/analytic-icon.svg");
}

bo-icon[data-icon="analytic"],
.bo-icon[data-icon="analytic"] {
  background-image: url("/assets/img/icons/analytic-icon.svg");
}

bo-icon[data-icon="notification"],
.bo-icon[data-icon="notification"] {
  background-image: url("/assets/img/icons/notification-icon.svg");
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.bg-info {
  background-color: var(--info) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-info {
  color: var(--info) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):hover, .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) * 0.9));
  border-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) * 0.9));
}

.btn-outline-primary {
  border-color: var(--primary);
  color: var(--primary);
}

.btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: var(--primary);
}

.btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.btn-secondary:not(:disabled):not(.disabled):hover, .btn-secondary:not(:disabled):not(.disabled):focus, .btn-secondary:not(:disabled):not(.disabled):active {
  background-color: hsl(var(--secondary-h), var(--secondary-s), calc(var(--secondary-l) * 0.9));
  border-color: hsl(var(--secondary-h), var(--secondary-s), calc(var(--secondary-l) * 0.9));
}

.btn-outline-secondary {
  border-color: var(--secondary);
  color: var(--secondary);
}

.btn-outline-secondary:not(:disabled):not(.disabled):hover, .btn-outline-secondary:not(:disabled):not(.disabled):focus, .btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: var(--secondary);
}

.btn-success {
  background-color: var(--success);
  border-color: var(--success);
}

.btn-success:not(:disabled):not(.disabled):hover, .btn-success:not(:disabled):not(.disabled):focus, .btn-success:not(:disabled):not(.disabled):active {
  background-color: hsl(var(--success-h), var(--success-s), calc(var(--success-l) * 0.9));
  border-color: hsl(var(--success-h), var(--success-s), calc(var(--success-l) * 0.9));
}

.btn-outline-success {
  border-color: var(--success);
  color: var(--success);
}

.btn-outline-success:not(:disabled):not(.disabled):hover, .btn-outline-success:not(:disabled):not(.disabled):focus, .btn-outline-success:not(:disabled):not(.disabled):active {
  background-color: var(--success);
}

.btn-warning {
  background-color: var(--warning);
  border-color: var(--warning);
}

.btn-warning:not(:disabled):not(.disabled):hover, .btn-warning:not(:disabled):not(.disabled):focus, .btn-warning:not(:disabled):not(.disabled):active {
  background-color: hsl(var(--warning-h), var(--warning-s), calc(var(--warning-l) * 0.9));
  border-color: hsl(var(--warning-h), var(--warning-s), calc(var(--warning-l) * 0.9));
}

.btn-outline-warning {
  border-color: var(--warning);
  color: var(--warning);
}

.btn-outline-warning:not(:disabled):not(.disabled):hover, .btn-outline-warning:not(:disabled):not(.disabled):focus, .btn-outline-warning:not(:disabled):not(.disabled):active {
  background-color: var(--warning);
}

.btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
}

.btn-danger:not(:disabled):not(.disabled):hover, .btn-danger:not(:disabled):not(.disabled):focus, .btn-danger:not(:disabled):not(.disabled):active {
  background-color: hsl(var(--danger-h), var(--danger-s), calc(var(--danger-l) * 0.9));
  border-color: hsl(var(--danger-h), var(--danger-s), calc(var(--danger-l) * 0.9));
}

.btn-outline-danger {
  border-color: var(--danger);
  color: var(--danger);
}

.btn-outline-danger:not(:disabled):not(.disabled):hover, .btn-outline-danger:not(:disabled):not(.disabled):focus, .btn-outline-danger:not(:disabled):not(.disabled):active {
  background-color: var(--danger);
}

.btn-info {
  background-color: var(--info);
  border-color: var(--info);
}

.btn-info:not(:disabled):not(.disabled):hover, .btn-info:not(:disabled):not(.disabled):focus, .btn-info:not(:disabled):not(.disabled):active {
  background-color: hsl(var(--info-h), var(--info-s), calc(var(--info-l) * 0.9));
  border-color: hsl(var(--info-h), var(--info-s), calc(var(--info-l) * 0.9));
}

.btn-outline-info {
  border-color: var(--info);
  color: var(--info);
}

.btn-outline-info:not(:disabled):not(.disabled):hover, .btn-outline-info:not(:disabled):not(.disabled):focus, .btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: var(--info);
}

.btn-dark {
  background-color: var(--dark);
  border-color: var(--dark);
}

.btn-dark:not(:disabled):not(.disabled):hover, .btn-dark:not(:disabled):not(.disabled):focus, .btn-dark:not(:disabled):not(.disabled):active {
  background-color: hsl(var(--dark-h), var(--dark-s), calc(var(--dark-l) * 0.9));
  border-color: hsl(var(--dark-h), var(--dark-s), calc(var(--dark-l) * 0.9));
}

.btn-outline-dark {
  border-color: var(--dark);
  color: var(--dark);
}

.btn-outline-dark:not(:disabled):not(.disabled):hover, .btn-outline-dark:not(:disabled):not(.disabled):focus, .btn-outline-dark:not(:disabled):not(.disabled):active {
  background-color: var(--dark);
}

.btn-rounded {
  border-radius: 24px !important;
  padding: 0.5rem 1rem !important;
}

.badge {
  font-size: 0.625rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Open Sans, sans-serif;
  padding: 2px 10px;
  text-align: center;
  display: inline-block;
  letter-spacing: 0.5px;
  color: #444;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(68, 68, 68, 0.1);
}

.badge:not(.badge-pill) {
  border-radius: 2px;
}

.badge-primary {
  color: var(--primary);
  background-color: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.15);
}

.badge-secondary {
  color: var(--secondary);
  background-color: hsla(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.15);
}

.badge-success, .badge.completed {
  color: var(--success);
  background-color: hsla(var(--success-h), var(--success-s), var(--success-l), 0.15);
}

.badge-warning, .badge.unpaid {
  color: var(--warning);
  background-color: hsla(var(--warning-h), var(--warning-s), var(--warning-l), 0.15);
}

.badge-danger, .badge.declined, .badge.rejected {
  color: var(--danger);
  background-color: hsla(var(--danger-h), var(--danger-s), var(--danger-l), 0.15);
}

.badge-info, .badge.draft {
  color: var(--info);
  background-color: hsla(var(--info-h), var(--info-s), var(--info-l), 0.15);
}

.badge-dark {
  color: var(--dark);
  background-color: hsla(var(--dark-h), var(--dark-s), var(--dark-l), 0.15);
}

.text-muted, .platform-details .key {
  color: var(--grey);
}

.form-control {
  background-color: #f3f3f4;
  border: 1px solid transparent;
}

.form-control:hover {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}

.form-control:focus {
  border-color: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.4);
  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.4);
          box-shadow: 0 0 0 0.0625rem hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.4);
}

.user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-primary);
}

.text-subtle, .page-info, .site-description {
  font-family: var(--font-primary);
  color: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * 0.9));
  line-height: 1.6;
  font-size: calc(9px + 1vmin);
}

bo-toggler {
  border-top: 2px solid whitesmoke;
  display: block;
  position: relative;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

bo-toggler:before {
  content: "Show More";
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: whitesmoke;
  color: var(--grey);
  padding: 1vmin 3vmin;
  line-height: 1;
  border-radius: 26px;
  border: 1px solid whitesmoke;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

bo-toggler.visible:before {
  content: "Hide Content";
}

bo-toggler:hover {
  background-color: whitesmoke;
}

#navbarDropdownUserImage {
  overflow: hidden;
}

.panel {
  -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 32px;
}

.page-info__title {
  font-weight: bolder;
}

ul.navbar-nav.align-items-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.navbar-nav.align-items-right li.nav-item.mt-2.mr-3 {
  margin-top: 0 !important;
}

img.icon {
  width: 100%;
}

nav.topnav .dropdown-item bo-icon {
  min-height: 0.75rem;
  min-width: 0.75rem;
}

nav.topnav a:not(.btn-icon) {
  margin-top: 1vmin;
}

nav.topnav .icon {
  max-width: 1rem;
}

bo-icon {
  opacity: 0.5;
}

.bg-smoke {
  background-color: whitesmoke;
}

.currency::before {
  content: "$";
}

nav.sidenav {
  position: relative;
}

nav.sidenav .sidebarToggle {
  position: absolute;
  top: 50%;
  right: -8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 50% 0 0 50%;
  color: white !important;
  z-index: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: transform 0.5s;
          transition-delay: transform 0.5s;
}

nav.sidenav .sidebarToggle:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

nav.sidenav .sidebarToggle:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

nav.sidenav .nav-link {
  font-size: 0.8rem;
}

nav.sidenav .nav-link.active, nav.sidenav .nav-link:focus, nav.sidenav .nav-link:hover {
  color: var(--primary) !important;
}

body.sidenav-toggled nav.sidenav .sidebarToggle {
  -webkit-transform: translateX(100%) !important;
          transform: translateX(100%) !important;
  border-radius: 0 50% 50% 0 !important;
}

body.sidenav-toggled nav.sidenav .sidebarToggle > * {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.card:not([class*="bg-"]) .card-header {
  color: inherit;
}

.btn-icon {
  position: relative;
  overflow: visible;
}

.btn-icon sup.badge {
  position: absolute !important;
  padding: 5px 7px !important;
  line-height: 1;
  -webkit-transform: translate(20%, -20%);
          transform: translate(20%, -20%);
  top: 0;
  right: 0;
}

.btn-icon bo-icon {
  opacity: 0.4;
  min-width: 1.2rem !important;
  min-height: 1.2rem !important;
}

.site_links img:not(:hover) {
  opacity: 0.7;
  /* filter: invert(1); */
}

.content strong {
  color: hsl(var(--secondary-h), var(--secondary-s), calc(var(--secondary-l) * 0.9)) !important;
}

.featured_point h4 {
  color: var(--secondary) !important;
}

.sec-content .row {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sec-content .row .block-label {
  color: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * 0.9));
}

.sec-content .row .block-category .badge {
  color: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * 0.75));
}

.sec-content .row .badge-pill {
  font-size: calc(6px + 1vmin) !important;
}

.sec-content .row a.domain-link {
  word-break: break-word;
}

@media (max-width: 46.24em) {
  .pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .pagination > p {
    width: 100%;
  }
}

.platform-details .key {
  font-size: 0.875em;
  font-weight: 400 !important;
}

.platform-details .val {
  font-size: 0.875em;
}

.platform-details .val .badge {
  color: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * 0.75));
}

.platform-details ul li {
  margin-bottom: 10px;
}

.datatable table.dataTable.table-bordered th,
.datatable table.dataTable.table-bordered td {
  border-right: none !important;
}

.datatable table.dataTable thead,
.datatable table.dataTable tfoot {
  color: inherit !important;
}

.datatable table.dataTable thead th,
.datatable table.dataTable tfoot th {
  font-weight: 300 !important;
}

.datatable table.dataTable td .btn-icon {
  height: calc((0.8rem * 1.5) + (0.5rem * 2) + (2px)) !important;
  width: calc((0.8rem * 1.5) + (0.5rem * 2) + (2px)) !important;
}

.datatable table.dataTable .order-id .date {
  font-size: 0.7rem;
}

.datatable .dataTables_info {
  color: var(--grey);
}

#order-list_wrapper > .row > .col-sm-12 {
  overflow: auto;
}

.paginate_button.disabled {
  opacity: 0.6;
}

.helpful-links .nav-item {
  display: inline-block;
  width: 100%;
}

.helpful-links .nav-link {
  display: inline-block;
  width: 100%;
  color: var(--primary);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.helpful-links .nav-link:hover {
  border-left: 2px solid var(--primary);
  background-color: var(--smoke);
}

.page-item.active .page-link {
  background-color: var(--secondary);
}

footer.footer {
  background: var(--primary) !important;
}

.force-full-height, .force-full-screen {
  min-height: calc(100vh - 3.625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.force-full-screen {
  min-height: 100vh;
}

#spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  -webkit-animation: spin 1s ease-in-out infinite;
          animation: spin 1s ease-in-out infinite;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.loading-overlay {
  display: none;
}

.loading-overlay > * {
  margin: auto;
}

.loading-overlay.show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  place-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  color: white;
  z-index: 5000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

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

#layoutAuthentication_footer footer {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

.bg-login-image {
  background: url("https://www.dashboard.bloggeroutreach.io/assets/img/login.svg");
  background-position: center;
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-admin-image {
  background: url("./bg/admins.svg");
  background-position: center;
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-register-image {
  background: url("https://www.dashboard.bloggeroutreach.io/assets/img/advertise.svg");
  background-position: center;
  background-size: cover;
}

.bg-password-image {
  background: url("https://source.unsplash.com/5fNmWej4tAA/600x800");
  background-position: center;
  background-size: cover;
}

.auth-block [class*="bg-"][class*="-image"]::before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.2);
  mix-blend-mode: overlay;
}

form.user .custom-checkbox.small label {
  line-height: 1.5rem;
}

form.user .form-control-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 1.5rem 1rem;
}

form.user .btn-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
}

.platform-order-details section#submit-order-requirement,
.content-order-details section#submit-order-requirement {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 50000;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  max-width: 800px;
  -webkit-box-shadow: 0 0 5vmax rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 5vmax rgba(0, 0, 0, 0.35);
}
/*# sourceMappingURL=custom-styles.css.map */