/* @font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Black.ttf') format('truetype');
  /* src: url('../fonts/Poppins-Thin.ttf') format('truetype');
  src: url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
  src: url('../fonts/Poppins-UltraLight.ttf') format('truetype'); 
} */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&family=Pacifico&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap");
.iq-container {
  padding: 20px 65px !important;
}
.iq-header-img {
  display: none;
}
.sidebar + .main-content .iq-navbar-header {
  display: flex;
  /* max-width: 1030px; */
  height: 108px;
  align-items: center;
  gap: 11.25px;
  margin: 13px 45px 13px 20px;
}
.iq-navbar-header .iq-container {
  background: linear-gradient(180deg, #aaeeed 0%, #f0fcfc 100%);
  margin-left: 24px;
  border-radius: 16.875px;
}
.inner_heading {
  color: #000 !important;
  font-size: 30px !important;
  font-family: "Poppins" !important;

  font-weight: 600 !important;
  line-height: 91.5% !important;
  position: relative !important;
}
.inner_text {
  color: #000 !important;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 91.5%; /* 12.81px */
  margin-top: 5px !important;
}
.heading_inner_img {
  width: 32px;
  height: 31px;
  position: absolute;
  top: -3px;
  left: -33px;
}

#new_header {
  background-color: #fff;
}
.search_area {
  border-radius: 28px;
  border: 2.25px solid #e6f5fe;
  background: #fff;
  padding: 10px 20px;
  position: relative;
  margin-left: 18px;
}
.search_area i {
  font-size: 15px;
  color: #c5c7cd;
  margin-right: 5px;
}
.search_area .search_input::placeholder {
  color: #c5c7cd;
  font-size: 13.5px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 400;
  line-height: 91.5%;
}
.search_input {
  border: none;
  outline: none;
  width: 100%;
}
.right_side ul li:not(:first-child) {
  width: 50px !important;
}
#drop-action li {
  width: 100% !important;
}
.right_side ul li a {
  display: flex;
}
.lang-name {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 600;
  margin-left: 10px;
}
#dropdownMenuButton4::after {
  color: #012977;
  font-size: 18px;
  font-family: "Poppins" !important;

  border-radius: 50%;
}
.avatar-50 {
  height: 40px;
  width: 40px;
  min-width: 40px;
}

#sidebar-menu {
  height: auto;
  overflow: hidden;
  padding-bottom: 10px;
}

.sidebar_bottom {
  margin-top: 60px !important;
  border-radius: 16.875px;
  background: #e6f5fe;
  position: relative;
  /* width: 289.641px; */
  height: 170px;
}
.sidebar_bottom img {
  position: absolute;
  top: -48px;
  left: 10px;
  object-fit: cover;
  width: 80%;
  object-fit: cover;
}

.sidebar_bottom_btn {
  border-radius: 25.625px !important;
  background: #fff !important;
  position: absolute !important;
  top: 110px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border: none !important;
  padding: 10px 14px !important;

  width: 180px;
  color: #202120 !important;
  font-size: 13px !important;
  font-family: "Poppins" !important;
  text-decoration: none !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal;
  text-align: center !important;
}

.logout_btn i {
  /* margin-right:12px; */
  transform: rotate(180deg);
}
.logout_btn {
  text-decoration: none !important;
  display: flex !important;
  align-items: center;
  color: #f00 !important;
  font-size: 18px !important;
  font-family: "Poppins" !important;

  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24.75px !important;
  letter-spacing: -0.169px !important;
  padding: 10px 10px !important;
}
.version_div {
  background: #fff;
  margin-top: 10px;
  border-radius: 16px;
  text-align: center;
  padding: 20px 0px;
}
.version_div h1 {
  color: #000;
  font-size: 15px;
  font-family: "Poppins" !important;

  font-weight: 700;
  line-height: 27px;
}
.version_div .version {
  color: #8e8e93;
  font-size: 13.5px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 15.75px;
  letter-spacing: 0.135px;
}

#quick_stats {
  background-color: #fff;
  /* margin: 0px 10px; */
  padding: 20px;
  border-radius: 16px;
}
#quick_stats .row {
  row-gap: 10px;
}
.quick_stats_heading {
  color: #000;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 600;
  letter-spacing: 0.169px;
  margin-bottom: 20px;
}
.quick_badge {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 103.5px;
  border-radius: 16.875px;
  background: #f4f7fa;
  padding: 10px;
}
.badge_image {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background-color: #ede9ff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 10px;
  flex-wrap: wrap;
}
.quick_text {
  margin-top: 0;
  margin-bottom: 0;
}
.quick_text strong {
  color: #232d42;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 700;
  line-height: 0;
}
.quick_text span {
  color: #8a92a6;
  font-size: 10px;
  font-family: "Poppins" !important;

  font-weight: 400;
}

.summary_btn,
.analytics_btn {
  color: #fff;
  font-size: 14.032px;
  font-family: "Poppins" !important;

  font-weight: 500;
  border-radius: 16px;
  background: #6ed8e5;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 6px;
}
.analytics_btn {
  background-color: #e6f5fe;
}

.popular_tab {
  height: 55px;

  border-radius: 16px;
  background: #f4f6f9;
  /* padding:  0px 10px; */
}

.popular_tab .rank {
  color: #6ed8e5;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 700;
  letter-spacing: 0.42px;
  text-transform: uppercase;
  margin-right: 4px;
}
.popular_tab .amount {
  color: #6dd7e4;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 700;
  letter-spacing: 0.42px;
}

.popular_flag img {
  height: 30px;
  width: 30px;
  margin: 8px;
}

/* revenue_graph */
.revenue_graph {
  padding: 20px 20px;
  border-radius: 16px;
  background: #fff;
}
#revenue_chart_div {
  position: relative;
  /* top: -25px; */
  z-index: 1;
}
.revenue_graph_desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.revenue_graph_desc .form-select {
  display: block;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;

  border: none;
  border-radius: 0.375rem;
  width: 100px;
  color: #8a92a6;
  font-size: 15.75px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 175%;
}

/* revenue_graph */

/* compaigns */

.compaign_div {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
}

.accordion__item {
  border: 1px solid #e6f5fe;
  background: #fefefe;
  padding: 20px 10px;
  margin-bottom: 15px;
}
.single_compaign {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
}
.compaign_heading {
  color: #000;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 600;
  letter-spacing: -0.18px;
}
.compaign_avatar {
  display: flex;
}
.compaign_avatar img {
  width: 57px;
  height: auto;
}
.compaign_name {
  margin-left: 20px;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
}
.compaign_name strong {
  color: #000;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 700;
  letter-spacing: -0.18px;
}
.code_terms {
  display: flex;
  padding: 0px;
  position: relative;
  /* margin-top: -5px; */
}
.code_terms li {
  margin-right: 5px;
}
.code_terms li a {
  text-decoration: none;
  color: #3d70f5;
  font-size: 10px;
  font-family: "Poppins" !important;

  font-weight: 400;
  letter-spacing: -0.09px;
}

.compaign_code {
  border-radius: 16px;
  position: relative;
  padding: 5px 10px;
  border-radius: 8px;
  border: 0.532px solid #899098;
  width: 400px;
  display: flex;
  align-items: center;
}
.compaign_code i {
  cursor: pointer;
  position: absolute;
  right: 10px;
  color: #899098;
}
.compaign_code input {
  border: none;
  outline: none;
  width: 90%;
}
.compaign_code input::placeholder {
  color: #899098;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 11.713px; /* 117.13% */
}

.compaign_commission {
  position: relative;
  text-align: center;
  margin: 0px 40px;
}

.commission_heading {
  color: #202120;
  text-align: center;
  font-size: 20px;
  font-family: "Poppins" !important;

  font-weight: 600;
  margin-bottom: 20px;
}
.commission {
  color: #fff;
  text-align: center;
  font-size: 25px;
  font-family: "Poppins" !important;

  font-weight: 600;
  letter-spacing: -0.297px;
  border-radius: 5.233px;
  background: #6ed8e5;

  padding: 10px;
}
.accordion,
.sub-accordion,
.compaign-accord {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sub-accordion,
.compaign-accord {
  display: flex !important;
  justify-content: end;
  /* align-items: center;  */
  /* display: none !important; */
}
.sub-accordion__item {
  border-radius: 10px;
  border: 1px solid #f1f4f9;
  background: #fff;
  color: #828690;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 400;
  letter-spacing: -0.1px;
  margin-right: 25px;
  padding: 10px 29px;
}
.action_btn a {
  margin-right: 10px;
  border: none;
  border-radius: 3.919px;
  background: #6ed8e5;
  /* padding: 10px 12px; */
  color: #fff;
  font-size: 16px;
  font-family: "Poppins" !important;

  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 5px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#setting_accord {
  border: none;
  position: relative;
}
#setting_accord button {
  border: none;
  border-radius: 3.919px;
  background: #6ed8e5;
  padding: 10px 12px;
  color: #fff;
  font-size: 16px;
  font-family: "Poppins" !important;

  cursor: pointer;
  margin-right: 5px;
}

.edit-button {
  position: absolute;
  right: 15px;
  bottom: -5px;
  border-radius: 50%;
  font-size: 15px;
  font-family: "Poppins" !important;

  border: 3px solid #fff;
  cursor: pointer;
}
.edit-button i {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-color: #6ed8e5;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;

  transition: all 0.3s ease;
}
.accordion__item {
  border-radius: 20px;
  margin-bottom: 5px;
}
.accordion__item:nth-child(odd) > :first-child:not(.accordion__link_active) {
  color: #000;
}
.accordion__link {
  font-weight: 500;
  font-size: 1rem;
  font-family: "Poppins" !important;

  position: relative;
  color: #696666;
  text-decoration: none;
  border-radius: 20px;
  display: block;
  padding: 12px 50px 12px 20px;
}
.accordion__link:not(.accordion__link_active):after {
  position: absolute;
  content: "";
  border-top: 12px #707070 solid;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  right: 22px;
  top: -50%;
  transform: translatey(-50%);
}
.accordion__link:not(.accordion__link_active):hover {
  opacity: 0.8;
  color: #707070;
}
.accordion__link:not(.accordion__link_active):hover:after {
  border-top: 12px #707070 solid;
}
.sub-accordion {
  display: none;
  height: 0;
  overflow: hidden;
}

.accordion__link_active {
  /* color: #ffffff; */
  /* background-color: #707070;    */
}
.accordion__link_active:after {
  position: absolute;
  content: "";
  border-bottom: 12px #707070 solid;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  right: 22px;
  top: -50%;
  transform: translatey(-50%);
}
.accordion__link_active + ul {
  display: block;
  height: 100%;
}
.view_compaign {
  width: 100%;
  padding: 10px 0px !important;
  margin-top: 10px;
  color: #fff !important;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 500 !important;
  border-radius: 8px !important;
  background: #6dd7e4 !important;
  border: none;
  outline: none;
}
/* compaigns */

/* statistics */
#statistics {
}
#statistics .list {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
}
#statistics .list_heading {
  color: #000;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 600;
  margin-bottom: 10px;
}
.list-group-item,
.statistics_list span {
  border: none;
  font-size: 13px;
  font-family: "Poppins" !important;

  color: #828690;
  position: relative;
}
.list-group-flush {
  width: 160px !important;
}
.list-group-item .wallet_amount {
  position: absolute;
  right: 0px;
}
.total_amount_div {
  display: flex;
  padding: 0px;
  width: 201px;
  height: 143px;
  border-radius: 16px;
  background: linear-gradient(315deg, #000 0%, rgba(255, 255, 255, 0) 91.24%),
    #fff;
  background-blend-mode: soft-light, normal;
  box-shadow: 13px 13px 26px 0px rgba(231, 231, 231, 0.4),
    -8.90123px -8.90123px 26.70368px 0px #f5f5f5;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}
.total_amount_div strong {
  color: #000;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 700;
}
.total_amount_div span {
  color: #000;
  font-size: 20px;
  font-family: "Poppins" !important;

  font-weight: 500;

  position: relative;
  margin-top: -20px;
}

.all_clicks_heading {
  color: #000;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 700;
}
.all_clicks .total_desc {
  color: #828690;
  font-size: 11.506px;
  font-family: "Poppins" !important;

  font-weight: 400;
  position: relative;
  top: 15px;
}
.all_clicks .click_count {
  position: absolute;
  right: 10px;
}
/* statistics */
.site-order {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  padding: 20px 10px;
}
.compaign-header {
  background-color: #fff;
  border: none;
}

/* change password starts*/
#change-password-page {
  padding: 20px 20px;
  border-radius: 16px;
  background: #fff;
  border: none;
}
#demo-form2 label {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.reg_form label {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;
  width: 100%;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 13px;
}
.reg_form input {
  background: #fff;
}

.reg_form input:focus,
.reg_form select:focus {
  box-shadow: none !important;
  border: 1px solid #e6f5fe;
}
.iti__selected-flag {
  background: transparent !important;
  /* border-right: 1px solid #E6F5FE; */
}
.iti__selected-dial-code,
.iti__country.iti__standard {
  font-family: "Poppins" !important;
  color: #092c4c !important;
}
.iti__selected-dial-code {
  font-family: "Poppins" !important;
  color: #092c4c !important;
  border-radius: 11px;
  font-size: 1rem;
  font-weight: 500;
}

#form_username {
  background-color: transparent !important;
}

.reg_form input,
.reg_form select {
  border-radius: 11px;
  border: 1px solid #e6f5fe;
  padding: 10px 20px;
  color: #092c4c;
  font-family: "Poppins" !important;
  font-weight: 400;
  overflow: hidden;
}

.reg_form input::placeholder {
  color: #c5c7cd;
  font-family: "Poppins" !important;
  font-weight: 400;
  overflow: hidden;
}

#demo-form2 input {
  border-radius: 11px;
  border: 1px solid #192252;
  background: #fff;
  padding: 10px 20px;
  outline: none;
  font-family: "Poppins" !important;
}
.change-password-header {
  border: none;
  background-color: #fff;
}
.change-password-header h4 {
  color: #252525;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 600;
}
#password-confirm {
  position: relative;
  border-radius: 11px;
  border: 1px solid #192252;
  display: flex;
}
#password-confirm input {
  border: none;
  outline: none;
  box-shadow: none;
}
#password-confirm i {
  color: #c5c7cd;
}
.update-profile-password input {
  /* position: relative; */
  width: 100%;
}

.update-profile-password {
  position: relative;
}

.update-profile-password i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #c5c7cd;
}
.hide-show {
  cursor: pointer;
}

.avatar_container {
  /* overflow: hidden; */
  position: relative;
  width: 200px;
  height: 200px;
  text-align: center;
  border-radius: 50%;
  border: 5px solid #6ed8e5;
}
.avatar_container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.update_profile_form {
  border: none;
  padding: 15px 20px;
  border-radius: 16px;
  background: #fff;
}
.update_profile_heading {
  color: #232d42;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 600;
  padding-left: 20px;
  padding-left: 14px;
}
/* change password ends */

/* store contact us */

#mail-form label {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 500;
  margin-bottom: 10px;
}
#mail-form input {
  border-radius: 11px;
  border: 1px solid #e6f5fe;
  background: #fff;
  padding: 10px 25px;
  font-family: "Poppins" !important;
}
#mail-form .contact_textarea {
  border: 1px solid #e6f5fe;
  font-family: "Poppins" !important;
}
#mail-form .contact_textarea:focus,
#mail-form input:focus {
  box-shadow: none !important;
}
#mail-form input::placeholder,
#mail-form .contact_textarea::placeholder {
  color: #c5c7cd;
  font-size: 15px;
  font-family: "Poppins" !important;

  font-weight: 400;
}
#mail-form .contact_textarea {
  display: flex;
  height: 263px;
  padding: 15px 25px;
  align-items: flex-start;
  gap: 730px;
  flex-shrink: 0;
  border-radius: 11px;
  /* border: 1px solid #CDCDCD; */
  background: #fff;
}
#contact-admin {
  border: none;
  padding: 15px 20px;
  border-radius: 16px;
  background: #fff;
}
.cantact-admin-header {
  border: none;
  background-color: #fff;
}
.cantact-admin-header h6 {
  color: #232d42;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 600;
  line-height: 175%;
}
.attachment-div {
  width: 100%;
  height: 105px;
  border-radius: 9px;
  border: 1px dashed #bbe5ff;
  background: #f1fcfd;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.attachment-div span {
  color: #6dd8e4;
  font-size: 15px;
  font-family: "Poppins" !important;

  font-weight: 400;
}
.optional-span {
  color: #c5c7cd;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 400;
}
/* store contact */

.username-header {
  color: #012977;
  font-size: 17px;
  font-family: "Poppins" !important;

  font-weight: 500;
}
.username-strong {
  color: #acacac;
  font-size: 10px;
  font-family: "Poppins" !important;

  font-weight: 400;
}

.profile-toggle::after {
  color: #012977;
  font-size: 18px;
  font-family: "Poppins" !important;

  border-radius: 50%;
  margin-left: 5px;
}

.profile-dropdown {
  color: #012977;
  font-size: 13px;
  /* font-family:"Poppins" !important; */

  margin-left: 8px;
}
.custom-ms {
  margin-left: 12px !important;
}

/* footer */
.right-panel {
  color: #fff;
  text-align: center;
  font-size: 15.75px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 28.35px; /* 180% */
}
/* footer */

/* payment form */
#payment_form label,
.paypal_method label {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 500;
}
#payment_form input,
.paypal_method input {
  background: #fff;
}
#payment_form input,
.paypal_method input,
.primary_method select {
  border-radius: 11px;
  /* border: 1px solid #CDCDCD; */
  padding: 15px 30px;
  color: #092c4c;
  font-family: Poppins !important;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
}
#payment_form input::placeholder,
.paypal_method input::placeholder {
  color: #c5c7cd;
  font-size: 15px;
  font-family: "Poppins" !important;

  font-weight: 400;
}
.payment_form_header,
.paypal_method .card-header,
.primary_method .card-header {
  border: none;
  background: #fff;
}
.payment_form_header h4,
.paypal_method .card-header h5,
.primary_method .card-header h5 {
  color: #232d42;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 600;
  line-height: 175%;
}
#tab-paymentdetails .card {
  padding: 20px;
  border: none;
  border-radius: 16px;
  background: #fff;
}
#tab-paymentdetails .card-body {
  padding-top: 0px;
}
.regular-btn {
  margin-top: 0px;
  font-weight: 400;
}
/* payment form */

/* newmywallet page */
.btac-logo {
  display: inline-block;
  width: 25px !important;
  height: 25px !important;
  background: linear-gradient(201deg, #d3ffe7 3.14%, #effff6 86.04%);
  border-radius: 50%;
  position: relative;
}
.btac-logo img {
  width: 12.5px;
  height: 12.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btac-card {
  border: none;
  padding: 10px;
  height: 150px;
}

.btac-card .card-header {
  border: none;
  background-color: #fff;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0px 14.207px 25.25689px 0px rgba(208, 210, 218, 0.15);
}
.btac-card .card-body {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.balance_heading {
  color: #acacac;
  font-size: 12.628px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.gray_heading {
  color: #acacac;
  font-size: 11px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 140%; /* 11.2px */
}
.balance_text {
  color: #333;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 700;
  letter-spacing: -0.2px;
  text-align: left;
}
.box-logo {
  width: 51px;
  height: 51px;
  background: linear-gradient(201deg, #caf1ff 3.14%, #cdf4ff 86.04%);
  border-radius: 50%;

  display: flex;
  justify-content: center;
  align-items: center;
}
.box-logo img {
  width: 25px;
  height: 25px;
}
.box_gray_heading {
  color: #acacac;
  font-size: 13px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 140%; /* 17.68px */
  display: inline-block;
  margin-bottom: 10px !important;
}
.amount-count {
  color: #333;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 700;
  letter-spacing: -0.4px;
}
.eligible-div {
  padding: 0px;

  min-height: 77px;
  border-radius: 9px;
  background: #fff;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eligible-div .col-md-4 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.eligible-div .eligible_heading {
  color: #acacac;
  text-align: center;
  font-size: 11px;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 12px; /* 100% */
}
.eligible-div .eligible_sub {
  color: #000;
  text-align: center;
  font-size: 15px;
  font-family: "Poppins" !important;

  font-weight: 600;
  line-height: 12px;
}
.commission_table {
  border: none;
  border-radius: 16px;
  background: #fff;
  padding: 44px 10px;
}
.commission_table .card-header {
  border: none;
  background: #fff;
}
.commission_table select,
.commission_table input {
  display: flex;
  width: 185px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #e6f5fe;

  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.wallet_date_picker {
  width: 200px;
  border-radius: 8px;
  border: 1px solid #e6f5fe;

  padding: 10px 10px;

  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.wallet_date_picker input {
  border: none !important;
  box-shadow: none !important;
  padding: 0px !important;
  width: 100% !important;
}
.table-filter:hover {
  color: #fff;
}
.transaction-table th {
  color: #7e92a2;
  font-size: 10px;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.transaction-table tr {
  border-bottom: 1px solid #e6f5fe;
}

.transaction-table td {
  text-align: center;
  vertical-align: middle;
  /* border:1px solid red; */
}
.table-date {
  color: #202120;
  text-align: center;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 24.875px;
}
.table-cps span {
  font-size: 12px;
  font-family: "Poppins" !important;

  padding: 4px 16px;
  border-radius: 12px;
  border: 1px solid #c7c7c7;
  background: rgba(217, 217, 217, 0.42);
}
.table-cps div small {
  background: #fff !important;
  color: #092c4c !important;
  font-weight: 500;
}
.table-user {
  color: #092c4c;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 500;
}
.table-user div span {
  background: none !important;
  color: #092c4c;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 24.875px;
}
.table-commission {
  color: #202120;

  font-size: 12px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 400;
  line-height: 24.875px;
  background-color: #fff !important;
}
.table-sale-commission {
  color: #202120;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 24.875px;
}
.table-payment span {
  width: 99px;
  height: 33px;
  gap: 8px;
  border-radius: 9px;
  background: #dcfce7 !important;
  color: #00ac4f !important;
  font-size: 10px !important;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}

.table-status span {
  width: 99px;
  height: 33px;
  gap: 8.292px;
  border-radius: 9px;
  background: rgba(202, 241, 255, 0.5) !important;
  color: #0f5fc2 !important;
  font-size: 10px !important;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}
.table-status span.bg-danger {
  border-radius: 9px;
  background: rgba(255, 18, 0, 0.15) !important;
  color: #ff0000 !important;
}
.table-status span.bg-warning {
  border-radius: 9px;
  background: #fef3c7 !important;
  color: #f59e0c !important;
}

.transaction-table .show-child-transaction {
  border: none !important;
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
  background: #6ed8e54d !important;
  width: 30px;
  color: #6dd7e4 !important;
  font-weight: 900;
  cursor: pointer;
}
/* newmywallet page ends */
/* marketing programs */
.marketing_programs,
.vendor_orders {
  border: none;
  padding: 20px;
  border-radius: 16px;
  background: #fff;
}
.marketing_programs .header-title {
  color: #232d42;
  font-size: 18px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 600;
}
.marketing_programs .card-header,
.vendor_orders .card-header {
  border: none;
  background: #fff;
}
.marketing_programs .card-header {
  /* padding: 0px; */
}
#tech-companies-1 {
  background-color: #fff !important;
}
#tech-companies-1 tr {
  border-bottom: 1px solid #e6f5fe;
}

#tech-companies-1 th {
  color: #7e92a2;
  font-size: 13px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 400;
  line-height: 24.875px;
  text-align: center;
  vertical-align: middle;
}
#tech-companies-1 td {
  text-align: center;
  font-size: 13px;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 24px;
  vertical-align: middle;
  background-color: #fff !important;
}

#tech-companies-1 .id,
#tech-companies-1 .name {
  color: #092c4c;
}
#tech-companies-1 .status-button span {
  width: 99px;
  height: 33px;
  gap: 8.292px;
  border-radius: 9px;
  background: #dcfce7 !important;
  color: #00ac4f !important;
  font-size: 12px !important;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}

@media (max-width: 1284px) {
  #tech-companies-1 .market-edit {
    width: 30px !important;
    height: 30px !important;
  }
}
#tech-companies-1 .market-edit {
  display: flex;
  width: 35px;
  height: 35px;
  padding: 9.635px 9.635px 8.894px 8.894px;
  justify-content: center;
  align-items: center;
  border-radius: 37.059px;
  border: 0.741px solid #eaeef4;
  background: #fff;
  float: left;
  margin-left: 6px !important;
}
#tech-companies-1 .market-edit svg {
  width: 35px;
  height: 35px;
}

/* marketing programs ends */

/* vendor orders */
.vendor_orders .status-label {
  color: #012977;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.vendor_orders #filterStatus {
  display: flex;
  width: 474px;
  align-items: center;

  border-radius: 11px;
  border: 1px solid #e6f5fe;
  padding: 10px 20px;
  color: #092c4c;
  font-family: "Poppins" !important;
  font-weight: 400;
  overflow: hidden;
}
#vendor-external {
  background: #fff;
}
#vendor-external tr {
  border-bottom: 1px solid #e6f5fe;
}
#vendor-external th {
  color: #7e92a2;
  text-align: center;
  font-size: 11px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 24px;
  vertical-align: middle;
}
#vendor-external td {
  color: #092c4c;
  font-size: 11px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}
.order-list-status span {
  display: inline-block;
  width: 99px;
  height: 33px;
  line-height: 33px !important;
  gap: 8.292px;
  border-radius: 9px;
  background: rgba(202, 241, 255, 0.5) !important;
  color: #0f5fc2 !important;
  font-size: 12px !important;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}
.order-list-commission span.bg-warning {
  line-height: 13px !important;
  color: #fff;
  font-size: 11px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 400;
  line-height: 24.875px; /* 226.133% */
  border-radius: 12px;
  background: #ffde59;
  padding: 4px 20px;
}
.order-list-commission span.bg-success {
  line-height: 13px !important;
  color: #fff;
  font-size: 11px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 24.875px; /* 226.133% */
  border-radius: 12px;
  background: #00ac4f;
  padding: 4px 20px;
}
.vender_commission_status span {
  width: 99px;
  height: 33px;
  padding: 8.292px 16.583px;
  border-radius: 9px;
  background: #2456b7;
  color: #fff;
  font-size: 10px !important;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}
.vender_commission_status span.bg-secondary {
  background-color: #ff0000 !important;
}
.vender_commission_status span.bg-primary {
  background-color: #2456b7 !important;
}
.toggle-child-tr {
  display: flex !important;
  width: 30px;
  height: 30px;
  background-color: #6ed8e5 !important;
  border-radius: 50% !important;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  padding: 0px !important;
}
.toggle-child-tr:hover {
  background: #6ed8e5;
  color: #fff;
}
#sub-order-list {
  padding: 0px;
}
#sub-order-list li div {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 33px 0px rgba(0, 0, 0, 0.06);
  padding: 19px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* margin-left: 10px; */
}
#sub-order-list li div br {
  display: none;
}
#sub-order-list li div strong {
  width: 100%;
}
#sub-order-list li div span {
  width: 100%;
}
#sub-order-list li strong,
#sub-order-list li div {
  color: #000;
  text-align: center;
  font-size: 11px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 24.875px;
}

#sub-order-list li span,
#sub-order-list li a {
  color: #012977;
  text-align: center;
  font-size: 13px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 700;
  line-height: 24.875px;
}
/* vendor orders ends */

/* my deposit page */
.btn-new-filter:hover {
  color: #fff;
}
.btn-new-filter,
.btn-deposit-now {
  border-radius: 8px;
  background: #6ed8e5;

  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #fff;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 600;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
}
.btn-deposit-now {
  width: 170px;
}
.btn-new-filter svg {
  margin-right: 8px;
}

.btn-deposit-now svg {
  /* border: 2px solid #fff;
    padding: 1px;
    border-radius: 3px; */
  margin-right: 3px;
}
.btn-new-filter {
  margin-right: 10px !important;
}
.deposit_field {
  width: 330px;
  padding: 2px 16px !important;
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  background: #fff;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.deposit_field input {
  border: none;
  outline: none;
  margin-right: 18px;
  box-shadow: none !important;
  width: 100%;
  background-color: transparent !important;
}
.deposit_field input::placeholder {
  color: #c5c7cd;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 20px;
}

.deposit_field svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#my_deposit,
#withdraw-table {
  background: #fff !important;
  border: none;
  border-radius: 16px;
  padding: 15px 20px;
}
#my_deposit .card-header,
#withdraw-table .card-header {
  background: #fff !important;
  border: none;
}
#my_deposit .card-footer {
  background: #fff !important;
  border: none;
  border-top: 1px solid #e6f5fe;
  border-radius: 0px !important;
}
#my_deposit .total_deposit {
  color: #344054;

  font-size: 18px;
  font-family: "Poppins" !important;

  font-weight: 700;
  line-height: 20px; /* 111.111% */
}
#my_deposit .not-found {
  min-height: 50vh;
}
#my_deposit .not-found h3 {
  color: #d3d3d3 !important;
  font-size: 30px;
  font-family: "Poppins" !important;

  font-weight: 500;
  text-transform: uppercase;
}
/* my deposit page */

/* login page */
.login-heading {
  color: #0c1421;

  font-size: 29px;
  font-family: "Poppins" !important;

  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  margin-left: 3px;
}
.login-heading span {
  font-size: 20px;
}
.login-description {
  font-family: "Poppins" !important;

  color: #313957;

  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 160%;
  width: 380px;

  margin-bottom: 30px !important;
}

#login-form label {
  font-weight: 500;
  color: #012977;
  font-size: 13px;
  font-family: "Poppins" !important;
}
#login-form input {
  font-family: "Poppins" !important;

  border-radius: 9px;
  border: 0.826px solid #cdcdcd;
  background: #fff;
  padding: 12px 24px;
}
#login-form input::placeholder {
  font-family: "Poppins" !important;

  color: #c5c7cd;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 400;
  background-color: #fff !important;
}
.forget-pass {
  color: #012977;
  font-size: 12px;
  font-family: "Poppins" !important;
  font-weight: 500;
  line-height: 100%; /* 11.568px */

  margin-top: 15px;
  display: inline-block;
  float: right;
  margin-top: 20px;
  margin-bottom: 20px;
}

.continue_btn {
  width: 100%;
  padding: 10px 0px;
  margin-top: 10px;
  color: #fff !important;
  font-size: 18px;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 8px;
  background: #6dd7e4 !important;
  border: none;
  outline: none;
}
.border-span {
  font-family: "Poppins" !important;

  width: 160px;
  height: 0.826px;
  background: #cfdfe2;
}
.or-span {
  color: #294957;
  text-align: center;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 100%; /* 13.221px */
  letter-spacing: 0.132px;
}
.gf-button {
  cursor: pointer;
  margin-top: 15px;
  border-radius: 10px;
  background: #f3f9fa;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 7px;
  border: none;
  outline: none;
  gap: 13.221px;
  color: #313957;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 13.221px */
  letter-spacing: 0.132px;
  width: 100%;
}

.sign-up-line {
  font-family: "Poppins" !important;

  margin: 40px 0px;
  color: #313957;
  text-align: center;
  font-size: 14.874px;
  font-family: "Poppins" !important;

  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 23.798px */
  letter-spacing: 0.149px;
}
.sign-up-line a {
  margin-left: 4px;
  color: #6ed8e5;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.149px;
}
.copyright-text {
  font-family: "Poppins" !important;

  margin-top: 30px;
  margin-bottom: 40px;

  color: #959cb6;
  text-align: center;
  font-size: 13.221px;
  font-family: "Poppins" !important;

  font-weight: 400;
  line-height: 100%; /* 13.221px */
  letter-spacing: 0.132px;
}
#login-header {
  padding: 30px 20px;
}
.language-drop {
  font-family: "Poppins" !important;

  color: #012977;

  font-size: 15px;
  font-family: "Poppins" !important;

  font-weight: 600;
}
.login-side-heading {
  color: #fff;
  font-size: 30px;
  font-family: "Poppins" !important;

  font-weight: 700;
}
.login-side-text {
  font-family: "Poppins" !important;

  color: #fff;
  font-size: 11px;
  font-family: "Poppins" !important;

  font-weight: 500;
  font-family: "Poppins" !important;
}
#subscribe_box {
  margin: 10px 10px 10px 0px;
  font-family: "Poppins" !important;

  padding-left: 30px;
  padding-right: 30px;
  padding-top: 110px;
  border-radius: 10px;
  background: linear-gradient(0deg, #6ed8e5 0%, #6ed8e5 100%),
    url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.login-side {
  font-family: "Poppins" !important;

  width: 400px;
  padding-left: 45px !important;
}
/* login page */

/* wallet setting */
#setting-form label {
  color: #012977;
  font-family: "Poppins" !important;
  font-size: 15px;
  font-weight: 500;
}
#setting-form .control-label {
  margin-bottom: 10px;
}
#setting-form select {
  padding: 13px 30px;
  border-radius: 11px;
  color: #012977;
  font-family: "Poppins" !important;
  font-size: 15px;
  font-weight: 500;
}
#wallet_seting_card {
  border: none;
  background: transparent !important;
}
#wallet_seting_card .card-header {
  background-color: #fff !important;
  margin-bottom: 16px;
  border-radius: 16px;
  background: #fff;
  padding: 17px 20px;
}
#wallet_seting_card .card-body {
  background-color: #fff !important;
  border-radius: 16px;
  background: #fff;
  padding: 30px 40px;
}
.share_sales_setting {
  color: #5e5e5e;
  text-align: center;
  font-family: Poppins !important;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* wallet setting ends */

/* request wallet */
#withdraw-table .card-header h6,
.withdraw_model_title {
  color: #232d42 !important;
  font-family: "Poppins" !important;

  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 175% !important;
  /* margin-left: 20px !important; */
  margin-bottom: 10px !important;
}
.withdraw-record tr {
  border-bottom: 1px solid #e6f5fe;
}
.withdraw-record th {
  color: #7e92a2;
  font-size: 12px;
  font-family: "Poppins" !important;

  font-weight: 500;
  line-height: 24.875px;
  text-align: center;
}
.withdraw-record td {
  text-align: center;
  vertical-align: middle;
  /* border:1px solid red; */
  font-family: "Poppins" !important;
  padding: 20px 0px;
  font-size: 13px;
  font-weight: 500 !important;
}
.withdraw-record .id,
.withdraw-record .date {
  color: #092c4c;
  text-align: center;
  font-family: "Poppins" !important;
  font-size: 13px;
  font-weight: 500;
}
.model_text_data {
  color: #092c4c;
  text-align: center;
  font-family: "Poppins" !important;
  font-size: 13px;
  font-weight: 600 !important;
  margin-bottom: 0px;
}
.withdraw-record .status span {
  width: 99px;
  height: 33px;
  border-radius: 9px;
  background: #dcfce7 !important;
  color: #00ac4f !important;
  font-size: 11px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  line-height: 16.583px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  position: relative;
  margin: 0px auto;
}
.withdraw-record .details-button,
.details-button {
  width: 99px;
  height: 33px;
  border-radius: 9px;
  background: #6ed8e5 !important;
  color: #ffff !important;
  font-size: 11px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  /* line-height: 16.583px; */
  text-transform: uppercase;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.withdraw-record .danger-button {
  width: 99px;
  height: 33px;
  border-radius: 9px;
  background: #c03221 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  /* line-height: 16.583px; */
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* request wallet */
/* ------------------------------ tickets page ------------------------------ */

.dashboard-middle {
  border: none;
  margin-bottom: 15px;
  border-radius: 16px;
  background: #fff !important;
  padding: 5px 0px;
}
.dashboard-middle .header-title {
  color: #acacac;
  text-align: center;
  font-family: "Poppins" !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}
.dashboard-middle .header-title span {
  color: #000;
  font-family: "Poppins" !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 12px;
  position: relative;
  top: 10px;
}
.tickets-card {
  border: none;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.dataTables_length {
  position: absolute;
  top: 40px;
  right: 20px;
  color: #acacac !important;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.dataTables_length select {
  border-radius: 8px !important;
  border: 1px solid #e6f5fe !important;
  background: #fff !important;
  position: relative !important;
  margin: 0px 5px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 14px 8px !important;
}
.dataTables_length select::after {
  content: "▼";
  font-size: 1rem;
  top: 6px;
  right: 10px;
  position: absolute;
}
.tickets-card .card-header {
  background: #fff;
  border: none;
}
#tbl_tickets_listing_wrapper {
  position: static !important;
}
#tickets_status,
#ticket_subject,
.dateDiv {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  margin: 0px 5px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 40px;
  line-height: 20px; /* 142.857% */
}
#tbl_tickets_listing_filter input {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  margin: 0px 5px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  width: 94%;
  height: 40px;
}
#tbl_tickets_listing_filter input::placeholder {
  color: #344054;
  text-transform: capitalize;

  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.dateDiv input::placeholder {
  color: #344054;
  text-transform: capitalize;
}
.dateDiv input {
  border: none;
  outline: none;
}
.dateDiv {
  /* width: 220px; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
}
.ticket-table {
  margin-top: -10px;
}
#tbl_tickets_listing_filter {
  position: absolute;
  top: 99px;
  right: 20px;
  width: 33%;
}
#tbl_tickets_listing_filter label {
  width: 100%;
}
#tbl_tickets_listing_filter input {
  padding-left: 15px;
}
table.dataTable tbody tr {
  border-bottom: transparent;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  border-bottom: transparent;
}
.no-footer th {
  color: #7e92a2;
  font-family: "Poppins" !important;
  font-size: 13px;
  font-weight: 400 !important;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}

#tbl_tickets_listing tbody {
  background: #fff !important;
  border: none;
  height: 400px;
  outline: none;
}
#tbl_tickets_listing tbody .dataTables_empty {
  background-color: transparent !important;
  color: #d3d3d3;
  font-family: "Poppins" !important;
  font-size: 38px;
  font-weight: 500;
  text-transform: capitalize;
}
#tbl_tickets_listing_info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#tbl_tickets_listing_previous {
  position: absolute;
  left: 0px;
}

/* ------------------------------ tickets page ------------------------------ */
/* ------------------------------ reports page ------------------------------ */
.nav-tabs .nav-items .nav-link {
  font-family: "Poppins", sans-serif !important;
}
.nav-tabs .nav-link.active {
  min-width: 110px;
  padding: 10px 20px;
  color: #fff !important;

  font-family: "Poppins" !important;

  border-radius: 8px;
  background: #6dd7e4 !important;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.nav-tabs .nav-link:hover {
  border-color: transparent !important;
}
#tab-menu_statistics .main-card,
.my_orders,
#tab-menu_report_statistics .card,
#tab-menu_report_logs .card {
  border: none;
  background: #fff;
  border-radius: 16px;
  padding: 25px;
}
#integration_tools_all_compaigns .card {
  border: none;
  background: #fff;
  border-radius: 16px;
  padding: 20px 10px;
}
#tab-menu_statistics .main-header,
.my_orders .card-header,
#tab-menu_report_statistics .card-header {
  border: none;
  background: #fff;
}
#tab-menu_statistics .main-header h4 {
  color: #252525;
  font-family: "Poppins" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#tab-menu_statistics .sub-card .card {
  border: none;
  outline: none;
  min-width: 280px;
  min-height: 230px;
  border-radius: 16px;
  background: #f0f4f7;
}
#tab-menu_statistics .sub-card .card .card-body {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
#tab-menu_statistics .sub-card .card .card-body h4 {
  color: #000;
  font-family: "Poppins" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.empty-graph h3 {
  color: #d3d3d3;
  font-family: "Poppins" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.my_orders {
  height: 450px;
  border-radius: 16px;
  background: #fff;
  position: relative;
}
.not-found-orders {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #d3d3d3 !important;
  font-family: "Poppins" !important;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.my_orders select {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  height: 40px;
  /* width: 400px; */
  margin: 0px 5px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.view_compaign_search {
  min-width: 170px;
  height: 40px;

  color: #fff !important;
  font-size: 13px;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 8px;
  background: #6dd7e4 !important;
  border: none;
  outline: none;
  margin-left: 20px;
}
.report-date-div {
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  height: 40px;
  width: 339px;
  margin: 0px 5px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background-color: #fff;
  padding: 0px 10px 0px 0px;
}
.report-date-div input {
  border: none;
  outline: none;
  box-shadow: none !important;
}
#tab-menu_report_statistics .card-header {
  margin-bottom: 30px;
}
#table-report thead tr {
  border-radius: 10px;
}
#table-report thead tr th {
  text-transform: uppercase;
}
#table-report thead tr:first-child th {
  background: #6ed8e5;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  /* text-align: center;
  font-family: "Poppins" !important;
  font-size: 13px; 
  font-weight: 600; ;
  letter-spacing: 1px;
  text-transform: uppercase; */
}
#table-report thead tr:not(:first-child) th,
#tab-menu_report_logs thead th {
  background-color: #fff !important;
  color: #7e92a2;
  text-align: center;
  font-family: "Poppins" !important;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.875px;
}
#table-report thead tr:first-child th:first-child {
  border-radius: 10px 0px 0px 10px;
}
#table-report thead tr:first-child th:last-child {
  border-radius: 0px 10px 10px 0px;
}
#table-report tbody tr td,
#tab-menu_report_logs tbody tr td {
  text-align: center;
  vertical-align: middle;
  height: 50px;
  color: #092c4c;
  font-family: "Poppins" !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
#tab-menu_report_logs tbody tr {
  border-bottom: 1px solid #e6f5fe;
}
.tiny-table .odd {
  background-color: #e6f5fe !important;
}
.tiny-table {
  /* border: none; */
  border-color: #e6f5fe !important;
}
#table-report_paginate {
  position: relative;
  width: 100%;
  /* right: 50%;
    transform: translateX(50%); */
}
#table-report_paginate span {
  position: relative;
  right: 50%;
  transform: translateX(50%);
}
#table-report_paginate span a {
  color: #344054 !important;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: transparent;
  border: none;
}

a#table-report_next {
  position: absolute;
  right: 10px;
}
a#table-report_previous {
  position: absolute;
  left: 10px;
}
a#table-report_next::after {
  content: "\f105";
  font-family: FontAwesome;
  margin-left: 5px;
}
#tbl_tickets_listing_next::after {
  content: "\f105";
  font-family: FontAwesome;
  margin-left: 5px;
}
a#table-report_previous::before {
  content: "\f104";
  font-family: FontAwesome;
  margin-right: 5px;
}
#tbl_tickets_listing_previous::before {
  content: "\f104";
  font-family: FontAwesome;
  margin-right: 5px;
}
.paginate_button {
}

.logs-sub-list {
  display: flex;
}
.logs-sub-list li {
  /* flex:1; */
}
.logs-sub-list li div {
  height: 100%;
  /* display:flex;
     flex-direction:column; */
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 33px 0px rgba(0, 0, 0, 0.06);
  padding: 19px;
  min-height: 90px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* flex-wrap: wrap; */
}
.logs-sub-list li div br {
  display: none;
}

.logs-sub-list li span,
.logs-sub-list li {
  color: #012977;
  text-align: center;
  font-family: "Poppins" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}
.logs-sub-list li span {
  width: 100%;
}
.logs-sub-list li b {
  color: #000;
  text-align: center;
  font-family: Poppins !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.875px; /* 191.343% */
}
/* ------------------------------ reports page ------------------------------ */
/* ------------------------------ integration tools page ------------------------------ */
#integration_tools_compaigns .card {
  display: flex;
  /* min-height: 140px;  */
  width: 280px;
  padding: 35px;
  /* padding: 0px 26px; */
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  gap: 10px;
  background-color: #fff !important;
  border: none;
  outline: none;
}
#integration_tools_compaigns .card h3 {
  color: #000;
  font-family: Poppins !important;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 10px !important;
}
.link_compaign svg {
  /* margin-right: 5px; */
}
#integration_tools_all_compaigns select,
#integration_tools_all_compaigns input {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  height: 40px;
  margin: 0px 5px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.security-status {
  display: flex;
  align-items: center;
}

#integration_tools_all_compaigns .security-status .bg-info {
  width: 99px;
  height: 33px;
  padding: 8.292px 16.583px;
  border-radius: 9px;
  background: #ffde59 !important;
  color: #fff;
  font-size: 10px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}
.security-status button.bg-info#code_button {
  border: none;
  height: 33px;
  width: 60px;
  margin-right: 10px;
  color: #fff;
  border-radius: 9px;
  font-family: "Poppins" !important;
  font-weight: 500;
  background-color: #0dcaf0 !important;
}
#integration_tools_all_compaigns .security-status .bg-success {
  width: 99px;
  height: 33px;
  padding: 8.292px 16.583px;
  border-radius: 9px;
  background: #24b763;
  color: #fff;
  font-size: 10px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}
#integration_tools_all_compaigns .security-status .bg-danger {
  width: 99px;
  height: 33px;
  padding: 8.292px 16.583px;
  border-radius: 9px;
  background: #ff3131;
  color: #fff;
  font-size: 10px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}
#integration_tools_all_compaigns .simple-status .bg-success,
#integration_tools_all_compaigns .simple-status .bg-warning {
  width: 99px;
  height: 33px;
  padding: 8.292px 16.583px;
  border-radius: 9px;
  color: #0f5fc2 !important ;
  background-color: #caf1ff80 !important;
  font-size: 10px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}
#integration_tools_all_compaigns .simple-status .bg-warning {
  background: #ffde59 !important;
  color: #fff !important;
}
#integration_tools_all_compaigns .table-responsive {
  padding-left: 0px !important;
}
.action-btns {
  /* display: flex; */
}
.action-btns button,
.action-btns a.btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 4px;
  margin-right: 4px;
}
.action-btns .btn {
  padding: 8px 0px;
}
.compaign-list {
  position: absolute;
  font-size: 25px;
  /* margin: 1px 0px 0px 0px; */
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.compaign-list i {
  color: #223759;
}
.compaign-list::after {
  display: none !important;
}
.tool-list-menu {
  min-width: 250px !important;
  min-height: 130px;
  background-color: #fff;
  border-radius: 16px;

  padding: 15px 20px 15px 20px;

  border: none;
}
.tool-list-menu li:hover a,
.tool-list-menu li:hover i {
  color: #fff;
}
.tool-list-menu li:hover {
  border-radius: 6px;
  background: linear-gradient(0deg, #6ed8e5 0%, #6ed8e5 100%);
  color: #fff !important;
}

.tool-list-menu li {
  padding: 10px 0px;
}
.tool-list-menu li i {
  color: #6b7280;
  font-size: 22px;
  margin-right: 10px;
}

.tool-list-menu li a {
  font-size: 13px;
  text-decoration: none;
  color: #374151;
  font-family: "Poppins" !important;
  font-weight: 400;
  line-height: 10px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}
#myTable tr {
  border-bottom: 1px solid #e6f5fe;
}
#myTable tbody td {
  text-align: center;
  vertical-align: middle;
  height: 50px;
  color: #092c4c;
  font-family: "Poppins" !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  border: none;
  padding-bottom: 0px;
  position: relative;
}
#myTable tbody td img {
  border-radius: 50%;
}
#myTable thead th {
  background-color: #fff !important;
  color: #7e92a2;
  text-align: center;
  font-family: "Poppins" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.875px;
}
.integration_check {
  min-width: 90%;
  height: 40px;

  color: #fff !important;
  font-size: 13px;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 8px;
  background: #6dd7e4 !important;
  border: none;
  outline: none;
}
#showcode-code .modal-content {
  padding: 25px;
  background-color: #fff !important;
  font-family: Poppins !important;
}
#showcode-code .modal-content .modal-header h6 {
  color: #000;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: start !important;
}
#showcode-code .modal-content .modal-footer button {
  border-radius: 9px;
  background: #6ed8e5 !important;
  color: #fff;
  font-family: Poppins !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  border: none;
  width: 100px;
  padding: 10px 0px;
  box-shadow: unset !important;
}
#showcode-code input {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  height: 40px;
  margin: 0px 5px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#showcode-code .card {
  border: none;
}
#showcode-code .card .card-header {
  background-color: #fff !important;
  border: none;
}
#showcode-code .card .card-header h5 {
  color: #232d42 !important;
  font-family: "Poppins" !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
}
#showcode-code .card .card-body {
  padding-top: 0px !important;
}
#showcode-code pre.language-html {
  /* border: 1px solid #e6f5fe;
  background-color: #fff !important; */
}
#showcode-code .language-html {
  font-family: "Poppins" !important;
}
/* ------------------------------ integration tools page ------------------------------ */
/* ------------------------------ program form page ------------------------------ */
.in_review_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
}
.in_review_btn #label-style {
  font-family: "Poppins" !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: #232d42 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.in_review_btn span {
  padding: 10px 0px;
  color: #fff !important;
  font-size: 16px;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 9px;
  background: #ffde59;
  min-width: 150px !important;
  height: 40px !important;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 25px;
}
#marketing_programs_status .card {
  border: none;
  background: #fff;
  border-radius: 16px;
  background-color: rgb(247, 247, 247);
  overflow: visible;
}
#marketing_programs_status .top-card,
#marketing_programs_status .card-footer {
  border: none;
  background-color: #fff;
  border-radius: 16px;
  padding: 25px;
  margin-bottom: 25px;
}
#marketing_programs_status .card-body {
  background-color: rgb(247, 247, 247);
  padding: 0px;
}
#other_affiliate {
  padding: 0px;
  margin: 0px;
}
#marketing_programs_status .custom-card {
  background-color: #fff;
  border-radius: 16px;
  padding: 25px;
  margin-bottom: 25px;
}
#marketing_programs_status .custom-card .card-body {
  background-color: #fff;
}
#marketing_programs_status .custom-card .card-header,
.all-transaction .card-header {
  background-color: #fff;
  border: none;
  padding: 0px;
}
#marketing_programs_status .custom-card h5,
#marketing_programs_status .card-header h5 {
  color: #232d42;
  font-family: "Poppins" !important;
  text-align: start !important;
  font-size: 18px;
  font-weight: 700;
}

#marketing_programs_status label {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;

  font-weight: 500 !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

#marketing_programs_status input[type="text"],
#marketing_programs_status select,
#marketing_programs_status .input-group-prepend {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  height: 53px;
  /* margin: 0px 5px; */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
#marketing_programs_status textarea,
#comment-box {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  height: 53px;
  /* margin: 0px 5px; */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  padding: 15px 30px;
  color: #c5c7cd !important;
}
#marketing_programs_status textarea::placeholder {
  color: #c5c7cd !important;
}
#marketing_programs_status .input-group-prepend {
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
#marketing_programs_status .input-group-prepend + input {
  border-radius: 0 8px 8px 0;
  border: 1px solid #e6f5fe;
  position: relative;
  height: 53px;
  /* margin: 0px 5px; */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
#marketing_programs_status .input-group-prepend span {
  height: inherit;
  border-radius: 8px 0 0 8px;
  background-color: #fff;
  border: none;
}

.sale_status_radio {
  display: flex;
}
.sale_status_radio div label {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.sale_status_radio div label input {
  margin-right: 8px;
}
.sale_status_radio div label input[type="radio"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #6ed8e5;
  border-radius: 50%;
  outline: none;
  /* box-shadow: 0 0 5px #999; */
  transition: box-shadow 0.3s ease;
}
.sale_status_radio div label input[type="radio"]:before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

.sale_status_radio div label input[type="radio"]:checked:before {
  background: #6ed8e5;
}
.sale_status_radio_parent {
  margin: 0px;
}
/* ------------------------------ program form page ------------------------------ */
/* ------------------------------ payment page ------------------------------ */

.all-transaction {
  border: none;
  background: #fff !important;
  border-radius: 16px 16px 0px 0px;
  padding: 25px;
}
.all-transaction .card-header input::placeholder {
  color: #344054;
}
.all-transaction .card-header input,
.all-transaction .card-header select {
  color: #344054;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 26px;

  border-radius: 8px;
  border: 1px solid #e6f5fe;

  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.all-transaction .btn_custom {
  min-width: 130px;
  height: 40px;
  padding: 10px 20px;

  color: #fff !important;
  font-size: 14px;
  font-family: "Poppins" !important;

  font-weight: 400;
  border-radius: 8px;
  background: #6dd7e4 !important;
  border: none;
  outline: none;
}
.all-transaction .col-3 {
  flex: 0 0 auto;
  width: 22%;
  padding-right: 0px;
  /* margin-right: 10px; */
}
.all-transaction .col-2 {
  flex: 0 0 auto;
  width: 13.666667%;
  padding-right: 0px;
  /* margin-right: 10px; */
}
.all-transaction-table {
  background-color: #fff !important;
  min-height: 50vh !important;
  border-radius: 0px 0px 16px 16px;
}
.all-transaction-table table th {
  color: #7e92a2;
  font-size: 12px;
  font-family: "Poppins" !important;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.all-transaction-table table {
  background: #fff !important;
  min-width: 500px;
}
.all-transaction-table table td {
  text-align: center;
  vertical-align: middle;
}

.transdate {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 20px; /* 142.857% */
  display: flex;
  align-items: center;
  padding: 10px 10px;
}
.transdate input {
  border: none !important;
  box-shadow: unset !important;
  border-radius: 8px;
  padding: 0px !important;
}
.transdate input::placeholder {
  color: #c5c7cd !important;
}
/* ------------------------------ payment page ------------------------------ */
/* ------------------------------ create compaign page ------------------------------ */

#create_compaign {
  border: none;
  /* background: #fff; */
  background-color: rgb(247, 247, 247);

  border-radius: 16px;
  /* padding: 25px ; */
}
.white_container {
  background: #fff;
  padding: 25px;
}
#create_compaign .card-header {
  border: none;
  background: #fff;
  padding: 0px;
}
#create_compaign .card-header h5 {
  color: #232d42;
  font-family: "Poppins" !important;
  text-align: start !important;
  font-size: 18px;
  font-weight: 600;
}
#create_compaign .card-header label {
  font-family: "Poppins" !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: #232d42 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
#create_compaign .card-header span {
  padding: 10px 0px;
  color: #fff !important;
  font-size: 16px;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 9px;
  background: #ffde59;
  min-width: 150px !important;
  height: 40px !important;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 25px;
}
/* #create_compaign .card-header span.bg-success {
  background: #ffde59 !important; */

/* } */

#create_compaign label {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;
  font-weight: 500 !important;
  /* margin-top: 10px; */
  margin-bottom: 10px;
}
#vendor_comment {
  color: #232d42;
  font-family: Poppins !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 175%;
}
#create_compaign input::placeholder,
#create_compaign select::placeholder,
#create_compaign textarea::placeholder {
  color: #c5c7cd;
  font-family: Poppins !important;
  font-size: 14px;
  font-weight: 400;
}
#create_compaign input:not(input[type="checkbox"]),
#create_compaign select,
#create_compaign textarea,
#comment-box,
.create_compaign_btn_style {
  border-radius: 8px;
  border: 1px solid #e6f5fe !important;
  position: relative;
  height: 53px;
  /* margin: 0px 5px; */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054 !important;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#create_compaign input:not(input[type="checkbox"]) {
  border: 1px solid #6ed8e5 !important;
}
#category_tag_container {
  border-radius: 11px;
  border: 1px solid #e6f5fe;
  background: #fff;

  min-height: 79px;
  margin-top: 15px;
}
.compaing_radio_btns {
  min-width: 300px;
}
.compaing_radio_btns label:first-child {
  margin-right: 100px;
}
.compaing_radio_btns label {
  color: #2c2c2e !important;
  font-family: Poppins !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.compaing_radio_btns input,
#addProgram .addProgram_style_div .radio input.click_status {
  margin-right: 10px !important;
  appearance: none !important;
  position: relative;
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #6ed8e5 !important;
  border-radius: 50% !important;
  outline: none !important;
  /* box-shadow: 0 0 5px #999 !important; */
  /* transition: box-shadow 0.3s ease !important; */
}
.compaing_radio_btns input[type="radio"]:checked:before,
#addProgram
  .addProgram_style_div
  .radio
  input.click_status[type="radio"]:checked:before {
  background: #6ed8e5 !important;
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#product_featured_image_label {
  cursor: pointer !important;
  color: #3c3c3c !important;
  font-family: Poppins !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  margin-left: 20px;
}

#product_featured_image_label #product_featured_image_span,
.create_compaign_btn {
  border-radius: 5px !important;
  background: #6ed8e5 !important;
  padding: 8px 20px !important;
  align-items: center !important;
  color: #fff !important;

  font-family: Poppins !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  margin-right: 20px !important;
}
.generate_compaign_b:focus {
  border: none !important;
  outline: none !important;
}
.generate_compaign_b {
  height: 53px !important;
  border-radius: 8px !important;
  background: #6ed8e5 !important;
  padding: 8px 20px !important;
  align-items: center !important;
  color: #fff !important;

  font-family: Poppins !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  margin-right: 20px !important;
}
.upload_size {
  color: #000;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 20px;
}
.fileUpload {
  margin-left: 20px;
  min-width: 350px;
}
#chat_card {
  border: none;
  background-color: #fff;
}
.card-footer {
  border: 0px;
  background-color: #fff;
  padding: 25px;
  border-radius: 16px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-footer button,
.card-footer a {
  min-width: 150px;
  padding: 10px 20px;
  /* margin-top: 10px; */
  color: #fff !important;
  font-size: 12px;
  border: none !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 8px;
  background: #6dd7e4 !important;
  outline: none;
  text-decoration: none !important;
}

/* ------------------------------ create compaign page ------------------------------ */
/* ------------------------------ helpdesk  page ------------------------------ */

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
.help_header {
  /* height: 100vh; */
  background-image: url(../images/bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 300px;
}
.help_main_heading {
  color: #fff;
  font-family: Poppins !important;
  font-size: 40px;
  font-weight: 600;
}
.help_sub_heading {
  color: #fff;
  font-family: Poppins !important;
  font-size: 35px;
  font-weight: 400;
  margin-bottom: 15px;
}

.search_area_help {
  border: none;
  border-radius: 19px;
  background: #fff;
  padding: 15px 5px 15px 40px;
  color: #c5c7cd;
  display: flex;
  align-items: center;
}
.search_area_help .search {
  border: none;
  margin-left: 10px;
  width: 100%;
  outline: none;
  color: #c5c7cd;
  font-family: Poppins !important;
  font-size: 15px;
  font-weight: 400;
}
.search_area_help .search::placeholder {
  color: #c5c7cd;
  font-family: Poppins !important;
  font-size: 15px;
  font-weight: 400;
}

.popular_search {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: Poppins !important;
  font-size: 18px;
  margin-top: 20px;
}
.popular_search_heading {
  color: #fff;
  font-family: Poppins !important;
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 300;

  /* text-decoration-line: underline; */
}
.popular_search a {
  color: #fff;
  font-family: Poppins !important;
  font-size: 15px;
  font-weight: 400;
  margin-left: 5px;
  text-decoration: none;
}
.popular_search a:hover {
  text-decoration: underline;
}

.card_section {
  overflow: hidden;
  position: relative;
  margin-top: -220px;
}
#help_card {
  border-radius: 26px;
  background: #fff;
  box-shadow: 0px 4px 24px 9px rgba(0, 0, 0, 0.09);
  padding: 35px;
  row-gap: 20px;

  border-radius: 26px;
  background: #fff;
  box-shadow: 0px 4px 24px 9px rgba(0, 0, 0, 0.09);
}

.card_desc {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  padding: 25px;
  z-index: 100;
  text-decoration: none;
}

.card_desc::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  opacity: 0.1;
  background: #6ed8e5;
  z-index: 10;
}

.logo_span {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background: #6ed8e5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.desc_card_heading {
  color: #000;
  font-family: Poppins !important;
  font-size: 18px;
  margin-bottom: 0px;

  font-weight: 500;
}
.help_card_info {
  /* margin-top: 3px; */
}
.help_card_info ul li::marker {
  color: #6ed8e5;
}
.help_card_info ul {
  padding-left: 15px;
  list-style-type: disc;
  margin-bottom: 0px !important;
}
.help_card_info ul li {
  color: #c8c8c8;
  font-family: Poppins !important;
  font-size: 10px;

  font-weight: 400;
}

.get_in_touch {
  margin-top: 15px;
  margin-bottom: 50px;
}
.get_in_touch .container {
  width: 1000px;
}
.get_in_touch_heading {
  color: #202120;
  text-align: center;
  font-family: Poppins !important;
  font-size: 25px;
  font-weight: 600;
}
.get_in_touch_desc {
  color: rgba(32, 33, 32, 0.3);
  font-family: Poppins !important;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 50px;
}

.touch_card {
  border-radius: 10px;
  border: 1px solid #e6f5fe;
  background: #fff;
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.02);
  padding: 30px;
}
.touch_span_logo svg {
  width: 52px;
  height: 41px;
}
.touch_card_info_heading {
  color: #202120;
  font-family: Poppins !important;
  font-size: 16px;

  font-weight: 600;
  line-height: 140%; /* 28px */
  letter-spacing: 0.8px;
  margin: 15px 0px;
}
.touch_card_info_text {
  color: #263238;
  font-family: Poppins !important;
  font-size: 11px;
  margin-bottom: 35px;

  font-weight: 400;
}

.touch_info_btn {
  width: 100%;
  text-decoration: none;
  color: #fff !important;
  font-family: Poppins !important;
  font-size: 16px;

  font-weight: 500;
  line-height: 160%; /* 29.086px */
  letter-spacing: -0.182px;
  border-radius: 8px;
  background: #6ed8e3 !important;
  box-shadow: 0px 20px 33px -8.263px rgba(28, 39, 49, 0.08);
}

.team_section {
  overflow: hidden;
  margin-bottom: 50px;
}
.team_section .row {
  row-gap: 20px;
  column-gap: 0px;
}
.team_heading {
  color: #000;
  font-family: Poppins !important;
  font-size: 25px;

  font-weight: 600;
}
.team_text {
  padding-right: 10px;
  color: rgba(32, 33, 32, 0.3);
  font-family: Poppins !important;
  font-size: 14px;

  font-weight: 400;

  margin-bottom: 16px;
}
.team_info_btn {
  width: 280px;
  text-decoration: none;
  color: #fff !important;
  font-family: Poppins !important;
  font-size: 16px;

  font-weight: 500;
  line-height: 160%; /* 29.086px */
  letter-spacing: -0.182px;
  border-radius: 8px;
  background: #6ed8e3 !important;
  box-shadow: 0px 20px 33px -8.263px rgba(28, 39, 49, 0.08);
}
.team_info_btn:hover,
.touch_info_btn:hover {
  color: #fff;
  background: #6ed8e3;
}
.team_image_container {
  display: flex;
  /* flex-wrap: wrap;
  justify-content: center; */
  justify-content: center;
}

.team_image_container img {
  width: 100%;
  height: 263px;
  object-fit: cover;
  border-radius: 16px;
}

/* ------------------------------ helpdesk  page ------------------------------ */

.sub-tr th {
  /* display: flex;
  float: right ; */
}
.table.dataTable thead .sorting_asc:after {
  top: 50% !important;
  transform: translatey(-50%) !important;
}
#table-report thead tr.sub-tr th:nth-child(even):not(:last-child) {
  border-right: 1px solid #e6f5fe;
}
#table-report thead tr:not(:first-child) th {
  font-size: 9px;
}
.main-tr th {
  position: relative;
}
.main-tr th:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 20px;
  border-right: 2px solid #fff;
  z-index: 1;
}

#table-report tbody tr td:nth-child(even):not(:last-child) {
  border-right: 1px solid #e6f5fe;
}
#date_filter {
  box-shadow: none !important;
}

.info_div {
  position: relative;
  display: inline-block;
}
.info_div span {
  position: absolute;
  top: 5px;
  right: -13px;
}
.custom_icon {
  position: absolute !important;
  top: -8px !important;
  right: -13px !important;
}
.info_div svg {
  height: 11px;
  width: 11px;
  color: #012977 !important;
  cursor: pointer;
}
.info_icon {
  position: relative;
  display: inline-block;
}
.info_icon span {
  position: absolute;
  top: -7px;
  right: -12px;
  cursor: pointer;
}
.info_icon svg {
  height: 11px;
  width: 11px;
  color: #012977 !important;
}
table.dataTable thead th {
  border: none !important;
}

/* media queries */

@media only screen and (min-width: 1366px) {
  #tech-companies-1 td,
  #demo-form2 label {
    font-weight: 600;
  }
  #vendor-external td,
  .withdraw-record td,
  #tab-menu_report_logs tbody tr td,
  #myTable tbody td {
    font-weight: 600 !important;
    font-size: 14px !important;
  }
  .table-date,
  .table-user,
  .table-user,
  .table-commission,
  .transaction-table .transaction-type {
    font-weight: 500 !important;
    font-size: 14px !important;
  }

  #sub-order-list li strong,
  #sub-order-list li div {
    font-size: 13px;
  }
  #sub-order-list li span,
  #sub-order-list li a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe_box {
    display: none;
  }
}

@media (min-width: 1200px) {
  #tbl_tickets_listing_filter {
    width: 25%;
  }
  #tbl_tickets_listing_filter {
    position: absolute;
    top: 99px;
    right: 10px;
  }
}
/* media queries */

.daterangepicker.ltr {
  /* top: 184px !important;
        right: 707px !important; */
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  overflow: hidden;
  margin-left: 20px;
}
.daterangepicker .ranges {
  padding: 10px 16px;

  background: #fff;
  width: 308px !important;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.daterangepicker .ranges ul {
  width: 100% !important;
}
.daterangepicker .ranges li {
  color: #313144;

  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
  margin: 10px 0px;
  padding: 12px !important;
  border-radius: 7px;
}
.daterangepicker .ranges li.active {
  border-radius: 7px;
  background-color: #6ed8e5 !important;
  color: #fff;
  padding: 12px;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}
daterangepicker.opensleft:before {
  display: none;
}
daterangepicker.opensleft:after {
  display: none;
}
.applyBtn.btn.btn-sm.btn-primary,
.applyBtn:hover {
  border-radius: 8px !important;
  background: #6ed8e5 !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  /* display: flex !important;
        align-items: center !important;
        justify-content: center !important; */
  width: 100px !important;
  height: 30px;
  border: none !important;
}

table.dataTable.no-footer {
  border: none !important;
}
.btn-setting {
  display: none !important;
}
.no_data_found_text {
  background-color: transparent !important;
  color: #d3d3d3 !important;
  font-family: "Poppins" !important;
  font-size: 38px !important;
  font-weight: 500;
  text-transform: capitalize;
}

/* ------------------- create ticket page start----------------------- */

#createTicket_card {
  border-radius: 16px;
  background: #fff;
  padding: 25px;
  border: none;
}

#createTicket_card .card-header {
  border: none;
  background-color: #fff;
}
#createTicket_card .card-header h6 {
  color: #232d42;
  font-family: "Poppins" !important;
  font-size: 18px;
  font-weight: 600;
  /* margin-left: 20px !important; */
  margin-bottom: 10px !important;
}
#createTicket_card input,
#createTicket_card select {
  border-radius: 11px;
  border: 1px solid #e6f5fe;
  padding: 10px 20px;
  color: #092c4c;
  font-family: "Poppins" !important;
  font-weight: 400;
  overflow: hidden;
}
#createTicket_card input{
  color: #C5C7CD;
}
#createTicket_card label {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;
  width: 100%;
  font-weight: 500;
  margin-bottom: 13px;
}
#createTicket_card .note-editor.note-frame {
  border-radius: 11px;
  border: 1px solid #e6f5fe;
  background: #fff;
  padding: 15px;
}
#createTicket_card .note-toolbar {
  border-radius: 8px;
  background: #f5f5f5;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 8px;
  border: none;
}
#createTicket_card .note-statusbar {
  display: none;
}
.note-editor .note-toolbar > .note-btn-group {
  margin-top: 8px !important;
}

.add_more_ticket {
  min-width: 120px;
  padding: 10px 0px;
  color: #fff !important;
  font-size: 16px;
  margin-top: 12px;

  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 8px;
  background: #6dd7e4 !important;
  border: none;
  outline: none;
}
.add_more_ticket svg {
  width: 24px;
}
#create_new_ticket,
#create_new_ticket:hover {
  min-width: 120px;
  padding: 10px 16px;
  color: #fff !important;
  font-size: 16px;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 8px;
  background: #6dd7e4 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

#createTicket_card .card-footer {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 16px !important;
}

/* ------------------- create ticket page ends----------------------- */

/* --------------------------uncompleted payment------------------------------- */
#uncomplete_trans_form select {
  padding: 10px 10px !important;
}
#uncomplete_payment_table thead tr {
  border: none !important;
  border-color: #fff !important;
}
#uncomplete_payment_table thead tr th {
  color: #7e92a2;
  text-align: center;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
#uncomplete_payment_table tbody tr td {
  color: #202120;
  font-family: Poppins !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
#uncomplete_payment_table tbody tr td.tid,
#uncomplete_payment_table tbody tr td.tname {
  color: #092c4c;
}

.back_to_all_payment {
  color: #fff !important;
  font-family: Poppins !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important; /* 142.857% */
  border-radius: 8px !important;
  background: #6ed8e5 !important;
  padding: 10px 20px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
}
#uncomplete_payment_table .details_button_transaction {
  border-radius: 9px;
  background: #6ed8e5;
  color: #fff;
  font-family: Poppins;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  padding: 9px 16px;
  width: 99px;
}
.transdate_uncomplete {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 20px; /* 142.857% */
  display: flex;
  align-items: center;
  padding: 10px 10px;
}
.transdate_uncomplete input {
  border: none !important;
  box-shadow: unset !important;
  border-radius: 8px;
  padding: 0px !important;
}
.transdate_uncomplete input::placeholder {
  color: #c5c7cd !important;
}

#uncomplete_payment_table .modal-content .modal-header {
  border-bottom: 1px solid #e6f5fe;
}
#uncomplete_payment_table .modal-content {
  border-radius: 16px;
  background: #fff;
  border: none !important;
  padding: 0px 25px !important;
}
#uncomplete_payment_table .modal-content #exampleModalLabel {
  color: #6ed8e5;
  font-family: Poppins !important;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#uncomplete_payment_table .modal-content .modal-body .modal_heading {
  color: #000;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#uncomplete_payment_table .modal-content .modal-body .table td {
  color: #000;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* --------------------------uncompleted payment------------------------------- */
/* --------------------------integration code ------------------------------- */
#integration-code .modal-dialog {
  max-width: unset !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#integration-code .modal-content {
  width: 730px;
}
#integration-code .modal-footer button {
  min-width: 110px;
  padding: 10px 20px;
  margin-right: 10px;
  color: #fff !important;
  font-size: 12px;
  border: none !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 8px;
  background: #6dd7e4 !important;
  outline: none;
  text-decoration: none !important;
}

#integration-code .btn-md {
  background-color: #6ed8e5 !important;
  border: none !important;
  /* height: 43px !important; */
  width: 63px;
  height: 49px;
}
#integration-code .form-control.copy-code {
  height: 49px;
}
#integration-code .col-11.pe-1 {
  padding-right: 20px !important;
}
#integration-code h5.modal-title {
  color: #000;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: start !important;
}

#integration-code input {
  border-radius: 8px;
  border: 1px solid #e6f5fe;
  position: relative;
  height: 43px;
  /* margin: 0px 5px; */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054 !important;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#integration-code .nav-link,
#integration-code .nav-link.bg-secondary.text-white {
  background-color: transparent !important;
  color: #000 !important;
  font-family: Poppins !important;
}
#integration-code .nav-link.active,
#integration-code .nav-link.bg-secondary.text-white.active {
  background-color: #6ed8e5 !important;
  font-family: Poppins !important;
  color: #fff !important;
}
#integration-code .table {
  border: none !important;
  border-color: #fff !important;
}
#integration-code .modal-header .modal-title {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;

  margin-top: 10px;
  margin-left: 10px;
}
#integration-code .modal-content .modal-body {
  padding-top: 0px;
}
#integration-code .table tr {
  border-bottom: 1px solid #e6f5fe;
  background-color: #fff !important;
}

#integration-code .table tr th {
  color: #fff;
  font-size: 14px;
  font-family: "Poppins" !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  min-width: 110px !important;

  background-color: #73d8e4 !important;
  vertical-align: middle;
}
#integration-code .table tr td {
  color: #092c4c;
  font-size: 12px;
  font-family: "Poppins" !important;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  vertical-align: middle;
}
#integration-code .table tr:not(:nth-child(even)) td,
#integration-code .table tr:not(:nth-child(even)) td a {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: #012977;
  text-decoration: none !important;
}
#integration-code .table tr td textarea {
  border: 1px solid #e6f5fe;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: #c5c7cd;
}
#integration-code .table tr td a:hover {
  text-decoration: underline !important;
}
#integration-code .modal-header,
#addProgram .modal-header,
#integration-code .modal-footer {
  border: none !important;
}

#addProgram .modal-content .modal-header{
  padding-bottom: 0px;
}
#addProgram .modal-content {
  background: #f1f1f1 !important;
  border: none !important;
}
#addProgram .addProgram_style_div {
  border-radius: 16px;
  margin-bottom: 20px;
  background: #fff;
  padding: 25px;
}
#addProgram .addProgram_style_div label {
  color: #012977;
  font-size: 16px;
  font-family: "Poppins" !important;
  font-weight: 500 !important;
  /* margin-top: 10px; */
  margin-bottom: 10px;
  /* display: block; */
}
#addProgram .addProgram_style_div input:not([type="radio"]),
#addProgram .addProgram_style_div textarea,
#addProgram .addProgram_style_div select {
  border-radius: 8px;
  border: 1px solid #e6f5fe !important;
  position: relative;
  height: 53px;
  /* margin: 0px 5px; */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054 !important;
  font-family: "Poppins" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#addProgram fieldset {
  padding: 0px !important;
  border: none !important;
}
#addProgram .addProgram_style_div legend {
  padding: 0px !important;
}
#addProgram .addProgram_style_div legend,
#addProgram .card .card-header p,
#addProgram .heading-div p {
  color: #232d42;
  font-family: "Poppins" !important;
  text-align: start !important;
  font-size: 18px;
  font-weight: 600;
}
#addProgram .addProgram_style_div .card .card-header p {
  margin-bottom: 8px !important;
}
#addProgram .addProgram_style_div .card {
  border: none !important;
  padding: 0px !important;
}
#addProgram .addProgram_style_div .card .card-header {
  border: none !important;
  background-color: transparent !important;
  padding: 0px;
}
#addProgram .addProgram_style_div .card .card-body {
  padding: 0px !important;
}
#addProgram .addProgram_style_div .radio.radio-inline label {
  display: flex;
  align-items: center;
  /* gap: 10px; */
  font-family: Poppins;
font-size: 12px;
font-weight: 400 !important;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #2C2C2E !important;

}

#addProgram .sale_commission_value {
  font-family: Poppins;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}
#addProgram  .modal-footer .addProgram_style_div {
  margin: 0px !important;
  margin-bottom: 20px !important;

}
#addProgram  .modal-footer {
  border: none !important;
  padding: 0px 16px !important;
}
#addProgram  .modal-footer .addProgram_style_div button,
#addProgram  .modal-footer .addProgram_style_div a {
  min-width: 150px;
  padding: 10px 20px;
  /* margin-top: 10px; */
  color: #fff !important;
  font-size: 12px;
  border: none !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  border-radius: 8px;
  background: #6dd7e4 !important;
  outline: none;
  text-decoration: none !important;
}
#addProgram {
}
/* --------------------------integration code ------------------------------- */


/* ---------------------------- withdraw details ---------------------------- */
#withdraw_details{
  background: #fff !important;
  border: none;
  border-radius: 16px;
  padding: 15px 20px;
}
#withdraw_details .card-header{
  border: none !important;
  background-color: #fff !important;
}
#withdraw_details .card-header h6{
  
    color: #232d42 !important;
    font-family: "Poppins" !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 175% !important;
    

}
#withdraw_details h6.with-heading{
  font-family: Poppins !important;
  
font-size: 15px;
font-weight: 5  00;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: #000000 !important;

}
#withdraw_details h6.with-heading::after{
  display: none !important;
}
#withdraw_details .details-dtable {
  width: 100%;
}
#withdraw_details .details-dtable tr{
  height: 50px;
  vertical-align: middle !important;
  
}
#withdraw_details .details-dtable tr td{
  font-family: Poppins !important;

font-size: 13px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
text-align: left;
color: #000000 !important;

}
#withdraw_details .details-dtable tr th{
  /* width:50% !important; */
  font-family: Poppins !important;
font-size: 13px;
font-weight: 600;
line-height: 15px;
letter-spacing: 0em;
text-align: left;
color: #7E92A2;

}
#withdraw_details .details-dtable .details_status span{
  width: 99px;
  height: 33px;
  gap: 8px;
  border-radius: 9px;
  background: #dcfce7 !important;
  color: #00ac4f !important;
  font-size: 10px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  line-height: 16.583px;
  text-transform: uppercase;
}
#withdraw_details .table.transaction-table tbody tr td.table-status{
  display: none;
}

#withdraw_details .table.transaction-table thead tr th{
 
font-size: 13px;
font-weight: 500;
 

}
.wallet-popover.btn-wallet-info:hover {
  background-color: transparent !important;
  color: #009cde !important;
}



/* ---------------------------- withdraw details ---------------------------- */
.small-edit-btn,.small-copy-btn{
  display: none !important;
}
@media (max-width:1498px){
.lg-edit-btn{
  display: none !important;
}
.small-edit-btn{
  display: block !important;
}
  
  .lg-copy-btn{
    display: none !important;
  }
  .small-copy-btn{
    display: block !important;
  }
}
.small-copy-btn button{
  font-size: 13px;
  text-decoration: none;
  color: #374151;
  font-family: "Poppins" !important;
  font-weight: 400;
  line-height: 10px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  width: 100% !important;
}






/* integration page */
#integration_card ,#page-doc .card{
  
  padding: 20px;
  border: none;
  border-radius: 16px;
  background: #fff;
 
}
#integration_card .imgDiv{
  /* height: 120px; */
  border: 1px solid #E6F5FE;
  padding: 12px 30px 12px 12px;
  border-radius:20px;
}
#integration_card .imgDiv .pluginImgContainer{
  width: 98px;
height: 84px;
border-radius: 12px;
overflow: hidden;
border: 0.5px solid #E6F5FE
}
#integration_card .imgDiv img{
  
  width: 100%;
height: 100%;
object-fit: contain;
border-radius: 7px;
 

}
#integration_card .pluginText{
  font-family: Poppins !important;
font-size: 16px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
color: #232D42 !important;

}
#integration_card .plugin_detail{
  border: 1px solid #E6F5FE;
  box-shadow: 0px 1px 2px 0px #1018280D;
  background: #FFFFFF;
  color: #6ED8E5;
  width: 40px;
  height: 40px; 
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  margin-left: auto;
 

}
#page-doc{
  font-family: "Poppins" !important;

}
#integration_card .integration_card_heading ,#page-doc .card .card-header h5{
  color: #232d42;
  font-size: 18px;
  font-family: "Poppins" !important;
  font-style: normal;
  font-weight: 600;
}
#integration_card .integration_card_header,#page-doc .card .card-header{
  border: none;
    background: #fff;
}
#page-doc .integration-modules-ins hr{ display: none !important;}
#page-doc .card-body .integration-modules-ins p{
  font-family: "Poppins" !important;
  
  font-size: 14px;
  font-weight: 500;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #232D42;
;
}
#page-doc .card-body .integration-modules-ins p a{
  color: #012977;

}
#page-doc .card-body .integration-modules-ins .installed-step .btn_info{

  box-sizing: border-box;
  font-size: 10px;
  line-height: 17px;
  cursor: pointer;
  color: #012977;
  text-align: center;
  border-collapse: separate;
  caption-side: bottom;
  border-spacing: 0px;
  font-weight: 400;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #012977;
  text-size-adjust: 100%;
}


  #page-doc .card-body .integration-modules-ins .installed-step{
    font-family: "Poppins" !important;
font-size: 12px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
padding-left: 13px;
color: #232D42;

  }
  #page-doc .card-body .integration-modules-ins .installed-step ~ h6,
  #page-doc .card-body .integration-modules-ins .installed-step ~ ul li{
    font-family: "Poppins" !important;
font-size: 12px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
padding-left: 13px;
color: #232D42;
  }

  
  #page-doc div.well{
    font-family: "Poppins" !important;
font-size: 12px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
padding-left: 13px;
color: #232D42;
  }
#myModal_bridge .modal-dialog{
  
  border-radius: 15px;
  gap: 10px
  
}
#myModal_bridge .modal-dialog .modal-content{
  padding:0px 27px;

}
#myModal_bridge .modal-dialog .modal-header{
  border-bottom: 1px solid #E6F5FE;
  background: #fff;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
}
#myModal_bridge .modal-dialog .modal-header h5{
  color: #232d42;
  font-size: 16px;
  font-family: "Poppins" !important;
  font-style: normal;
  font-weight: 600;
}
  #myModal_bridge .modal-dialog .modal-body .list-group-item{
    font-family: "Poppins" !important;
    
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.01em; 
    color: #313957;
    padding-left: 0px !important;
    padding-right: 0px !important;
    
  }
  #myModal_bridge .modal-dialog .modal-body{
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #myModal_bridge .modal-dialog .modal-body .list-group-item img{
    margin-top: 10px;

  }
#myModal_bridge .modal-dialog .modal-footer{
  border-top: 1px solid #E6F5FE;
  padding-right: 0px !important;
}
#myModal_bridge .modal-dialog .modal-footer button{
  width: 99px;
  height: 33px;
  border-radius: 9px;
  background: #6ed8e5 !important;
  color: #ffff !important;
  font-size: 11px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  /* line-height: 16.583px; */
  text-transform: uppercase; 
  display: flex;
  justify-content: center;
  align-items: center;
 border: none !important;
}

#myModal_bridge .modal-dialog .modal-footer button:hover{
  box-shadow: unset !important;
}
#myModal_bridge .closeBtn{
  border: 2px solid #E6F5FE;
  width: 42px;
height: 42px; 
color: #000000;
background-color: transparent;
border-radius: 50%;


}
#myModal_bridge{}


/* integration page ends */