@font-face {
  font-family: 'CoreUI-Icons-Free';
  src: url('/fonts/CoreUI-Icons-Free.eot');
  src: url('/fonts/CoreUI-Icons-Free.woff') format('woff'),
    url('/fonts/CoreUI-Icons-Free.otf') format('opentype'),
    url('/fonts/CoreUI-Icons-Free.svg#filename') format('svg');
}

.default-label {
  display: inline-grid;
  float: left;
}

table thead>tr>th,
table tbody>tr>td {
  text-align: center;
}

table thead>tr>th>.d-inline-block {
  min-width: max-content;
}

table thead>tr>th:first-child,
table tbody>tr>td:first-child {
  text-align: left;
}

table thead>tr>th:last-child,
table tbody>tr>td:last-child {
  text-align: center;
}

.table-component,
.table-responsive {
  overflow-y: initial;
}

.link {
  cursor: pointer;
}

#beforeunload {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: #0033022b;
  z-index: 9999999999;
  background-image: url(/images/load.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.10;
}

.bg-opacity-15 {
  --bs-bg-opacity: 0.15;
}

.bg-opacity-20 {
  --bs-bg-opacity: 0.20;
}

.bg-opacity-30 {
  --bs-bg-opacity: 0.30;
}

.bg-opacity-35 {
  --bs-bg-opacity: 0.35;
}

.bg-opacity-40 {
  --bs-bg-opacity: 0.40;
}

.bg-opacity-45 {
  --bs-bg-opacity: 0.45;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-85 {
  opacity: 0.85;
}

.opacity-90 {
  opacity: 0.95;
}

.--cui-primary-rgb {
  background-color: rgba(50, 31, 219);
  color: black;
}

.--cui-secondary-rgb {
  background-color: rgba(157, 165, 177);
  color: black;
}

.--cui-success-rgb {
  background-color: #198754;
  color: black;
}

.--cui-info-rgb {
  background-color: rgba(51, 153, 255);
  color: black;
}

.--cui-warning-rgb {
  background-color: rgba(249, 177, 21) !;
  color: black;
}

.--cui-danger-rgb {
  background-color: rgba(229, 83, 83);
  color: black;
  color: black;
}

.--cui-light-rgb {
  background-color: rgba(235, 237, 239);
  color: black;
}

.--cui-dark-rgb {
  background-color: rgba(79, 93, 115);
  color: black;
}

/* .axios-form input[type=file] {
    display: none;
} */
.body.flex-grow-1 {
  background: #f0f2f5;
}

#page-content {
  background: #fff;
}

.logo-img {
  width: 100%;
}

.reg-logo-img {
  max-width: 216px;
}

.sm-log-img {
  max-width: 100px;
}

.sidebar-nav .nav-link>i,
.nav-icon>i {
  flex: 0 0 var(--cui-sidebar-nav-icon-width);
  height: var(--cui-sidebar-nav-icon-height);
  font-size: var(--cui-sidebar-nav-icon-font-size);
  color: var(--cui-sidebar-nav-link-icon-color);
  text-align: center;
  fill: currentColor;
  transition: inherit;
}

html:not([dir='rtl']) .sidebar-nav .nav-link>i:first-child {
  margin-left: calc(var(--cui-sidebar-nav-link-padding-x) * -1);
}

html:not([dir='rtl']) .sidebar-nav .nav-group-items .nav-link .nav-icon {
  line-height: var(--cui-sidebar-nav-icon-font-size);
  margin-left: calc(var(--cui-sidebar-nav-icon-width) * -0.7);
}

.autocomplete-suggestions>ul>li {
  background: #fafafa;
  position: inherit;
  z-index: 1;
  cursor: pointer;
}

.autocomplete-suggestions>ul>li:hover {
  background: #e3eaf5;
}

.custom-switch {
  cursor: pointer;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
  display: inline !important;
}

.custom-switch .form-check-input {
  float: right !important;
  margin-left: 4px !important;
}

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999999999999999999;
  background: #000000b8;
}

#loading .imgs {
  width: 170px;
  height: 170px;
}

#whatsapp-loading {
  width: 50%;
}

#loading .imgs img {
  /*   position: absolute;
    width: inherit;
    top: 0; */
}

.loading-img-container {
  width: inherit;
  height: inherit;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.file-label::-webkit-scrollbar {
  width: 1em;
}

.file-label::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.file-label::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.newContactsFromOptionState,
.light-scroll {
  overflow-x: auto !important;
}

.newContactsFromOptionState::-webkit-scrollbar,
.light-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #ffffff80;
}

.newContactsFromOptionState::-webkit-scrollbar-thumb,
.light-scroll::-webkit-scrollbar-thumb {
  background: #00000029;
}

#resultLog .contactTo {
  overflow-x: scroll;
  max-width: 90px;
}

#resultLog .contactFrom {
  max-width: 90px;
  white-space: nowrap;
  overflow-x: scroll;
}

@media (max-width: 575.98px) {
  #resultLog .contactTo {
    max-width: 98px;
  }

  #resultLog .contactFrom {
    max-width: 98px;
  }
}

#resultLog table th {}



.system-alerts {
  background: #f0f2f5;
}

.hidden {
  display: none !important
}

.slow-hidden {
  display: none;
  opacity: 0;
  transition: display 1s, opacity 1s linear
}

[name="contactsFile"] {
  display: none;
}

.icon-wt {
  color: #fff0 !important;
  -webkit-text-stroke: 2px #afb3bb;
}

.--cui-bg-info {
  background-color: rgba(51, 153, 255);
}

.--cui-warning {
  background: #f9b115
}

.dashboard-info .card-body>i {
  float: left;
  position: absolute;
  font-size: 34px;
  margin-top: -32px;
  left: 0px;
}

.dashboard-info .card-body>span {
  margin: auto;
}

@media (min-width: 960px) {
  .dashboard-info {
    height: 115px;
  }
}

@media (max-width: 480px) {
  .chart-info {
    zoom: 0.8
  }

}

/*PULSE START*/
.pulse {
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse 1s infinite;
}

.pulse:hover {
  animation: none;
}

@media (max-width: 520px) {

  .table-vertical td,
  .table-vertical th {
    text-align: left !important
  }

  .table-vertical thead {
    float: left;
  }

  .table-vertical thead th {
    display: block;
  }

  .table-vertical tbody {
    float: right;
  }

  .table-vertical tbody td {
    display: block;
  }
}

.whatsapp-groups-table {
  table-layout: fixed
}

.whatsapp-groups-table td:first-child {
  overflow: overlay;
}

/*===========================
      PRICING css 
===========================*/
.pricing_area {
  background-color: #F9F9F9;
}

.single_pricing {
  background-color: #fff;
  padding: 18px;
  /*  padding: 60px 50px; */
}

.single_pricing i {
  color: #E84E4E
}

@media (max-width: 767px) {
  .single_pricing {
    padding: 40px 30px;
  }
}

.single_pricing .pricing_title {
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .single_pricing .pricing_title {
    font-size: 20px;
  }
}

.voucher-price,
.discount-area {
  position: relative;
  display: block;
}

.discount-area .new-price,
.single_pricing .price {
  color: #E84E4E;
  font-size: 44px;
  margin-top: 25px;
  font-weight: 700;
}

.old-price {
  display: flex;
  width: fit-content;
  color: #9E9E9E;
  font-size: 20px;
  margin-top: -12px;
  font-weight: 700;
}

.reduction-amount {
  font-size: 23px;
}

.discount {
  font-size: 20px;
  position: absolute;
  font-weight: bold;
  right: 0;
  top: -12px;
}

picture.plan-logo {
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
  width: 70px;
  padding: 5px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  border-radius: 50%;
}

.plan-root {
  position: relative
}

.rounded-shadow-icon {
  padding: 7px;
  margin-bottom: -1px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.custom-toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  /* color: var(--bs-toast-header-color); */
  /* background-color: var(--bs-toast-header-bg); */
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.strike-line {
  color: rgba(red, 0.5);
  text-decoration: none;
  position: absolute;
  /* position: relative; */
}

.strike-line:before {
  content: " ";
  display: block;
  width: 100%;
  border-top: 2px solid #ff0000b5;
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 50%;
  transform: rotate(-15deg);
}

@media (max-width: 767px) {
  .single_pricing .price {
    font-size: 38px;
  }
}

.pricing_list.d-table {
  border-collapse: collapse
}

.single_pricing .pricing_list li {
  margin-top: 15px;
  font-size: 16px;
  border-top: 11px solid #ffffff00;
}

.price-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
#prices-tab {
  border-color: #c4c9d0
}

.price-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-bottom-color: #ffffff;
  margin-bottom: -2px;
}

#prices-tab {
  border: 1px solid #c4c9d0;
  border-radius: 3px;
  border-top-left-radius: 0px;
}

.prices-tab-nav button.nav-link>img {
  max-height: 16px;
}

.pricing_list>.d-table-row>i {
  padding-right: 5px;
}

.pricing_list>.d-table-row>.desc {
  padding-right: 15px;
}

.single_pricing .mian-btn {
  height: 45px;
  border: 1px solid #5A5872;
  line-height: 43px;
  text-align: center;
  padding: 0 25px;
  color: #E84E4E;
  transition: all 0.3s ease-out 0s;
  margin-top: 30px;
}

.single_pricing .mian-btn:hover {
  background-color: rgba(90, 88, 114, 0.2);
}

.single_pricing.active {
  background-color: #E84E4E;
}

.single_pricing.active .pricing_title {
  color: #fff;
}

.single_pricing.active .price {
  color: #fff;
}

.single_pricing.active .pricing_list li {
  color: #fff;
}

.single_pricing.active .mian-btn {
  background-color: #fff;
  border-color: #fff;
}

.single_pricing ul,
ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}


/*===========================
      PRICING css end
===========================*/

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

/*PULSE END*/

.whatsapp-btn {
  background-color: #16BE45;
  background-image: url(/images/whatsapp-btn.png);
  background-position: center;
  background-size: cover;
  width: 35px;
  height: 35px;
  bottom: 30px;
  right: 10px;
  z-index: 2;
}

.invisible {
  display: none
}

.qrCodeAttempts {
  padding-right: 40px;
  word-break: break-word;
}

.qrCodeAttempts .img-fluid {
  position: absolute;
  right: 0;
  top: 5%;
}

.app-imgs {
  height: 50px;
}

.app-imgs-faviccon {
  max-height: 30px;
  min-height: 20px;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

input.flatpickr-input[disabled] {
  background-color: #e9ecef;
}

#system-alerts-area .carousel-control-prev,
#system-alerts-area .carousel-control-next {
  width: 1.5rem;
  background-color: #d3d3d396;
  overflow: hidden
}

#system-alerts-area .carousel-item .content {
  padding: 0 1.5rem 0 1.5rem
}

#system-alerts-area .carousel-item {
  margin-bottom: 0;
}

.qrCodeModal {
  z-index: 999999999;
}

#cookie-policy-modal .modal-body>p {
  margin: 5px 0px 10px 20px;
}

#cookie-policy-modal .modal-body>h4 {
  margin-bottom: 10px;
}

.cancel-connection {
  margin: auto;
  margin-left: 0;
}

div#cookie-policy-alert {
  z-index: 99;
}

.table-component th,
tr,
td {
  vertical-align: middle;
}

.dropdown-item {
  cursor: pointer;
  margin-bottom: 8px;
}

a.dropdown-item:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.terminal-output {
  min-height: 300px;
  height: 100%;
  background-color: #1E1E1E;
  color: #ECECEC;
  display: flow-root;
  padding: 5px;
  float: left;
  width: inherit;
  word-break: break-all;
  width: -webkit-fill-available;
}

.terminal-output pre {
  font-family: inherit;
}

span.terminal-entry {
  clear: both;
  float: left;
  /* margin-bottom: 7px; */
}

.dropdown-menu>li {
  margin-bottom: 5px;
}

#wrapper-servers-table {
  /*   overflow-y: visible;
  overflow: visible; */
}

/* #system-alerts-area .carousel-item-next, 
#system-alerts-area .carousel-item-prev, 
#system-alerts-area .carousel-item.active {
  line-height: normal;
} */

.payment-btn::before {
  /*   background-image: url(https://robozap.tech/images/logos/mercadopago.png);
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    content: "____";
    color: #fff0;
    margin-right: 5px; */
}

.payment-btn-img {
  display: -webkit-inline-box;
  background-size: contain;
  min-width: 34px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
  color: #fff0;
}

.payment-btn-content {
  padding: 5px;
  display: inline-flex;
}

.payment {
  padding: 5px 0 5px 0;
}

@media (max-width: 767px) {
  .payment {
    zoom: 0.8;
  }
}

.payment-amounts {
  /* width: 100px; */
  float: right;
}

.payment>.card-body>div {
  width: auto;
  margin: auto;
  margin-top: 0
}

.payment>.card-body>.payment-desc {
  max-width: 16%;
}

.payment>.card-body>.payment-desc .content {
  /* max-width: 16%; */
  white-space: nowrap;
  overflow-x: overlay;
}

.payment>.card-body>.payment-logo {
  margin: auto;
}

.payment>.card-body>.payment-logo img {
  width: 30px;
  margin: auto;
}

.info-area i {
  color: inherit;
}

.price-update-badge {
  position: absolute;
  display: block;
  top: 11px;
  right: 33px;
  font-size: 1rem;
  font-weight: 500;
}

.choices {
  width: max-content;
  float: left;
  margin-right: 5px;
}

.choices__list {
  min-width: max-content;
}

.choices__inner {
  min-height: 29px !important;
  padding: 2px !important;
}

#toast-container {
  overflow-y: auto;
  max-height: 99%;
}

#toast-container::-webkit-scrollbar {
  width: 5px;
}

#toast-container::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #e7e7e7;
  border: 1px solid #cacaca;
}

#toast-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #6c757d3b;
}

.progress-bar.attached-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.progress-alert.attached-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

.progress-bar.attached-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0 !important;
}

.progress-alert.attached-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (max-width: 480px) {
  #allMessages .nav-item {
    --bs-nav-link-padding-x: 0.5rem;
  }
}

.code-container>.code>.code-digit {
  margin: 5px;
  border: 1px solid #8696a0;
  border-radius: 8px;
  padding: 9px;
  font-weight: bold;
}

.code-container ul,
ol {
  list-style-type: decimal;
  padding: inherit;
}

.code-container ol>li,
ul>li {
  margin-bottom: 15px;
}

.digits {
  opacity: 0;
  transition: opacity 1s ease;
  text-align: center;
  clear: both;
}

#log-view-modal badge {
  margin-left: 5px
}

.bulkSend .total-contacts-container {
  margin-top: -28px;
  padding: 5px;
  margin-left: 10px;
}

@media (max-width: 480px) {
  .bulkSend .total-contacts-container {
    font-size: 0.9em
  }
}

.bulksend-opt-switchs{
  gap: 0.5ems;
}

.bulksend-opt-switchs .form-switch{
  padding: 0.3em !important;
}