@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap);
@charset "UTF-8";
/* Variables - fonts, colors etc... */
/* Common - common styles, mixins, extends etc... */
.two-factor-title {
  font-size: 20px;
}
.two-factor-p {
  font-size: 14px;
  color: #ACACAC;
}

.tm_lst_sec_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.left_sec {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 35%;
}

.left_sec h4 {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 22px;
  font-weight: 500;
}

.left_sec p, .left_sec span {
  color: #A0A4A8;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-weight: 400;
}

.left_sec span {
  color: #25282B;
}

.right_sec {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search_bar, .imprt_tm_sec, .ctm_sec {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  border-radius: 4px;
  background: #FFF;
  padding: 12px;
}

input.srch_box {
  all: unset;
  pointer-events: all;
  color: #C9C9C9;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-weight: 500;
}

.imprt_tm_sec, .ctm_sec {
  gap: 8px;
  border: 1px solid #09A94B;
}

.ctm_sec {
  background: #09A94B;
}

.ct_txt {
  color: #fff !important;
}

.imprt_tm_txt {
  color: #09A94B;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

.list_img {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px;
  border-radius: 8px;
  background: #FFF;
}

.grid_img.active {
  border-radius: 4px;
  background: #E9F0FC;
  padding: 4px;
}

.tm_card_main {
  position: relative;
  border-radius: 8px;
  border: #E9F0FC;
  background: #FFF;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  padding: 16px;
}

.icons_img {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.check_box {
  all: unset;
  pointer-events: all;
  width: 20px;
  height: 20px;
  border: 1px solid #A0A4A8;
  border-radius: 5px;
  display: block;
}

.avtr_cnt_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  background: #E4F4EB;
  width: 60px;
  height: 60px;
  color: #09A94B;
  font-family: "IBM Plex Sans";
  font-weight: 500;
}
.avtr_cnt_txt h2 {
  font-size: 16px;
}

.avtar_title {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  background: #E4F4EB;
  width: 3.5rem;
  height: 3.5rem;
  color: #09A94B;
  font-family: "IBM Plex Sans";
  font-weight: 500;
  margin-left: -19px;
}
.avtar_title h2 {
  font-size: 16px;
}

.tm_card_sec {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 16px;
  width: 100%;
}

.tm_card_sec::-webkit-scrollbar {
  display: none;
}

.card_details {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.card_info span {
  color: #A0A4A8;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-weight: 400;
  word-break: break-all;
}

.card_info p {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-weight: 500;
  word-break: break-all;
}

.card_membrs_info {
  border-radius: 8px;
  background: #F4F6FA;
  padding: 16px;
}

.membrs_img {
  display: flex;
  align-items: center;
  gap: 12px;
}

.num_txt {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-weight: 500;
}

.card_membrs_info {
  border-radius: 8px;
  background: #F4F6FA;
  padding: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}

.card_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.profile_info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 19px;
}
.profile_info .avatar_img:hover {
  position: relative;
  z-index: 1;
  transform: translateY(-5px);
  transition: 0.6s;
}

.avtr_img {
  margin-left: -19px;
  width: 3.5rem;
  height: 3.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.avtr_img:nth-child(1) {
  margin-left: 0px;
}

.item2 {
  z-index: 999;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #D0D0D0;
  border-radius: 12px;
  z-index: 1;
  right: 0px;
  top: 30px;
  width: 170px;
}

.dropdown-menu.active {
  display: block;
}

.dropdown-menu a:nth-child(1):after {
  content: "";
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: -14px;
  right: 15px;
  transform: rotate(180deg);
}

.dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #A0A4A8;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-weight: 400;
}

.dropdown-menu a:hover {
  background: #E4F4EB;
  color: #09A94B;
}
.dropdown-menu a:hover svg path {
  fill: #09A94B;
}

.dort-dropdown .dropdown-menu a:hover {
  background: #E4F4EB;
  color: #09A94B;
}
.dort-dropdown .dropdown-menu a:hover svg path {
  fill: #09A94B;
}

.dort-dropdown .dropdown-menu a.hover_item:hover img {
  color: #09A94B;
  filter: brightness(0.9) sepia(10) hue-rotate(96deg);
}

.dropbtn i {
  color: #A0A4A8;
}

.dropbtn.active i {
  color: #25282B;
}

.hd_text {
  color: red;
  font-family: "IBM Plex Sans";
  font-weight: 400;
  font-size: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

@media only screen and (min-width: 1280px) and (max-width: 1360px) {
  .right_sec {
    gap: 25px;
  }
  .tm_card_sec {
    grid-template-columns: repeat(4, 1fr);
  }
}
:root,
html {
  overflow-x: hidden;
  font-size: 16px;
}
@media (max-width: 1600px) {
  :root,
  html {
    font-size: 15px;
  }
}
@media (max-width: 1440px) {
  :root,
  html {
    font-size: 14px;
  }
}
@media (max-width: 1366px) {
  :root,
  html {
    font-size: 14px;
  }
}
@media (max-width: 1280px) {
  :root,
  html {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  :root,
  html {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  :root,
  html {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  :root,
  html {
    font-size: 10px;
  }
}

body {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 16px;
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "IBM Plex Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
figure {
  margin: 0;
  padding: 0;
}

a,
a:hover {
  text-decoration: none;
}

.title {
  margin-top: 30px;
}

.card {
  border: none;
  box-shadow: none;
}

.title-h2 {
  margin-bottom: 20px;
}

.no-team-section .team-no-card {
  min-height: 72vh;
}
.no-team-section .team-no-card img {
  max-width: 100px;
}
.no-team-section .team-no-card h5 {
  font-size: 1.375rem;
}
.no-team-section .team-no-card .no-team-button {
  gap: 20px;
}
.no-team-section .team-no-card .no-team-button button {
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  min-width: 150px;
}
.no-team-section .team-no-card .no-team-button .import-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #09A94B;
}
.no-team-section .team-no-card .no-team-button .import-btn:hover .import-svg-icon {
  fill: #ffffff;
}
.no-team-section .team-no-card .no-team-button .create-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.no-team-section .team-no-card .add-import-teams a {
  text-decoration: underline;
  color: #25282B;
  font-size: 0.875rem;
}

.import-agent-btn:hover svg path {
  fill: #ffffff;
}

.import-add-agents h2 {
  font-size: 1.375rem;
}
.import-add-agents .import-title {
  font-weight: 500;
  font-size: 1rem;
}
.import-add-agents .import-list li {
  color: #A0A4A8;
  font-size: 1rem;
  margin-bottom: 10px;
}

.custom_modal .duplicate_text {
  color: #09A94B;
}
.custom_modal .modal-content {
  border-radius: 5px;
}
.custom_modal .modal-content .modal-custom-body {
  text-align: left;
}
.custom_modal .modal-content .btn_close:focus {
  outline: 0;
}
.custom_modal .modal-content .file-group label {
  color: #9E9E9E;
  font-weight: 400;
  font-size: 0.875rem;
}
.custom_modal .modal-content .file-group .upload_select {
  font-size: 0.875rem;
  font-weight: 500;
  border-color: #f6f7f7;
  background-color: #f6f7f7;
  color: #555d65;
  padding: 13px;
  border-radius: 4px;
  min-height: 48px;
  letter-spacing: 0.2px;
}
.custom_modal .modal-content .file-group .upload_select:focus {
  outline: 0;
  box-shadow: none;
}
.custom_modal .modal-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: inherit;
  padding-left: 0px;
}
.custom_modal .modal-content .select2-container--default .select2-selection--single .select2-selection__rendered[title="Select Brand"] {
  color: #C9C9C9;
}
.custom_modal .modal-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px;
}
.custom_modal .modal-content .drag-drop-files {
  border: 2px dashed;
  border-color: rgba(158, 158, 158, 0.4196078431);
  border-radius: 5px;
}
.custom_modal .modal-content .drag-drop-files .file-img {
  height: 52px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #F6F7F7;
  cursor: pointer;
}
.custom_modal .modal-content .drag-drop-files h5 {
  font-size: 1rem;
  font-weight: 400;
}
.custom_modal .modal-content .drag-drop-files h5 span {
  color: #4C95EB;
}
.custom_modal .modal-content .drag-drop-files p {
  color: #A0A4A8;
  font-size: 0.75rem;
}
.custom_modal .modal-content .uploading-file .file-content {
  border-bottom: 1px solid rgba(158, 158, 158, 0.2);
}
.custom_modal .modal-content .uploading-file .file-content .file-text {
  font-size: 0.75rem;
  color: #A0A4A8;
}
.custom_modal .modal-content .uploading-file .file-content .file-progress-bar .custom-progress {
  width: 100%;
  background-color: #EBEBEB;
  border-radius: 10px;
  height: 6px;
}
.custom_modal .modal-content .uploading-file .file-content .file-progress-bar .custom-progress .progress-bar {
  background: linear-gradient(90deg, #09A94B 0%, #09A94B 0.01%, #6BA2FF 100%);
  width: 50%;
}
.custom_modal .modal-content .uploading-file .file-content .file-progress-bar .file-path {
  color: #A0A4A8;
  font-size: 0.75rem;
  font-weight: 400;
}
.custom_modal .modal-content .uploading-file .uploading-file-text {
  font-size: 0.875rem;
  color: #9E9E9E;
}
.custom_modal .modal-content .uploading-file .cancel_btn {
  color: #A0A4A8;
  font-size: 1rem;
  background: transparent;
  border: 1px solid #A0A4A8;
  min-width: 117px;
}
.custom_modal .modal-content .uploading-success-file svg {
  width: auto !important;
}
.custom_modal .modal-content .uploading-success-file h6 {
  font-size: 0.75rem;
}
.custom_modal .modal-content .uploading-success-file h6 span {
  font-weight: 400;
  color: #25282B;
}
.custom_modal .modal-content .uploading-success-file .success_btn {
  min-width: 196px;
}
.custom_modal .modal-content .uploading-success-file .dupli_text {
  font-size: 1rem;
}
.custom_modal .modal-content .uploading-success-file .duplicate_btn {
  max-width: 400px;
  width: 100%;
  background-color: transparent;
  color: #A0A4A8;
  border: 1px solid #A0A4A8;
}
.custom_modal .modal-content .uploading-success-file .duplicate_small_text {
  font-size: 0.875rem;
}
.custom_modal .modal-content .error-message svg {
  width: auto !important;
}
.custom_modal .modal-content .error-message h6 {
  font-size: 0.75rem;
}
.custom_modal .modal-content .error-message h6 span {
  font-weight: 400;
}
.custom_modal .modal-content .error-message p {
  font-size: 0.75rem;
}
.custom_modal .modal-content .error-message .success_btn {
  min-width: 196px;
}
.custom_modal .modal-content .duplicate-message svg {
  width: auto !important;
}
.custom_modal .modal-content .duplicate-message h5 span {
  font-size: 1rem;
}
.custom_modal .modal-content .duplicate-message p {
  font-size: 0.875rem;
}
.custom_modal .modal-content .duplicate-message .duplicate-buttons {
  gap: 20px;
}
.custom_modal .modal-content .duplicate-message .duplicate-buttons button {
  max-width: 188px;
  width: 100%;
}

.drop_icon {
  height: 20px;
  width: 10px;
  cursor: pointer;
}

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

.select2 .select2-selection .select2-selection__rendered {
  flex-wrap: wrap;
}
.select2 .select2-selection .select2-selection__rendered .select2-search__field {
  width: 100%;
  background-color: transparent;
}
.select2 .select2-selection .select2-selection__rendered .select2-selection__choice {
  padding: 8px 16px 8px 16px;
  background-color: #E9F0FC;
  border: 0;
  margin-bottom: 2px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.select2 .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  float: right;
  padding-right: 8px;
  padding-left: 15px;
  width: 10px;
  height: 10px;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  top: -5px;
}
.select2 .select2-selection .select2-selection__rendered .select2-selection__clear {
  width: 1em;
  height: 1em;
  margin-top: 15px;
  padding-left: 0px;
  line-height: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.change-password {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.change-password span {
  position: absolute;
  right: 10px;
  cursor: pointer;
}

.export_btn:hover svg path {
  fill: #ffffff;
}

body.modal-open {
  padding-right: 0px !important;
}

.btn_custom {
  gap: 10px;
}
.btn_custom .cancel_btn {
  background: transparent;
}

a .delete_icon,
a .edit_icon {
  color: #25282B;
}

.reset_default_btn {
  border-radius: 5px;
}
.reset_default_btn:hover svg path {
  fill: #25282B;
}

.leader-points-card {
  border: 1px solid #F5E3FF;
  border-radius: 5px;
}

.leaderboard-points-card {
  border: 1px solid #CAF0E2;
  border-radius: 5px;
}

.rt_achive_item.appreciations_col.application-points-card {
  border: 1px solid #FFECA8;
  border-radius: 5px;
}
.rt_achive_item.appreciations_col.application-points-card .title_text {
  font-size: 22px;
  margin-bottom: 6px;
}

.rt_overdetails_card {
  border-radius: 5px;
}

.img-background {
  background: white;
  border-radius: 5px;
  padding: 10px;
}

.team_tabs {
  border-radius: 8px;
}

.team_custom_card {
  border-radius: 8px;
}
.team_custom_card .tm_flex_inner {
  gap: 20px;
}
.team_custom_card .tm_flex_inner .tm_img_thumbnail {
  border-radius: 50%;
  padding: 20px;
  background-color: rgba(251, 199, 199, 0.5098039216);
  height: 80px;
  width: 80px;
}
.team_custom_card .tm_flex_inner .tm_img_thumbnail img {
  width: 40px;
}
.team_custom_card .tm_flex_title {
  font-size: 1.125rem;
}
.team_custom_card .tm_flex_subtitle {
  font-size: 1rem;
}
.team_custom_card .tm_member_thumbnail {
  background-color: #E0E6FE;
  border-radius: 4px;
  padding: 5px;
}
.team_custom_card .tm_number {
  font-size: 1.625rem;
  font-weight: 600;
}
.team_custom_card .tm_img_assign_task {
  background: #FFF2E9;
  border-radius: 4px;
  padding: 5px;
}
.team_custom_card .tm_img_pending_task {
  background: #FFF8D6;
  border-radius: 4px;
  padding: 5px;
}
.team_custom_card .tm_img_complete_task {
  background: #E6FFF0;
  border-radius: 4px;
  padding: 5px;
}
.team_custom_card .col-border-right {
  border-right: 1px solid #F0F3F7;
}

.tm_details_title {
  font-size: 1.375rem;
}

.tm_pagination_title {
  gap: 20px;
}
.tm_pagination_title p {
  font-size: 1rem;
}
.tm_pagination_title .tm_pagination_page {
  border-radius: 5px;
  border: 1px solid #A0A4A8;
  background-color: #ffffff;
  cursor: pointer;
}
.tm_pagination_title .tm_dropdown {
  cursor: pointer;
  padding: 0px 10px;
}

.activity_title span {
  font-size: 1rem;
  font-weight: 400;
}

.tm_dropdown_list_menu li {
  font-size: 1rem;
  font-weight: 400;
}

.text-decoration-underline {
  text-decoration: underline;
}

.rt_timeline_bar li.orange:before {
  color: #FFBE81;
}

.rt_tl_panel_item.orange {
  background-color: #FFF2EE;
  border-left: 4px solid #FFBE81;
  border-radius: 4px;
}
.rt_tl_panel_item.orange h6 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #E49043;
}
.rt_tl_panel_item.orange a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #E49043;
}

.dropdown .dropdown-menu {
  overflow: hidden;
}
.dropdown .dropdown-menu .dropdown-item:hover i {
  color: #09A94B;
}

.view-opt .icon-opt {
  padding: 3px 5px;
  border-radius: 5px;
}
.view-opt .icon-opt svg path {
  fill: #A0A4A8;
}
.view-opt .active svg path {
  fill: #ffffff;
}

.my_account_btn:hover span svg g path {
  fill: #ffffff;
}

.form-setting-select:focus-visible {
  outline: none;
}

.outline-none:focus {
  outline: none;
}

.tm_name_avatar {
  width: 35px;
  height: 35px;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: rgba(60, 9, 245, 0.2);
  border-radius: 50%;
  color: #8F72F8;
}

.custom_card_section {
  background-color: #ffffff;
  margin-top: -33px;
}

.dropdown-menu .admin_dropdown {
  min-width: 100%;
}
.dropdown-menu .admin_dropdown i {
  font-size: 20px;
  color: #A0A4A8;
  margin-right: 0px;
  margin-left: 0px;
}
.dropdown-menu .admin_dropdown:hover i {
  color: #25282B;
}

.agent_table_dot_primary {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #09A94B;
}

.agent_table_dot_danger {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #FF3939;
}

.agent_table_dot_gray {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #A0A4A8;
}

#crudTable thead th:last-child {
  position: sticky;
  right: 0;
}

#crudTable tbody td:last-child {
  position: sticky;
  right: 0;
}

.left-arrow img {
  cursor: pointer;
}

.dataTables_info {
  margin-bottom: 5px;
}

.badges_border_card {
  border: 1px solid #E8F3FF;
  border-radius: 5px;
}

.import-btn:hover svg path {
  fill: #ffffff;
}

.download_sample_file {
  color: #6BA2FF;
  font-size: 0.875rem;
}
.download_sample_file:hover {
  text-decoration: underline;
}

.import_btn_team:hover svg path {
  fill: #ffffff;
}

.factor_sub_title {
  font-size: 0.875rem;
  color: #ACACAC;
}

.sidebar.sidebar-pills .nav-dropdown.open .nav-link svg path {
  fill: #09A94B;
}

.rt_range_slider .level-img {
  width: auto;
}

.mh-220 {
  min-height: 220px;
}

.filter_btn:hover {
  background-color: rgba(160, 164, 168, 0.2392156863);
}

.main-body-wrapper {
  padding: 24px;
  background: white;
  border-radius: 8px;
}

.text_secondary {
  color: #6BA2FF;
}

.access_control_checkbox {
  transform: translateY(5px);
}

.fiter_select_agent {
  color: #6a6666;
}
.fiter_select_agent ~ .table_header_search {
  display: none;
}

.table_date_icon {
  display: none;
}

.filter_date_picker ~ .table_header_search {
  display: none;
}
.filter_date_picker ~ .table_date_icon {
  display: block;
  margin-top: -2px;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0px;
  font-size: 0.875rem;
  font-weight: 500;
}

table.dataTable > thead .sorting, table.dataTable > thead .sorting_desc, table.dataTable > thead .sorting_disabled {
  cursor: auto;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

.dort-dropdown .tm_details_dropdown_menu .dropdown-item:hover svg path {
  fill: #09A94B;
}

input[type=checkbox].toggle_checkbox {
  border: 2px solid #a0a4a8;
}
input[type=checkbox].toggle_checkbox:checked {
  border: 2px solid #09A94B;
}
input[type=checkbox].toggle_checkbox:checked::after {
  background-color: #09A94B;
}
input[type=checkbox].toggle_checkbox:checked::before {
  color: #25282B;
}
input[type=checkbox].toggle_checkbox::after {
  width: 19px;
  height: 19px;
  background-color: #a0a4a8;
}
input[type=checkbox].toggle_checkbox:before {
  color: #BCBFC2;
}
input[type=checkbox].toggle_checkbox_table {
  border: 1px solid rgba(160, 164, 168, 0.4117647059);
}
input[type=checkbox].toggle_checkbox_table:checked {
  border: 1px solid #09A94B;
}
input[type=checkbox].toggle_checkbox_table:checked::after {
  background-color: #09A94B;
}
input[type=checkbox].toggle_checkbox_table:checked::before {
  color: #25282B;
}
input[type=checkbox].toggle_checkbox_table::after {
  width: 21px;
  height: 21px;
  background-color: rgba(160, 164, 168, 0.4117647059);
}
input[type=checkbox].toggle_checkbox_table:before {
  color: #BCBFC2;
}

.create-team .col-md-12.bold-labels form {
  height: calc(80vh - 61px);
  background-color: #ffffff;
}
.create-team .col-md-12.bold-labels form .custom_card_section {
  margin-left: 0px;
  margin-right: 0px;
}
.create-team .col-md-12.bold-labels form .card-body {
  margin-top: 60px;
}

.new_agent_cancel_btn {
  border: 1px solid #A0A4A8 !important;
  color: #A0A4A8;
}

.total-count-number {
  font-weight: 500;
  font-size: 0.875rem;
}

.move_qualified_lead {
  vertical-align: baseline;
}

.text-ellipsis {
  display: inline-block;
  max-width: 14em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roles-disable-modal .modal-body .btn.whatspp_btn_updatelog {
  max-width: 200px;
}

.gray-background {
  background-color: #F6F7F7;
}

.search_field_close_icon {
  position: absolute;
  right: 10px;
  transform: translate(-10%, 0%);
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.25rem;
  color: #999;
}

.dropdown_position {
  position: relative;
}
.dropdown_position .dropdown-menu-right {
  transform: none !important;
  left: unset !important;
  top: unset !important;
  right: 0 !important;
}

.action_dropdown {
  width: 200px;
}

.tabs-header-main .rt_dropdown .rt_dropdown_list li .rt_drop_down_list {
  height: 0px;
  color: #09A94B;
  padding: 10px;
  justify-content: start;
}

.account-tabs .tab-content-body .info-grid .lead_score_text:first-child {
  color: #25282B;
}

.is-invalid {
  cursor: pointer;
}

.ql-picker-options {
  max-height: 45px;
  overflow-y: auto;
}

.ql-link-tooltip.ql-tooltip.ql-editing {
  left: 0 !important;
}

.count_chart_container {
  position: relative;
}

.gap-20 {
  gap: 20px;
}

/* COMPONENTS - Widgets, components etc... */
.accordion-title {
  background-color: #E9F0FC !important;
}
.accordion-title span {
  color: #25282B;
  font-size: 16px;
}
.accordion-body-tr {
  display: flex;
  align-items: center;
  padding: 18px 15px;
  border-bottom: 1px solid #F0F3F7;
}
.accordion-body-tr:nth-child(even) {
  background-color: #FAFAFA;
}
.accordion-body-td {
  text-align: center;
  width: 150px;
  font-size: 16px;
  font-weight: 400;
  color: #25282B;
}
.accordion-body-td:nth-child(1) {
  width: 100%;
  text-align: left;
}
.accordion .card {
  margin-bottom: 0;
}
.accordion .card-header {
  display: flex;
  align-items: center;
  cursor: auto !important;
  padding: 15px;
  background-color: #E4F4EB;
  cursor: pointer;
  border-bottom: none;
}
.accordion .card-header-content {
  text-align: center;
  width: 150px;
  font-size: 18px;
  font-weight: 500;
  color: #09A94B;
}
.accordion .card-header-content:nth-child(1) {
  width: 100%;
  text-align: left;
}
.accordion .card-header .rotate-icon {
  transition: all 0.4s ease;
}
.accordion .card-header .accicon {
  float: left;
  margin-right: 10px;
  font-size: 20px;
  width: 1.2em;
}
.accordion .card-header .accicon.collapsed .rotate-icon {
  transform: rotate(180deg);
}
.accordion .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(0deg);
}
.accordion .card-body {
  padding: 0;
}
.accordion .card .permission-subtitle {
  font-size: 14px;
  color: #A0A4A8;
}

.modal-content {
  border: none;
  border-radius: 0;
}
.modal-body {
  position: relative;
}

.roles-disable-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5019607843);
  left: 0;
}
.roles-disable-modal .modal-dialog {
  max-width: 560px;
}
.roles-disable-modal .modal-title .error-agent-upload {
  padding: 0 30px;
  word-break: break-all;
  display: block;
}
.roles-disable-modal .close {
  position: absolute;
  top: 4px;
  right: 24px;
  font-weight: 200;
  font-size: 34px;
}
.roles-disable-modal .modal-body {
  text-align: center;
  padding-top: 3em;
}
.roles-disable-modal .modal-body img {
  max-width: 110px;
}
.roles-disable-modal .modal-body h4 {
  font-size: 16px;
  font-weight: 500;
  color: #25282B;
  margin-bottom: 10px;
}
.roles-disable-modal .modal-body p {
  font-size: 14px;
  font-weight: 400;
  color: #52575C;
  margin-bottom: 20px;
}
.roles-disable-modal .modal-body .btn {
  max-width: 180px;
  text-align: center;
  margin: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  width: 100%;
}
.roles-disable-modal .modal-body .toggle_change_password img {
  margin-bottom: 0px;
}

.modal-backdrop {
  display: none;
  background-color: transparent;
}

#qualification_status .modal-content {
  border-radius: 5px;
}
#qualification_status .modal-content .quali_modal_body .quali_content {
  font-weight: 400;
  font-size: 1rem;
  color: #52575C;
}
#qualification_status .modal-content .quali_modal_body .radio-btn-main {
  gap: 20px;
}
#qualification_status .modal-content .quali_modal_body .radio-btn-main .qualification_check label {
  min-width: 150px;
  width: 100%;
  font-size: 1rem;
  padding: 8px 5px;
  border: 1px solid #A0A4A8;
  color: #A0A4A8;
  background-color: #fff;
  border-radius: 4px;
  font-weight: 500;
}
#qualification_status .modal-content .quali_modal_body .radio-btn-main .qualification_check input:checked ~ label {
  color: #09A94B;
  border-color: #09A94B;
  background-color: #E4F4EB;
}
#qualification_status .modal-content .quali_modal_body .radio-btn-main .qualification_check.qualified_not_checked input:checked ~ label {
  color: #F01445;
  border-color: #F01445;
  background-color: #FFF3F3;
}
#qualification_status .modal-content .quali_modal_body .radio-btn-main .qualification_check.qualified_not_checked input:checked ~ label svg path {
  fill: #F01445;
}
#qualification_status .modal-content .quali_modal_body .update_btn {
  color: #A0A4A8;
  background-color: #EBEBEB;
}

.sidebar {
  background-color: #ffffff;
}
.sidebar .nav-item {
  margin-bottom: 6px;
  border-radius: 0px;
  padding-left: 3px;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.sidebar > .sidebar-nav {
  padding-top: 24px;
  width: 100%;
}

.sidebar.sidebar-pills .nav-dropdown.open {
  background-color: #ffffff;
}
.sidebar.sidebar-pills .nav-item {
  width: 100%;
}
.sidebar.sidebar-pills .nav-item .nav-link {
  position: relative;
  font-size: 1rem;
  padding: 0.875rem 1rem;
  border-radius: 8px;
  box-shadow: -3px 0 0 #ffffff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
  color: #A0A4A8 !important;
}
.sidebar.sidebar-pills .nav-item .nav-link .nav-icon {
  color: #a0a4a8;
}
.sidebar.sidebar-pills .nav-item .nav-link svg path {
  fill: #A0A4A8;
}
.sidebar.sidebar-pills .nav-item .nav-link.active, .sidebar.sidebar-pills .nav-item .nav-link:hover {
  color: #09A94B !important;
  background-color: #E4F4EB;
  box-shadow: -3px 0 0 #09A94B;
}
.sidebar.sidebar-pills .nav-item .nav-link.active .nav-icon, .sidebar.sidebar-pills .nav-item .nav-link:hover .nav-icon {
  color: #09A94B !important;
}
.sidebar.sidebar-pills .nav-item .nav-link.active svg path, .sidebar.sidebar-pills .nav-item .nav-link:hover svg path {
  fill: #09A94B;
}
.sidebar.sidebar-pills .nav-item.nav-dropdown.open .nav-drop-toggle {
  color: #09A94B !important;
  background-color: #E4F4EB;
  box-shadow: -3px 0 0 #09A94B;
}
.sidebar.sidebar-pills .nav-item.nav-dropdown.open .nav-drop-toggle .nav-icon {
  color: #09A94B !important;
}
.sidebar .nav {
  width: 100%;
}

.nav-dropdown .nav-dropdown-toggle:before {
  background-image: none;
  transform: rotate(-90deg);
}
.nav-dropdown svg.sidebar-aero {
  position: absolute;
  right: 10px;
  pointer-events: none;
  transition: 0.3s;
  transform: rotate(-180deg);
}
.nav-dropdown .nav-dropdown-items {
  display: none;
}
.nav-dropdown.open .nav-dropdown-toggle {
  font-weight: 500 !important;
}
.nav-dropdown.open .nav-dropdown-toggle:before {
  background-image: none;
  transform: rotate(90deg) !important;
}
.nav-dropdown.open svg.sidebar-aero {
  transform: rotate(0deg);
}
.nav-dropdown.open svg.sidebar-aero path {
  fill: #09A94B;
}
.nav-dropdown.open .nav-dropdown-items {
  display: block;
  position: relative;
  background-color: #F7F8FA;
  padding: 12px 15px !important;
  margin-top: 10px !important;
  border-radius: 8px;
  overflow: hidden;
}
.nav-dropdown.open .nav-dropdown-items .nav-item {
  margin-bottom: 0;
}
.nav-dropdown.open .nav-dropdown-items .nav-item .nav-link {
  border-radius: 0;
  color: #a0a4a8 !important;
  box-shadow: -2px 0 0 #a0a4a8;
}
.nav-dropdown.open .nav-dropdown-items .nav-item .nav-link:hover {
  color: #09A94B !important;
}
.nav-dropdown.open .nav-dropdown-items .nav-item .nav-link.active {
  color: #09A94B !important;
  box-shadow: -2px 0 0 #09A94B;
  background-color: transparent;
}

.sidebar .nav-dropdown-toggle:before {
  background-image: none !important;
  background: none;
}

.sidebar {
  position: relative;
}
.sidebar:hover .aero-sidebar-move {
  opacity: 1;
}
.sidebar ul.nav-dropdown-items .item-collapsed-show {
  display: none;
}
.sidebar.collapse-bar {
  width: 93px;
  flex: 0 0 93px !important;
  transition: 0.3s;
}
.sidebar.collapse-bar .aero-sidebar-move {
  transform: rotate(180deg);
}
.sidebar.collapse-bar .aero-sidebar-move svg {
  margin-right: 5px;
}
.sidebar.collapse-bar .aero-sidebar-move::before {
  left: 13px;
}
.sidebar.collapse-bar span {
  position: absolute;
  left: -5px;
  min-width: 78px;
  top: -34px;
  background: #09A94B;
  z-index: 2;
  padding: 5px 10px;
  border-radius: 5px;
  color: white;
  font-size: 12px;
  box-shadow: #ceedda 0px 0px 0px 1px, #ceedda 0px 2px 4px 1px;
  display: none;
  text-align: center;
  font-weight: 500;
}
.sidebar.collapse-bar span::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #09A94B;
}
.sidebar.collapse-bar .sidebar-aero {
  display: none;
}
.sidebar.collapse-bar .sidebar-nav {
  overflow: visible !important;
}
.sidebar.collapse-bar .nav-drop-btn.active .nav-drop-toggle {
  color: #09A94B !important;
  background-color: #E4F4EB;
  box-shadow: -3px 0 0 #09a94b;
}
.sidebar.collapse-bar ul.nav-dropdown-items {
  position: relative;
  overflow: visible;
}
.sidebar.collapse-bar ul.nav-dropdown-items::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 13px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #09A94B;
}
.sidebar.collapse-bar ul.nav-dropdown-items .item-collapsed-show {
  display: block;
  background-color: #E4F4EB;
  padding: 0.875rem 1rem;
  padding-left: 1.5rem;
  cursor: pointer;
}
.sidebar.collapse-bar ul.nav-dropdown-items .item-collapsed-show p {
  color: #09A94B;
  font-weight: 500;
}
.sidebar.collapse-bar li {
  position: relative;
}
.sidebar.collapse-bar li.nav-item:hover span {
  display: block;
}
.sidebar.collapse-bar li.nav-item .nav-link {
  justify-content: center;
}
.sidebar.collapse-bar li.nav-item.nav-dropdown ul {
  position: absolute;
  top: -12px;
  left: 83px;
  z-index: 10;
  border-radius: 4px;
  background-color: white;
  width: 236px;
  padding: 0px !important;
  box-shadow: #CEEDDA 0px 0px 0px 1px, #CEEDDA 0px 2px 4px 1px;
}
.sidebar.collapse-bar li.nav-item.nav-dropdown ul li a.nav-link {
  box-shadow: none;
  justify-content: start;
  border-left: 2px solid transparent;
}
.sidebar.collapse-bar li.nav-item.nav-dropdown ul li a.nav-link.active {
  color: #087635 !important;
  background-color: #CEEDDA;
  border-left: 3px solid #087635;
}
.sidebar .aero-sidebar-move {
  width: 23px;
  height: 23px;
  background-color: #09A94B;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #09A94B;
  position: absolute;
  right: -10px;
  top: 3px;
  transform: rotate(0deg);
  transition: 0.5s;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
  opacity: 0;
}
.sidebar .aero-sidebar-move img {
  width: 90%;
}
.sidebar .aero-sidebar-move:hover {
  box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
}
.sidebar .aero-sidebar-move svg {
  margin-right: 0px;
}
.sidebar .aero-sidebar-move::before {
  content: "";
  width: 1px;
  height: 10px;
  background-color: white;
  position: absolute;
  left: 6px;
}

.sidebar.sidebar-pills .nav-dropdown .nav-link:not(.nav-dropdown-toggle) {
  padding-left: 1rem;
}

.sidebar.sidebar-pills .nav-dropdown .nav-link:not(.nav-drop-toggle) {
  padding-left: 1.5rem;
}

.select2 .select2-selection, .checkbox-btn input, .card input[type=text],
.card input[type=password],
.card input[type=email],
.card input[type=number],
.card input[type=datetime-local],
.card textarea,
.card select.form-control {
  font-size: 14px;
  font-weight: 500;
  border-color: #f6f7f7;
  background-color: #f6f7f7;
  color: #555d65;
  padding: 13px;
  border-radius: 4px;
  min-height: 48px;
  letter-spacing: 0.2px;
}
.select2 .select2-selection:focus, .checkbox-btn input:focus, .card input[type=text]:focus,
.card input[type=password]:focus,
.card input[type=email]:focus,
.card input[type=number]:focus,
.card input[type=datetime-local]:focus,
.card textarea:focus,
.card select.form-control:focus, .select2 .select2-selection:active, .checkbox-btn input:active, .card input[type=text]:active,
.card input[type=password]:active,
.card input[type=email]:active,
.card input[type=number]:active,
.card input[type=datetime-local]:active,
.card textarea:active,
.card select.form-control:active, .select2 .select2-selection:hover, .checkbox-btn input:hover, .card input[type=text]:hover,
.card input[type=password]:hover,
.card input[type=email]:hover,
.card input[type=number]:hover,
.card input[type=datetime-local]:hover,
.card textarea:hover,
.card select.form-control:hover {
  outline: none;
  border-color: #f6f7f7;
  box-shadow: none;
  background-color: #f6f7f7;
  color: #555d65;
}

.form-card {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 20px 14px;
}
.form-card label {
  color: #9e9e9e;
  font-weight: 400;
  font-size: 14px;
}

.half-page-input {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.half-page-input .form-group {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
}

.card input[type=text],
.card input[type=password],
.card input[type=email],
.card input[type=number],
.card input[type=datetime-local],
.card textarea,
.card select.form-control {
  border: none;
}
.card textarea {
  min-height: 115px;
}
.card .password-input {
  display: block;
  width: 100%;
  border: none;
  padding-right: 40px;
}

.password-input-wrapper {
  position: relative;
}
.password-icon {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
  cursor: pointer;
}

.form-textarea {
  position: relative;
  width: 100%;
}

.charector-count {
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 5px;
  color: #9E9E9E;
}

.radio-switch {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 45px;
  height: 23px;
  margin-left: 70px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.radio-switch:after {
  position: absolute;
  content: "";
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #ebebeb;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  transform: scale(0.7);
  left: 0;
  transition: all 0.2s ease-in-out;
}
.radio-switch:before {
  position: absolute;
  content: "Disabled";
  left: -63px;
  color: #ebebeb;
  font-size: 14px;
}
.radio-switch:checked {
  border: 1px solid #09A94B;
}
.radio-switch:checked:before {
  position: absolute;
  content: "Enabled";
  left: -63px;
  color: #25282B;
}
.radio-switch:checked:after {
  left: calc(100% - 21px);
  background-color: #09A94B;
}

.two-fact-auth .radio-switch {
  border: 2px solid #a0a4a8;
}
.two-fact-auth .radio-switch:before, .two-fact-auth .radio-switch:after {
  content: "";
}
.two-fact-auth .radio-switch:after {
  width: 19px;
  height: 19px;
  background: #a0a4a8;
}
.two-fact-auth .radio-switch:checked {
  border: 2px solid #09a94b;
}
.two-fact-auth .radio-switch:checked:after {
  background-color: #09a94b;
}

.tick-checkbox {
  position: relative;
}
.tick-checkbox-label {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: #09A94B;
  margin-bottom: 0;
}
.tick-checkbox-label input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  left: 0px;
  top: 2px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #4e4e4e;
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(2);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
}
.tick-checkbox-label input:checked, .tick-checkbox-label input:indeterminate {
  background-color: #09A94B;
}
.tick-checkbox-label input:checked + span::before, .tick-checkbox-label input:indeterminate + span::before {
  border-color: #09A94B;
  background-color: #09A94B;
}
.tick-checkbox-label input:checked + span::after, .tick-checkbox-label input:indeterminate + span::after {
  border-color: #ffffff;
}
.tick-checkbox-label input:checked:disabled + span:before, .tick-checkbox-label input:indeterminate:disabled + span:before {
  border-color: transparent;
  background-color: currentColor;
}
.tick-checkbox-label input:indeterminate + span:after {
  border-left: none;
  transform: translate(4px, 3px);
}
.tick-checkbox-label input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.tick-checkbox-label span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
.tick-checkbox-label span:before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 3px 11px 3px 1px;
  border: solid 1px; /* Safari */
  border-color: #A0A4A8;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}
.tick-checkbox-label span:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 2px;
  width: 10px;
  height: 5px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg);
}
.tick-checkbox-label span:after + span::before {
  border-color: #09A94B;
}
.tick-checkbox-label span:checked:active + span:before {
  border-color: transparent;
  background-color: #ffffff;
}
.tick-checkbox-label span:disabled {
  opacity: 0;
}
.tick-checkbox-label span:disabled + span {
  color: #09A94B;
  cursor: initial;
}
.tick-checkbox-label span:disabled + span:before {
  border-color: currentColor;
}

.checkbox-btn {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.checkbox-btn div {
  font-size: 16px;
  position: relative;
  border-radius: 8px;
  padding: 12px 25px;
  font-weight: 500;
  background-color: #ffffff;
  border: 1px solid #09a94b;
  color: #25282b;
  cursor: pointer;
  padding-right: 45px;
  min-width: 135px;
}
.checkbox-btn div:after {
  content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 400;
  color: #25282B;
}
.checkbox-btn input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  cursor: pointer;
}
.checkbox-btn input:checked + div {
  background-color: #d0f3de;
  border-color: #d0f3de;
  color: #09A94B;
}
.checkbox-btn input:checked + div:after {
  content: "L";
  right: 22px;
  font-size: 18px;
  color: #09a94b;
  font-family: arial;
  transform: scaleX(-1) rotate(-40deg) translate(74%, -44%);
}

.dort-dropdown {
  position: relative;
  display: inline-block;
}
.dort-dropdown .dropdown-menu {
  position: absolute;
  border-radius: 8px;
  box-shadow: 0px 0px 10px #D0D0D0;
}
.dort-dropdown .dropdown-menu::after {
  content: “”;
  position: absolute;
  left: 13px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #fff;
  transform: rotate(180deg);
  clear: both;
}
.dort-dropdown .dropdown-item {
  color: #A0A4A8;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 4px 10px;
}
.dort-dropdown .dropdown-item span {
  font-size: 18px;
  margin-right: 10px;
}
.dort-dropdown .dropdown-item:hover, .dort-dropdown .dropdown-item:active, .dort-dropdown .dropdown-item:focus {
  color: #25282B;
  background-color: #E4F4EB;
}

.radio-btn-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.radio-btn-main .radio-btn-wrapper {
  position: relative;
  padding-left: 0;
  margin-right: 15px;
  transition: all 0.4s ease;
  margin-bottom: 15px;
}
.radio-btn-main .radio-btn-wrapper input {
  position: absolute;
  margin-left: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  margin-top: 0;
  cursor: pointer;
}
.radio-btn-main .radio-btn-wrapper input:checked ~ label {
  color: #09A94B;
  border-color: #09A94B;
  background-color: #E4F4EB;
}
.radio-btn-main .radio-btn-wrapper input:checked ~ label svg path {
  fill: #09A94B;
}
.radio-btn-main .radio-btn-wrapper svg {
  margin-right: 10px;
}
.radio-btn-main .radio-btn-wrapper label {
  font-size: 14px;
  min-width: 120px;
  padding: 10px;
  border: 1px solid #F6F7F7;
  color: #A0A4A8;
  background-color: #F6F7F7;
  border-radius: 4px;
}

.select2 .select2-selection {
  min-height: 48px !important;
  border: none !important;
}
.select2 .select2-selection .select2-selection__rendered {
  height: 100%;
  display: flex;
  align-items: center;
}

input:focus, input:active, select:focus, select:active {
  border: none;
  outline: none;
}

select {
  -webkit-appearance: initial;
  background: url(/images/down-arrow.svg?b5f1c153e99d6e06134086914728a58d) no-repeat;
  background-position: right 5px center;
  background-size: 10px;
  padding-right: 15px;
  cursor: pointer;
}

.brand-form {
  display: grid;
  grid-template-columns: auto 35%;
  gap: 33px;
}
.brand-form label span {
  color: #F01445;
}
.brand-form input {
  font-size: 14px;
  font-weight: 500;
  border-color: #f6f7f7;
  background-color: #f6f7f7;
  color: #555d65;
  padding: 13px;
  border-radius: 4px;
  min-height: 48px;
  letter-spacing: 0.2px;
}
.brand-form.add_funnel {
  grid-template-columns: auto 50%;
}
.brand-form.edit_funnel {
  grid-template-columns: auto 50%;
}

.second-half {
  cursor: pointer;
}
.second-half .textReset {
  color: #A0A4A8;
  font-weight: 300;
  font-size: 16px;
  font-family: "IBM Plex Sans";
}
.second-half:hover .textReset {
  color: #56595D;
}

.password-input-wrapper input {
  padding-right: 43px !important;
}

#daterangepicker-created_at {
  padding-right: 10px;
  min-width: 160px;
  background: #fff;
}

#daterangepicker-updated_at {
  padding-right: 10px;
  min-width: 160px;
  background: #fff;
}

.rt_dropdown_list .rt_drop_down_list:hover {
  color: #09A94B;
}

.input_field_cmnt .search_type_input:focus {
  background-color: #F6F7F7;
}
.input_field_cmnt .selectUser {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

input.new_date[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.new_date {
  background: url(/images/calender_icon.png?ca55e5d328b549a35e7d77de614d4700) no-repeat;
  background-position: right 10px center;
  background-size: 15px;
}
.new_date:focus {
  background-color: #f6f7f7;
  outline: none;
  box-shadow: none;
}

::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  position: absolute;
  right: 0;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #09A94B;
  color: #ffffff;
}

#daterangepicker-last_deposit_at[type=text] {
  min-width: 160px;
  padding-right: 10px;
  background-color: #fff;
}

#daterangepicker-salerep_assigned_at[type=text] {
  min-width: 160px;
  padding-right: 10px;
  background-color: #fff;
}

#daterangepicker-last_deposited[type=text] {
  min-width: 160px;
  padding-right: 10px;
  background-color: #fff;
}

.agent_datepicker .agent_details_datepicker {
  background: url(/images/calender_icon.png?ca55e5d328b549a35e7d77de614d4700) no-repeat;
  background-position: right 10px center;
  background-size: 15px;
  padding-right: 25px;
  text-align: left;
  min-width: 260px;
  min-height: 51px;
  cursor: pointer;
}

select.remove-select-dropdown, input[type=text] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: #F6F7F7;
}

.quali_stage_input input[type=radio].qualified_stage:checked {
  accent-color: #09A94B;
  color: #09A94B;
}

.form-group.required > label:not(:empty):not(.form-check-label)::after {
  content: " *";
  color: #ff0000;
}

.btn {
  font-size: 16px;
  border-radius: 8px;
  padding: 12px;
  font-weight: 500;
}
.btn:hover, .btn:focus, .btn:active {
  outline: none;
  box-shadow: none;
}

.btn-success, .btn-primary, .btn-type-1 {
  background-color: #09A94B;
  border-color: #09A94B;
  color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:not(:disabled):not(.disabled):active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-type-1:hover, .btn-type-1:focus, .btn-type-1:active, .btn-type-1:not(:disabled):not(.disabled):active {
  background-color: #018C3A;
  border-color: #018C3A;
  box-shadow: none !important;
}
.btn-secondary, .btn-type-2 {
  background-color: #fff;
  border-color: #A0A4A8;
  color: #A0A4A8;
}
.btn-danger, .btn-type-4 {
  background-color: #FF3939;
  border-color: #FF3939;
  color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-type-4:hover, .btn-type-4:focus, .btn-type-4:active {
  background-color: #f52525;
  border-color: #f52525;
}
.btn-type-3 {
  background-color: #FF3939;
  border-color: #FF3939;
  color: #fff;
}
.btn-type-3:hover, .btn-type-3:focus, .btn-type-3:active {
  background-color: #f52525;
  border-color: #f52525;
}

.reset-btn {
  cursor: pointer;
  padding: 10px;
  text-align: center;
  margin-top: 15px;
}

.btn-fix {
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
}

.btn-white, .btn-active-primary:hover {
  color: #09A94B;
  background-color: #fff;
}

.btn-default {
  color: #fff;
  background-color: #09A94B;
}

.btn-grid {
  gap: 8px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: 170px;
  height: 48px;
  border: 1px solid #09A94B;
}

.btn-primay-outline {
  border: 1px solid #09A94B;
  color: #09A94B;
}
.btn-primay-outline:hover {
  background-color: #09A94B;
  color: white !important;
}

.btn-short {
  min-width: auto;
  padding: 10px 20px;
}

.btn-height-small {
  height: 36px;
}

.btn-outline-gray {
  border: 1px solid #9e9e9e;
  color: #9e9e9e;
}

.btn-disabled-primary {
  background-color: #EBEBEB;
  border: 1px solid #EBEBEB;
  color: #A0A4A8;
}
.btn-disabled-primary svg path {
  fill: #A0A4A8;
}
.btn-disabled-primary:hover {
  background-color: #09A94B;
  color: white;
}
.btn-disabled-primary:hover svg path {
  fill: white;
}

.no-brder-radius {
  border-radius: 0;
}

.btn-info-alert {
  background-color: white;
  border: none;
  border-radius: 0;
  gap: 20px;
}

.btn-active-primary {
  background-color: #09A94B;
  color: white;
}
.btn-active-primary svg path {
  fill: white;
}
.btn-active-primary:hover svg path {
  fill: #09A94B;
}

.funnel_radio_btn_group.radio-btn-show span {
  color: #9e9e9e;
}
.funnel_radio_btn_group.radio-btn-show span::after {
  color: red;
}
.funnel_radio_btn_group.radio-btn-show .radio-btn-main .radio-btn-wrapper input[type=radio] {
  opacity: 1;
  width: 20px;
  height: 20px;
  margin-left: 12px;
  margin-top: -2px;
}
.funnel_radio_btn_group.radio-btn-show .radio-btn-main .radio-btn-wrapper input[type=radio]:checked {
  accent-color: #09A94B;
  color: #09A94B;
}
.funnel_radio_btn_group.radio-btn-show .radio-btn-main .radio-btn-wrapper input[type=radio]:checked:checked ~ label span {
  color: #09A94B;
}

.play_btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.play_btn img {
  width: 100%;
}

.btn_disabled {
  background-color: #EBEBEB;
  border: 1px solid #EBEBEB;
  color: #A0A4A8;
  border-radius: 5px;
}
.btn_disabled svg path {
  fill: #A0A4A8;
}
.btn_disabled:hover {
  background-color: #EBEBEB;
  color: #A0A4A8;
  cursor: default;
}
.btn_disabled:hover svg path {
  fill: #A0A4A8;
}

.btn_error_border {
  border: 1px solid rgba(255, 0, 0, 0.2509803922);
  border-radius: 5px;
  background-color: rgba(234, 210, 210, 0.1803921569);
  cursor: default !important;
}

.two-fact-auth img {
  width: 46px;
  height: 46px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 20px;
}
.two-fact-auth .auth-img {
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 20px;
}

.breadcrumb-item {
  font-size: 0.875rem;
}
.breadcrumb-item a {
  color: #A0A4A8;
  transition: all 0.4s ease;
}
.breadcrumb-item a:hover {
  color: #25282B;
}
.breadcrumb-item.active {
  color: #25282B;
  cursor: default;
}

.table td, .table thead tr th {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 14px;
}

.table td,
.table th {
  border-top: 1px solid #f0f3f7;
}
.table thead tr th {
  font-weight: 600;
  background-color: #E9F0FC;
  line-height: 50px;
}
.table thead tr th:before, .table thead tr th:after {
  display: none !important;
}
.table td {
  font-weight: 400;
  color: #25282B;
}
.table tfoot {
  display: none;
}
.table.table-hover tbody tr:hover {
  background-color: #fff;
}

.page-item.active .page-link {
  background-color: #09A94B;
  border-color: #09A94B;
}

.agent-table thead tr th {
  line-height: inherit;
  vertical-align: middle;
}
.agent-table thead tr th .search-input-group {
  background: white;
  padding: 4px;
  margin-top: 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agent-table thead tr th .search-input-group input {
  border: none;
  font-size: 12px;
}

.action-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.action-section .action-btn {
  padding: 5px;
  cursor: pointer;
}

.agent-table-wrapper table.dataTable thead tr th {
  min-width: 100px;
}
.agent-table-wrapper table.dataTable thead tr th:first-child {
  min-width: auto;
}
.agent-table-wrapper table.dataTable thead tr th:nth-child(2) {
  min-width: 162px;
}
.agent-table-wrapper table.dataTable thead tr th:last-child {
  position: sticky;
  right: 0;
  text-align: center;
  box-shadow: 0px 7px 4px 0px #aaa;
}
.agent-table-wrapper table.dataTable thead tr th:last-child::after {
  content: "";
  position: absolute;
  left: 0;
}
.agent-table-wrapper table.dataTable tbody tr.even td:nth-last-child(1) {
  background: #FAFAFA;
}
.agent-table-wrapper table.dataTable tbody tr td:nth-last-child(1) {
  position: sticky;
  right: 0;
  background: white;
  box-shadow: -2px 0px 1px 0px #e6e6e6;
}

.team-table-wrapper tbody tr td:nth-child(2), .agent-table-wrapper tbody tr td:nth-child(2) {
  cursor: pointer;
}
.team-table-wrapper tbody tr td:nth-child(2):hover span, .agent-table-wrapper tbody tr td:nth-child(2):hover span {
  border-bottom: 1px solid #6BA2FF;
}
.team-table-wrapper tbody tr td:nth-child(2) span, .agent-table-wrapper tbody tr td:nth-child(2) span {
  color: #6BA2FF;
  border-bottom: 1px solid transparent;
}

.agent-table-wrapper .dataTables_wrapper .col-sm-12 {
  overflow-x: auto;
  padding-right: 0;
}

.not-registered {
  color: #FF3939;
}

.registered {
  color: #32A9FF;
}

.already-registered {
  color: #25282B;
}

.not-deposited {
  color: #F58D13;
}

.converted {
  color: #09A94B;
}

.lead-status {
  position: relative;
}
.lead-status.registered::before {
  background-color: #32A9FF;
}
.lead-status.not-registered::before {
  background-color: #FF3939;
}
.lead-status.already-registered::before {
  background-color: #25282B;
}
.lead-status.not-deposited::before {
  background-color: #F58D13;
}
.lead-status.converted::before {
  background-color: #09A94B;
}
.lead-status::before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #32A9FF;
  border-radius: 50%;
  margin-right: 5px;
}

.dataTables_scrollBody::-webkit-scrollbar-track, .agent-table-wrapper .dataTables_wrapper .col-sm-12::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 20px;
}
.dataTables_scrollBody::-webkit-scrollbar, .agent-table-wrapper .dataTables_wrapper .col-sm-12::-webkit-scrollbar {
  width: 8px;
  height: 6px;
  background-color: #F5F5F5;
  border-radius: 20px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb, .agent-table-wrapper .dataTables_wrapper .col-sm-12::-webkit-scrollbar-thumb {
  background-color: #A0A4A8;
  border-radius: 20px;
}
.dataTables_scrollBody::-ms-scrollbar-track, .agent-table-wrapper .dataTables_wrapper .col-sm-12::-ms-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 20px;
}
.dataTables_scrollBody::-ms-scrollbar, .agent-table-wrapper .dataTables_wrapper .col-sm-12::-ms-scrollbar {
  width: 8px;
  height: 6px;
  background-color: #F5F5F5;
  border-radius: 20px;
}
.dataTables_scrollBody::-ms-scrollbar-thumb, .agent-table-wrapper .dataTables_wrapper .col-sm-12::-ms-scrollbar-thumb {
  background-color: #A0A4A8;
  border-radius: 20px;
}

.q-rate {
  display: flex;
  color: #A0A4A8;
}
.q-rate span {
  color: #25282B;
}
.q-rate span::after {
  content: "";
  height: 3px;
  width: 3px;
  background-color: #25282B;
  border-radius: 50%;
  margin: 0 6px;
  display: inline-block;
}

.l-score {
  display: flex;
}
.l-score.score-cold {
  color: #518AEA;
}
.l-score.score-cold span::after {
  background-color: #518AEA;
}
.l-score.score-warm {
  color: #F38C2D;
}
.l-score.score-warm span::after {
  background-color: #F38C2D;
}
.l-score.score-hot {
  color: #CD0404;
}
.l-score.score-hot span::after {
  background-color: #CD0404;
}
.l-score span::after {
  content: "";
  height: 3px;
  width: 3px;
  background-color: #518AEA;
  border-radius: 50%;
  margin: 0 6px;
  display: inline-block;
}

body.date-open main {
  overflow: hidden !important;
}
body.date-open .agent-table-wrapper .dataTables_wrapper .col-sm-12 {
  overflow: hidden;
}

#crudTable.access_control_table tbody td:last-child {
  position: inherit;
  right: 0;
}
#crudTable td {
  height: 32px;
}

.dataTables_scrollFoot {
  display: none;
}

#infoAlert {
  visibility: hidden;
  display: none;
  min-width: 450px;
  min-height: 46px;
  background-color: white;
  text-align: center;
  border-radius: 2px;
  padding: 12px;
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translateX(-45%);
  top: 90px;
  font-size: 17px;
  box-shadow: 0px 0px 10px 0px #D0D0D0;
  align-items: center;
  grid-template-columns: auto 80% auto;
}
#infoAlert.show {
  display: grid;
  visibility: visible;
  animation: fadeinAlert 0.5s, fadeoutAlert 0.5s 2.7s;
}
@keyframes fadeinAlert {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 90px;
    opacity: 1;
  }
}
@keyframes fadeoutAlert {
  from {
    top: 90px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
#infoAlert .error-symb {
  margin-right: 24px;
}
#infoAlert .close-alert {
  cursor: pointer;
}
#infoAlert .info-message {
  text-align: left;
}
#infoAlert .info-message h5 {
  font-size: 16px;
}
#infoAlert .info-message p {
  color: #A0A4A8;
  font-size: 12px;
}
#infoAlert.error-alert {
  border-left: 2px solid #FF3939;
}
#infoAlert.success-alert {
  border-left: 2px solid #09A94B;
}

.searchValueParent {
  padding: 12px;
  background: white;
}
.searchValueParent:not(:last-child) {
  border-bottom: 1px solid #F0F3F7;
}
.searchValueParent:hover {
  background-color: #E4F4EB;
}
.searchValueParent .searchValue {
  cursor: pointer;
}

.comments-box {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.09);
  border-radius: 5px;
  overflow: hidden;
}

.comment {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px;
  background-color: #E4F4EB;
  border: none;
  border-radius: 4px;
  height: 40px;
}
.comment .delete-icon {
  cursor: pointer;
  color: #25282B;
  margin-left: 10px;
  padding: 10px 10px 10px 0;
}
.comment span:first-child {
  padding-left: 10px;
}

.tabs {
  padding: 24px;
  background-color: white;
  margin-bottom: 20px;
}
.tabs ul.tabs-header {
  border-bottom: 1px solid #ccc;
}
.tabs ul.tabs-header li {
  font-size: 16px;
  position: relative;
}
.tabs ul.tabs-header li a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
  padding: 12px;
  color: var(--Text-Inactive, #A0A4A8);
}
.tabs ul.tabs-header li a.active {
  color: #09A94B;
  border-bottom: 1px solid #09A94B;
}
.tabs ul.tabs-header li a.active svg path {
  fill: #09A94B;
}
.tabs ul.tabs-header li a svg path {
  fill: rgb(160, 164, 168);
}
.tabs ul.tabs-header li a.custom-tab:after {
  content: "";
  background: #405189;
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 250ms ease 0s;
  transform: scale(0);
}
.tabs ul.tabs-header li a.custom-tab.active:after {
  background-color: var(--Primary-Primary, #09A94B);
  transform: scale(1);
}
.tabs .tabs-content-wraper {
  border: none;
  box-shadow: none;
  margin-top: 0;
}
.tabs .tabs-content-wraper .tab-content-body {
  padding: 24px 0 0 0;
}
.tabs .tabs-content-wraper .tab-content-body .tabs-content-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 32px;
}

.agent-profile-tab {
  background-color: #F6F6F6;
  border-radius: 6px;
  width: 100%;
  max-width: 240px;
  padding: 8px 0;
  margin-right: 20px;
}
.agent-profile-tab .nav-pills {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 15px);
  position: relative;
}
.agent-profile-tab .nav-pills a {
  z-index: 1;
  width: 33%;
  text-align: center;
  color: #A0A4A8;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 0;
}
.agent-profile-tab .nav-pills a.active {
  color: #09A94B;
  background: white;
  border-radius: 4px;
}
.agent-profile-tab.active-one .active-slide {
  left: 0%;
}

.agent-profile-tab-content {
  border: none;
  padding: 0;
  box-shadow: none;
}
.agent-profile-tab-content .tab-pane {
  padding: 0;
}

.account-tabs .tab-content-body .info-grid {
  display: grid;
  grid-template-columns: auto 5% 70%;
  padding: 10px;
  color: #25282B;
}
.account-tabs .tab-content-body .info-grid span:first-child {
  color: #A0A4A8;
}
.account-tabs .tab-content-body.security-content .security-grid {
  display: flex;
  padding: 20px;
  background-color: #FAFAFA;
}
.account-tabs .tab-content-body.security-content .security-grid .input-group {
  display: grid;
}
.account-tabs .tab-content-body.security-content .security-grid .input-group label {
  font-weight: 500;
}
.account-tabs .tab-content-body.security-content .security-grid .input-group input {
  font-size: 14px;
  padding: 2px;
  border: none;
  background-color: transparent;
}
.account-tabs .tab-content-body.security-content .security-grid button {
  width: 220px;
  border: 1px solid #09A94B;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 500;
  color: #09A94B;
  border-radius: 4px;
}
.account-tabs .tab-content-body.general-settings .-grid {
  display: grid;
  grid-template-columns: 49% 49%;
  gap: 24px;
}
.account-tabs .tab-content-body.general-settings label {
  display: block;
  font-size: 14px;
  color: #A0A4A8;
}
.account-tabs .tab-content-body.general-settings select, .account-tabs .tab-content-body.general-settings input {
  width: 100%;
  border: none;
  background-color: #F6F7F7;
  padding: 13px 12px;
  font-weight: 500;
  color: #555D65;
  font-size: 14px;
}

.page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
}
.page-header .page-header-right-elements {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.page-header .dort-dropdown .dropdown-menu {
  transform: none !important;
  left: unset !important;
  top: unset !important;
  right: 0 !important;
}

.team-header .page-header-right-elements .view-opt {
  display: flex;
  gap: 14px;
  padding: 8px;
  background-color: #fff;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
}
.team-header .page-header-right-elements .view-opt .active {
  background-color: #09A94B;
}
.team-header .page-header-right-elements .view-opt .grid-opt, .team-header .page-header-right-elements .view-opt .list-opt {
  cursor: pointer;
  height: 32px;
  width: 32px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-header .page-header-left-elements .file-records {
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px;
}
.team-header .page-header-left-elements .file-records span {
  color: #A0A4A8;
}

.agent-header .page-header-left-elements .file-records {
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px;
}
.agent-header .page-header-left-elements .file-records span {
  color: #A0A4A8;
}

.header-pagenation {
  display: flex;
  gap: 12px;
  color: #A0A4A8;
}
.header-pagenation .pagenation-aero {
  gap: 8px;
  display: flex;
}
.header-pagenation .pagenation-aero .aero-icon {
  border: 1px solid #A0A4A8;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  cursor: pointer;
  border-radius: 4px;
}
.header-pagenation .pagenation-aero .aero-icon svg path {
  fill: #A0A4A8;
}
.header-pagenation .pagenation-aero .aero-icon.active {
  background-color: E9F0FC;
  border: 1px solid #6BA2FF;
}
.header-pagenation .pagenation-aero .aero-icon.active svg path {
  fill: #6BA2FF;
}

.pagination {
  gap: 10px;
}
.pagination .paginate_button .page-link {
  height: 32px;
  width: 32px;
  background-color: white;
  color: #A0A4A8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .paginate_button.active .page-link {
  color: #6BA2FF;
  border: 1px solid var(--Secondary-Secondary, #6BA2FF);
  background: var(--Secondary-Accent, #E9F0FC);
}
.pagination .paginate_button.next .page-link, .pagination .paginate_button.previous .page-link {
  background: var(--Secondary-Secondary, #6BA2FF);
  color: white;
}
.pagination .paginate_button.next.disabled .page-link, .pagination .paginate_button.previous.disabled .page-link {
  background: var(--Disable, #EBEBEB);
  color: #25282B;
}

.dataTables_length select.custom-select {
  padding: 8px 16px;
  min-height: 40px;
  min-width: 80px !important;
  border-radius: 4px;
  border: 1px solid var(--Secondary-Secondary, #6BA2FF);
  font-size: 14px;
  color: #25282B;
}

.dataTables_wrapper .pagination_number .pagination li .page-link {
  height: 32px;
  width: 32px;
  background-color: white;
  color: #A0A4A8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.dataTables_wrapper .pagination_number .pagination li .page-link[aria-label="« Previous"] {
  background: var(--Secondary-Secondary, #6BA2FF);
  color: white;
}
.dataTables_wrapper .pagination_number .pagination li .page-link[aria-label="Next »"] {
  background: var(--Secondary-Secondary, #6BA2FF);
  color: white;
}
.dataTables_wrapper .pagination_number .pagination li[aria-label="« Previous"] .page-link {
  background: #ebebeb;
}
.dataTables_wrapper .pagination_number .pagination li[aria-label="Next »"] .page-link {
  background: var(--Secondary-Secondary, #6BA2FF);
  color: #fff;
}
.dataTables_wrapper .pagination_number .pagination li.active .page-link {
  color: #6BA2FF;
  border: 1px solid var(--Secondary-Secondary, #6BA2FF);
  background: var(--Secondary-Accent, #E9F0FC);
}
.dataTables_wrapper .pagination_number .pagination li[aria-label="Next »"] .page-link {
  background: var(--Disable, #EBEBEB);
  color: #25282B;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.range-slider {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 15px;
  background: #518AEA;
  margin: 16px 0;
}
.range-slider .progress {
  position: absolute;
  left: 25%;
  right: 0%;
  height: 100%;
  border-radius: 15px;
  background: #F38C2D;
}
.range-slider .progress-high, .range-slider .progress-cold {
  position: absolute;
  right: 0%;
  height: 100%;
  border-radius: 15px;
  background: #CD0404;
  width: 30%;
}
.range-slider .progress-cold {
  background: #518AEA;
  left: 0%;
  width: 25%;
}
.range-slider input[type=range] {
  position: absolute;
  width: 100%;
  height: 10px;
  -webkit-appearance: none;
  pointer-events: none;
  background: none;
  outline: none;
}
.range-slider .range-min::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: white;
  border: 2px solid #E4E4E4;
  opacity: 1;
}
.range-slider .range-max::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: white;
  border: 2px solid #E4E4E4;
  opacity: 1;
  position: relative;
}
.range-slider .range-max::-webkit-slider-thumb ::after {
  content: "";
  width: 20px;
  height: 20px;
  background: green;
  position: absolute;
  left: 0;
}

.range-slider-wrapper {
  margin-top: 16px;
}
.range-slider-wrapper .range-counter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 34.4px);
  margin: 0 -17px;
}
.range-slider-wrapper .range-counter-wrapper span {
  position: relative;
  min-width: 40px;
  text-align: center;
  display: block;
  font-size: 12px;
  padding-top: 4px;
  word-break: break-word;
}
.range-slider-wrapper .range-counter-wrapper span:last-child {
  text-align: left;
}

.branch-range-slider .slider-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.branch-range-slider .range-indicators-grid {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  gap: 10px;
  margin-top: 9px;
}
.branch-range-slider .range-indicators-grid .range-value-indicator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 12px;
  background: #F6F7F7;
}
.branch-range-slider .range-indicators-grid .range-value-indicator .first-half {
  display: flex;
  align-items: center;
  gap: 10px;
}
.branch-range-slider .range-indicators-grid .range-value-indicator .first-half .indicator {
  height: 20px;
  width: 20px;
  background-color: #A0A4A8;
}
.branch-range-slider .range-indicators-grid .range-value-indicator .first-half .indicator.cold {
  background: #518AEA;
}
.branch-range-slider .range-indicators-grid .range-value-indicator .first-half .indicator.warm {
  background: #F38C2D;
}
.branch-range-slider .range-indicators-grid .range-value-indicator .first-half .indicator.high {
  background: #CD0404;
}
.branch-range-slider .range-indicators-grid .range-value-indicator .second-half {
  display: flex;
  align-items: center;
}
.branch-range-slider .range-indicators-grid .range-value-indicator .second-half input {
  border: none;
  padding: 0;
  width: auto;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  background: none;
}

.roles-disable-modal .mx-w-1000 {
  max-width: 1000px;
}
.roles-disable-modal .mx-w-1000 .range-slider input[type=range] {
  left: 0px;
}

.lead_score_progress_bar {
  background: linear-gradient(to right, rgba(81, 138, 234, 0.15) 0%, rgba(81, 138, 234, 0.15) 25%, rgba(243, 140, 45, 0.15) 26%, rgba(243, 140, 45, 0.15) 80%, rgba(205, 4, 4, 0.15) 81%, rgba(205, 4, 4, 0.15) 100%);
}

.overflow-ellipsis, .activity-file .file-name, .funnel-flex .funnel-wrapper .funnel-card .funnel-task ul ol div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.funnel-flex .funnel-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
  overflow-x: auto;
  padding: 24px;
}
.funnel-flex .funnel-wrapper .funnel-card {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: column;
  min-width: 208px;
  max-width: 208px;
  width: 100%;
  gap: 12px;
  min-height: 308px;
  padding: 24px 12px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #E9F0FC;
  color: #A0A4A8;
  position: relative;
}
.funnel-flex .funnel-wrapper .funnel-card.funnel-empty {
  align-items: center;
  justify-content: center;
  border: 1px solid var(--Stroke, #F0F3F7);
  cursor: pointer;
}
.funnel-flex .funnel-wrapper .funnel-card.funnel-card-default {
  border: 1px solid #09A94B;
}
.funnel-flex .funnel-wrapper .funnel-card.funnel-card-default::before {
  content: "Default";
  background-color: #F6F7F7;
  color: #518AEA;
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 2px 10px;
  font-size: 12px;
  border-top-right-radius: 4px;
}
.funnel-flex .funnel-wrapper .funnel-card .funnel-task {
  width: 100%;
}
.funnel-flex .funnel-wrapper .funnel-card .funnel-task ul li.funnel-card-title {
  font-weight: 600;
  color: #09A94B;
  margin-bottom: 12px;
  list-style-type: none;
}
.funnel-flex .funnel-wrapper .funnel-card .funnel-task ul .funnel-card-title.edit-dots {
  display: flex;
  align-items: center;
  justify-content: space-between;
  word-break: break-all;
}
.funnel-flex .funnel-wrapper .funnel-card .funnel-task ul .funnel-card-title.edit-dots span.btn-dots {
  cursor: pointer;
  color: #1b2a4e;
  vertical-align: middle;
}
.funnel-flex .funnel-wrapper .funnel-card .funnel-task ul ol {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 17px;
}
.funnel-flex .funnel-wrapper .funnel-card .funnel-task ul ol div {
  word-break: break-all;
  white-space: unset;
}
.funnel-flex .funnel-wrapper .funnel-card .funnel-btn button {
  width: 100%;
  background: white;
  border: none;
  padding: 8px 24px;
  color: #09A94B;
  border: 1px solid #09A94B;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}

.funnel-flex.funnel-grid .funnel-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
}
.funnel-flex.funnel-grid .funnel-wrapper .funnel-card {
  max-width: unset;
}
.funnel-flex.funnel-grid .funnel-wrapper .funnel-card.funnel-card-default {
  border: none;
}
@media screen and (max-width: 1000px) {
  .funnel-flex.funnel-grid .funnel-wrapper .funnel-card {
    grid-column: span 2Z;
  }
}
@media screen and (max-width: 768px) {
  .funnel-flex.funnel-grid .funnel-wrapper .funnel-card {
    grid-column: span 2;
  }
}
@media screen and (max-width: 550px) {
  .funnel-flex.funnel-grid .funnel-wrapper .funnel-card {
    grid-column: span 4;
  }
}

.overflow-ellipsis, .activity-file .file-name, .funnel-flex .funnel-wrapper .funnel-card .funnel-task ul ol div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-adv-setting {
  border: 1px solid #EBEBEB;
  background-color: #fff;
  color: #A0A4A8;
}
.btn-adv-setting:hover {
  color: #25282B;
}
.btn-adv-setting:hover svg path {
  fill: #25282B;
}

.funnel-title {
  font-size: 1.125rem;
}

.funnel_select {
  background: #E9F0FC;
  border-radius: 4px;
  border: 1px solid #E9F0FC;
  color: #25282B;
}
.funnel_select:focus {
  background: #E9F0FC;
  border: 1px solid #E9F0FC;
  box-shadow: none;
}

.advance-filter {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 710px;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
.advance-filter .advance-filter-header {
  background-color: #E9F0FC;
}
.advance-filter .advance-filter-header .advance-filter-tilte {
  font-size: 1rem;
}
.advance-filter .advance-filter-header .right-close-btn {
  font-size: 1.563rem;
  font-weight: 300;
  cursor: pointer;
}
.advance-filter.advance-filter-end {
  top: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}
.advance-filter .advance-filter-body {
  height: calc(100vh - 80px);
  overflow-y: scroll;
}
.advance-filter .advance-filter-body .sub-title {
  font-size: 1.125rem;
}
.advance-filter .advance-filter-body .radio-btn-main .radio-btn-wrapper .form_check_custom_label {
  background-color: #fff;
  border: 1px solid #A0A4A8;
  font-weight: 500;
}
.advance-filter .advance-filter-body .radio-btn-main .radio-btn-wrapper input:checked ~ .form_check_custom_label {
  background-color: rgba(228, 244, 235, 0.568627451);
  border-color: #09A94B;
  color: #09A94B;
}
.advance-filter .advance-filter-body .advance-filter-select {
  font-size: 0.875rem;
  font-weight: 500;
  border-color: #f6f7f7;
  background-color: #f6f7f7;
  color: #555d65;
  padding: 13px;
  border-radius: 4px;
  min-height: 48px;
  letter-spacing: 0.2px;
}
.advance-filter .advance-filter-body .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
  line-height: inherit;
  padding-left: 0;
}
.advance-filter .advance-filter-body .advance-filter-input {
  font-size: 0.875rem;
  font-weight: 500;
  border-color: #f6f7f7;
  background-color: #f6f7f7;
  color: #555d65;
  padding: 13px;
  border-radius: 4px;
  min-height: 48px;
  letter-spacing: 0.2px;
}
.advance-filter .advance-filter-body .checkbox-btn input:checked + .checkbox-title {
  background-color: rgba(228, 244, 235, 0.568627451);
  border-color: #09A94B;
  color: #09A94B;
}
.advance-filter .advance-filter-body .checkbox-btn input:checked + .checkbox-title::after {
  color: #09A94B;
}
.advance-filter .advance-filter-body .checkbox-btn .checkbox-title {
  min-width: 115px;
  width: 100%;
  border: 1px solid rgba(189, 193, 191, 0.368627451);
  color: rgba(37, 40, 43, 0.4509803922);
  padding: 9px 12px;
  padding-right: 42px;
  border-radius: 4px;
  font-size: 0.938rem;
}
.advance-filter .advance-filter-body .checkbox-btn .checkbox-title::after {
  color: rgba(37, 40, 43, 0.4509803922);
}
.advance-filter .advance-filter-body .range_slider {
  position: relative;
}
.advance-filter .advance-filter-body .range_slider .dot {
  width: 8px;
  height: 8px;
  background-color: #E9F0FC;
  border-radius: 50%;
  display: block;
}
.advance-filter .advance-filter-body .irs--flat .irs-min,
.advance-filter .advance-filter-body .irs--flat .irs-max {
  visibility: hidden !important;
}
.advance-filter .advance-filter-body .irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #09A94B;
}
.advance-filter .advance-filter-body .irs--flat .irs-line {
  background-color: rgba(225, 228, 233, 0.7019607843);
}
.advance-filter .advance-filter-body .irs--flat .irs-handle {
  top: 23px;
  width: 15px;
  height: 15px;
  border: 0;
  background-color: #09A94B;
  border-radius: 30px;
}
.advance-filter .advance-filter-body .irs--flat .irs-handle.to {
  margin-left: 12px;
}
.advance-filter .advance-filter-body .irs--flat .irs-handle.from {
  margin-left: -12px;
}
.advance-filter .advance-filter-body .irs--flat .irs-handle::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 27px;
  height: 27px;
  border: 1px solid #09A94B;
  top: -6px;
  left: -6px;
}
.advance-filter .advance-filter-body .irs--flat .irs-handle i:first-child {
  background-color: transparent;
}
.advance-filter .advance-filter-body .irs--flat .irs-from,
.advance-filter .advance-filter-body .irs--flat .irs-to,
.advance-filter .advance-filter-body .irs--flat .irs-single {
  display: none;
}
.advance-filter .advance-filter-body .middle-text {
  font-size: 1rem;
}
.advance-filter .advance-filter-footer {
  border-top: 1px solid #E9EFF2;
}
.advance-filter .advance-filter-footer .advance-filter-button {
  max-width: 144px;
  width: 100%;
  border-radius: 4px;
}
.advance-filter .advance-filter-footer .advance-filter-clear-btn {
  background-color: transparent;
}

.advance-filter-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.advance-filter-backdrop.fade {
  opacity: 0;
}
.advance-filter-backdrop.show {
  opacity: 0.5;
}

.fixed {
  height: calc(100vh - 80px);
  overflow: hidden;
}

.fixed-body {
  height: 100%;
  overflow: visible;
}

.add-new-funnel .funnel-table-header, .add-new-funnel .funnel-table-row {
  display: grid;
  grid-template-columns: 10% 10% 50% 10% 10% 10%;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  background: #E9F0FC;
  padding: 20px 0;
}
.add-new-funnel .funnel-table-header span:nth-child(3), .add-new-funnel .funnel-table-row span:nth-child(3) {
  text-align: left;
}
.add-new-funnel .funnel-table-row.edit {
  grid-template-columns: 10% 10% 80%;
  padding-right: 17px;
}
.add-new-funnel .funnel-table-row {
  padding: 0;
  background: white;
  margin: 20px 0;
  border: 1px solid transparent;
  border-radius: 4px;
}
.add-new-funnel .funnel-table-row span img {
  cursor: pointer;
}
.add-new-funnel .funnel-table-row .funnel-input {
  display: flex;
  align-items: center;
  position: relative;
}
.add-new-funnel .funnel-table-row .funnel-input input {
  padding: 10px;
  width: 100%;
  background-color: #F6F7F7;
  border: none;
  padding-right: 33px;
}
.add-new-funnel .funnel-table-row .funnel-input span {
  position: absolute;
  right: 0;
  padding: 0 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.add-new-funnel .funnel-table-row:hover {
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
  transform: scale(1);
  transition: 0.2s;
}
.add-new-funnel .funnel-action-btns {
  gap: 20px;
  padding: 20px;
}
.add-new-funnel .funnel-action-btns button {
  width: 100%;
  justify-content: center;
}

.new-funnel-header button {
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: 170px;
}

.ql-toolbar .ql-stroke {
  stroke: #A0A4A8 !important;
}
.ql-toolbar .ql-fill {
  fill: #A0A4A8 !important;
}
.ql-toolbar.ql-snow {
  border: 0;
  padding-left: 0px !important;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 0px !important;
}
.ql-toolbar button {
  padding: 3px 0px !important;
}

.ql-container.ql-snow {
  border-radius: 4px;
  background-color: #F6F7F7;
  min-height: 150px;
}

.ql-placeholder {
  color: red !important;
  /* Change placeholder color here */
}

.text-count span {
  font-size: 0.875rem;
}

.upload-log-container.ql-container.ql-snow {
  border-radius: 4px;
  background-color: #fff;
  height: auto;
  min-height: 15px;
  border: none;
  padding: 10px 5px;
  position: relative;
}

.upload-log-toolbar.ql-toolbar.ql-snow {
  border-top: 1px solid rgba(160, 164, 168, 0.3019607843);
  position: relative;
  margin: 0px 20px;
}

#update_your_log .modal-dialog {
  max-width: 700px;
}
#update_your_log .modal-dialog .modal-body .ql-editor p:last-child {
  padding-bottom: 20px;
}
#update_your_log .modal-dialog .modal-body .ql-editor ul {
  list-style: disc;
  padding-bottom: 35px;
  margin-bottom: 10px;
}
#update_your_log .modal-dialog .modal-body .ql-editor ol {
  padding-bottom: 35px;
  margin-bottom: 10px;
}
#update_your_log .modal-custom-body .call_status .call_status_icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #FF9B62;
}
#update_your_log .modal-custom-body .call_status .call_status_text {
  color: #25282B;
  font-size: 0.938rem;
  font-weight: 500;
}
#update_your_log .modal-custom-body .call_type {
  border-bottom: 1px solid rgba(195, 191, 191, 0.3411764706);
}
#update_your_log .modal-custom-body .call_type .call_type_icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #D253FF;
}
#update_your_log .modal-custom-body .call_type .call_type_text {
  color: #25282B;
  font-size: 0.938rem;
  font-weight: 500;
}

.radio-btn-main .update_log_checkbox {
  margin-right: 10px;
}
.radio-btn-main .update_log_checkbox input:checked ~ label {
  color: #09A94B;
  border-color: #09A94B;
  background-color: rgba(228, 244, 235, 0.568627451);
}
.radio-btn-main .update_log_checkbox label {
  font-size: 14px;
  min-width: 120px;
  padding: 8px 5px;
  border: 1px solid #A0A4A8;
  color: #A0A4A8;
  background-color: #fff;
  border-radius: 4px;
}
.radio-btn-main .update_log_checkbox label span {
  font-weight: 500;
}

.ql-snow .ql-tooltip {
  padding: 6px 12px;
  white-space: nowrap;
  border-radius: 5px;
  position: absolute;
  transform: translateY(10px);
  left: 10px !important;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter Link:";
  margin-right: 10px;
}
.ql-snow .ql-tooltip input[type=text] {
  border-radius: 5px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  content: "Save";
  font-size: 13px;
  color: #09A94B;
  font-weight: 500;
  margin-left: 10px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-remove::after {
  content: "×";
  margin-left: 10px;
  font-size: 15px;
  color: #FF3939;
}

.send_email {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 710px;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
  overflow-y: auto;
}
.send_email .send_email-header {
  background-color: #E9F0FC;
}
.send_email .send_email-header .send_email-tilte {
  font-size: 1rem;
}
.send_email .send_email-header .right-close-btn {
  font-size: 1.563rem;
  font-weight: 300;
  cursor: pointer;
}
.send_email.send_email-end {
  top: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}
.send_email .send_email-body .sub-title {
  font-size: 1.125rem;
}
.send_email .send_email-body .bootstrap-tagsinput {
  font-size: 0.875rem;
  font-weight: 500;
  border-bottom-color: rgba(0, 40, 100, 0.12);
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background-color: transparent;
  color: #555d65;
  padding: 9px;
  padding-left: 1.8rem;
  min-height: 48px;
  width: 100%;
  letter-spacing: 0.2px;
  box-shadow: none;
}
.send_email .send_email-body .bootstrap-tagsinput:focus {
  outline: 0;
  box-shadow: none;
}
.send_email .send_email-body .bootstrap-tagsinput input[type=text] {
  margin-top: 2px;
}
.send_email .send_email-body .bootstrap-tagsinput span.tag {
  background-color: #E9F0FC;
  position: relative;
  top: -1px;
  color: #25282B;
  font-weight: 400;
  font-size: 0.875rem;
  margin-top: 2px;
}
.send_email .send_email-body .bootstrap-tagsinput span.tag [data-role=remove] {
  color: #9E9E9E;
}
.send_email .send_email-body .bootstrap-tagsinput span.tag [data-role=remove]:focus-visible {
  box-shadow: none;
  outline: none;
}
.send_email .send_email-body .email_subject_input {
  font-size: 0.875rem;
  font-weight: 500;
  border-bottom-color: rgba(0, 40, 100, 0.12);
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background-color: transparent;
  color: #25282B;
  padding: 9px;
  padding-left: 4rem;
  min-height: 48px;
  width: 100%;
  letter-spacing: 0.2px;
}
.send_email .send_email-body .email_subject_input:focus {
  outline: 0;
  box-shadow: none;
}
.send_email .send_email-body .email_send_title_text {
  position: absolute;
  transform: translate(0px, 12px);
  font-size: 0.938rem;
}
.send_email .send_email-body .position_relative {
  position: relative;
}
.send_email .send_email-body .write_your_email .mail_heading {
  font-size: 0.75rem;
  color: #25282B;
}
.send_email .send_email-body .write_your_email .mail_subtext {
  font-size: 0.75rem;
}
.send_email .send_email-body .quill-wrap {
  border: none;
}
.send_email .send_email-body .quill-wrap .upload-log-container .ql-editor {
  height: 53vh;
  overflow-y: auto;
}
.send_email .send_email-body .quill-wrap .top-shadow {
  position: relative;
  padding: 15px 21px;
  background-color: white;
}
.send_email .send_email-body .quill-wrap .top-shadow::after {
  content: "";
  position: absolute;
  top: -19px;
  left: 0;
  width: 100%;
  height: 10px;
  box-shadow: 0px 14px 8px -4px rgba(0, 0, 0, 0.25);
  z-index: -1;
}
.send_email .send_email-body .quill-wrap .toolbars-wrapper {
  background-color: white;
}
.send_email .send_email-body .quill-wrap .toolbars-wrapper .upload-log-toolbar.ql-toolbar.ql-snow {
  border-top: none;
  width: 100%;
  flex-direction: column;
  margin: 0;
}
.send_email .send_email-body .quill-wrap .toolbars-wrapper .basic-tools {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0), 0 3px 6px rgba(0, 0, 0, 0.12);
  padding: 10px 21px;
  width: 100%;
  justify-content: flex-start;
}
.send_email .send_email-body .quill-wrap .toolbars-wrapper .advans-tool {
  width: 100%;
}
.send_email .send_email-footer {
  border-top: 1px solid #E9EFF2;
}
.send_email .send_email-footer .send_email-button {
  max-width: 144px;
  width: 100%;
}
.send_email .send_email-footer .send_email-clear-btn {
  background-color: transparent;
}

.advance-filter-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.advance-filter-backdrop.fade {
  opacity: 0;
}
.advance-filter-backdrop.show {
  opacity: 0.5;
}

.fixed {
  height: calc(100vh - 80px);
  overflow: hidden;
}

.fixed-body {
  height: 100%;
  overflow: visible;
}

.lead-status-flow {
  padding: 20px;
  display: flex;
  border-radius: 8px;
}
.lead-status-flow .status-flow-wrapper {
  display: flex;
  gap: 10px;
}
.lead-status-flow .status-flow-wrapper .stutus-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 20%;
  text-align: center;
  color: #A0A4A8;
  font-size: 0.9rem;
  font-weight: 500;
}
.lead-status-flow .status-flow-wrapper .stutus-card span {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lead-status-flow .status-flow-wrapper .stutus-card:nth-child(1).disabled .status-indicater, .lead-status-flow .status-flow-wrapper .stutus-card:nth-child(1).attempted .status-indicater {
  border-radius: 20px 0px 0px 20px;
}
.lead-status-flow .status-flow-wrapper .stutus-card:nth-child(1).disabled .status-indicater::before, .lead-status-flow .status-flow-wrapper .stutus-card:nth-child(1).attempted .status-indicater::before {
  border: none !important;
}
.lead-status-flow .status-flow-wrapper .stutus-card:first-child .status-indicater {
  border-radius: 20px 0px 0px 20px;
}
.lead-status-flow .status-flow-wrapper .stutus-card:first-child .status-indicater::before {
  content: "";
  border: none;
}
.lead-status-flow .status-flow-wrapper .stutus-card .status-indicater {
  height: 12px;
  background-color: #EBEBEB;
  position: relative;
}
.lead-status-flow .status-flow-wrapper .stutus-card .status-indicater::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 0px;
  width: 0;
  height: 100%;
  border-top: 6px solid transparent;
  border-left: 6px solid #EBEBEB;
  border-bottom: 6px solid transparent;
}
.lead-status-flow .status-flow-wrapper .stutus-card .status-indicater::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 0;
  height: 100%;
  border-top: 6px solid transparent;
  border-left: 6px solid white;
  border-bottom: 6px solid transparent;
}
.lead-status-flow .status-flow-wrapper .stutus-card.disabled {
  color: #A0A4A8;
}
.lead-status-flow .status-flow-wrapper .stutus-card.disabled .status-indicater {
  background-color: #EBEBEB;
}
.lead-status-flow .status-flow-wrapper .stutus-card.disabled .status-indicater::after {
  border-left: 6px solid #EBEBEB;
}
.lead-status-flow .status-flow-wrapper .stutus-card.success {
  color: #09A94B;
}
.lead-status-flow .status-flow-wrapper .stutus-card.success:first-child .status-indicater::before {
  border: none;
}
.lead-status-flow .status-flow-wrapper .stutus-card.success .status-indicater {
  background-color: #09A94B;
}
.lead-status-flow .status-flow-wrapper .stutus-card.success .status-indicater::after {
  border-left: 6px solid rgba(7, 163, 65, 0.9490196078);
}
.lead-status-flow .status-flow-wrapper .stutus-card.attempted {
  color: #6BA2FF;
}
.lead-status-flow .status-flow-wrapper .stutus-card.attempted .status-indicater {
  background-color: #E9F0FC;
}
.lead-status-flow .status-flow-wrapper .stutus-card.attempted .status-indicater::after {
  border-left: 6px solid #E9F0FC;
}
.lead-status-flow .status-flow-wrapper .stutus-card.disqualified .status-indicater {
  background-color: red;
}
.lead-status-flow .status-flow-wrapper .stutus-card.disqualified .status-indicater::after {
  border-left: 6px solid red;
}
.lead-status-flow .status-flow-wrapper .stutus-card .dort-dropdown svg {
  transition: 0.3s;
}
.lead-status-flow .status-flow-wrapper .stutus-card .dort-dropdown.show svg {
  transform: rotate(180deg);
}
.lead-status-flow .status-flow-wrapper button {
  background-color: #6BA2FF;
  color: white;
  border-color: #6BA2FF;
  font-size: 0.9rem;
  margin-left: 15px;
}
.lead-status-flow .status-flow-wrapper button:hover {
  background-color: white;
  color: #6BA2FF;
}

.lead-profile-log {
  padding: 12px 20px;
  border-radius: 8px;
}
.lead-profile-log .lead-profile-wraper {
  gap: 15px;
  padding: 24px 0px;
}
.lead-profile-log .lead-profile-wraper .profile-img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.lead-profile-log .lead-profile-wraper .profile-img img {
  width: 100%;
  height: 100%;
}
.lead-profile-log .lead-profile-wraper .lead-profile-status .profile-title {
  font-weight: 500;
  font-size: 1.125rem;
}
.lead-profile-log .lead-profile-wraper .lead-profile-status .profile-subtitile {
  font-weight: 400;
  font-size: 0.875rem;
}
.lead-profile-log .lead-profile-wraper .lead-profile-status .profile-subtitile span {
  color: #A0A4A8;
  font-size: 0.875rem;
}
.lead-profile-log .lead-profile-wraper .lead-profile-status .profile-subtitile span svg {
  margin-top: -5px;
}
.lead-profile-log .lead_upcoming-task {
  max-width: 340px;
  width: 100%;
  padding: 10px 16px 10px 16px;
  border-radius: 5px;
  background-color: #FFF8F8;
}
.lead-profile-log .lead_upcoming-task .up_coming_text {
  color: #FF3939;
  font-weight: 500;
  font-size: 0.875rem;
  border-left: 2px solid #FF3939;
}
.lead-profile-log .lead_upcoming-task .up_coming_time_text {
  color: #25282B;
  font-weight: 400;
  font-size: 1rem;
}
.lead-profile-log .radio-btn-main .radio-btn-wrapper input:checked ~ .lead_profile_sending_information {
  background-color: #F0FFF6;
  border: 1px solid #09A94B;
  color: #09A94B;
}
.lead-profile-log .radio-btn-main .radio-btn-wrapper .lead_profile_sending_information {
  padding: 12px;
  min-width: 100%;
  max-width: 100%;
  background-color: #fff;
  color: #09A94B;
  border: 1px solid #09A94B;
}
.lead-profile-log .lead_profile_chck_btn {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 5px;
}
.lead-profile-log .grid_column_3 {
  grid-template-columns: repeat(3, 1fr);
}
.lead-profile-log .g-3 {
  grid-row-gap: 10px;
}

.lead-details-no-activity {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.lead-details-no-activity .no-activity-found-text {
  color: #25282B;
  font-size: 0.875rem;
  font-weight: 500;
}
.lead-details-no-activity .no-activity-found-sub-text {
  font-size: 0.875rem;
  font-weight: 400;
}

.email_template {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 710px;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
.email_template .email_template-header {
  background-color: #E9F0FC;
}
.email_template .email_template-header .email_template-tilte {
  font-size: 1rem;
}
.email_template .email_template-header .right-close-btn {
  font-size: 1.563rem;
  font-weight: 300;
  cursor: pointer;
}
.email_template.email_template-end {
  top: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}
.email_template .email_template-body {
  height: calc(100vh - 80px);
  overflow-y: scroll;
}
.email_template .email_template-body .email-search {
  display: grid;
  grid-template-columns: 67% auto;
  gap: 20px;
}
.email_template .email_template-body .email-search .email-search-input {
  font-size: 14px;
  font-weight: 500;
  border-color: #F4F6FA;
  background-color: #F4F6FA;
  color: #555d65;
  padding: 13px;
  padding-left: 45px;
  border-radius: 4px;
  min-height: 48px;
  letter-spacing: 0.2px;
}
.email_template .email_template-body .email-search .email-search-input:focus {
  outline: none;
  box-shadow: none;
}
.email_template .email_template-body .email-search .search_icon {
  position: absolute;
  transform: translate(12px, 12px);
}
.email_template .email_template-body .email-search .new-template-btn {
  border-radius: 4px;
}
.email_template .email_template-body .email-search .new-template-btn:hover svg path {
  fill: #fff;
}
.email_template .email_template-body .position-relative {
  position: relative;
}
.email_template .email_template-body .template-warning-card {
  background-color: #FFFBF2;
  border-left: 4px solid #FC9F49;
  padding: 16px 24px 16px 24px;
  border-radius: 5px;
}
.email_template .email_template-body .template-violet-card {
  background-color: #F9F2FE;
  border-left: 4px solid #7D51FA;
  padding: 16px 24px 16px 24px;
  border-radius: 5px;
}
.email_template .email_template-body .template-blue-card {
  background-color: #EEF2FF;
  border-left: 4px solid #83A0FF;
  padding: 16px 24px 16px 24px;
  border-radius: 5px;
}
.email_template .email_template-body .template-card .template-card-title {
  font-size: 1.125rem;
  font-weight: 500;
}
.email_template .email_template-body .template-card .template-sub-text {
  font-size: 0.75rem;
  color: #A0A4A8;
}
.email_template .email_template-body .template-card .template-img {
  width: 24px;
  height: 24px;
  border-radius: 5px;
}
.email_template .email_template-body .template-card .template-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.email_template .email_template-body .template-card .img_size_text {
  font-size: 0.625rem;
}
.email_template .email_template-body .template-card .email-template-dropdown {
  cursor: pointer;
}
.email_template .email_template-body .template-card .email-template-dropdown .dropdown-menu {
  min-width: 130px;
  width: 130px;
  overflow: visible;
}
.email_template .email_template-body .template-card .email-template-dropdown .dropdown-menu::after {
  content: "";
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: -14px;
  right: 10px;
  transform: rotate(180deg);
}

.email-template-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.email-template-backdrop.fade {
  opacity: 0;
}
.email-template-backdrop.show {
  opacity: 0.5;
}

.fixed {
  height: calc(100vh - 80px);
  overflow: hidden;
}

.fixed-body {
  height: 100%;
  overflow: visible;
}

.add_reminder {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 710px;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
.add_reminder .add_reminder-header {
  background-color: #E9F0FC;
}
.add_reminder .add_reminder-header .add_reminder-tilte {
  font-size: 1rem;
}
.add_reminder .add_reminder-header .right-close-btn {
  font-size: 1.563rem;
  font-weight: 300;
  cursor: pointer;
}
.add_reminder.add_reminder-end {
  top: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}
.add_reminder .add_reminder-body {
  height: calc(100vh - 80px);
  overflow-y: scroll;
}
.add_reminder .add_reminder-body .task_label {
  color: #9E9E9E;
  font-size: 0.875rem;
  font-weight: 400;
}
.add_reminder .add_reminder-body .reminder-input {
  font-size: 14px;
  font-weight: 500;
  border-color: #F6F7F7;
  background-color: #F6F7F7;
  color: #555d65;
  padding: 13px;
  border-radius: 4px;
  min-height: 48px;
  letter-spacing: 0.2px;
}
.add_reminder .add_reminder-body .reminder-input:focus {
  outline: none;
  box-shadow: none;
}
.add_reminder .add_reminder-body .position-relative {
  position: relative;
}
.add_reminder .add_reminder-body .reminder-btn-main {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.add_reminder .add_reminder-body .reminder-btn-main .add_reminder_checkbox {
  margin-right: 10px;
}
.add_reminder .add_reminder-body .reminder-btn-main .add_reminder_checkbox:last-child {
  margin-right: 0px;
}
.add_reminder .add_reminder-body .reminder-btn-main .add_reminder_checkbox label {
  background-color: #fff;
  border: 1px solid #09A94B;
  color: #09A94B;
  padding: 10px;
  font-weight: 500;
  font-size: 0.875rem;
}
.add_reminder .add_reminder-body .reminder-btn-main .add_reminder_checkbox input:checked ~ label {
  color: #fff;
  background-color: #09A94B;
  border-color: #09A94B;
}
.add_reminder .add_reminder-body .reminder-date-time {
  display: grid;
  grid-template-columns: 50% 50%;
}

.add_reminder-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.add_reminder-backdrop.fade {
  opacity: 0;
}
.add_reminder-backdrop.show {
  opacity: 0.5;
}

.fixed {
  height: calc(100vh - 80px);
  overflow: hidden;
}

.fixed-body {
  height: 100%;
  overflow: visible;
}

.dort-dropdown .dropdown-item:hover svg path {
  fill: #25282B;
}

.active__dropdown .tm_details_dropdown_menu .notes-activity, .active__dropdown .tm_details_dropdown_menu .tasks-activity {
  display: none;
}

@media (max-width: 1600px) {
  .tabs ul.tabs-header .notes_, .tabs ul.tabs-header .tasks_ {
    display: none;
  }
  .tabs ul .active__dropdown .tm_details_dropdown_menu .notes-activity, .tabs ul .active__dropdown .tm_details_dropdown_menu .tasks-activity {
    display: block;
  }
}
@media (min-width: 1600px) {
  .tabs-header .appended {
    display: none;
  }
}
.dropdown-menu .assign_team_member_list:hover img {
  color: #09A94B;
  filter: brightness(0.9) sepia(10) hue-rotate(96deg);
}

html {
  scroll-behavior: smooth;
}

.emoji-button {
  font-size: 20px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 300ms ease-in-out;
}

.emojis {
  position: relative;
}

.emoji-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  background-color: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
  border-radius: 5px;
  width: 310px;
  overflow: hidden;
  display: none;
  transition: all 0.25s ease-in-out;
  webkit-user-select: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  z-index: 99;
  position: absolute;
  bottom: -25px;
  left: 25px;
}
.emoji-panel::after {
  content: "";
  width: 10px;
  height: 19px;
  background-position: 0px -60px;
  position: absolute;
  background-color: red;
  top: 13px;
  left: -10px;
}
.emoji-panel .emoji-nav {
  width: 100%;
  padding: 5px 7px;
  position: sticky;
  top: 0;
  background-color: #e4e4e4;
}
.emoji-panel .emoji-nav ul li {
  display: inline-block;
}
.emoji-panel .emoji-nav ul li a {
  font-size: 20px;
  width: 34px;
  display: block;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  filter: grayscale(1);
}
.emoji-panel .emoji-nav ul li a.active, .emoji-panel .emoji-nav ul li a:hover {
  background: white;
  filter: none;
}
.emoji-panel .all-emoji-wrapper {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 7px;
}

.emoji-panel span {
  padding: 3px;
  cursor: pointer;
  font-size: 18px;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  box-sizing: content-box;
}

.emoji-panel span:hover {
  background-color: #e4e4e4;
}

.emoji-container {
  justify-content: start !important;
  flex-wrap: wrap;
}

.emoji-title {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #b2b2b2;
  background: #FFFFFF;
  line-height: 20px;
  margin: 0;
  padding: 7px 0 5px 6px;
  width: 100%;
}

.time-shedule .modal-body {
  padding: 20px;
}
.time-shedule .modal-body .time-shedule-btns {
  gap: 15px;
}
.time-shedule .modal-body .time-shedule-btns button.btn {
  margin: 0;
}

.time-shedule-input-wrapper {
  gap: 10px;
}
.time-shedule-input-wrapper label {
  color: #A0A4A8;
}
.time-shedule-input-wrapper .input-group {
  align-items: center;
}
.time-shedule-input-wrapper .input-group input {
  width: 100%;
  background-color: #F6F7F7;
  border: none;
  height: 48px;
  padding: 15px;
  gap: 10px;
  padding-right: 45px;
  color: #555D65;
  font-weight: 500;
}
.time-shedule-input-wrapper .input-group img {
  position: absolute;
  right: 15px;
  pointer-events: none;
}

.time-picker-wrapper {
  max-width: 250px;
  background-color: white;
  border-radius: 0 0 12px 12px;
  padding: 10px 20px;
  position: absolute;
  top: 55px;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.16);
  visibility: hidden;
}
.time-picker-wrapper .anim {
  animation: fadeoutTime 0.5s;
}
.time-picker-wrapper.show {
  visibility: visible;
  animation: fadeinTime 0.5s;
}
@keyframes fadeinTime {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 55px;
    opacity: 1;
  }
}
@keyframes fadeoutTime {
  from {
    top: 55px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}

.clock {
  width: 210px;
  height: 210px;
  background: white;
  position: relative;
  border-radius: 188px;
  background-color: #E9F0FC;
  margin: auto;
}
.clock.minute {
  top: -188px;
}
.clock.hide {
  display: none;
}
.clock::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #6BA2FF;
  position: absolute;
  border-radius: 50%;
}

.timer-header {
  font-size: 20px;
  gap: 10px;
  padding-bottom: 20px;
}
.timer-header .picked-time {
  text-align: center;
  font-size: 45px;
}
.timer-header input {
  text-align: center;
  max-width: 76px;
  border-radius: 8px;
  border: none;
  background: #E9F0FC;
  height: 64px;
  font-size: 46px;
  color: black;
}
.timer-header input:active, .timer-header input.active {
  outline: none;
}
.timer-header input:last-child {
  background-color: #E4F4EB;
  color: #09A94B;
}
.timer-header span {
  padding: 0px 5px;
}
.timer-header .medium {
  flex-direction: column;
  border: 1px solid #79747E;
  border-radius: 8px;
  font-size: 12px;
  height: 64px;
}
.timer-header .medium div {
  height: 50%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0 0 8px 8px;
  background-color: white;
  font-weight: 500;
}
.timer-header .medium div:first-child {
  border-bottom: 1px solid #79747E;
  border-radius: 8px 8px 0 0;
}
.timer-header .medium div.active {
  background-color: #E9F0FC;
}

.timer-btn {
  margin-top: 20px;
  gap: 15px;
}
.timer-btn button {
  min-width: 100px;
  margin: 0 !important;
}

.hourCircle {
  font-size: 15px;
}

.time {
  width: 32px;
  height: 93px;
  margin: auto;
  text-align: auto;
  position: absolute;
  top: 12px;
  align-items: start !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.time .hourCircle {
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  border-radius: 27px;
  padding-top: 0px;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 300;
  transform-origin: 50% 50%;
  transition: background-color 0.28s, color 0.14s;
}
.time .hourCircle.select {
  color: white;
  background: #6BA2FF;
}
.time .hourCircle:hover {
  color: white;
  background: #6BA2FF;
}
.time.timer-aero::after {
  content: "";
  width: 2px;
  height: 62%;
  background-color: #6BA2FF;
  position: absolute;
  bottom: 0;
  transition: background-color 0.28s, color 0.14s;
}
.time:nth-child(1) {
  transform-origin: bottom;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.time:nth-child(1) .hourCircle {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.time:nth-child(2) {
  transform-origin: bottom;
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
}
.time:nth-child(2) .hourCircle {
  transform-origin: initial;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
}
.time:nth-child(3) {
  transform-origin: bottom;
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
}
.time:nth-child(3) .hourCircle {
  transform-origin: initial;
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
}
.time:nth-child(4) {
  transform-origin: bottom;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.time:nth-child(4) .hourCircle {
  transform-origin: initial;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.time:nth-child(5) {
  transform-origin: bottom;
  transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
}
.time:nth-child(5) .hourCircle {
  transform-origin: initial;
  transform: rotate(-120deg);
  -webkit-transform: rotate(-120deg);
}
.time:nth-child(6) {
  transform-origin: bottom;
  transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
}
.time:nth-child(6) .hourCircle {
  transform-origin: initial;
  transform: rotate(-150deg);
  -webkit-transform: rotate(-150deg);
}
.time:nth-child(7) {
  transform-origin: bottom;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.time:nth-child(7) .hourCircle {
  transform-origin: initial;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.time:nth-child(8) {
  transform-origin: bottom;
  transform: rotate(210deg);
  -webkit-transform: rotate(210deg);
}
.time:nth-child(8) .hourCircle {
  transform-origin: initial;
  transform: rotate(-210deg);
  -webkit-transform: rotate(-210deg);
}
.time:nth-child(9) {
  transform-origin: bottom;
  transform: rotate(240deg);
  -webkit-transform: rotate(240deg);
}
.time:nth-child(9) .hourCircle {
  transform-origin: initial;
  transform: rotate(-240deg);
  -webkit-transform: rotate(-240deg);
}
.time:nth-child(10) {
  transform-origin: bottom;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.time:nth-child(10) .hourCircle {
  transform-origin: initial;
  transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
}
.time:nth-child(11) {
  transform-origin: bottom;
  transform: rotate(300deg);
  -webkit-transform: rotate(300deg);
}
.time:nth-child(11) .hourCircle {
  transform-origin: initial;
  transform: rotate(-300deg);
  -webkit-transform: rotate(-300deg);
}
.time:nth-child(12) {
  transform-origin: bottom;
  transform: rotate(330deg);
  -webkit-transform: rotate(330deg);
}
.time:nth-child(12) .hourCircle {
  transform-origin: initial;
  transform: rotate(-330deg);
  -webkit-transform: rotate(-330deg);
}

.shedule-calender-tab main > div:hover {
  background-color: #ECE0FD;
}
.shedule-calender-tab main > div.selected {
  background: #6BA2FF;
  font-weight: 700;
  color: white;
  position: relative;
}

.shedule-calender-tab {
  width: 350px;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.16);
  padding: 0;
  margin: auto;
  position: absolute;
  visibility: hidden;
}
.shedule-calender-tab ul.tabs-header {
  width: 100%;
}
.shedule-calender-tab ul.tabs-header li a {
  width: 100px;
}
.shedule-calender-tab ul.tabs-header li a.active {
  color: #6BA2FF;
  border-bottom: 1px solid #6BA2FF;
}
.shedule-calender-tab .calender-tab-content-wrapper {
  border: none;
  max-width: 350px;
}
.shedule-calender-tab.show {
  visibility: visible;
  animation: fadeinTime 0.5s;
}
@keyframes fadeinTime {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 55px;
    opacity: 1;
  }
}
@keyframes fadeoutTime {
  from {
    top: 55px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}

.calender-content {
  gap: 24px;
  background-color: #fff;
  width: auto;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.calender-content header {
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}
.calender-content header i {
  padding: 16px;
  border-radius: 50%;
  color: #666;
}
.calender-content header i:hover {
  background-color: #ECE0FD;
}
.calender-content.calender-day-box .days {
  background-color: #F6F7F7;
  font-size: 12px;
  color: #555D65;
  display: flex;
  margin-bottom: 5px;
}
.calender-content.calender-day-box .days span {
  width: 46px;
  height: 38px;
}
.calender-content.calender-day-box .main-days {
  display: flex;
  flex-wrap: wrap;
  width: 350;
}
.calender-content.calender-day-box .main-days div {
  width: 46px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  transition: all 300ms;
}
.calender-content.calender-day-box .main-days div.selected {
  color: white;
}
.calender-content.calender-day-box .main-days .other-month.disabled {
  color: #BDC0CC;
}
.calender-content .main-months, .calender-content .main-years {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(4, 1fr);
}
.calender-content .main-months div, .calender-content .main-years div {
  display: flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  color: #666;
  cursor: pointer;
  transition: all 300ms;
}

.date-picker-inp {
  height: 48px;
  min-width: -moz-max-content;
  min-width: max-content;
}
.date-picker-inp input {
  height: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  text-align: center;
  width: 100%;
  background-color: white;
}
.date-picker-inp input:active, .date-picker-inp input:focus {
  border: 1px solid rgba(0, 40, 100, 0.12);
}

#donutChartContainer {
  position: relative;
  width: 50px;
  height: 50px;
  margin-top: -13px;
}
#donutChartContainer canvas {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#donutChartValue {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-46%, -20%);
  text-align: center;
  font-family: IBM Plex Sans;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: #FC9F49;
}

.search-field {
  position: relative;
}
.search-field input {
  position: relative;
  border: none;
  height: 100%;
  width: 100%;
  padding-left: 46px;
  padding-right: 10px;
  max-width: 260px;
  width: 260px;
  background: #fff;
  height: 48px;
  font-size: 14px;
  border-radius: 8px;
}
.search-field span {
  position: absolute;
  top: 22px;
  left: 22px;
}

.aWrap {
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 50px;
  border-radius: 10px;
  gap: 8px;
  align-items: center;
}
.aWrap input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  width: 150px;
  padding: 0;
  margin: 0;
  background: 0;
}
.aWrap input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #09A94B;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}
.aWrap input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  height: 6px;
  border-radius: 10px;
}
.aWrap input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #09A94B;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}

.aWrap {
  box-sizing: border-box;
  padding: 0 12px;
}

.aPlay {
  padding: 0;
  margin: 0;
  background: 0;
  border: 0;
  cursor: pointer;
}

.aCron {
  font-size: 14px;
  color: #cbcbcb;
  margin: 0 10px;
}

.range {
  position: relative;
  display: flex;
  align-items: center;
}
.range input {
  position: relative;
  z-index: 1;
}
.range .change-range {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 0px;
  background-color: #09A94B;
  border-radius: 10px 0 0 10px;
}

.under-ranger {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 100%;
  background-color: #D9D9D9;
  border-radius: 10px;
}

.aPlayIco {
  color: #09A94B;
}

input.aVolume {
  width: 100px !important;
}

.aVolume::-webkit-slider-runnable-track {
  height: 10px !important;
}
.aVolume::-webkit-slider-thumb {
  margin-top: -3px !important;
}
.aVolume::-moz-range-thumb {
  margin-top: -3px !important;
}

.ply_rangetime {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}

.audio_title,
.audio_time {
  font-size: 12px;
  color: #25282B;
}

.audio_time {
  font-size: 10px;
}

.table-loader {
  padding: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1051;
  height: 100%;
  width: 100%;
}

.dataTables_processing {
  position: fixed !important;
}

.btn-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f6f7f7;
  /* cursor: pointer; */
}
.btn-file:hover, .btn-file:active {
  background: #f6f7f7;
  border: 1px solid transparent;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
  cursor: pointer;
}
.btn-file .upload-wraper {
  gap: 10px;
}
.btn-file .upload-wraper .upload-btn {
  width: 100%;
  border: 1px solid #09A94B;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px;
  min-width: 134px;
  max-width: 150px;
  background: white;
  color: #09A94B;
  line-height: normal;
}
.btn-file .upload-wraper .preview-area img {
  /* width: 32px;*/
  height: 40px;
  /* object-fit: contain;
  border-radius: 50%; */
}
.btn-file .upload-wraper .placeholder-text {
  color: #C9C9C9;
  font-size: 14px;
}
.btn-file .remove-btn {
  z-index: 1;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-file .remove-btn i {
  font-size: 30px;
}
.btn-file .placeholder-small {
  font-size: 11px;
  font-weight: 500;
  position: relative;
  right: 0px;
  bottom: -20px;
  color: #C9C9C9;
}

@media (max-width: 100px) {
  .btn.btn-file {
    padding: 20px 12px;
  }
  .placeholder-small {
    position: absolute;
    right: 15px;
    bottom: 0;
    flex: 1;
  }
}
.image .btn-group {
  margin-top: 10px;
}

img {
  max-width: 100%; /* This rule is very important, please do not ignore this! */
}

.img-container, .img-preview {
  width: 100%;
  text-align: center;
}

.img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.preview-lg {
  width: 263px;
  height: 148px;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.error-404-section {
  position: relative;
  height: 100vh;
  background-color: #F4F6FA;
}
.error-404-section img {
  width: 100%;
  max-width: 50%;
}
.error-404-section .error-title {
  font-size: 1.5rem;
}
.error-404-section .error-subtitle {
  font-size: 1rem;
  color: #A0A4A8;
}
.error-404-section .small_assets .asset_one {
  position: absolute;
  top: 10%;
  left: 10%;
}
.error-404-section .small_assets .asset_two {
  position: absolute;
  bottom: 26%;
  left: 20%;
}
.error-404-section .small_assets .asset_three {
  position: absolute;
  right: 20%;
  bottom: 26%;
}
.error-404-section .small_assets .asset_four {
  position: absolute;
  top: 10%;
  right: 10%;
}
.error-404-section img.error-anim {
  position: absolute;
  width: 156px;
  top: 14%;
  left: 45%;
  transform: translate(0px, 0px);
}

.error-403-section {
  position: relative;
  height: 100vh;
  background-color: #F4F6FA;
}
.error-403-section img {
  width: 100%;
  max-width: 50%;
}
.error-403-section .error-title {
  font-size: 1.5rem;
}
.error-403-section .error-subtitle {
  font-size: 1rem;
  color: #A0A4A8;
}
.error-403-section .small_assets .asset_one {
  position: absolute;
  top: 10%;
  left: 10%;
}
.error-403-section .small_assets .asset_two {
  position: absolute;
  bottom: 16%;
  left: 20%;
}
.error-403-section .small_assets .asset_three {
  position: absolute;
  right: 20%;
  bottom: 31%;
}
.error-403-section .small_assets .asset_four {
  position: absolute;
  top: 10%;
  right: 20%;
}

.error-500-section {
  position: relative;
  height: 100vh;
  background-color: #F4F6FA;
}
.error-500-section img {
  width: 100%;
  max-width: 50%;
}
.error-500-section .error-title {
  font-size: 1.5rem;
}
.error-500-section .error-subtitle {
  font-size: 1rem;
  color: #A0A4A8;
}
.error-500-section .small_assets .asset_one {
  position: absolute;
  top: 10%;
  left: 20%;
}
.error-500-section .small_assets .asset_two {
  position: absolute;
  bottom: 24%;
  left: 20%;
}
.error-500-section .small_assets .asset_three {
  position: absolute;
  right: 20%;
  bottom: 20%;
}
.error-500-section .small_assets .asset_four {
  position: absolute;
  top: 10%;
  right: 30%;
}

.single-option {
  padding: 12px;
  background: white;
  cursor: pointer;
}
.single-option:not(:last-child) {
  border-bottom: 1px solid #F0F3F7;
}
.single-option:hover {
  background-color: #E9F0FC;
}
.single-option .searchValue {
  cursor: pointer;
}
.single-option.active {
  background-color: #E9F0FC;
}

.single-select-group input.form-control {
  cursor: default;
  padding-right: 33px;
}
.single-select-group.drop-show .aero-up {
  transform: rotate(0deg);
}
.single-select-group .aero-up {
  position: absolute;
  margin-right: 10px;
  transition: 0.3s;
  transform: rotate(180deg);
  pointer-events: none;
}
.single-select-group .dropdown-contents {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
  width: calc(100% - 30px);
}
.single-select-group .dropdown-contents input {
  width: calc(100% - 6px);
  border: 1px solid #ccc;
  padding: 8px;
  margin: 3px;
}
.single-select-group .showd {
  display: block;
}

.welcome_container {
  margin: 0px;
  position: relative;
  display: table;
  height: 86.8dvh;
  width: 100%;
}
.welcome_container .background_img1 {
  position: absolute;
  bottom: -3vh;
  right: -30px;
  z-index: 0;
  width: 1000px;
  height: 100%;
  background: radial-gradient(133.48% 107.95% at 100% 100%, rgba(55, 105, 241, 0.8) 0%, rgba(60, 255, 141, 0.3) 39%, rgba(255, 255, 255, 0) 65.16%);
  transition: 0.6s;
}
.welcome_container .background_img2 {
  position: absolute;
  bottom: 10px;
  left: -400px;
  z-index: 0;
  width: 1000px;
  height: 100%;
  background: radial-gradient(133.48% 107.95% at 100% 100%, rgba(55, 105, 241, 0.8) 0%, rgba(60, 255, 141, 0.3) 39%, rgba(255, 255, 255, 0) 65.16%);
  rotate: 180deg;
  transition: 0.6s;
}
.welcome_container .welcome_dashboard {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.welcome_container .welcome_dashboard .inner_dashboard {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: auto;
}
.welcome_container .welcome_dashboard .inner_dashboard h4 {
  color: #25282B;
  font-size: 3rem;
  font-weight: 600;
  font-family: IBM Plex Sans;
  transition: 0.6s;
}
.welcome_container .welcome_dashboard .inner_dashboard h4 img {
  height: 65px;
  width: auto;
  transition: 0.6s;
}
.welcome_container .welcome_dashboard .inner_dashboard .sub_text {
  font-size: 1.2rem;
  transition: 0.6s;
  font-weight: 500;
  color: #A0A4A8;
}
.welcome_container .welcome_dashboard .inner_dashboard .img_section {
  width: 85%;
}
.welcome_container .welcome_dashboard .inner_dashboard .img_section .dashboard_frame {
  animation: mover 1s infinite alternate;
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.welcome_container .welcome_dashboard .inner_dashboard .coming_soon_title {
  color: #09A94B;
  font-weight: 500;
  transition: 0.6s;
  font-size: 1rem;
  cursor: pointer;
  margin-right: 80px;
}
.welcome_container .welcome_dashboard .inner_dashboard .coming_soon_title:hover {
  transform: translateX(10px);
  transition: 0.6s;
}

.calendar-options {
  display: flex;
  gap: 10px;
}

select.view_options {
  min-width: 126px;
  height: 48px;
  padding: 4px 16px;
  border-radius: 4px;
  border: 1px solid #6BA2FF;
}

#calendar .fc-prev-button,
#calendar .fc-next-button {
  background: transparent;
  border: none;
  color: black;
  box-shadow: none;
}

#calendar .fc-multimonth-header {
  background: #FFFFFF;
}

#calendar .fc-toolbar-title {
  font-size: 18px;
  color: #000000;
}

#calendar .fc .fc-button-primary:active:focus {
  box-shadow: none;
}

#calendar .fc .fc-button-primary:not(:disabled).fc-button-active:focus,
#calendar .fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: none;
}

#calendar .fc-toolbar-chunk div {
  display: inline-flex;
  align-items: center;
}

#calendar .fc-multimonth-title {
  color: #3F3F3F;
  font-size: 14px;
}

#calendar .fc-col-header-cell-cushion {
  font-size: 12px;
  color: #A0A4A8;
  font-weight: 500;
}

#calendar .fc-theme-standard .fc-multimonth-month td,
#calendar .fc-theme-standard .fc-multimonth-month th,
.fc-theme-standard .fc-multimonth-month td,
.fc-theme-standard .fc-multimonth-month th {
  border: 1px solid transparent;
}

.fc .fc-daygrid-day-top {
  justify-content: center;
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
  background: transparent;
}

#calendar.fc .fc-view-harness {
  background: #FFFFFF;
  border-radius: 10px;
  border: none;
}
#calendar.fc .fc-multimonth {
  border: none;
  padding: 24px 0px;
}
#calendar.fc .fc-multimonth .fc-multimonth-month {
  padding: 16px 35px;
  border-left: 1px solid #F0F3F7;
}
#calendar.fc .fc-daygrid-day-top .fc-daygrid-day-number {
  cursor: default;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #25282B;
  font-weight: 500;
}
#calendar.fc .fc-daygrid-day-top .fc-daygrid-day-number:hover {
  background-color: rgba(108, 160, 251, 0.25);
}
#calendar.fc .fc-daygrid-day-top .fc-daygrid-day-number.active {
  background: #6CA1FB;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
}
#calendar.fc .fc-daygrid-day.fc-day-today {
  background: #fff;
  border: 0;
}
#calendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number {
  background: #6CA1FB;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
}
#calendar.fc .fc-scroller {
  padding: 20px 10px 0px 10px;
}
#calendar.fc .fc-col-header .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  font-size: 16px;
  color: #8C8C8C;
  font-weight: 500;
  text-transform: uppercase;
}
#calendar.fc .fc-scrollgrid-sync-table tbody[role=presentation] .fc-daygrid-day-top {
  justify-content: start;
}
#calendar.fc .fc-scrollgrid-sync-table tbody[role=presentation] .fc-daygrid-day-top .fc-daygrid-day-number {
  padding: 20px;
  background: transparent;
  width: 0;
  height: 0;
}
#calendar.fc .fc-scrollgrid-sync-table tbody[role=presentation] .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number {
  background: transparent;
  width: 0;
  height: 0;
  color: #25282B;
}
#calendar.fc .fc-timeGridWeek-view .fc-daygrid-body {
  display: none;
}
#calendar.fc .fc-timeGridWeek-view tbody .fc-scrollgrid-section:nth-child(1) {
  display: none;
}
#calendar.fc .fc-timeGridWeek-view tbody .fc-scrollgrid-section:nth-child(2) {
  display: none;
}
#calendar.fc .fc-timeGridWeek-view .fc-scrollgrid-section-liquid tbody tr {
  height: 80px;
}
#calendar.fc .fc-timeGridWeek-view .fc-timegrid-slot {
  border-bottom: 1px solid #ddd;
}
#calendar.fc .fc-timeGridWeek-view .fc-col-header .fc-col-header-cell {
  text-align: left;
  padding-left: 15px;
}
#calendar.fc .fc-timeGridWeek-view .fc-timegrid-slot-label-cushion {
  color: #555D65;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 65px;
  margin-bottom: -28px;
  background: white;
  padding-right: 23px;
  width: 66px;
}
#calendar.fc .fc-timeGridWeek-view .fc-timegrid-slots {
  margin-bottom: 30px;
}
#calendar.fc .fc-timeGridWeek-view .fc-timegrid-slots table {
  margin-top: -35px;
}
#calendar.fc .fc-timeGridWeek-view .fc-timegrid-slots table .fc-scrollgrid-shrink {
  border-right: 1px solid #fff;
}
#calendar.fc .fc-timeGridWeek-view .fc-timegrid-slots tbody tr:nth-child(even) {
  display: none;
}
#calendar.fc .fc-timeGridDay-view .fc-daygrid-body {
  display: none;
}
#calendar.fc .fc-timeGridDay-view tbody .fc-scrollgrid-section:nth-child(1) {
  display: none;
}
#calendar.fc .fc-timeGridDay-view tbody .fc-scrollgrid-section:nth-child(2) {
  display: none;
}
#calendar.fc .fc-timeGridDay-view .fc-scrollgrid-section-liquid tbody tr {
  height: 80px;
}
#calendar.fc .fc-timeGridDay-view .fc-timegrid-slots {
  margin-bottom: 30px;
  background: #fff;
}
#calendar.fc .fc-timeGridDay-view .fc-timegrid-slots table {
  margin-top: -35px;
}
#calendar.fc .fc-timeGridDay-view .fc-timegrid-slots table .fc-scrollgrid-shrink {
  border-right: 1px solid #fff;
}
#calendar.fc .fc-timeGridDay-view .fc-timegrid-slots tbody tr:nth-child(even) {
  display: none;
}
#calendar.fc .fc-timeGridDay-view .fc-timegrid-slot-label-cushion {
  color: #555D65;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 65px;
  margin-bottom: -28px;
  background: white;
  width: 50px;
  padding-right: 10px;
}
#calendar.fc .fc-timeGridDay-view .fc-scroller {
  padding-left: 20px;
}

.cal_date {
  text-align: center;
  color: #25282B;
  font-weight: 500;
  font-size: 22px;
}

.fc-multiMonthYear-view .cal_date, .fc-dayGridMonth-view .cal_date {
  display: none;
}

.fc-day-today {
  position: relative;
}

.fc-multiMonthYear-view .today-label,
.fc-timeGridWeek-view .today-label,
.fc-timeGridDay-view .today-label {
  display: none;
}

.today-label {
  font-size: 12px;
  font-weight: 500;
  color: #09A94B;
  position: absolute;
  left: 13%;
  top: 15%;
  transform: translate(-50%, 25%);
  text-transform: uppercase;
}

.fc-theme-standard .fc-scrollgrid {
  border: none;
}
.fc-theme-standard th {
  border: none;
}

.interview_content .interview_month_title {
  color: #6BA2FF;
  font-weight: 500;
  font-size: 1rem;
  transition: 0.6s;
  position: relative;
  width: 98%;
  cursor: pointer;
}
.interview_content .interview_month_title .border_line {
  border: 1px solid #D6D6D6;
  width: 90%;
}
.interview_content .interview_month_title.active .arrow_down {
  transform: rotate(0deg);
  transition: 0.6s;
}
.interview_content .interview_month_title .arrow_down {
  transform: rotate(180deg);
  transition: 0.6s;
}
.interview_content .interview_card {
  gap: 50px;
  transition: 0.6s;
}
.interview_content .interview_card .gap-1 {
  gap: 0.5rem;
}
.interview_content .interview_card .interview_date {
  font-size: 1rem;
  color: #25282B;
  font-weight: 500;
}
.interview_content .interview_card .interview_date span {
  font-size: 0.75rem;
  color: #25282B;
  font-weight: 400;
}
.interview_content .interview_card .interview_inner_card {
  padding: 16px 24px;
  transition: 0.6s;
}
.interview_content .interview_card .interview_inner_card .interview_time {
  font-size: 0.75rem;
  color: #25282B;
  font-weight: 500;
}
.interview_content .interview_card .interview_inner_card .bg-soft-danger {
  background: #FFE5E5;
  color: #FB4D4D;
  font-weight: 500;
  font-size: 0.75rem;
  padding: 4px 10px;
}
.interview_content .interview_card .interview_inner_card .bg-soft-warning {
  background: #FDE6DC;
  color: #E85618;
  font-weight: 500;
  font-size: 0.75rem;
  padding: 4px 10px;
}
.interview_content .interview_card .interview_inner_card .bg-soft-success {
  background: #DEF3DC;
  color: #228400;
  font-weight: 500;
  font-size: 0.75rem;
  padding: 4px 10px;
}
.interview_content .interview_card .interview_inner_card.follow_up_info {
  background: rgba(133, 189, 197, 0.1019607843);
  border-left: 2px solid #337E89;
}
.interview_content .interview_card .interview_inner_card.follow_up_info .interview_title {
  color: #337E89;
  font-weight: 500;
  transition: 0.6s;
  font-size: 0.875rem;
}
.interview_content .interview_card .interview_inner_card.follow_up_info .schedule_comment {
  color: #25282B;
  font-weight: 400;
  font-size: 0.75rem;
}
.interview_content .interview_card .interview_inner_card.follow_up_secondary {
  background: rgba(149, 133, 197, 0.1019607843);
  border-left: 2px solid #4F2FED;
}
.interview_content .interview_card .interview_inner_card.follow_up_secondary .interview_title {
  color: #684AFF;
  font-weight: 500;
  transition: 0.6s;
  font-size: 0.875rem;
}
.interview_content .interview_card .interview_inner_card.follow_up_secondary .schedule_comment {
  color: #25282B;
  font-weight: 400;
  font-size: 0.75rem;
}
.interview_content .interview_card .interview_inner_card.google_meet_light {
  background: #F6F6F6;
  border-left: 2px solid #080808;
}
.interview_content .interview_card .interview_inner_card.google_meet_light .interview_title {
  color: #003691;
  font-weight: 500;
  transition: 0.6s;
  font-size: 0.875rem;
}
.interview_content .interview_card .interview_inner_card.google_meet_light .schedule_comment {
  color: #25282B;
  font-weight: 400;
  font-size: 0.75rem;
}
.interview_content .interview_card .interview_inner_card.google_meet_light_low {
  background: #F6F6F6;
  border-left: 2px solid #0042AF;
}
.interview_content .interview_card .interview_inner_card.google_meet_light_low .interview_title {
  color: #003691;
  font-weight: 500;
  transition: 0.6s;
  font-size: 0.875rem;
}
.interview_content .interview_card .interview_inner_card.google_meet_light_low .schedule_comment {
  color: #25282B;
  font-weight: 400;
  font-size: 0.75rem;
}
.interview_content .interview_card .interview_inner_card .avatar_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 5px;
}
.interview_content .interview_card .interview_inner_card .avatar_xxs {
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.6s;
}
.interview_content .interview_card .interview_inner_card .avatar_items {
  transition: 0.6s;
  margin-left: -5px;
}
.interview_content .interview_card .interview_inner_card .avatar_items:hover {
  transform: translateY(-4px);
  transition: 0.6s;
}
.interview_content .interview_card .interview_inner_card .few_more_title {
  font-size: 0.721rem;
  color: #52575C;
  font-weight: 400;
  transition: 0.6s;
  cursor: pointer;
}

#share_public_modal .modal-content {
  border-radius: 5px;
}
#share_public_modal .modal-content .modal-body {
  text-align: inherit;
}
#share_public_modal .modal-content .modal-body .header .share_title {
  color: #25282B;
  transition: 0.6s;
  font-size: 1rem;
  font-weight: 500;
}
#share_public_modal .modal-content .modal-body .header svg {
  cursor: pointer;
  transition: 0.6s;
}
#share_public_modal .modal-content .modal-body .share_content .public_content {
  gap: 20px;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .quali_stage_input .share__input {
  width: 20px;
  height: 20px;
  transition: 0.6s;
  cursor: pointer;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .public_title {
  color: #25282B;
  transition: 0.6s;
  font-weight: 400;
  font-size: 0.875rem;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .sub_title {
  color: #A0A4A8;
  font-size: 0.75rem;
  font-weight: 400;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input {
  background-color: #F6F7F7;
  padding: 13px 12px;
  width: 100%;
  border-radius: 5px;
  display: none;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input .bootstrap-tagsinput {
  position: relative;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input .bootstrap-tagsinput input {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
  padding: 0;
  width: 100%;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input .bootstrap-tagsinput input:focus {
  background-color: transparent;
  box-shadow: none;
  outline: none;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input .bootstrap-tagsinput input::-moz-placeholder {
  color: #C9C9C9;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input .bootstrap-tagsinput input::placeholder {
  color: #C9C9C9;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input .bootstrap-tagsinput .tag {
  position: relative;
  background-color: #E9F0FC;
  color: #25282B;
  font-size: 0.875rem;
  margin-bottom: 5px;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input .bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 15px;
}
#share_public_modal .modal-content .modal-body .share_content .public_content .private_members_input .bootstrap-tagsinput .tag [data-role=remove]::after {
  content: "x";
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 12px;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown {
  transition: 0.6s;
  cursor: pointer;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown .canview_title {
  color: #25282B;
  font-size: 0.75rem;
  font-weight: 400;
  opacity: 0;
  transition: 0.5s;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown .canview_title.show_class {
  opacity: 1;
  transition: 0.5s;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown .dropdown-menu {
  max-width: 130px;
  min-width: 130px;
  width: 100%;
  overflow: inherit;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown .dropdown-menu .dropdown-item {
  font-size: 0.75rem;
  color: #25282B;
  position: relative;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown .dropdown-menu .dropdown-item:hover {
  color: #09A94B;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown .dropdown-menu .dropdown-item:nth-child(1) {
  border-radius: 8px 8px 0px 0px;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown .dropdown-menu .dropdown-item:nth-child(1)::after {
  right: 5px;
}
#share_public_modal .modal-content .modal-body .share_content .canview_dropdown .dropdown-menu .dropdown-item:last-child {
  border-radius: 0px 0px 8px 8px;
}
#share_public_modal .modal-content .modal-body .people_with_access .access_title {
  color: #25282B;
  transition: 0.6s;
  font-size: 1rem;
  font-weight: 500;
}
#share_public_modal .modal-content .modal-body .people_with_access .img_section {
  width: 21px;
  height: 21px;
  border-radius: 50%;
}
#share_public_modal .modal-content .modal-body .people_with_access .img_section img {
  width: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
#share_public_modal .modal-content .modal-body .people_with_access .people_title {
  font-size: 0.75rem;
  font-weight: 400;
  color: #25282B;
}
#share_public_modal .modal-content .modal-body .people_with_access .position_title {
  font-size: 0.75rem;
  font-weight: 400;
  color: #A0A4A8;
}
#share_public_modal .modal-content .modal-body .share_btns .cancel_btn {
  background-color: transparent;
  border: 1px solid #09A94B;
  padding: 10px;
  color: #09A94B;
}
#share_public_modal .modal-content .modal-body .share_btns .cancel_btn:hover {
  background-color: #09A94B;
  color: #fff;
}
#share_public_modal .modal-content .modal-body .share_btns .share_common_btn {
  max-width: 160px;
}

#access_modal .modal-content {
  border-radius: 5px;
}
#access_modal .modal-content .modal-header .people_hase_access_title {
  color: #25282B;
  font-size: 0.875rem;
  font-weight: 500;
}
#access_modal .modal-content .modal-header svg {
  cursor: pointer;
}
#access_modal .modal-content .pep_accsrch {
  position: relative;
}
#access_modal .modal-content .pep_accsrch .pepsrch_input {
  padding: 0 45px;
  padding-right: 90px;
  min-height: 48px;
  border: none;
  border-radius: 5px;
  font-size: 0.875rem;
}
#access_modal .modal-content .pep_accsrch .pepsrch_input:focus {
  background-color: #F6F7F7;
  outline: none;
  box-shadow: none;
}
#access_modal .modal-content .pep_accsrch .pepsrch_input::-moz-placeholder {
  color: #C9C9C9;
  font-size: 14px;
}
#access_modal .modal-content .pep_accsrch .pepsrch_input::placeholder {
  color: #C9C9C9;
  font-size: 14px;
}
#access_modal .modal-content .pep_accsrch .search_icon {
  position: absolute;
  top: 14px;
  left: 14px;
}
#access_modal .modal-content .pep_accsrch .pep_accoption {
  position: absolute;
  top: 45%;
  right: 10px;
  transform: translate(0, -50%);
}
#access_modal .modal-content .pep_accsrch .pep_accoption select {
  border: 0;
  font-size: 12px;
  padding: 0px 20px;
}
#access_modal .modal-content .pep_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#access_modal .modal-content .pep_list .pep_list_details {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#access_modal .modal-content .pep_list .pep_list_left {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
#access_modal .modal-content .pep_list .pep_list_right {
  font-size: 0.75rem;
  color: #A0A4A8;
  font-weight: 500;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown {
  transition: 0.6s;
  cursor: pointer;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown .canview_title {
  color: #25282B;
  font-size: 0.75rem;
  font-weight: 400;
  opacity: 0;
  transition: 0.5s;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown .canview_title.show_class {
  opacity: 1;
  transition: 0.5s;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown .dropdown-menu {
  max-width: 130px;
  min-width: 130px;
  width: 100%;
  overflow: inherit;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown .dropdown-menu .dropdown-item {
  font-size: 0.75rem;
  color: #25282B;
  position: relative;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown .dropdown-menu .dropdown-item:hover {
  color: #09A94B;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown .dropdown-menu .dropdown-item:nth-child(1) {
  border-radius: 8px 8px 0px 0px;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown .dropdown-menu .dropdown-item:nth-child(1)::after {
  right: 5px;
}
#access_modal .modal-content .pep_list .pep_list_right .canview_dropdown .dropdown-menu .dropdown-item:last-child {
  border-radius: 0px 0px 8px 8px;
}
#access_modal .modal-content .pep_list .pep_img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
}
#access_modal .modal-content .pep_list .pep_img img {
  width: 100%;
  height: 100%;
}
#access_modal .modal-content .pep_list .pep_namerole {
  display: grid;
  justify-items: start;
}
#access_modal .modal-content .pep_list .pep_name {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}
#access_modal .modal-content .pep_list .pep_role {
  font-size: 12px;
  color: #A0A4A8;
  font-weight: 400;
}

/* Modules - Individual site styles... */
.app-header .nav-action-links button:hover, .app-header .nav-action-links button:active, .app-header .nav-action-links button:focus, .app-header .navbar-toggler:hover .navbar-toggler-icon, .app-header .navbar-toggler:focus .navbar-toggler-icon, .app-header .navbar-toggler:active .navbar-toggler-icon, .app-header .navbar-toggler:hover, .app-header .navbar-toggler:focus, .app-header .navbar-toggler:active, .app-header .navbar-toggler {
  border: none;
  outline: none;
  box-shadow: none;
}

.navbar-brand img {
  max-width: 120px;
}

.app-header {
  flex: 0 0 90px;
}
.app-header .navbar-toggler {
  padding-left: 30px;
  margin-right: 15px;
  padding-right: 5px;
}
.app-header .navbar-toggler:hover .navbar-toggler-icon, .app-header .navbar-toggler:focus .navbar-toggler-icon, .app-header .navbar-toggler:active .navbar-toggler-icon {
  background: none;
}
.app-header .navbar-brand {
  height: 90px;
  width: auto;
}
.app-header .navbar-toggler-icon {
  background: none;
  height: 38px;
}
.app-header .material-symbols-outlined {
  font-size: 38px;
  color: #25282b;
}
.app-header .nav-action-links button {
  display: flex;
  align-content: center;
  justify-content: center;
  margin-right: 8px;
  background-color: transparent;
  padding: 0 2px;
  border: none;
}
.app-header .nav-action-links button:hover .material-symbols-outlined {
  color: #09A94B;
}
.app-header .nav-action-links button .material-symbols-outlined {
  font-size: 28px;
  color: #a0a4a8;
}
.app-header .nav-action-links button:hover svg path {
  stroke: #09A94B;
}
.app-header .nav-action-links button:hover .nav_setting_icon path {
  fill: #09A94B;
  stroke: none !important;
  stroke-width: 1;
}

.current-time {
  font-size: 1.6rem;
  color: #A0A4A8;
  margin-right: 2rem;
  line-height: 1;
  font-weight: 300;
}
.current-time span {
  font-size: 0.75rem;
  color: #09A94B;
  position: relative;
  top: -10px;
  left: 0px;
}

#formatted-date {
  color: #A0A4A8;
  line-height: 1.2;
  font-size: 0.75rem;
  font-weight: 400;
}

.formated_date .calander-img {
  width: 16px;
}
.formated_date .calander-img img {
  width: 100%;
  vertical-align: baseline;
}

.navbar-nav .header-search {
  width: 33vw;
  max-width: 450px;
  padding-left: 40px;
  background-color: #f6f7f7;
  font-size: 14px;
  border-radius: 12px;
  font-weight: 400;
  height: 44px;
  border: none;
}
.navbar-nav .header-search-wrapper {
  position: relative;
}
.navbar-nav .header-search-wrapper .search-filter-section {
  position: absolute;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 24px 20px 24px 20px;
  box-shadow: 0px 2px 10px 0px rgba(107, 162, 255, 0.3019607843);
  z-index: 1;
  margin-top: 5px;
  max-height: calc(70vh - 100px);
  overflow-y: scroll;
}
.navbar-nav .header-search-wrapper .search-filter-section .menu-items-title {
  font-size: 0.875rem;
  font-weight: 500;
}
.navbar-nav .header-search-wrapper .search-filter-section .menu-items .gap-9 {
  gap: 9px;
}
.navbar-nav .header-search-wrapper .search-filter-section .menu-items .item_list {
  gap: 8px;
  padding: 4px 8px;
}
.navbar-nav .header-search-wrapper .search-filter-section .menu-items .item_list span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #A0A4A8;
}
.navbar-nav .header-search-wrapper .search-filter-section .menu-items .item_list:hover {
  background-color: #F2F6FD;
  border-radius: 4px;
  cursor: pointer;
}
.navbar-nav .header-search-wrapper .search-filter-section .menu-items .item_list:hover span {
  color: #25282B;
}
.navbar-nav .header-search-wrapper .search-filter-section .menu-items .item_list:hover svg path {
  fill: #25282B;
}
.navbar-nav .header-search-wrapper .search-filter-section .recent_history_itmes .recent-history-title {
  font-size: 0.875rem;
  font-weight: 500;
}
.navbar-nav .header-search-wrapper .search-filter-section .recent_history_itmes .recent-history-list {
  border-bottom: 1px solid #EBEBEB;
}
.navbar-nav .header-search-wrapper .search-filter-section .recent_history_itmes .recent-history-list .history-title {
  font-size: 0.875rem;
  font-weight: 400;
}
.navbar-nav .header-search-wrapper .search-filter-section .recent_history_itmes .recent-history-list .history-path {
  font-size: 0.75rem;
  font-weight: 400;
  color: #A0A4A8;
}
.navbar-nav .header-search-wrapper .search-filter-section .recent_history_itmes .recent-history-list .history-close-icon svg {
  cursor: pointer;
}
.navbar-nav .header-search-wrapper .search-filter-section .search-result-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #25282B;
}
.navbar-nav .header-search-wrapper .search-filter-section .seach-people .search-people-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #25282B;
}
.navbar-nav .header-search-wrapper .search-filter-section .seach-people .search-filter-title {
  font-size: 0.875rem;
  font-weight: 400;
  color: #25282B;
}
.navbar-nav .header-search-wrapper .search-filter-section .seach-people .search-filter-title span {
  color: #1F6DFA;
}
.navbar-nav .header-search-wrapper .search-filter-section .seach-people .search-filter-title small {
  font-size: 0.75rem;
  color: #A0A4A8;
}
.navbar-nav .header-search-wrapper .search-filter-section .search-drift-drive {
  border-bottom: 1px solid #EBEBEB;
}
.navbar-nav .header-search-wrapper .search-filter-section .search-drift-drive .search-drift-title {
  font-size: 0.875rem;
}
.navbar-nav .header-search-wrapper .search-filter-section .search-drift-drive .search-drift-list-title {
  font-size: 0.875rem;
  color: #A0A4A8;
  font-weight: 400;
}
.navbar-nav .header-search-wrapper .search-filter-section .search-drift-drive .search-drift-list-title span {
  color: #1F6DFA;
}
.navbar-nav .header-search-wrapper .search-filter-section .search-results-nofound {
  border-bottom: 1px solid #EBEBEB;
}
.navbar-nav .header-search-wrapper .search-filter-section .search-results-nofound .search-result-nofound-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #25282B;
}
.navbar-nav .header-search-wrapper .search-filter-section .search-results-nofound .search-emptybox .search-empty-title {
  font-size: 0.875rem;
  color: #A0A4A8;
  font-weight: 400;
}
.navbar-nav .header-search-wrapper img {
  position: absolute;
  width: 18px;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.navbar-nav .header-search ::-moz-placeholder {
  color: #adb1b4;
  opacity: 1;
}
.navbar-nav .header-search ::placeholder {
  color: #adb1b4;
  opacity: 1;
}
.navbar-nav .header-search:hover, .navbar-nav .header-search:focus, .navbar-nav .header-search:active {
  border: none;
  outline: none;
  box-shadow: none;
}

.header-user-profile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-user-name {
  margin: 0 30px 0 5px;
  color: #25282b;
}
.header-user-name span {
  position: absolute;
  font-size: 22px !important;
  padding: 0;
  top: 52%;
  right: 0;
  transform: translateY(-50%);
}

.img-avatar,
.backpack-avatar-menu-container {
  width: 35px;
  height: 35px;
  background-color: #09A94B;
  border-radius: 50%;
  color: #fff;
  line-height: 32px;
  font-size: 23px;
  overflow: hidden;
}

.simple-indicator {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #09A94B;
  border: 2px solid #fff;
  top: 0px;
  left: 25px;
  z-index: 0;
}

.dropdown-item.active:hover {
  color: #161c2d;
}

.nav_notification_icon :active {
  fill: #09A94B;
}

.profile-wraper {
  padding: 24px;
  background: white;
  margin-bottom: 20px;
  display: flex;
  gap: 24px;
  align-items: center;
}
.profile-wraper .profile-img img {
  width: 84px;
  height: 84px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.profile-wraper .profile-status {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.profile-wraper .profile-status .online-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  line-height: normal;
  border-radius: 18px;
  color: #A0A4A8;
  border: 0.4px solid #A0A4A8;
}
.profile-wraper .profile-status .online-status.active {
  color: #09A94B;
  border: 0.4px solid #CEEDDA;
  background-color: #F0FFF6;
}
.profile-wraper .profile-status .online-status.active .status-point {
  background-color: #09A94B;
}
.profile-wraper .profile-status .online-status.in-active {
  color: #FF3939;
  background-color: #fff2f2;
  border: 0.4px solid #fbdada;
}
.profile-wraper .profile-status .online-status.in-active .status-point {
  background-color: #FF3939;
}
.profile-wraper .profile-status .online-status .status-point {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #A0A4A8;
}

.agent-user-details {
  flex-direction: column;
  gap: 24px;
}
.agent-user-details .agent-top-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.agent-user-details .agent-top-section .profile-left-wrapper {
  display: flex;
  gap: 24px;
}
.agent-user-details .profile-btm-section {
  width: 100%;
}

.personal_tabs_content .info-grid {
  display: grid;
  grid-template-columns: 28% 4% auto;
  padding: 10px;
  color: #25282B;
  align-items: start;
}
.personal_tabs_content .info-grid span:first-child {
  color: #A0A4A8;
}

.rt_agent_main {
  display: flex;
}

.rt_sidebar {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 240px;
}

.rt_agent_container {
  width: 100%;
  padding: 24px;
}

.rt_agent_container .agent_details_title {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 30px;
}

.rt_agent_details_container {
  background-color: #fff;
  width: auto;
  padding: 24px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.rt_agent_profile_pic img {
  max-width: 100%;
  height: 84px;
  width: 84px;
}

.rt_agent_user_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rt_agent_user_head_left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rt_agent_head_left_content {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-direction: column;
}

.rt_agent_head_left_content .rt_agent_name {
  font-family: "IBM Plex Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.rt_agent_active_btn {
  padding: 8px 12px;
  background-color: #F0FFF6;
  border: 0.4px solid #CEEDDA;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.rt_agent_active_btn .btn_text {
  color: #09A94B;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.rt_user_head_social_items {
  display: flex;
  align-items: center;
  gap: 12px;
}

.feed_btn {
  background-color: #F4F6FA;
  border-radius: 4px;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.feed_btn h6 {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.rt_user_head_social_items img {
  max-width: 100%;
  width: 24px;
  height: 24px;
}

.rt_agent_user_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.rt_agent_user_content_items {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  border-right: 1px solid #F0F3F7;
  padding: 0px 10px;
  width: -webkit-fill-available;
}

.user_con_title_value {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.user_con_title_value .con_title {
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #A0A4A8;
  margin: 0;
}

.user_con_title_value .con_foo_title {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.user_con_title img {
  max-width: 100%;
  height: 24px;
  width: 24px;
}

.rt_agent_personal_details_container {
  padding: 24px;
  background-color: #fff;
  border-radius: 8px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 52vh;
}

.rt_agent_personal_tab_menu {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  cursor: pointer;
}

.rt_agent_personal_tab_menu.active {
  border-bottom: 1px solid #09A94B;
}
.rt_agent_personal_tab_menu.active svg path {
  fill: #09A94B;
}

.rt_agent_personal_tab_menu.active .rt_agent_personal_tab_menu_text {
  color: #09A94B;
}

.rt_agent_personal_tab_menu_text {
  color: #A0A4A8;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.rt_agent_personal_tabs_head {
  display: flex;
  border-bottom: 1px solid #ccc;
}

.rt_agent_tabs_content {
  display: none;
}

.rt_agent_personal_tabs_content_title {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  margin-bottom: 4px;
}

.rt_agent_personal_tabs_content .lead_text {
  color: #A0A4A8;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}

.rt_agent_personal_tabs_content_title_sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rt_dropdown {
  position: relative;
  width: 200px;
}

.rt_dropdown_header {
  background-color: #fff;
  color: #09A94B;
  padding: 11px 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #09A94B;
  border-radius: 4px;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.rt_dropdown_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.rt_dropdown_list li {
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #ecf0f1;
  cursor: pointer;
}

.rt_dropdown_list li:hover {
  background-color: #f1f3f8;
}

.rt_arrow {
  transition: transform 0.3s ease-in-out;
  display: flex;
}

.open .rt_arrow {
  transform: rotate(180deg);
  display: flex;
}

.personal_tabs_content {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.rt_personal_table {
  display: table;
  width: 50%;
}

.rt_table_row {
  display: table-row;
  width: auto;
  clear: both;
}

.rt_table_col {
  float: left;
  display: table-column;
  padding: 8px 0px;
  font-size: 16px;
  font-weight: 500;
  color: #25282B;
  word-break: break-all;
  padding-top: 0;
}

.rt_table_col.title {
  font-weight: 400;
  color: #A0A4A8;
  margin: 0;
}

.rt_table_col.pwd_col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
  gap: 15px;
}

.rt_pwd_field_wrap {
  width: 233px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.rt_pwd_field_wrap i, .rt_pwd_field_wrap span {
  cursor: pointer;
}

.rt_pwd_field {
  width: 100%;
  border: 0;
  font-size: 16px;
  color: #25282B;
}

.rt_pwd_field:focus {
  border: 0;
  outline: none;
}

.eye_cpy_icon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
}

.asterisk_sign {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
}

.eye_cpy_icon i.bi-eye {
  font-size: 24px;
}

.eye_cpy_icon .bi-eye-slash {
  font-size: 24px;
}

.eye_cpy_icon i.bi-copy {
  font-size: 18px;
}

.rt_copy_icon {
  cursor: pointer;
  position: relative;
}

.cpy_msg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(30%, 70%);
  display: none;
  color: #09A94B;
}

.agent_rt_timeline_container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.rt_timeline_bar {
  list-style: none;
}

.rt_timeline_bar > li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
}

.rt_timeline_bar > li:before {
  content: "●";
  margin-right: 10px;
  font-size: 20px;
  color: #83A0FF;
  z-index: 1;
}

.rt_timeline_bar > li:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-left: 2px solid #D5E2F0;
  margin-left: 5px;
  height: 100%;
}

.rt_timeline_bar > li:first-of-type:after {
  top: 50%;
}

.rt_timeline_bar > li:last-of-type:after {
  top: -50%;
}

h6.date_item {
  margin: 0;
  margin-bottom: 0;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: #25282B;
}

.rt_timeline_date_box {
  width: 72px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.rt_timeline_panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.rt_tl_panel_item {
  padding: 0px 24px 0px 24px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

.rt_tl_panel_item.blue h6 {
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  color: #4391FF;
}

.rt_tl_panel_item.blue a {
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  color: #4391FF;
}

.rt_tl_panel_item.blue {
  background-color: #EEF2FF;
  border-left: 4px solid #6BA2FF;
  border-radius: 4px;
}

.rt_tl_panel_item.lavender {
  background-color: #F6EEFF;
  border-left: 4px solid #BC81FF;
  border-radius: 4px;
}

.rt_tl_panel_item.lavender h6 {
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  color: #871CFF;
}

.rt_tl_panel_item.lavender a {
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  color: #871CFF;
}

.rt_timeline_bar > li.lavender:before {
  color: #BC81FF;
}

.rt_tl_subtitle_text {
  margin: 20px 0px 16px 0px;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #09A94B;
}

.object_tl_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.avartar_object {
  display: flex;
  align-items: center;
  gap: 6px;
}

.avartar_object img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.rt_overview_detail_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  place-content: center;
  grid-gap: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.rt_overview_item {
  display: flex;
  flex-direction: column;
  background: #F8F9FF;
  gap: 16px;
  padding: 16px 20px;
}

.rt_over_bottom_item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-radius: 4px;
}

.rt_overview_item .over_title {
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 10px;
}

.rt_over_top_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rt_overview_item.leads {
  background-color: #F8F9FF;
}

.rt_overview_item.attempted {
  background-color: #F9F5FF;
}

.rt_overview_item.contacted {
  background-color: #F2FBFF;
}

.rt_overview_item.qualified {
  background-color: #FFF6FD;
}

.rt_overview_item.nurturing {
  background-color: #FDF3FF;
}

.rt_overview_item.signups {
  background-color: #FFF4F0;
}

.rt_overview_item.verification {
  background-color: #F5F8FF;
}

.rt_overview_item.deposited {
  background-color: #F5FFF4;
}

.rt_overview_item.leads .rt_over_top_item {
  border-left: 2px solid #5C6DDE;
}

.rt_overview_item.attempted .rt_over_top_item {
  border-left: 2px solid #9A6CEB;
}

.rt_overview_item.contacted .rt_over_top_item {
  border-left: 2px solid #43B0D9;
}

.rt_overview_item.qualified .rt_over_top_item {
  border-left: 2px solid #E27BCB;
}

.rt_overview_item.nurturing .rt_over_top_item {
  border-left: 2px solid #E24FFF;
}

.rt_overview_item.signups .rt_over_top_item {
  border-left: 2px solid #DE6565;
}

.rt_overview_item.verification .rt_over_top_item {
  border-left: 2px solid #7F9EF3;
}

.rt_overview_item.deposited .rt_over_top_item {
  border-left: 2px solid #09A94B;
}

.rt_overview_item.leads .over_title {
  color: #5C6DDE;
}

.rt_overview_item.attempted .over_title {
  color: #9A6CEB;
}

.rt_overview_item.contacted .over_title {
  color: #43B0D9;
}

.rt_overview_item.qualified .over_title {
  color: #E27BCB;
}

.rt_overview_item.nurturing .over_title {
  color: #E24FFF;
}

.rt_overview_item.signups .over_title {
  color: #DE6565;
}

.rt_overview_item.verification .over_title {
  color: #7F9EF3;
}

.rt_overview_item.deposited .over_title {
  color: #09A94B;
}

.rt_over_top_item img {
  width: 24px;
  height: 24px;
}

.rt_over_bottom_item .over_amount {
  font-family: "IBM Plex Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  color: #25282B;
}

.rt_over_bottom_item .text_muted {
  color: #A0A4A8;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  gap: 3px;
}

.rt_over_bottom_item .text_muted b {
  color: #09A94B;
  font-weight: 500;
}

.rt_achve_title {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 20px;
}

.rt_achievements_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.rt_achive_item {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.leader_points_items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20.5px 20px;
  width: 50%;
}

.lp_foo_item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.leader_points_items .lp_title {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}

.leader_points_items.rt_leader {
  background: linear-gradient(to left bottom, #B4DBCD, #f5fffb, #fffffb, white);
}

.leader_points_items.rt_points {
  background: linear-gradient(to left bottom, #F5E3FF, #faf0ff, #fffffb, white);
}

.lp_foo_item .text_1 {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
}

.lp_foo_item .text_2 {
  color: #A0A4A8;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  gap: 3px;
}

.lp_foo_item .text_2 b {
  color: #09A94B;
  font-weight: 500;
}

.rt_achive_item.level_col {
  background: linear-gradient(to left, #F0C9A3, #ffeede);
  padding: 24px;
  border-radius: 4px;
  flex-direction: column;
}

.rt_achive_item.level_col .level_head {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.rt_achive_item.level_col .level_head .star_items {
  display: flex;
  align-items: center;
  gap: 4px;
}

.rt_achive_item.level_col .level_head .title_text {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.rt_achive_item.level_col .level_head .star_items .texts {
  color: #AE866C;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.rt_achive_item.level_col .level_head .star_items .texts span {
  color: #835839;
}

.rt_achive_item.appreciations_col {
  padding: 20px 20px 20px 9px;
  background: linear-gradient(to left bottom, #FFECA8, #f9ebb8, #fffce9, white);
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}

.rt_achive_item.appreciations_col .title_text {
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #25282B;
  margin-bottom: 25px;
  margin-left: 5px;
}

.rt_group_icons_container {
  position: relative;
}

.rt_group_icons_container .grp_text {
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: #A0A4A8;
  margin: 0;
}

.rt_group_icons_container .grp_text b {
  color: #C99C00;
  font-weight: 500;
}

.grp_icons img {
  margin-left: -30px;
  width: 55px;
  height: 55px;
}

.grp_icons img.trophy {
  margin-left: 0px;
}

.rt_group_icons_main_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rt_appreciation_btn {
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding: 12px 16px 12px 16px;
  background: linear-gradient(45deg, #FFD239 6.87%, #FFFFFF 99.5%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  border-radius: 12px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
  color: #8F6E00;
  text-decoration: none;
  border: 3px solid #fff;
}

.level_foo_items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.level_foo_items .rt_text_item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.level_foo_items .text_b {
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: #BC8258;
}

.level_foo_items .text_l {
  font-family: "IBM Plex Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #25282B;
}

.rt_achive_item.badges_col {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: linear-gradient(to left bottom, #E8F3FF, #E8F3FF, #f2faff, white);
  border-radius: 4px;
}

.swiper.rt_badges_swiper {
  position: relative;
  width: -webkit-fill-available;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

.rt_badges_swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.rt_badges_swiper .swiper-slide.disabled .rt_slider_inner {
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  background-color: #E6E6E6;
}

.rt_badges_swiper .swiper-slide.disabled h6 {
  color: #A0A4A8;
}

.rt_badges_swiper .swiper-slide img {
  width: auto;
  height: 45px;
  display: block;
}

.rt_badges_swiper_wraper {
  display: flex;
  align-items: baseline;
}

.rt_badges_swiper .swiper-slide .rt_slider_inner {
  width: 80px;
  height: 80px;
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rt_badges_swiper_prev_btn:after,
.rt_badges_swiper_next_btn:after {
  font-size: 10px;
  color: #25282B;
  font-weight: 600;
}

.swiper-button-prev.rt_badges_swiper_prev_btn,
.swiper-button-next.rt_badges_swiper_next_btn {
  all: unset;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 0.5px solid #A2C8F4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}

.swiper-button-prev.rt_badges_swiper_prev_btn {
  right: 70px;
}

.rt_badges_swiper .swiper-slide h6 {
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: #25282B;
  word-break: break-word;
  max-width: 98px;
  margin-top: 12px;
  margin-bottom: 0;
}

.rt_badges_swiper_title {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}

.rt_badges_slider_header {
  display: flex;
  justify-content: space-between;
}

.rt_badges_slider_counter {
  display: inline-flex;
}

.rt_badges_swiper_arrows {
  display: flex;
  gap: 30px;
}

.rt_badges_slider_counter .muted_text {
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #A0A4A8;
}

.rt_badges_slider_counter .counter_title {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.rt_badges_slider_counter .counter_num {
  color: #25282B;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.rt_range_slider input[type=range] {
  width: 100%;
  height: 40px;
  transition: box-shadow 0.2s ease-in-out;
  border-radius: 30px;
}

input[type=range].styled-slider {
  height: 37px;
  -webkit-appearance: none;
}

input[type=range].styled-slider.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 30px + var(--ratio) * (100% - 30px));
}

input[type=range].styled-slider:focus {
  outline: none;
}

input[type=range].styled-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 16px;
  background: #C1906C;
  border: none;
  box-shadow: none;
  margin-top: 0px;
}

input[type=range].styled-slider::-webkit-slider-runnable-track {
  height: 30px;
  border: none;
  background: #fff;
  box-shadow: none;
  border-radius: 30px;
}

input[type=range].styled-slider::-webkit-slider-thumb:hover {
  background: #C1906C;
}

input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
  background: #fff;
}

input[type=range].styled-slider::-webkit-slider-thumb:active {
  background: #C1906C;
}

input[type=range].styled-slider:active::-webkit-slider-runnable-track {
  background: #fff;
}

input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #D9D3D4, #C1906C) 0/var(--sx) 100% no-repeat, #fff;
}

input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #D9D3D4, #C1906C) 0/var(--sx) 100% no-repeat, #fff;
}

input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #D9D3D4, #C1906C) 0/var(--sx) 100% no-repeat, #fff;
}

/*mozilla*/
input[type=range].styled-slider::-moz-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 16px;
  background: #C1906C;
  border: none;
  box-shadow: none;
}

input[type=range].styled-slider::-moz-range-track {
  height: 30px;
  border: none;
  border-radius: 0.5em;
  background: #fff;
  box-shadow: none;
}

input[type=range].styled-slider::-moz-range-thumb:hover {
  background: #C1906C;
}

input[type=range].styled-slider:hover::-moz-range-track {
  background: #fff;
}

input[type=range].styled-slider::-moz-range-thumb:active {
  background: #C1906C;
}

input[type=range].styled-slider:active::-moz-range-track {
  background: #fff;
}

input[type=range].styled-slider.slider-progress::-moz-range-track {
  background: linear-gradient(#C1906C, #C1906C) 0/var(--sx) 100% no-repeat, #fff;
}

input[type=range].styled-slider.slider-progress:hover::-moz-range-track {
  background: linear-gradient(#C1906C, #C1906C) 0/var(--sx) 100% no-repeat, #fff;
}

input[type=range].styled-slider.slider-progress:active::-moz-range-track {
  background: linear-gradient(#C1906C, #C1906C) 0/var(--sx) 100% no-repeat, #fff;
}

/*ms*/
input[type=range].styled-slider::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-thumb {
  width: 30px;
  height: 30px;
  border-radius: 16px;
  background: #C1906C;
  border: none;
  box-shadow: none;
  margin-top: 0;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-track {
  height: 30px;
  border-radius: 0.5em;
  background: #fff;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-thumb:hover {
  background: #C1906C;
}

input[type=range].styled-slider:hover::-ms-track {
  background: #fff;
}

input[type=range].styled-slider::-ms-thumb:active {
  background: #C1906C;
}

input[type=range].styled-slider:active::-ms-track {
  background: #fff;
}

input[type=range].styled-slider.slider-progress::-ms-fill-lower {
  height: 30px;
  border-radius: 0.5em 0 0 0.5em;
  margin: -undefined 0 -undefined -undefined;
  background: #C1906C;
  border: none;
  border-right-width: 0;
}

input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower {
  background: #C1906C;
}

input[type=range].styled-slider.slider-progress:active::-ms-fill-lower {
  background: #C1906C;
}

.rt_range_slider {
  position: relative;
}

.rt_range_slider img {
  width: 55px;
  height: 55px;
  position: absolute;
  top: -10px;
  right: 0;
  display: flex;
}

.left_side_btn {
  left: -14px;
}

.rt_range_slider .right_side_btn {
  right: -14px;
}

.rt_range_slider .inter_num {
  position: absolute;
  top: -35%;
  left: 0;
  transform: translate(20%, 50%);
  font-family: "IBM Plex Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  color: #fff;
}

.rt_range_slider .advance_num {
  position: absolute;
  top: 43%;
  right: 0;
  transform: translate(-60%, -50%);
  font-family: "IBM Plex Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  color: #8C685B;
}

.rt_overview_item.call-box {
  background-color: #FFF9F5;
}
.rt_overview_item.call-box .over_title {
  color: #D49B6C;
}
.rt_overview_item.call-box .rt_over_top_item {
  border-left: 2px solid #D49B6C;
}
.rt_overview_item.mail-box {
  background-color: #FFF5F5;
}
.rt_overview_item.mail-box .over_title {
  color: #DE6565;
}
.rt_overview_item.mail-box .rt_over_top_item {
  border-left: 2px solid #DE6565;
}
.rt_overview_item.sms-box {
  background-color: #F3F6FF;
}
.rt_overview_item.sms-box .over_title {
  color: #7F9EF3;
}
.rt_overview_item.sms-box .rt_over_top_item {
  border-left: 2px solid #7F9EF3;
}
.rt_overview_item.whatsapp-box {
  background-color: #EEFFEC;
}
.rt_overview_item.whatsapp-box .over_title {
  color: #09A94B;
}
.rt_overview_item.whatsapp-box .rt_over_top_item {
  border-left: 2px solid #09A94B;
}

.call_agent {
  background-color: #fff;
  padding: 16px 24px;
  border-radius: 8px;
  height: auto;
}
.call_agent .call_profile {
  border-radius: 50px;
  width: 50px;
  height: 50px;
}
.call_agent .call_profile img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
.call_agent .call_card_details {
  display: flex;
  align-items: center;
  gap: 12px;
}
.call_agent .call_info {
  display: flex;
  flex-direction: column;
}
.call_agent .call_info_icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  height: 100%;
  align-items: center;
}
.call_agent .call_info_circle {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.call_agent .call_info_circle img {
  padding: 6px;
}
.call_agent .info_msg {
  background-color: #9CAAFE;
}
.call_agent .info_mail {
  background-color: #DC81FC;
}
.call_agent .info_call {
  background-color: #FF9B62;
}
.call_agent .info_whatsapp {
  background-color: #2EC502;
}
.call_agent .info_network {
  background-color: #DC73AC;
}
.call_agent .call_info_bg {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px;
  border-radius: 4px;
  background-color: #F4F6FA;
}
.call_agent .call_info_name {
  font-size: 18px;
  font-weight: bold;
  color: #25282B;
}
.call_agent .call_info_logo {
  width: 30px;
  height: 30px;
  background-image: linear-gradient(#E9A617, #FEBD32, #C98A03);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.call_agent .call_info_logo img {
  width: 18px;
}
.call_agent .call_info_id {
  color: #9E9E9E;
}
.call_agent .call_info_role {
  color: #9E9E9E;
}

.call_logs {
  background-color: #fff;
  border-radius: 8px;
  padding: 16px 24px;
}
.call_logs .border-right:last-child {
  border-right: none !important;
}
.call_logs .call_logo_title_count {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.call_logs .call_logo_title_count .call_logo_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.call_logs .call_logo_title_count .call_title {
  font-size: 16px;
  font-weight: 600;
}
.call_logs .call_logo_title_count .call_logo {
  width: 34px;
  height: 34px;
}
.call_logs .call_logo_title_count .call_logo.bg-liteyellow {
  background-color: #FFF8D6;
}
.call_logs .call_logo_title_count .call_logo img {
  width: 100%;
  height: 100%;
  padding: 4px;
}
.call_logs .call_logo_title_count .call_logo img.svg_mbrown {
  filter: brightness(0) saturate(100%) invert(38%) sepia(7%) saturate(7018%) hue-rotate(20deg) brightness(102%) contrast(94%);
}
.call_logs .call_logo_title_count .call_logo img.svg_success {
  filter: brightness(0) saturate(100%) invert(75%) sepia(62%) saturate(5421%) hue-rotate(68deg) brightness(98%) contrast(104%);
}
.call_logs .call_logo_title_count .call_logo img.svg_orange {
  filter: brightness(0) saturate(100%) invert(71%) sepia(74%) saturate(659%) hue-rotate(315deg) brightness(100%) contrast(101%);
}
.call_logs .call_logo_title_count .call_count {
  color: #25282B;
  font-size: 22px;
  font-weight: 600;
}

@media only screen and (max-height: 600px) {
  .login-overlay {
    min-height: 600px;
    overflow-y: auto;
    padding-top: 30px;
  }
}

.login-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-overlay .watermark-top {
  position: absolute;
  top: 61px;
  left: 72px;
}
.login-overlay .watermark-bottom {
  position: absolute;
  bottom: -181px;
  right: -235px;
  width: 376px;
  z-index: -1;
}

.login-container {
  position: relative;
  width: 100%;
  max-width: 760px;
  min-width: 280px;
  margin: auto 20px;
  background: #ffffff;
  border-radius: 12px;
  padding: 32px 20px 74px 20px;
}
.login-container .arrow-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-container .logo-image {
  display: flex;
  justify-content: center;
}
.login-container .img_logo {
  width: 200px;
  height: 60px;
  margin: auto;
}
.login-container .img_logo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.login-container .section-login {
  max-width: 470px;
  margin: auto;
}
.login-container .section-login .login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 40px;
}
.login-container .section-login .login-form .login-header {
  text-align: center;
  font-family: "IBM Plex Sans";
  font-size: 22px;
  font-weight: 500;
}
.login-container .section-login .login-form input {
  border: none;
  background: rgb(246, 247, 247);
  padding: 13px 12px;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  border-radius: 4px;
  width: 100%;
}
.login-container .section-login .login-form .login-username {
  display: flex;
  flex-direction: column;
  color: rgb(158, 158, 158);
  padding-top: 42px;
  width: 100%;
}
.login-container .section-login .login-form .login-username input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px rgb(246, 247, 247) inset !important; /* Change the color to your desired background color */
}
.login-container .section-login .login-form .login-password {
  color: rgb(158, 158, 158);
  padding-top: 24px;
  width: 100%;
}
.login-container .section-login .login-form .login-password .login-password-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.login-container .section-login .login-form .login-password .login-password-icon span {
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.login-container .section-login .login-form .login-password input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px rgb(246, 247, 247) inset !important; /* Change the color to your desired background color */
}
.login-container .section-login .login-form .rememberme-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 4px;
}
.login-container .section-login .login-form .rememberme-wrap .rememberme {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "IBM Plex Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
}
.login-container .section-login .login-form .rememberme-wrap .rememberme .tick-checkbox-label span:before {
  margin: 3px 0 3px 1px;
}
.login-container .section-login .login-form .rememberme-wrap .rememberme .remember {
  color: #52575C;
  gap: 5px;
}
.login-container .section-login .login-form .rememberme-wrap .forget-password {
  font-size: 14px;
  font-weight: 400;
}
.login-container .section-login .login-form .login {
  background-color: #09A94B;
  color: white;
  width: 100%;
  border-radius: 4px;
  border: none;
  padding: 12px;
  margin-top: 40px;
}
.login-container .section-login .login-form .login:hover, .login-container .section-login .login-form .login:active {
  background-color: rgb(9, 169, 75);
  color: #ffffff;
  outline: none;
}
.login-container .loader-wrap .loader img {
  width: 250px;
  display: flex;
  margin: auto;
}
.login-container .loader-wrap .loader-text {
  font-size: 16px;
  font-weight: 400;
}
.login-container .otp-wrap {
  margin-top: 40px;
}
.login-container .otp-wrap .otp-verification {
  font-size: 22px;
  text-align: center;
  font-weight: 500;
}
.login-container .otp-wrap .enter-otp {
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  color: rgb(160, 164, 168);
  padding-top: 12px;
}
.login-container .otp-wrap .otp-mail {
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  color: rgb(37, 40, 43);
  padding-top: 8px;
}
.login-container .otp-wrap .otp-container {
  display: flex;
  justify-content: center;
  margin-top: 44px;
  gap: 24px;
}
.login-container .otp-wrap .otp-input {
  width: 48px;
  height: 48px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin: 0 5px;
  border: none;
  background-color: rgb(246, 247, 247);
  color: rgb(85, 93, 101);
  border-radius: 4px;
  transition: border-color 0.3s;
}
@media (max-width: 360px) {
  .login-container .otp-wrap .otp-input {
    width: 35px;
    height: 35px;
  }
}
.login-container .otp-wrap .verify {
  border: none;
  width: 100%;
  background-color: rgb(9, 169, 75);
  color: #FFFFFF;
  padding: 12px;
  margin-top: 40px;
  text-align: center;
  border-radius: 4px;
}
.login-container .otp-wrap .verify.disabled {
  color: #A0A4A8;
  background-color: #EBEBEB;
  cursor: not-allowed;
}
.login-container .otp-wrap .resend {
  font-size: 14px;
  font-weight: 400;
  color: rgb(9, 169, 75);
  margin-top: 40px;
  text-align: center;
  cursor: pointer;
}
.login-container .otp-wrap .resend-otp {
  font-size: 14px;
  font-weight: 400;
  color: #25282B;
  text-align: center;
}
.login-container .otp-wrap .resend-otp .timings {
  color: #F01445;
}
.login-container .footer-password-wrap .forget-email {
  margin-top: 40px;
}
.login-container .footer-password-wrap .forget-email .footer-password {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
}
.login-container .footer-password-wrap .forget-email .footer-subheading {
  font-size: 16px;
  font-weight: 400;
  padding-top: 12px;
  text-align: center;
  color: rgb(160, 164, 168);
}
.login-container .footer-password-wrap .forget-email .forgetpassword {
  display: flex;
  flex-direction: column;
  margin-top: 44px;
}
.login-container .footer-password-wrap .forget-email .forgetpassword .mandetory {
  color: red;
}
.login-container .footer-password-wrap .forget-email .forgetpassword .email-label {
  font-size: 14px;
  font-weight: 400;
  color: rgb(158, 158, 158);
}
.login-container .footer-password-wrap .forget-email .forgetpassword input {
  background-color: #f6f7f7;
  padding: 13px 12px;
  border: none;
  border-radius: 4px;
  font-weight: 500;
}
.login-container .footer-password-wrap .forget-email .send-otp {
  border: none;
  background: #09A94B;
  padding: 12px;
  color: #FFFFFF;
  margin-top: 40px;
  border-radius: 4px;
  width: 100%;
}
.login-container .update-password-wrap {
  margin-top: 40px;
}
.login-container .update-password-wrap .mandetory {
  color: red;
}
.login-container .update-password-wrap .update-password {
  font-size: 22px;
  color: #25282B;
  font-weight: 500;
  text-align: center;
}
.login-container .update-password-wrap .updatePassword {
  margin-top: 40px;
}
.login-container .update-password-wrap .updatePassword .newpassword {
  font-size: 14px;
  color: rgb(158, 158, 158);
  font-weight: 400;
}
.login-container .update-password-wrap .updatePassword .update-password-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.login-container .update-password-wrap .updatePassword .update-password-icon input {
  width: 100%;
  border: none;
  background-color: #f6f7f7;
  padding: 13px 12px;
}
.login-container .update-password-wrap .updatePassword .update-password-icon span {
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.login-container .update-password-wrap .setpassword {
  border: none;
  background: #09A94B;
  padding: 12px;
  color: #FFFFFF;
  margin-top: 40px;
  border-radius: 4px;
  width: 100%;
}
.login-container .forget-footer {
  font-size: 14px;
  font-weight: 400;
  color: rgb(160, 164, 168);
  text-align: center;
  padding-top: 40px;
}
.login-container .forget-footer .support {
  color: rgb(107, 162, 255);
}

.is-default {
  gap: 10px;
}

.is-default .tick-checkbox-label {
  gap: 10px;
}
.is-default .tick-checkbox-label span {
  width: auto;
  position: relative;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgb(246, 247, 247) inset !important;
}

/* Remove background image */
input:-webkit-autofill {
  -webkit-background-clip: text !important;
}

:root, html {
  overflow-y: hidden;
}

.app-body .main {
  overflow: auto;
  height: calc(100vh - 90px);
}

.sidebar.sidebar-pills {
  height: calc(100vh - 100px);
}

.app-footer {
  display: none;
}

.section-title {
  font-size: 22px;
  font-weight: 500;
}

input[type=date], .card textarea, .card select.form-control {
  font-size: 14px;
  font-weight: 500;
  border-color: #F6F7F7;
  background-color: #F6F7F7;
  color: #555D65;
  padding: 13px;
  border-radius: 4px;
  min-height: 48px;
  letter-spacing: 0.2px;
}

.bg-white {
  background: white;
}

.popup-form-btns {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

.agent-search-keys {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  flex-wrap: wrap;
}
.agent-search-keys a {
  text-decoration: underline;
}
.agent-search-keys .key-text {
  padding: 10px;
  background: white;
  border-radius: 4px;
  min-width: 80px;
  font-size: 14px;
  gap: 10px;
}
.agent-search-keys .key-text span {
  padding: 0 5px;
  cursor: pointer;
}

.d-between, .notification-popup-container .notify-header, .notification-all .notify-header, .deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .transaction-details, .deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .deposited-amount-wrapper, .deposit-contents .recent-deposit .deposit-table-header, .deposit-contents .deposit-card-wrapper .deposit-card .depo-card-header, .deposit-contents .deposit-card-wrapper, .activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul li, .d-center, .quill-wrap .text-box .activity-file-wrapper .img-preview, .quill-wrap .upload-log-toolbar .ql-formats, .quill-wrap .upload-log-toolbar, .activity-file .file-type, .deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .child-2, .activity-log-tab .tabs-content-wraper .tab-content-body .not-found-container, .activity-log-main-tab.tabs ul.tabs-header-main li a, .sidebar .aero-sidebar-move, .btn-grid, .lead-status, .q-rate span, .l-score span, .emoji-panel span, .time-shedule-input-wrapper, .time-shedule-input-wrapper .input-group input, .clock, .timer-header, .timer-header .picked-time, .timer-header .medium, .hourCircle, .time, .shedule-calender-tab ul.tabs-header li a, .calender-content header, .calender-content.calender-day-box .days span, .table-loader, .sidebar.collapse-bar ul.nav-dropdown-items .item-collapsed-show, .searchValueParent, .emoji-panel .emoji-nav ul, .emoji-container, .shedule-calender-tab ul.tabs-header, .single-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.d-center, .quill-wrap .text-box .activity-file-wrapper .img-preview, .quill-wrap .upload-log-toolbar .ql-formats, .quill-wrap .upload-log-toolbar, .activity-file .file-type, .deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .child-2, .activity-log-tab .tabs-content-wraper .tab-content-body .not-found-container, .activity-log-main-tab.tabs ul.tabs-header-main li a, .sidebar .aero-sidebar-move, .btn-grid, .lead-status, .q-rate span, .l-score span, .emoji-panel span, .time-shedule-input-wrapper, .time-shedule-input-wrapper .input-group input, .clock, .timer-header, .timer-header .picked-time, .timer-header .medium, .hourCircle, .time, .shedule-calender-tab ul.tabs-header li a, .calender-content header, .calender-content.calender-day-box .days span, .table-loader {
  justify-content: center;
}

.gap-10 {
  gap: 10px;
}

.txt-lable, .searchValueParent span:not(:first-child), .single-option span:not(:first-child) {
  font-size: 12px;
  color: #A0A4A8;
}

.label-inactive {
  color: #A0A4A8;
  font-size: 14px;
}

.text-start {
  text-align: start;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 20px;
}

::-webkit-scrollbar {
  width: 5px;
  height: 6px;
  background-color: #F5F5F5;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb {
  background-color: #A0A4A8;
  border-radius: 20px;
}

::-ms-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 20px;
}

::-ms-scrollbar {
  width: 8px;
  height: 6px;
  background-color: #F5F5F5;
  border-radius: 20px;
}

::-ms-scrollbar-thumb {
  background-color: #A0A4A8;
  border-radius: 20px;
}

.modal-backdrop.fade.show {
  z-index: -5;
}

.info-erase-data {
  cursor: pointer;
}
.info-erase-data svg path {
  fill: #A0A4A8;
}
.info-erase-data.tick-symbl.selected svg path {
  fill: #09A94B;
}
.info-erase-data.close-symbl.selected {
  border-color: #25282B;
}
.info-erase-data.close-symbl.selected svg path {
  fill: #25282B;
}

.activity-log-grid {
  display: grid;
  grid-template-columns: 25% auto;
  gap: 20px;
}
.activity-log-grid .detail-container {
  padding: 25px;
  width: 100%;
  min-height: 97vh;
  max-height: 119vh;
  overflow-x: auto;
}
.activity-log-grid .detail-container .detail-text {
  font-size: 1rem;
  font-weight: 500;
}
.activity-log-grid .detail-container .info-grid {
  grid-template-columns: 40% 5% auto;
}
.activity-log-grid .detail-container .info-grid:first-child {
  align-items: center;
}
.activity-log-grid .detail-container .info-grid span:last-child {
  word-break: break-word;
}
.activity-log-grid .detail-container .info-grid .warm-chart {
  gap: 3px;
}
.activity-log-grid .detail-container .info-grid .warm-chart .change-warm {
  cursor: pointer;
}
.activity-log-grid .detail-container .hr {
  border-bottom: 1px dotted #A0A4A8;
  margin: 20px 0;
}

.activity-log-main-tab.tabs {
  margin-bottom: 0;
}
.activity-log-main-tab.tabs ul.tabs-header-main li a {
  gap: 8%;
  height: 48px;
  width: 180px;
  color: #A0A4A8;
  border-top: 1px solid transparent;
}
.activity-log-main-tab.tabs ul.tabs-header-main li a svg path {
  fill: #A0A4A8;
}
.activity-log-main-tab.tabs ul.tabs-header-main li a.active {
  background: linear-gradient(180deg, #CAFEDF 0%, rgba(255, 255, 255, 0.1) 100%);
  border-top: 1px solid #09A94B;
  color: #09A94B;
}
.activity-log-main-tab.tabs ul.tabs-header-main li a.active svg path {
  fill: #09A94B;
}

.activity-log-tab {
  padding: 0;
  margin: 0;
  position: relative;
}
.activity-log-tab .tab-header {
  margin-bottom: 24px;
}
.activity-log-tab .tabs-content-wraper .tab-content-body {
  height: 75dvh;
  max-height: 100vh;
  overflow: auto;
  padding: 0;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .tabs-content-title {
  cursor: pointer;
  margin-bottom: 20px;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .tabs-content-title.collapsed .arrow-img {
  transform: rotate(180deg);
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg .cmt-parent-c {
  cursor: pointer;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg .cmt-parent-c span object {
  transition: 0.3s;
  pointer-events: none;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg .cmt-parent-c:not(.collapsed) span object {
  transform: rotate(180deg);
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg .cmt-child-c {
  cursor: pointer;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg .cmt-child-c span object {
  transform: rotate(0deg);
  pointer-events: none;
  transition: 0.3s;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg .cmt-child-c:not(.collapsed) span object {
  transform: rotate(180deg);
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul li .profile-pic {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul li {
  border-left: 1px solid #25282B;
  gap: 15px;
  padding-left: 15px;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul li p {
  -webkit-box-orient: vertical;
  white-space: inherit;
  padding: 10px 0;
  max-height: 55px;
  overflow: auto;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul li .item {
  cursor: pointer;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul li .item:first-child {
  width: 100%;
  cursor: default;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul ul {
  gap: 15px;
  padding-left: 33px;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .accordion-msg ul ul li .profile-pic {
  width: 28px;
  height: 28px;
}
.activity-log-tab .tabs-content-wraper .tab-content-body .not-found-container {
  height: calc(100% - 0px);
}
.activity-log-tab .upload-log-container.ql-container.ql-snow {
  height: auto;
  min-height: 15px;
}
.activity-log-tab .upload-log-container.ql-container.ql-snow .ql-editor {
  height: auto;
}
.activity-log-tab .toolbars-wrapper {
  border-top: 1px solid rgba(160, 164, 168, 0.3019607843);
  margin: 0 10px;
}
.activity-log-tab .toolbars-wrapper .upload-log-toolbar {
  border-top: none;
  margin: 0;
  border: none;
}

.cursor-pointer {
  cursor: pointer;
}

.activity-body {
  background: #f4f6fe;
  padding: 15px;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 12px;
  border-left: 4px solid #83A0FF;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.activity-body .active-date {
  color: #555D65;
  font-weight: 500;
}
.activity-body .txt-call {
  font-size: 16px;
  color: #2054FF;
}
.activity-body .conversation-box .pin-msg {
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.activity-body .conversation-box .pin-msg.pinned {
  background-color: yellow;
}
.activity-body .message-icon, .activity-body .comment_rely {
  cursor: pointer;
}
.activity-body .activity-type {
  margin-left: 5px;
  margin-right: 12px;
  color: #2054FF;
}
.activity-body .activity-status td {
  font-size: 14px;
}
.activity-body .activity-status td:first-child {
  color: #F56310;
}
.activity-body .active-profile img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.activity-body .activity-subject {
  color: #A0A4A8;
  margin-right: 10px;
}
.activity-body .reply_count {
  cursor: pointer;
}
.activity-body .accordion-content ul {
  margin-bottom: 15px;
}
.activity-body .activity-title {
  font-size: 18px;
  color: #52575C;
  font-weight: 500;
  font-family: "IBM Plex Sans";
}
.activity-body .activity-content {
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  font-family: "IBM Plex Sans";
  color: #A0A4A8;
}
.activity-body .call-title {
  font-size: 14px;
  font-weight: 500;
  font-family: "IBM Plex Sans";
}
.activity-body .conversation-box table tbody tr td:not(:first-child) {
  padding-left: 10px;
}
.activity-body .conversation-box table tbody tr td:first-child {
  position: relative;
  padding-right: 14px;
}
.activity-body .conversation-box table tbody tr td:first-child::after {
  content: ":";
  position: absolute;
  right: 0px;
}

.svg-object {
  transform: rotate(0deg);
  pointer-events: none;
}

.collapsed .svg-object {
  transform: rotate(180deg);
}

.svg-object svg path {
  fill: red;
}

.txt-small {
  font-size: 12px;
  font-weight: 400;
}

.txt-500 {
  font-weight: 500;
}

.activity-body.activity-call {
  background-color: #f4f6fe;
  border-color: #83A0FF;
}

.activity-body.activity-email {
  background-color: #FFFDF9;
  border-color: #FFAA00;
}

.activity-body.activity-sms {
  background-color: #F8FFFF;
  border-color: #16CBD7;
}

.activity-body.activity-Whatsapp {
  background-color: #F9FAFF;
  border-color: #002AFF;
}

.activity-body.border-orange {
  border-color: #FC9F49;
}

.activity-body.bg-lpnk {
  background-color: #F9F2FE;
}

.border-sltblue {
  border-color: #7D51FA;
}

.border-green {
  border-color: #11AB86;
}

.bg-litegreen {
  background-color: #E9FFFA;
}

.bg-lightorange {
  background-color: #FFF6EE;
}

.bg-lite {
  background-color: #F9FAFF;
}

.activity-body.activity-system {
  padding: 10px 15px;
  background-color: rgba(81, 120, 27, 0.0509803922);
  border-color: #99C65C;
}

.activity-body.pinned-msg {
  background-color: rgb(255, 255, 236);
  border-color: yellow;
  border: 1px solid yellow;
  border-left-width: 4px;
}

.activity-body.activity-edit-shadow {
  box-shadow: rgba(44, 155, 19, 0.5) 0px 0px 10px;
}

.deposit-contents .deposit-card-wrapper {
  gap: 15px;
  margin-bottom: 15px;
}
.deposit-contents .deposit-card-wrapper .deposit-card {
  width: 50%;
  height: 118px;
  background-color: #F5FFF4;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px 20px;
}
.deposit-contents .deposit-card-wrapper .deposit-card:first-child {
  background-color: #F8F9FF;
}
.deposit-contents .deposit-card-wrapper .deposit-card:first-child .depo-card-header {
  border-left: 1px solid #5C6DDE;
  color: #5C6DDE;
}
.deposit-contents .deposit-card-wrapper .deposit-card:first-child .amount {
  color: #25282B;
}
.deposit-contents .deposit-card-wrapper .deposit-card .depo-card-header {
  padding: 10px 0px 10px 20px;
  border-left: 1px solid #09A94B;
  color: #09A94B;
}
.deposit-contents .deposit-card-wrapper .deposit-card .amount {
  color: #09A94B;
  font-size: 26px;
  font-weight: 600;
}
.deposit-contents .recent-deposit .deposit-table-header {
  padding: 15px;
  background-color: #E9F0FC;
  color: #6BA2FF;
}
.deposit-contents .recent-deposit .deposit-table-header a {
  color: #6BA2FF;
}
.deposit-contents .recent-deposit .deposit-table-body .deposit-table-row {
  padding: 10px 15px;
  font-size: 14px;
  border-bottom: 1px solid #EAEFF2;
}
.deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .child-2 {
  gap: 6px;
}
.deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .deposited-amount-wrapper {
  margin-bottom: 5px;
}
.deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .deposited-amount-wrapper span {
  font-weight: 500;
}
.deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .deposited-amount-wrapper .deposited-amount.success {
  color: #09A94B;
}
.deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .deposited-amount-wrapper .deposited-amount.faild {
  color: #FF3939;
}
.deposit-contents .recent-deposit .deposit-table-body .deposit-table-row .transaction-details span {
  color: #A0A4A8;
}

.activity-file {
  width: 200px;
  height: 36px;
  background-color: white;
  color: #09A94B;
  height: 48px;
  display: grid;
  grid-template-columns: 20% 65% 15%;
}
.activity-file .file-type {
  height: 100%;
  width: 40px;
  cursor: pointer;
  padding: 0 5px;
}
.activity-file .file-type img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.activity-file .file-name {
  font-size: 0.9rem;
  max-width: 133px;
}
.activity-file .file-length {
  font-size: 10px;
  color: #1b2a4e;
}
.activity-file .file-close, .activity-file .file-close-view {
  cursor: pointer;
}

.reply_comment {
  cursor: pointer;
}
.reply_comment .svg-object svg {
  cursor: pointer;
}

.quill-wrap {
  border: 1px solid #A0A4A8;
}
.quill-wrap img {
  margin-bottom: 0px;
}
.quill-wrap .ql-editor {
  height: auto;
  word-break: break-all;
}
.quill-wrap .upload-log-toolbar {
  top: 0;
  border: none;
  justify-content: start;
  gap: 10px;
  padding: 8px 0;
}
.quill-wrap .upload-log-toolbar .ql-formats {
  gap: 10px;
}
.quill-wrap .upload-log-toolbar .ql-formats button {
  width: auto;
}
.quill-wrap .upload-log-toolbar .mention {
  background-color: unset;
  display: flex;
}
.quill-wrap .upload-log-toolbar .mention input {
  border: none;
  width: 80px;
  font-size: 0.75rem;
}
.quill-wrap .upload-log-toolbar .mention input::-moz-placeholder {
  color: #A0A4A8;
}
.quill-wrap .upload-log-toolbar .mention input::placeholder {
  color: #A0A4A8;
}
.quill-wrap .text-box .activity-file-wrapper {
  padding: 10px 20px;
  max-height: 200px;
  overflow-y: auto;
}
.quill-wrap .text-box .activity-file-wrapper .activity-file {
  border: 0.63px solid #F0F3F7;
  display: grid;
  grid-template-columns: 20% 65% 15%;
}
.quill-wrap .text-box .activity-file-wrapper .img-preview {
  width: 100%;
}
.quill-wrap .text-box .activity-file-wrapper .img-preview img {
  max-width: 100%;
  border: 1px solid #F0F3F7;
  padding: 4px;
}
.quill-wrap .toolbars-wrapper .editor-submit-btn {
  background-color: #09A94B;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  gap: 2px;
  height: 30px;
}
.quill-wrap .toolbars-wrapper .editor-submit-btn div {
  cursor: pointer;
}
.quill-wrap .toolbars-wrapper .editor-submit-btn div:first-child {
  padding: 5px;
}
.quill-wrap .toolbars-wrapper .editor-submit-btn span {
  border-right: 1px solid white;
  height: calc(100% - 5px);
}
.quill-wrap .toolbars-wrapper .editor-submit-btn .editor-dropdown {
  transform: rotate(180deg);
}
.quill-wrap .toolbars-wrapper .editor-submit-btn.disable {
  background-color: #EBEBEB;
}
.quill-wrap .toolbars-wrapper .editor-submit-btn.disable div svg path {
  fill: #A0A4A8;
}
.quill-wrap .toolbars-wrapper .editor-submit-btn.disable span {
  border-color: #A0A4A8;
}

.file-selector {
  position: relative;
  overflow: hidden;
}
.file-selector .upload-label {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.file-selector input {
  display: none;
}

.ck.ck-icon.ck-icon_inherit-color :not([fill]) {
  fill: #A0A4A8 !important;
}

.ck-file-dialog-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ck-file-dialog-button svg {
  opacity: 0;
}
.ck-file-dialog-button::after {
  content: "";
  position: absolute;
  background-image: url(/images/editor-preview.svg?b59fd54c1f90c2e19ec70d7058795831);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-position: center;
  background-size: contain;
}
.ck-file-dialog-button:hover {
  border-radius: 5px;
}

.ck-editor {
  display: flex;
  flex-direction: column;
}
.ck-editor .ck-editor__top {
  order: 1;
}

.ql-tooltip.ql-editing {
  left: 10px !important;
}

.testTest {
  color: red;
}

.contenererfv {
  translate: 0 -30px;
  opacity: 0;
  transition: 0.4s;
  visibility: hidden;
}

.all-notify-popup select {
  height: 48px;
  border: none;
  min-width: 238px;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 4px;
}

.notification-popup-container {
  max-width: 420px;
  width: 100%;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.16);
  padding-bottom: 20px;
  border-radius: 8px;
  font-size: 14px;
  position: absolute;
  z-index: 99;
}

.notification-popup-container::before, .notification-all::before {
  content: "";
}
.notification-popup-container .notify-header, .notification-all .notify-header {
  padding: 12px 20px;
  border-bottom: 1px solid #F0F3F7;
}
.notification-popup-container .notify-header span a, .notification-all .notify-header span a {
  color: #6BA2FF;
}
.notification-popup-container .notify-header span a:hover, .notification-all .notify-header span a:hover {
  color: #845ADF;
}
.notification-popup-container .notification, .notification-all .notification {
  display: flex;
  gap: 10px;
  padding: 12px 20px;
}
.notification-popup-container .notification:not(:last-child), .notification-all .notification:not(:last-child) {
  border-bottom: 1px solid #F0F3F7;
}
.notification-popup-container .notification .notify-label, .notification-all .notification .notify-label {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  position: relative;
}
.notification-popup-container .notification .notify-label.active::after, .notification-all .notification .notify-label.active::after {
  content: "";
  height: 8px;
  width: 8px;
  background-color: #09A94B;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 3px;
}
.notification-popup-container .notification .notification-text, .notification-all .notification .notification-text {
  flex-direction: column;
  gap: 10px;
}
.notification-popup-container .notification .notification-text .profile-name, .notification-all .notification .notification-text .profile-name {
  font-size: 16px;
  margin-right: 5px;
  color: #25282B;
}
.notification-popup-container .notification .notification-text .notify-profile span:not(:first-child), .notification-all .notification .notification-text .notify-profile span:not(:first-child) {
  color: #A0A4A8;
  font-size: 12px;
}
.notification-popup-container .notification .notification-text p, .notification-all .notification .notification-text p {
  color: #52575C;
}
.notification-popup-container .notification .notification-text .notify-date, .notification-all .notification .notification-text .notify-date {
  color: #A0A4A8;
}
.notification-popup-container .notification .txt-danger, .notification-all .notification .txt-danger {
  color: #DE6565;
}
.notification-popup-container .notification .txt-file, .notification-all .notification .txt-file {
  color: #845ADF;
}
.notification-popup-container .notification .txt-warning, .notification-all .notification .txt-warning {
  color: #D49B6C;
}
.notification-popup-container .notify-footer button, .notification-all .notify-footer button {
  height: 42px;
  min-width: calc(100% - 40px);
  color: #09A94B;
  border-radius: 4px;
  margin: 10px auto 0;
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.notification-popup-container .task-alert, .notification-all .task-alert {
  background-color: #F0F3F7;
}

.notification-all {
  padding: 15px;
  background-color: white;
  border-radius: 8px;
}
.notification-all li {
  background-color: white;
}
.notification-all li .notification-text p {
  color: #A0A4A8;
}

/* LAYOUTS - Responsive */