@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Disable Dark Theme */
:root {
  color-scheme: only light;
}

body {
  font-size: 0.75rem;
  font-family: "Lato", sans-serif !important;
}

.profile_view .card {
  height: auto;
}

.login_bg {
  background: url(../images/login_bg.png) #0daca2;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.authincation-content {
  padding: 20px;
}

.login_logo img {
  width: 10%;
  margin: 0px 0px 0px 0px;
}

.login_left_img {
  margin: 30px 0px 0px 0px;
  text-align: center;
}

.login_left_img img {
  width: 60%;
  margin: 0px 0px 0px 0px;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0051ec;
  border-color: #0051ec;
}

.btn-primary {
  color: #fff;
  background-color: #0051ec;
  border-color: #0051ec;
}

.form-control {
  border: 1px solid #e7f0fb;
  border-radius: 7px;
}

.network_img {
  width: 100%;
}

.network_img img {
  width: 65%;
  border-radius: 7px;
}

.designation {
  width: 100%;
  display: block;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  display: none;
}

.choose_file {
  background: #eff7fe;
  text-align: center;
  border: 1px dashed #3b79ef;
  border-radius: 7px;
  height: 65px;
}

.custom-file {
  margin: 10px 0px;
}

.choose_file_group {
  min-height: 85px;
}

.alert-light-green {
  background: #f2f5ee;
  border-color: #f2f5ee;
  color: #0050ea;
}

.close_btn {
  background: #fff;
  padding: 5px !important;
  border-radius: 15px;
  box-shadow: 0px 0px 6px #999;
}

.comments_desc {
  background: #f3f3f3;
  border-radius: 7px;
  padding: 10px 10px;
  width: 60%;
}

.send_btn {
  position: absolute;
  bottom: 65px;
  right: 40px;
  padding: 10px;
  border-radius: 7px;
}

.bg-dark-blue {
  background: #0051ec;
  color: #fff;
}

.btn-green {
  background: #88bc3b;
  border: 1px solid #88bc3b;
}

.messages .post-input {
  margin-bottom: 0px;
}

.text-blue {
  color: #0051ec !important;
}

.page-titles .breadcrumb li.active a {
  color: #0051ec;
  font-weight: 600;
}

.bootstrap-select .btn {
  border: 1px solid #b1b4b8 !important;
}

.full_width {
  width: 100% !important;
}

.card-body {
  padding: 0.875rem;
}

.post-input {
  margin-bottom: 15px;
}

.fixed_add_btn {
  position: fixed;
  bottom: 50px;
  right: 70px;
}

.bg-blue-dark-theme {
  background: #0050ea !important;
}

.post_attachment {
  background-color: #999ea3;
  border-color: #999ea3;
  border-radius: 0.5rem;
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding: 0.375rem 0.75rem;
}

.post_comments {
  background-color: transparent;
  border-color: transparent;
  color: #999ea3;
  border-radius: 0.5rem;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  padding: 0.375rem 0.75rem;
}

.btn-post-cat {
  color: #7e7e7e;
  background-color: #fff;
  border-color: #fff;
  border-radius: 7px !important;
}

.btn-post-cat-active {
  color: #fff;
  background-color: #0051ec;
  border-color: #0051ec;
}

.btn-post-cat:hover {
  color: #fff;
  background-color: #0051ec;
  border-color: #0051ec;
}

.fancy {
  line-height: 0.5;
  text-align: center;
}

.fancy span {
  display: inline-block;
  position: relative;
}

.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #f5f5f5;
  top: 0;
  width: 600px;
}

.fancy span:before {
  right: 100%;
  margin-right: 15px;
}

.fancy span:after {
  left: 100%;
  margin-left: 15px;
}

.chat_fixed {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}

.comments_left {
  float: left;
  margin-right: 20px;
  padding: 10px 20px;
  text-align: left;
}

.comments_right {
  float: right;
  margin-right: 20px;
  padding: 10px 20px;
  text-align: right;
}

.profile-uoloaded-post img {
  margin-bottom: 0px !important;
}

.overflow-table {
  overflow: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

.overflow-table::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}

.white_bg {
  background: transparent;
  box-shadow: none;
}

.login_left_head {
  font-size: 36px;
  color: #8a93a5 !important;
  line-height: 48px;
  font-family: "TT Wellingtons";
  font-weight: 800;
  margin-bottom: 0px !important;
}

.text-dark-gray {
  color: #8a93a5;
  font-family: "TT Wellingtons";
  font-weight: 600;
}

.login_form {
  font-family: "Inter", sans-serif;
}

.login_form label {
  font-weight: 400;
}

.login_form input {
  border: 1px solid #e7f0fb;
  /* background: #ffffff; */
  /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
  border: 1px solid rgba(231, 240, 251, 1);
  border-radius: 6px;
  color: rgba(129, 137, 176, 1);
  background-color: #f4f4f8;
}

.login_form input::placeholder {
  color: #8a93a5;
}

.login_right h3 {
  font-weight: bold;
  color: #191c25;
}

.login_form input:hover {
  border: 1px solid #e7f0fb;
  /* background: #ffffff; */
  /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
  border: 1px solid rgba(231, 240, 251, 1);
  border-radius: 6px;
  color: rgba(129, 137, 176, 1);
  background-color: #f4f4f8;
}

.bg-lightblue {
  background: #0daca2;
  color: #fff;
}

.bg-lightblue:hover {
  background: #0a8a81;
  color: #fff !important;
}

a.bg-lightblue:hover {
  background: #0a8a81;
  color: #fff !important;
}

.primary_btn {
  color: #fff !important;
  border-radius: 14px;
}

.primary_btn-1 {
  color: #fff !important;
  border-radius: 14px;
}

.primary_btn-2 {
  color: #fff !important;
  border-radius: 6px;
  margin-top: 0.7rem;
}

.auth-form {
  padding: 250px 50px 50px 50px;
}

.login_right {
  padding-top: 20px !important;
  background: #fff;
  border-radius: 20px;
}

.text-light-blue {
  color: #8189b0;
}

.form-group a {
  color: #ff405a;
  text-decoration: underline;
}

.custom-control.custom-checkbox {
  line-height: 23px;
}

.nav-header .brand-title {
  color: #8a93a5;
  text-align: left;
  font-family: "TT Wellingtons";
  font-weight: 800;
  line-height: 48px;
  letter-spacing: -1.2px;
  color: #8a93a5;
}

.activity_icon_box {
  width: 80px;
  height: 100px;
  float: left;
  margin-right: 15px;
}

.activity_icon_box_icon {
  width: 66px;
  height: 66px;
}

.bg-byte_size {
  background: #f8ece5;
}

.bg-programs {
  background: #f4e8fd;
}

.bg-live_ses {
  background: #ffd6e8;
}

.bg-workshop {
  background: #d5fff9;
}

.bg-news_articles {
  background: #dfeeff;
}

.table thead {
  background-color: #f8f8f8;
}

.table thead th {
  vertical-align: middle;
  color: #8a93a5;
  border-color: #f0f1f5;
  font-size: 12px;
  font-weight: 700;
  color: #8a93a5;
  white-space: normal !important;
}

.table tbody tr td {
  vertical-align: middle;
  color: #8a93a5;
  border-color: #f0f1f5;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.badge-pending {
  color: #ac2c64;
}

.badge-complete {
  color: #00b570;
}

.view_all {
  color: #0daca2 !important;
  background: #e7f0fb;
  padding: 10px 20px;
  border-radius: 9px;
}

.view_all i {
  padding-left: 5px;
}

.deznav .metismenu > li > #link g [fill] {
  fill: #8a93a5;
}

a.active_menu .nav-text {
  color: #0daca2;
}

a.active_menu svg [fill] {
  fill: #0daca2;
}

.add_listing_btn {
  width: 20%;
}

.notification_dropdown svg [fill] {
  fill: #191c25;
}

.search-area .input-group-text {
  border: 1px solid #999ea3;
  border-left: 0px;
}

.deznav .metismenu > li.mm-active > #link svg [fill] {
  fill: #0daca2;
}

.deznav .metismenu > li > #link svg {
  max-width: 30px;
  max-height: 30px;
}

.deznav .metismenu > li > #link {
  padding: 15px 10px 15px 10px !important;
  font-family: "Inter", sans-serif;
}

.menu-toggle .deznav .metismenu > li > #link {
  padding: 15px 0px !important;
}

.menu-toggle .deznav .metismenu > li.mm-active > div svg [fill] {
  fill: #fff;
}

.menu-toggle .deznav .metismenu > li:hover > div svg [fill] {
  fill: #fff;
}

/* Rahul */

.fa-xmark {
  font-size: 25px;
}

.close-btn {
  font-size: 16px;
  font-weight: 700;
  color: #22263d;
}

.close-btn-main {
  background: none;
  outline: none;
  border: none;
}

.popup-textbox::placeholder {
  color: #8189b0;
}

.popup-textbox {
  outline: none;
  border: 1px solid #e7f0fb;
  color: #8a93a5;
  font-size: 12px;
  font-family: "poppins", sans-serif;
  font-weight: 500;
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 3px 10px #0000000a;
  background: #fff;
}

.card-body-padding {
  padding: 0.875rem 1.875rem;
}

.color-black5C {
  color: #8a93a5 !important;
}

.popup-subheadings {
  color: #8a93a5 !important;
  font-size: 14px;
  font-weight: 600;
}

.submit-btn-link {
  text-decoration: none;
  border: none;
  outline: none;
}

.submit-btn {
  background-color: #0daca2;
  border-radius: 18px;
  color: #fff;
  padding: 14px;
  height: 50px;
  width: 160px;
  border: none;
}

.card-header-small {
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-title-small {
  font-size: 13px;
}

.card-small-text {
  color: #8a93a5;
  font-size: 10px;
  margin-bottom: 0px;
}

.br-small {
  border-radius: 11px !important;
}

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

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

.confirmation-text-for-updates {
  font-size: 24px;
  font-weight: 700;
  color: #8a93a5;
  width: auto;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.section-tabs {
  padding: 0 20px;
  display: flex;
}

.section-tabs-heading {
  font-size: 14px;
  color: #8a93a5;
  font-weight: 600;
  margin-bottom: 0px;
}

.section-tab {
  background-color: #e7f0fb;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 8px 25px;
  width: fit-content;
  margin-right: 3px;
}

.section-tab-purple {
  background-color: #0daca2;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 8px 25px;
  width: fit-content;
  margin-right: 3px;
}

.section-tab-purple p {
  color: #ffffff;
  font-size: 600;
}

.back-button-transparent {
  background: none;
  display: flex;
  align-items: center;
  border: none;
}

.listing-profile-image {
  height: 85px;
  width: 85px;
  border-radius: 50%;
}

.fa-eye {
  position: relative;
}

.fa-eye::before {
  content: "\f06e";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 0;
}

.big-bold-purple-text {
  font-size: 18px;
  font-family: "poppins", sans-serif;
  color: #0daca2;
  font-weight: 700;
}

.small-sub-custom-text {
  font-size: 14px;
  font-family: "poppins", sans-serif;
  color: #484f56;
  font-weight: 500;
}

.listing-details-box {
  width: 40%;
  border-radius: 14px;
  border: 1px solid #e7f0fb;
  box-shadow: 0px 2px 48px #0000000a;
  padding: 20px;
  display: flex;
  align-items: center;
}

.medium-info {
  font-size: 18px;
  font-weight: 600;
  color: #8a93a5;
}

.detox-icon {
  border-radius: 11px;
  height: 70px;
  width: 70px;
}

.detox-effects {
  color: #0daca2;
  font-size: 12px;
  font-weight: 600;
}

.rating-stars {
  height: 14px;
  width: 90px;
}

.small-text-heading {
  font-size: 12px;
  font-weight: 700;
  color: #8a93a5;
}

.small-text-heading-2 {
  font-size: 14px;
  font-weight: 700;
  color: #8a93a5;
}

.bold-medium-grey {
  color: #8189b0;
  font-size: 16px;
  font-weight: 600;
}

.calender-icon {
  background: none;
  height: 42px;
  width: 36px;
}

.detox-timings {
  color: #0daca2;
  font-size: 14px;
  font-weight: 500;
}

.medium-small-grey {
  color: #8189b0;
  font-size: 12px;
  font-weight: 500;
}

.images-heading-text {
  color: #8a93a5;
  font-size: 14px;
  font-weight: 600;
}

.detox-images {
  width: 125px;
  height: 75px;
  margin-right: 10px;
}

.comment-area {
  border-radius: 14px;
  border: 1px solid #e7f0fb;
  box-shadow: 0px 2px 48px #0000000a;
  padding: 20px;
  color: #484f56;
  width: 100%;
}

.comment-area::placeholder {
  color: #8189b0;
}

.bar-chart-calculation {
  height: auto;
  width: 100%;
  box-shadow: 0 2px 20px #00000014;
  border-radius: 12px;
}

.detailed-banner {
  padding: 10px 20px;
}

.detailed-banner-image {
  height: 300px;
  width: 500px;
}

.points-results {
  color: #8a93a5;
  font-size: 16px;
  font-weight: 600;
}

.edit-btn-custom {
  display: flex;
  align-items: center;
  background-color: #e7f0fb;
  border-radius: 8px;
  padding: 7px 15px;
  border: none;
}

.edit-btn-custom .edit-text {
  font-size: 16px;
  font-weight: 500;
  color: #8a93a5;
}

.edit-btn-custom .fa-edit {
  font-size: 18px;
  color: #8a93a5;
}

.main-search {
  width: 220px;
  /* margin: 50px auto; */
}

.btn-search-input {
  background-color: #8a93a5;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0 14px;
}

.btn-search-input .fa-search {
  color: #ffffff;
  font-size: 15px;
}

.form-control-custom {
  height: 40px;
  padding: 10px 15px;
  font-size: 11px;
  color: #8a93a5;
}

.form-control:hover {
  color: #8a93a5;
}

.form-control-custom::placeholder {
  color: #adadad;
}

.filter-select {
  background: none;
  border: 1px solid #e7f0fb;
  border-radius: 12px;
  padding: 8px 15px;
  font-size: 12px;
  color: #8a93a5;
}

.nav-header {
  height: 5.5rem !important;
}

.header {
  height: 5.5rem !important;
}

/* .deznav {
  width: 18rem !important;
  padding-top: 70px;
} */

/* .content-body {
  margin-left: 18.563rem !important;
} */

[data-header-position="fixed"] .content-body {
  padding-top: 5.5rem;
}

/* naveen 19-10-2023*/
@media only screen and (max-width: 1600px) {
  .content-body .container-fluid,
  .content-body .container-sm,
  .content-body .container-md,
  .content-body .container-lg,
  .content-body .container-xl {
    padding-left: 0;
  }
}

@media only screen and (max-width: 1200px) {
  .content-body .container-fluid,
  .content-body .container-sm,
  .content-body .container-md,
  .content-body .container-lg,
  .content-body .container-xl {
    padding-left: 0;
  }
}

/* naveen 19-10-2023*/

.deznav .metismenu > li > #link {
  font-size: 12px;
  font-weight: 700;
}

.nav-header .brand-logo {
  padding-left: 30px;
  padding-right: 30px;
}

.nav-control {
  right: -1.0625rem;
}

.table-user-img {
  height: 42px;
  width: 42px;
  border-radius: 8px;
}

.btn-add-new {
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  margin-left: 20px;
}

.btn-custom-purple {
  width: 140px;
  height: 50px;
}

.btn-bgNone {
  background: none;
  border: 1px solid #8a93a5;
  border-radius: 12px;
  width: 140px;
  height: 50px;
}

.confirmation-buttons-end {
  display: flex;
  align-items: center;
  justify-content: end;
}

.card-header {
  border-bottom: none !important;
}

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

.points-results-link {
  color: #2680eb;
  text-decoration: underline;
  font-size: 16px;

  font-weight: 600;
}

.bb-line {
  border-bottom: 2px solid #f0f1f5;
  margin-top: 15px;
  margin-bottom: 15px;
}

.section-sub-heading {
  font-size: 18px;
  font-family: "TT Wellingtons";
  font-weight: 600;
  color: #8a93a5;
  margin-bottom: 0px;
}

.task-headings {
  font-size: 16px;
  font-weight: 600;
  color: #0daca2;
  font-family: "Inter", sans-serif;
  margin-bottom: 0px;
}

.pink-red {
  color: #ff405a;
}

.pink-red-small {
  font-size: 10px;
  color: #ff405a;
}

.banner-image-upload-box {
  border: 1px solid #e7f0fb;
  background-color: #e7f0fb;
}

input::file-selector-button {
  display: none;
}

.btn-primary-small {
  background-color: #0daca2;
  border: none;
  font-size: 10px;
  font-family: "TT Wellingtons";
  color: #fff;
  padding: 5px 8px;
  border-radius: 7px;
  height: 30px;
}

.section-sub-heading-inter {
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #8a93a5;
  margin-bottom: 0px;
}

.btn-close-red {
  background-color: red;
  border-radius: 8px;
  color: #fff;
  font-family: "TT Wellingtons";
  font-size: 14px;
  height: 25px;
  width: 25px;
  font-weight: 500;
  border: none;
  padding: 1px;
}

.bg-green {
  background-color: #00b570 !important;
}

.fa-upload {
  position: absolute;
  top: 30%;
  left: 4%;
}

.fa-upload::before {
  color: #8a93a5;
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
}

.btn-addlisting-sidebar {
  background-color: #0daca2;
  border: none;
  border-radius: 14px;
  color: #fff;
  padding: 0.8rem 1.5rem;
  width: 85%;
  font-size: 14px;
  margin: auto;
}

.header-right .notification_dropdown .nav-link {
  border-radius: 1rem;
  padding: 10px;
}

.pulse-css {
  height: 0.7rem;
  width: 0.7rem;
}

/* .bar-chart-calculation {
} */

.upcoming_left {
  width: 20%;
}

.upcoming_left img {
  width: 100%;
}

.rightcard1 .media img {
  width: 100%;
}

.my_listing tr td a {
  display: inline-block;
  padding: 0px 5px;
  color: #8a93a5;
}

.footer .copyright p {
  text-align: center;
  margin: 0;
  font-weight: normal;
}

.language_btn {
  background: transparent;
  padding: 5px 15px;
  border: 1px solid #8a93a5;
  margin-bottom: 10px;
}

.active_row {
  background: #ffeced;
}

.form-group label {
  color: #8a93a5;
}

.cancel_btn {
  border: 1px solid #8a93a5;
  width: 20%;
  height: 50px;
  border-radius: 18px;
  color: #8a93a5;
  background-color: white;
  font-size: 18px;
  margin-right: 10px;
}

.save_btn {
  border: 0px solid #8a93a5;
  background: #0daca2;
  width: 20%;
  height: 50px;
  border-radius: 18px;
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
}

.dash_icon_left {
  width: 25%;
}

.dash_icon_left img {
  width: 100%;
}

.rightcard2 {
  background-color: #fff;
  height: auto;
  border-radius: 20px 20px 20px 20px;
  margin-top: 15px;
  padding: 20px 10px 20px 10px;
}

.headercard2 {
  width: 100%;
  margin-bottom: 0x;
  margin-top: 10px;
  border: 2px solid rgb(233, 241, 251);
  border-radius: 20px 20px 0px 0px;
  padding: 20px 10px;
}

.commentbox1 {
  width: 100%;
  border: 2px solid rgb(233, 241, 251);
  padding: 20px 10px;
}

.commentbox1_star {
  float: right;
}

.commentbox1_star i::before {
  font-size: 12px;
  color: #ffa501;
}

.userimage {
  width: 100%;
  float: left;
}

.userimage .image {
  width: 10%;
  float: left;
}

.userimage .content {
  width: 90%;
  float: left;
}

.userimage img {
  border-radius: 20px;
  float: left;
}

.userimage h6 {
  float: left;
  padding-left: 10px;
  width: 100%;
}

.userimage .time_mins {
  float: right;
}

.userimage .userstar {
  float: left;
  text-align: left;
  padding-left: 10px;
  margin-bottom: 5px;
  width: 70%;
}

.userimage .commentbox1_star {
  float: right;
  width: 30%;
  text-align: right;
}

.react-responsive-modal-modal {
  box-shadow: 0px -10px 50px #0000001f !important;
  border-radius: 20px !important;
  width: 30%;
}

.react-responsive-modal-closeButton svg {
  fill: #22263d;
}

.close_icon {
  cursor: pointer;
}

.react-tiny-popover-container {
  width: 25%;
}

.custom_popover {
  background: #fff;
  box-shadow: 0px 3px 60px #0000002b;
  border-radius: 10px;
  padding: 20px;
}

/* .react-responsive-modal-root {
  background: url(../images/login_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
} */

.react-responsive-modal-overlay {
  background: transparent !important;
}

.listing-details {
  display: flex;
}

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

.profilephoto_camera_icon {
  position: relative;
  background: #0daca2;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 7px;
  text-align: center;
  margin: -15px auto 0px auto;
  z-index: 99999 !important;
  opacity: 0.9;
}

.profilephoto_camera_icon i {
  color: #fff;
  font-size: 16px;
}

.home_add_listing_btn {
  width: 80%;
  margin: 0px auto 20px auto;
}

p.copyright_info {
  position: absolute;
  bottom: 0px;
  color: #fff;
  text-align: center;
  width: 100%;
  left: 0px;
}

.nav-header .logo-abbr {
  max-width: 162px;
}

.deznav .metismenu > li > #link::before {
  background: none !important;
}

.deznav .metismenu > li.mm-active > #link {
  color: #0daca2;
  background: #d3f1ee;
  border-radius: 14px !important;
  width: 94%;
  margin: 0% 3%;
}

.deznav .metismenu > li.mm-active > #link span {
  color: #0daca2;
}

.deznav .metismenu > li > #link span {
  color: #8a93a5;
}

.deznav .metismenu > li > #link {
  color: #8a93a5;
  background: #fff;
  border-radius: 0px !important;
  width: 94%;
  margin: 0% 3%;
  cursor: pointer;
}

.sidebar_profile {
  text-align: center;
}

.sidebar_profile .media {
  display: block;
}

.sidebar_profile .media .full_rounded {
  border-radius: 2.25rem !important;
}

.sidebar_profile .media-body {
  margin-top: 10px;
  margin-bottom: 10px;
}

.sidebar_profile .media-body .sidebar_profile_name {
  font-size: 18px;
  line-height: 20px;
  color: #191c25;
}

.sidebar_profile .media-body .sidebar_profile_name a {
  color: #191c25;
}

.sidebar_profile .media-body .sidebar_profile_phemail {
  color: #8a93a5;
  display: block;
}

.search-area .input-group-text {
  background: #fbfcfc !important;
  border: none !important;
  padding-left: 0;
  padding-right: 0px;
  border-radius: 0;
}

.search-area .form-control {
  background-color: #fbfcfc !important;
  border-width: 0px !important;
  padding: 0px;
}

.text-light-green {
  color: #09bb09;
}

.dashboard_points img {
  height: 18px;
}

.dashboard_points {
  color: #191c25;
  font-size: 13px;
  line-height: 14px;
  display: inline-flex;
}

.dashboard_points_text {
  padding-left: 5px;
  line-height: 20px;
}

.card {
  box-shadow: 0px 3px 20px #0000000a !important;
  border: 0.5px solid #e9ebef;
  height: 74vh;
  /* margin-bottom: 3.5rem; */
}

/* height: 97vh */

.dashboard_col_blocks {
  width: 20%;
  height: auto;
}

.text-light-cyanblue {
  color: #0daca2;
}

.text-light-red {
  color: #ff5162;
}

.text-light-rubyblue {
  color: #58bbf7;
}

.text-light-yellow {
  color: #ff9a44;
}

.overdue_col_blocks {
  width: 24%;
  /* min-height: 129px; */
  height: auto;
  margin-right: 1%;
  /* float: left; */
  display: inline-block;
}

.overdue_col_blocks_head {
  font-size: 12px;
  color: #191c25;
  width: 100%;
  height: auto;
  display: block;
  font-weight: 500;
  line-height: 16px !important;
  padding-bottom: 5px;
  opacity: 0.9;
}

.overdue_col_blocks_subhead {
  font-size: 10px;
  width: 100%;
  height: auto;
  display: block;
  color: #191c25;
  font-weight: 500;
  line-height: 13px !important;
  padding-bottom: 5px;
  opacity: 0.7;
}

.overdue_col_blocks_date {
  font-size: 10px;
  width: 100%;
  height: auto;
  display: block;
  color: #8a93a5;
  font-weight: 500;
  line-height: 13px !important;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.overdue_col_blocks_delay {
  font-size: 10px;
  width: 100%;
  height: auto;
  display: block;
  color: #ff5162;
  font-weight: 500;
  line-height: 13px !important;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.overdue_col_blocks .alert-alt.alert-clone {
  border-left: 4px solid #ff5162;
  padding: 0.5rem 1rem !important;
}

.overdue_col_blocks .alert-clone {
  background: #fff;
  color: #ff5162;
  border: 0.5px solid #f4f4f8;
}

.overdue_col_blocks .alert-alt.alert-cltwo {
  border-left: 4px solid #ff9a44;
  padding: 0.5rem 1rem !important;
}

.overdue_col_blocks .alert-cltwo {
  background: #fff;
  color: #ff9a44;
  border: 0.5px solid #f4f4f8;
}

.overdue_col_blocks .alert-alt.alert-clthree {
  border-left: 4px solid #58bbf7;
  padding: 0.5rem 1rem !important;
}

.overdue_col_blocks .alert-clthree {
  background: #fff;
  color: #58bbf7;
  border: 0.5px solid #f4f4f8;
}

.overdue_col_blocks .alert-alt.alert-clfour {
  border-left: 4px solid #0dbe65;
  padding: 0.5rem 1rem !important;
}

.overdue_col_blocks .alert-alt.alert-clfive {
  border-left: 4px solid #ffcd03;
  padding: 0.5rem 1rem !important;
}

.mytasks .overdue_col_blocks {
  width: 100%;
  height: auto;
  margin-right: 1%;
  padding-left: 10px;
}

.Mychat_col_blocks {
  width: 100%;
  height: auto;
  margin-right: 1%;
  opacity: 0.8;
}

.mychat_box {
  padding: 10px 0px 20px 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  max-height: 74vh;
  /*z-index: 9999;*/
}

.mychat_box::-webkit-scrollbar {
  width: 3px;
}

.mychat_box::-webkit-scrollbar-thumb {
  background-color: #8a93a5;
}

.mychat_box::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.mychat_box .card-header {
  padding: 0px 0px 0px 10px !important;
}

.task_details {
  width: auto;
  height: auto;
  padding: 0px 20px 0px 0px;
  margin: 0px 20px 20px 0px;
  display: inline-block;
}

.task_details_head {
  width: auto;
  height: auto;
  color: #191c25 !important;
}

.tasks_questions {
  background: #ebf7f5;
  border-radius: 8px 8px 0px 8px;
  padding: 12px 20px;
  line-height: 30px;
  /* width: 50%; */
  margin: 5px 10px !important;
  float: right;
}

.audio .tasks_questions {
  width: 50%;
}

.tasks_questions p.left {
  margin: 0px;
  font-size: 12px;
  font-weight: 600;
  float: left;
  color: #47464a;
  padding-right: 15px;
}

.tasks_questions p.right {
  margin: 0px;
  font-size: 12px;
  float: right;
}

.tasks_feedback_img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.tasks_feedback_img_left {
  float: left;
  width: auto;
  height: auto;
  margin-right: 10px;
}

.tasks_feedback_img_left img {
  width: 50px;
  border-radius: 50% !important;
}

.tasks_feedback_img_right {
  border: 1px solid #eceaee;
  /* width: 75%; */
  float: left;
  border-radius: 8px 8px 8px 0px;
  font-size: 12px;
  padding: 10px;
}

.audio .tasks_feedback_img_right {
  width: 50%;
}

.tasks_feedback_img_right .tasks_feedback_cus_name {
  color: #202020;
  font-size: 12px;
  line-height: 18px;
  font-weight: 800;
  margin-bottom: 0px !important;
}

.tasks_feedback_img_right .tasks_feedback_cus_msg {
  color: #47464a;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0px !important;
  /* padding-right: 4.5rem; */
}

.tasks_feedback_cus_images {
  float: left;
  width: 100%;
  height: auto;
  padding: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tasks_feedback_cus_images .tasks_feedback_cus_images_img {
  float: left;
  /* width: 23%; */
  height: auto;
  margin-right: 7px;
}

.attachment-file-name {
  float: left;
  height: auto;
  margin-right: 7px;
  font-size: 12px;
}

.tasks_feedback_cus_images .tasks_feedback_cus_images_img img {
  border-radius: 10px;
  max-width: 100%;
  max-height: 100%;
}

.tasks_feedback_img_right_date {
  color: #84818a;
  float: right;
  padding: 0px 5px !important;
  margin: 0px;
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
}

.mychat_box_submit_approval_fixed {
  position: absolute;
  width: 98%;
  height: auto;
  bottom: 20px;
  background: #fff;
  display: flex;
  padding: 20px 15px 0 15px !important;
  z-index: 1111;
}

.mychat_box_submit_approval_fixed_inner button img {
  width: 50%;
}

.mychat_box_submit_approval_fixed_inner {
  width: 95%;
}

.mychat_box_submit_approval_fixed_inner .input-group-append {
  height: 41px;
  border-right: 1px solid #e7f0fb;
  border-top: 1px solid #e7f0fb;
  border-bottom: 1px solid #e7f0fb;
  border-radius: 0px 7px 7px 0px;
}

.mychat_box_submit_approval_fixed_inner .input-group > .form-control {
  border-right: 0px solid #e7f0fb !important;
}

.mychat_box_submit_approval_fixed_inner .input-group-append button {
  padding: 0px;
}

span.num_count {
  float: right;
  color: #191c25;
}

.search-area .input-group-text i {
  font-size: 18px;
  color: #8a93a5;
}

.header-right .notification_dropdown .nav-link {
  background: none !important;
}

.header-right .header-profile > a.nav-link i {
  font-weight: 700;
  color: #191c25;
}

.card_sections .card-header {
  padding: 0px;
}

.card_sections .card-body {
  padding: 0rem;
}

.card_sections .search-area {
  width: auto !important;
  background-color: #fbfcfc !important;
}

/* search fixed  start*/

.search-fixed {
  padding-right: 15px;
}

/* search fixed end */

.mytasks .card.mytasksleft {
  /* min-height: 90vh; */
  overflow-y: scroll;
  /* max-height: 97vh; */
  height: 82vh;
}

/* .mytasks .card.mytasksleft {
  min-height: 820px;
  overflow-y: scroll;
  max-height: 1080px;
} */
/* height: 100%;  */

.mytasksleft::-webkit-scrollbar {
  width: 3px;
}

.mytasksleft::-webkit-scrollbar-thumb {
  background-color: #8a93a5;
}

.mytasksleft::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

*/ .tasks_count {
  background: #f75151 !important;
  color: #fff !important;
}

.sub_tasks_cus_name {
  margin-bottom: 20px;
}

.subtask_right_box {
  width: 100%;
  height: auto;
  margin: auto;
}

.error-page.subtask_right_box h4 {
  font-size: 21px;
  margin-bottom: 5px;
  color: #3a3a3b;
  font-family: "Montserrat", sans-serif;
}

.error-page.subtask_right_box p {
  font-size: 16px;
  width: 70%;
  color: #9e9ea1;
  margin: 0px auto;
}

.waiting_btn {
  color: #ff9a44;
}

.flex-sb-ai {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.waiting_btn-1 {
  position: relative;
  color: #ff9a44;
  border-radius: 8px;
  width: 100%;
}

.text-gray {
  color: #22263d;
}

.text-red {
  color: #ff132a;
  margin-right: 1rem;
}

.text-green {
  color: #0dbe65;
}

.cl_status {
  border: 1px solid #dcdbdd;
  border-radius: 10px;
  padding: 20px 20px 20px 20px !important;
  margin-bottom: 1rem;
}

.widget-timeline {
  position: relative;
}

.widget-timeline .timeline-badge.primary + .timeline-panel {
  background: transparent;
  border-color: transparent;
}

.widget-timeline .timeline > li > .timeline-panel {
  border-radius: 1.25rem;
  padding: 10px 0px 0px 0px;
  position: relative;
  display: block;
  margin-left: 20px;
  border-width: 1px;
  border-style: solid;
}

.widget-timeline .timeline > li > .timeline-panel h6 {
  margin: 0px 0px 0px 0px !important;
  font-size: 10px;
}

.widget-timeline .timeline-badge.primary {
  border-color: transparent;
}

.widget-timeline .timeline-badge.danger {
  border-color: transparent;
}

.widget-timeline .timeline-badge.danger + .timeline-panel {
  background: transparent;
  border-color: transparent;
}

.widget-timeline .timeline > li {
  margin-bottom: 0px;
  position: relative;
}

.widget-timeline .timeline > li > .timeline-panel span {
  font-size: 10px;
  color: #333;
  display: block;
  margin-bottom: 0px;
  opacity: 0.8;
  letter-spacing: 1px;
}

.widget-timeline .timeline > li > .timeline-badge {
  top: 6px !important;
}

.widget-timeline .timeline.rejected:before {
  display: none;
}

.widget-timeline .timeline.rejected > li > .timeline-panel {
  border: none;
  margin: 0px !important;
}

.widget-timeline .timeline.rejected > li > .timeline-panel:after {
  display: none;
}

.approval_status {
  width: 100%;
  display: inline-block;
  border: 1px solid #dcdbdd;
  border-radius: 10px;
  padding: 10px 10px 10px 10px !important;
  height: auto;
}

.approval_status_msg {
  width: auto;
  height: auto;
  float: left;
  padding-top: 7px;
}

.approval_status_btn {
  width: auto;
  height: auto;
  float: right;
}

button.reject {
  color: #ff5162;
  background-color: #ffeeef;
  padding: 5px 15px;
  border-radius: 10px;
  border: 1px solid #ff5162;
  margin-right: 10px;
}

button.reject i {
  padding-right: 5px;
}

button.approve {
  color: #0dbe65;
  background-color: #d6ffeb;
  padding: 5px 15px;
  border-radius: 10px;
  border: 1px solid #0dbe65;
  margin-right: 10px;
}

button.approve i {
  padding-right: 5px;
}

.remarks_rejected {
  width: 90%;
  height: auto;
  padding: 10px;
  margin: 0px;
  border-radius: 10px;
  color: #191c25;
}

.rejected_icon i {
  color: #ff5162;
  font-size: 60px;
}

.desktop_hidden {
  display: none;
}

/* .mob_notification {
  position: absolute;
  right: 30px;
  top: 30px;
} */

.text-black,
.text-black-1 {
  color: #191c25;
  /* padding-left: 10px; */
}

.text-black-1 {
  padding-left: 10px;
}

.image-preview-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1111;
}

.imagepreview-icons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  color: #bfbfbf;
  font-size: 20px;
  position: absolute;
  bottom: 20px;
  right: 15px;
}

.image-preview {
  max-width: 80%;
  max-height: 80%;
}

.image-preview-close {
  position: absolute;
  top: 20;
  right: 20;
  font-size: 20px;
  padding: 10px;
}

.status-tab-cover {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  padding: 0 10px;
}

.status-tab-cover::-webkit-scrollbar {
  width: 3px;
}

.status-tab-cover::-webkit-scrollbar-thumb {
  background-color: #fff;
}

.status-tab-cover::-webkit-scrollbar-track {
  background-color: #fff;
}

.status-tab-checkbox-label {
  font-size: 0.6em;
  /* Smaller font size */
  text-align: center;
  /* Center the text below the checkbox */
}

.header-home-icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #0daca2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header-home-icon svg {
  width: 20px;
  height: 20px;
}

.performance-card-inner {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px;
  transition: box-shadow 0.3s ease;
}

.performance-card-inner:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1) !important;
}

.employee-tasks-header {
  font-size: 14px;
  font-weight: 600;
}

.checklist-item {
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* cursor: pointer; */
  transition: box-shadow 0.2s ease-in-out;
}

.checklist-item:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.checklist-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checklist-item h5 {
  margin: 0;
  color: #333;
}

.checklist-item .text-muted {
  color: #666;
}