@import url("https://fonts.googleapis.com/css2?family=Anton&family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Barlow: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&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

*::after,
*::before {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  scroll-behavior: smooth;
  font: inherit;
  scrollbar-width: 10px;
  scrollbar-color: #d9d9d9 #fff;
}

/* For Scrollbar */

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #5c4229;
  border: 2px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

*:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

html {
  font-size: 62.5%;
}

body {
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

button,
input[type="submit"],
input[type="reset"],
a {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  text-decoration: none;
  outline: none;
}

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

::-moz-selection {
  color: #fff;
  background: #304ddb;
}

::selection {
  color: #fff;
  background: #304ddb;
}

img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
  /* height: auto; */
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

/***************** FOR BOOTSTRAP ******************/

.container {
  max-width: 1560px;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.navbar,
.nav-link {
  padding: 0;
  margin: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

/* cmn_margin & Padding */

.mt-40 {
  margin-top: 40px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.cmn_pdding {
  padding: 90px 0;
}

/*----Common Header and Button----*/

.cmn_hdr h2 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: bold;
  color: #2a0600;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.cmn_hdr.wht h2 {
  color: #fff;
}

.cmn_hdr h4 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.3;
  padding-bottom: 10px;
}

.cmn_hdr h6 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding-bottom: 10px;
}

.cmn_hdr p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  padding-bottom: 10px;
}

.cmn_btn {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  background-color: #304ddb;
  padding: 13px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  border: 1px solid #304ddb;
  border-radius: 8px;
  transition: 0.3s ease;
}

.cmn_btn.btn2 {
  font-size: 15px;
}

.cmn_btn:hover {
  background-color: #fff;
  color: #304ddb;
  border: 1px solid #304ddb;
}

/*----Common Header and Button End----*/

/*! button back to top !*/

#backToTop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: #ed1c24;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 50px;
  position: fixed;
  right: 2.5rem;
  bottom: 105%;
  cursor: pointer;
  z-index: 5555;
  transition: 0.5s all ease;
  border: 1px solid #ed1c24;
  font-size: 1.8rem;
  transition: 0.8s all;
}

#backToTop.show {
  bottom: 2.5rem;
}

/*! button back to top End!*/

/* Animation Section */

/* Swing */

@-webkit-keyframes swing {
  0% {
    transform: rotate(3deg);
  }

  100% {
    transform: rotate(-3deg);
  }
}

@keyframes swing {
  0% {
    transform: rotate(3deg);
  }

  100% {
    transform: rotate(-3deg);
  }
}

/* Rotate */

.rotate {
  -webkit-animation: rotation 12s infinite linear;
  animation: rotation 12s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

/* Floating */

.floating {
  -webkit-animation: floating ease-in-out 3s infinite;
  animation: floating ease-in-out 3s infinite;
}

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }

  50% {
    transform: translate(0, 15px);
  }

  100% {
    transform: translate(0, -0px);
  }
}

/* Animation Section End */

/* header {
    position: relative;
    padding: 1.5rem 0;
    background: coral;
}

header .cus_nav_innr {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

header .navbar-nav {
    gap: 2rem;
} */
/* =================================LOG_IN PAGE=================== */
.log_wrppr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #9f9f9f;
  padding: 20px;
  border-radius: 10px;
}

.left_log_in,
.right_log_in {
  width: 50%;
}

.log_in_img {
  width: 100%;
}

.log_in_img img {
  width: 100%;
  height: 100%;
}

.accnt_input {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.log_prnt_img {
  position: relative;
}

.log_img_cntn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.wlcm_txt {
  font-weight: 400;
  color: #000;
}

.log_img_cntn h2 {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 400;
  padding-top: 25px;
  padding-bottom: 13px;
  color: #000;
}

.log_img_cntn h3 {
  font-family: "Inter", sans-serif;
  font-size: 34px;
  font-weight: 800;
  color: #000;
}

.accnt_input h3 {
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-size: 30px;
  line-height: 1.5;
  font-weight: 500;
  color: #1b1b1b;
  padding-bottom: 30px;
}

.accnt_input .form_control {
  padding-bottom: 18px;
}

.log_in_form {
  width: 70%;
  margin-inline: auto;
}

.log_in_form input {
  width: 100%;
  padding: 14px 10px;
  border-radius: 8px;
  border: 1px solid #7b7b7b;
  font-weight: 400;
  color: #000;
  opacity: 0.7;
  /* cursor: pointer; */
}

.log_in_form input::placeholder {
  color: #9f9f9f;
}

.form_control.form_chk input {
  width: 22px;
  opacity: 1;
}

.form_control.form_chk label {
  font-weight: 400;
  color: #7b7b7b;
}

.submit_btn input {
  font-weight: 600;
  color: #ffffff;
  background-color: #304ddb;
  opacity: 1;
  transition: 0.3s ease;
}

.submit_btn input:hover {
  opacity: 0.9;
}

.submit_btn {
  padding-bottom: 30px;
}

.forget_pass {
  text-align: center;
}

.forget_pass_link {
  font-weight: 400;
  color: #7b7b7b;
  text-decoration: underline;
}

.form_control.form_chk label,
.forget_pass_link,
.form_control input,
.back_page_link {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.wlcm_txt,
.submit_btn input {
  font-family: "Inter", sans-serif;
  font-size: 18px;
}

.form_control.form_chk {
  display: flex;
  align-items: center;
}

.log_in_img {
  height: 750px;
}

.log_in_sec.cmn_pdding {
  padding: 47px 0;
}

/* ======================FORGET PASSWORD PAGE================ */
.accnt_input p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #383838;
  text-align: center;
  padding-bottom: 45px;
}

.accnt_input.frgt_pass_page h3 {
  padding-bottom: 20px;
}

.back_page_link {
  font-weight: 400;
  color: #304ddb;
  transition: 0.3s ease;
}

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

/* ratul 29-10-25 */

.total_parent_element {
  display: flex;
}

.left_parent_element {
  width: 20%;
  position: relative;
  transition: 0.5s ease all;
  border-right: 1px solid #ffffff;
  background-color: #ffffff;
}

.right_parent_element {
  background: #f8f9ff;
  width: 80%;
  margin-left: auto;
  transition: 0.5s ease all;
}

.total_upper_left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.outr_dashboard_nav {
  margin-top: 40px;
}

.left_parent_element .nav_area {
  padding: 100px 50px 20px;
}

.nav-item {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 12px;
}

.parent_nav_menu ul.parent_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 15px;
  padding-left: 0 !important;
}

.nav-link {
  display: flex !important;
  align-items: center;
  gap: 20px;
}

.parent_nav_menu ul li a {
  padding: 7px;
  border-radius: 10px;
  width: 270px;
  height: 60px;
}

.nav-item .icon_box {
  position: relative;
  left: 8px;
}

.nav-link .icon_box {
  border: 1px solid #d4d4d4;
  padding: 5px;
  border-radius: 5px;
}

.icon_box svg {
  font-size: 20px;
}

.nav-link {
  font-size: 18px;
  color: #3c3c3c;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

/* ratul 30-10-25 */

.nav-link:hover {
  color: #fff;
  background: #304ddb;
}

.nav-link:hover .icon_box {
  border: 1px solid #fff;
}

.nav-item.active .nav-link {
  color: #fff;
  background: #304ddb;
}

.calendar_dv {
  border: 1px solid #d4d4d4;
  margin-block: 85px 20px;
  width: 90%;
  margin-inline: auto;
  border-radius: 10px;
}

.calender_otr {
  background: #fff;
  width: 100%;
  border-radius: 10px;
}

.calender_otr .cl_wrp {
  display: flex;
  align-items: center;
  padding: 25px 30px 10px;
  justify-content: space-between;
}

.cl_wrp .current-date {
  font-size: 1.45rem;
  font-weight: 500;
}

.cl_wrp .icons span {
  cursor: pointer;
  color: #202020;
  font-size: 15px;
  margin: 0 1px;
  border-radius: 50px;
}

.cl_wrp .icons .leftIcon {
  padding: 5px 12px 5px 7px;
  border-right: 1px solid #d4d4d4;
  border-radius: 0px;
}

.cl_wrp .icons .rightIcon {
  padding: 5px 6px 5px 0px;
}

.calendar_dv .icons {
  border: 1px solid #d4d4d4;
  display: flex;
  border-radius: 8px;
  gap: 10px;
  justify-content: center;
}

.cl_wrp .icons span:hover {
  background: transparent;
}

.cl_wrp .current-date {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  cursor: pointer;
}

.calendar .weeks li {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}

.calendar .days li {
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #000000;
  font-size: 13px;
  margin-top: 25px;
  z-index: 1;
  cursor: pointer;
}

.calendar {
  padding: 20px;
}

.calendar ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  text-align: center;
}

.calendar .weeks li {
  font-weight: bold;
}

.calendar .days {
  margin-bottom: 30px;
}

.calendar .days li {
  margin-top: 30px;
  z-index: 1;
  cursor: pointer;
}

.days li.inactive {
  color: #aaa;
}

.days li.active {
  color: #fff;
}

.calendar ul li {
  position: relative;
  width: calc(100% / 7);
}

.calendar .days li::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  top: 50%;
  left: 50%;
  z-index: -1;
  border-radius: 5px;
  transform: translate(-50%, -50%);
}

.days li:hover::before {
  background: #f2f2f2;
  color: #000;
}

.days li.active::before {
  background: #304ddb;
  color: #000;
}

/* .days li {
  list-style: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 5px;
  border-radius: 50%;
  cursor: default;
  transition: 0.3s;
  display: inline-block;
} */

.days li.inactive {
  color: #ccc;
}

/* Sangita 31.10.25 */
/* =============================DASHBOARD PAGE(Navigation)================== */
.rgt_maindv {
  padding: 47px 34px;
}

.cust_log_in .nav_dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cust_log_in .nav_dropdown .log_id,
.drpdn_cntn h6 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #3c3c3c;
}

.drpdn_cntn h6 {
  color: #000;
}

.drpdn_cntn p {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #7b7b7b;
}

/* Icon button - clean look */
.cust_log_in .nav_dropbtn {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
  transition: transform 0.25s ease;
}

/* Rotate icon upward when active */
.cust_log_in .nav_dropbtn i {
  transition: transform 0.25s ease;
}

.cust_log_in .nav_dropbtn.active {
  transform: rotate(180deg);
}

.cust_log_in .nav_dropbtn {
  transition: transform 0.25s ease;
}

/* Dropdown box */
.cust_log_in .nav_dropdown_content {
  display: none;
  position: absolute;
  top: 51px;
  right: 0;
  background-color: #fff;
  width: 280px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
  z-index: 10;
}

.cust_log_in .nav_dropdown_content .log_btn {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #304ddb;
  padding: 10px 14px;
  text-decoration: none;
  display: block;
  transition: background 0.2s;
  border-radius: 6px;
}

.cust_log_in .nav_dropdown_content .log_btn:hover {
  opacity: 0.9;
}

.show {
  display: block !important;
  animation: fadeIn 0.25s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.rgt_prnt_nav {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 14px;
}

.all_nav_btn {
  display: flex;
  gap: 14px;
}

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

.cust_img {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  overflow: hidden;
}

.lft_prnt_nav p {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 500;
  color: #000;
}

.rgt_prnt_nav {
  width: 60%;
}

.search_bar {
  width: 63%;
  position: relative;
}

/* .search_holder {
  width: 100%;
  padding: 9px;
  border: 1px solid #d4d4d4;
  border-radius: 9px;
} */

.srch_icn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  color: #7b7b7b;
  cursor: pointer;
}

.drpdn_upr_cntn {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 10px;
  border-bottom: 1px solid #d4d4d4;
}

.drpdn_btn {
  padding: 15px 20px;
}

.drpdn_img img {
  border-radius: 8px;
}

.log_icn {
  padding-right: 10px;
  font-size: 20px;
}

.drpdn_img {
  width: 40px;
  height: 40px;
}

/* -------------------notification dv----------- */
/* Navbar flexes normally */
.otr_prnt_nav {
  flex: 1;
  transition: all 0.4s ease;
}

/* ----------------------------notification tabs------------------- */
/* Style the tab */
.notification_cntn .tab {
  overflow: hidden;
  background-color: #e6e6e6;
  padding: 8px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.notification_cntn .tab button {
  font-family: "Inter", sans-serif;
  background-color: transparent;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 9px 16px;
  border-radius: 8px;
  transition: 0.3s;
  font-size: 18px;
  font-weight: 500;
  color: #7b7b7b;
}

.notification_cntn .tab button:hover {
  background-color: #fff;
  color: #304ddb;
}

.notification_cntn .tab button.active {
  background-color: #fff;
  color: #304ddb;
}

.notification_cntn .n_tabcontent {
  display: none;
  padding: 6px;
  border-top: none;
}

/*================ Ratul 31.10.25 ================*/
.days li {
  position: relative;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  margin-top: 25px;
  z-index: 1;
}

/* Common background circle for active day */
.days li::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  top: 50%;
  left: 50%;
  z-index: -1;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

/* Active (today) - solid blue fill */
.days li.active::before {
  background: #304ddb;
}

/* Holiday - blue border only */
.days li.holiday::before {
  border: 2px solid #304ddb;
  background: transparent;
  /* Prevent blue fill */
}

/* Optional hover style (light gray highlight) */
.days li:hover::before {
  background: #f5f5f5;
}

.days li.active:hover::before {
  background: #304ddb;
}

/* Previous or next month days (inactive) */
.days li.inactive {
  color: #c0c0c0;
  /* light gray */
  opacity: 0.6;
  /* slightly transparent */
  cursor: default;
}

/* Optional hover off for inactive days */
.days li.inactive:hover::before {
  background: transparent;
}

/* ---------------info_flex-------------- */
.info_flx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 41px;
}

.info_crd {
  min-height: 265px;
  width: 19%;
  background: #fff;
  border-radius: 20px;
  box-shadow:
    0 4px 15px rgba(17, 98, 181, -0.85),
    /* DodgerBlue outer glow */ 0 8px 25px rgba(0, 123, 255, 0.12),
    /* Deeper blue shadow */ 0 12px 35px rgba(0, 0, 128, 0.1);
}

.info_wrp {
  padding: 45px 35px 0px;
}

.crd_img {
  background: #e5eaff;
  border-radius: 5px;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crd_img img {
  width: 35px;
}

.info_sub {
  padding-block: 29px;
  display: flex;
  gap: 40px;
}

.info_txt h3 {
  color: #304ddb;
  font-family: "Inter", sans-serif;
  font-size: 26px;
  font-weight: 700;
}

.info_txt p {
  line-height: 1.3;
  padding-top: 4px;
  color: #3c3c3c;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.info_btn {
  padding-block: 5px 14px;
  text-align: center;
  border-top: 1px solid #d4d4d4;
}

.info_btn a {
  color: #1aa82f;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.info_btn a:hover {
  text-decoration: underline;
}

.info_txt p span {
  font-weight: 700;
}

.info_otr {
  gap: 0px;
  padding-bottom: 10px;
}

.info_txt .para_otr {
  line-height: 1.8;
}

.info_otr h3 {
  font-size: 30px;
}

.info_prcn {
  background: #ffdede;
  border-radius: 25px;
  padding: 5px 8px;
}

.info_txt h6 {
  font-size: 12px;
  color: #c00000;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

.info_prcn span {
  padding-left: 4px;
}

.info_txt span i {
  color: #c00000;
}

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

.info_prcn svg {
  font-size: 12px;
  transform: rotate(11deg);
}

.gauge-container {
  padding: 26px 18px;
  border-radius: 14px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

.gauge-container h2 {
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}

/* details text */
.details {
  margin-top: 13px;
  font-size: 14px;
  color: #3c3c3c;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.details b {
  color: #3c3c3c;
  font-weight: 700;
}

.dtL_prce {
  width: max-content;
  margin-inline: auto;
  background: #1aa82f;
  border-radius: 30px;
  padding: 15px;
}

.dtL_prce h6 {
  color: #ffff;
  line-height: 0;
  padding-bottom: 0px;
}

/* Needle pointer */
#g1 {
  width: max-content;
  height: 105px;
}

#g1 svg text:nth-child(6) tspan {
  font-size: 30px;
}

/* :white_check_mark: Thin needle styling */
.justgage .gauge-pointer {
  stroke: #1aa82f !important;
  stroke-width: 4px !important;
}

.justgage .gauge-value {
  fill: #fff !important;
}

.justgage .gauge-min,
.justgage .gauge-max {
  fill: #ccc !important;
}

.gauge_mtr {
  left: -32px;
  position: relative;
  right: auto;
  margin-inline: auto;
}

/* == */
.details {
  margin-top: 14px;
  font-size: 15px;
  color: #333;
}

.dt_otr {
  margin-top: 10px;
}

.details b {
  color: #000;
}

/* Sangita 03.11.25 */
/* ========================notification tab====================== */
.ntf_c_img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  overflow: hidden;
}

.ntf_crd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding: 6px;
  transition: 0.3s ease;
  border-radius: 8px;
  border: 1px solid transparent;
}

.ntf_crd:hover {
  background-color: #f5f5f5;
}

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

.ntf_dtls.cmn_hdr h6 {
  font-weight: 400;
  padding-bottom: 0;
  color: #000;
}

.ntf_dtls.cmn_hdr h6 span {
  font-weight: 600;
}

/* .ntf_str{
    font-size: 15px;
    color: #D9D9D9;
} */

.ntf_dtls p {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #7b7b7b;
}

.ntf_hdr.cmn_hdr h6 {
  color: #000;
  font-weight: 500;
}

.n_cntnt_two .ntf_crd:hover {
  border: 1px solid #d4d4d4;
}

.n_cntnt_three .ntf_crd {
  background-color: #e5eaff;
  border: 1px solid #304ddb;
}

.n_cntnt_three .ntf_crd:hover {
  background-color: #e5eaff;
  border: 1px solid #304ddb;
}

.n_cntnt_three .ntf_str .fa-star {
  color: #304ddb;
}

/* Default star */
.ntf_str .fa-star {
  font-size: 15px;
  color: #d9d9d9;
  cursor: pointer;
  transition: color 0.3s ease;
}

.ntf_str .fa-star.active {
  color: #304ddb !important;
}

/* ----------------calendar div------------------ */

.rgt_clndr_dv .calendar_dv {
  margin-top: 0;
  margin-bottom: 27px;
  width: 100%;
  margin-inline: auto;
}

.holiday_list h4,
.apply_btn input {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.holiday_list h4 {
  color: #000;
  padding-bottom: 22px;
}

.lv_dt {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  padding-bottom: 15px;
}

.lv_dt span {
  font-weight: 500;
  padding-right: 14px;
}

.lv_dt.lv_dt_bl {
  color: #304ddb;
}

.apply_btn {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.apply_btn input {
  background-color: #304ddb;
  color: #fff;
  border: none;
  padding: 15px 25px;
  width: 100%;
  border-radius: 10px;
}

.holiday_list ul {
  padding-bottom: 25px;
}

/* =========================================DASHBOARD PAGE TABLE PART============================= */
/* Sangita 04.11.25 */
.plus_icn {
  background: #fff;
  color: #000;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 14px;
  color: #304ddb;
}

.table_prnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.lft_tbl_prt {
  width: 59%;
}

.rgt_tbl_prt {
  width: 39%;
}

.tbl_hdr.cmn_hdr h4 {
  font-weight: 700;
}

.dashboard_table {
  width: 100%;
}

.dashboard_table th {
  color: #868686;
  text-transform: capitalize;
  background-color: #f5f5f5;
  text-align: left;
  padding: 15px 19px;
}

.dashboard_table th,
.dashboard_table td,
#dropdown-container .tbl_dropdown-content a,
#dropdown-container .tbl_dropdown-content .drpdn_cntn_line {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dashboard_table th,
.dashboard_table td {
  border-right: 1px solid #d4d4d4;
}

.dashboard_table .data_drp {
  position: relative;
  display: flex;
  justify-content: center;
}

/* Dropdown button */
.tbl_dropbtn {
  background: none;
  border: none;
  background-color: #d9d9d9;
  color: #202020;
  padding: 5px;
  font-size: 13px;
  border-radius: 5px;
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tbl_dropdown-content {
  display: none;
  position: absolute;
  top: 67%;
  left: 0;
  z-index: 999;
  padding: 10px;
}

.dashboard_table .tbl_dropdown-content a {
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  color: #3c3c3c;
}

.dashboard_table .tbl_dropdown-content.show {
  display: block;
}

.dashboard_table td {
  color: #3c3c3c;
  padding: 16px 14px 20px 14px;
  border-top: none;
}

.dashboard_table tr:nth-child(even) {
  background-color: #fafbff;
}

.tbl_dropbtn {
  transition: transform 0.3s ease;
}

.tbl_dropbtn.active {
  transform: rotate(180deg);
}

.tbl_dropdown-content {
  top: 28px;
  left: auto;
  right: 0;
  border-radius: 6px;
}

.dashboard_table tr:nth-child(odd) {
  background-color: #fff;
}

/* .dashboard_table tr:nth-child(1) .data_drp {
  height: 71px;
} */

/* right table */
.dashboard_table.live_tbl th,
.dashboard_table.pndg_tbl th {
  padding: 15px 10px;
}

.upr_tbl {
  margin-bottom: 30px;
}

.dashboard_table.pndg_tbl td {
  padding: 14px 12px;
}

.dashboard_table.pndg_tbl tr:nth-child(1) .data_drp {
  height: auto;
}

.dashboard_table.pndg_tbl tr:nth-child(odd) {
  background-color: #fff4f4;
}

.dashboard_table.pndg_tbl tr:nth-child(even) {
  background-color: #ffe9e9;
}

.lft_tbl_prt .tbl_dsgn {
  height: 576px;
  overflow-y: auto;
}

.dashboard_table thead {
  position: sticky;
  top: 0;
  z-index: 5;
}

.upr_tbl .tbl_dsgn {
  height: 260px;
  overflow-y: scroll;
}

.tbl_dsgn {
  scrollbar-width: none;
}

.tbl_dsgn::-webkit-scrollbar {
  width: 0;
}

.scnd_tbl .tbl_dsgn {
  height: 194px;
  overflow-y: scroll;
}

.edit_icn,
.dlt_icn,
.user {
  padding-right: 8px;
  font-size: 15px;
}

.edit_icn {
  color: #09920e;
}

.dlt_icn {
  color: #cf0000;
}

.dashboard_table.live_tbl .tbl_dropdown-content {
  left: -146px;
}

.user {
  color: #304ddb;
}

.dashboard_table.pndg_tbl .tbl_dropdown-content {
  left: -101px;
}

/*----------------- Sangita 05.11.25 --------------------*/

#dropdown-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 9999;
}

#dropdown-container .tbl_dropdown-content {
  position: absolute !important;
  z-index: 9999 !important;
  pointer-events: auto;
  background: #fff;
  padding: 12px;
  width: 186px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  display: flex !important;
  flex-direction: column;
  gap: 14px;
}

#dropdown-container .tbl_dropdown-content.upr_tbl_cntn {
  left: 1702.28px !important;
  width: 188px;
}

#dropdown-container .tbl_dropdown-content a,
#dropdown-container .tbl_dropdown-content .drpdn_cntn_line {
  color: #3c3c3c;
}

#dropdown-container .tbl_dropdown-content.lwr_tbl_cntn {
  left: 1696.72px !important;
}

#dropdown-container .tbl_dropdown-content.lft_tbl_cntn {
  left: 1183.78px !important;
  width: 97px;
  padding: 15px;
}

/* --------------------------------Assign New Contest Modal---------------------------- */
.modal-header.cmn_hdr h4 {
  font-weight: 600;
  padding-bottom: 0;
}

.modal.show {
  background: rgba(255, 255, 255, 0.4);
}

.mdl_cls_icn {
  font-size: 11px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 50%;
  opacity: 1;
  width: 14px;
  height: 14px;
}

.modal-content {
  padding: 35px;
  border-radius: 8px;
}

.modal-header {
  border-bottom: 0;
}

.modal_form .form_part .red_str {
  color: #cf0000;
  font-size: 20px;
}

.empl_prnt .cmn_btn,
.add_nw_btn .cmn_btn {
  padding: 13px 20px;
  border-radius: 6px;
}

/* .form_part label,
.form_dscrpt label,
.admn_add_emplyee_mdl .form_group label {
  font-family: "Inter", sans-serif;
  font-size: 15px;
} */

.modal-footer {
  border-top: 0;
}

.modal-footer .cmn_btn {
  padding: 11px 30px;
  border-radius: 5px;
}

.modal-dialog {
  max-width: 50%;
}

.modal-footer {
  justify-content: start;
}

.form_dscrpt {
  width: 100%;
}

.form_part {
  width: 48%;
}

/* .form_part input,
.form_part select,
.form_dscrpt textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
} */

/* .form_part label,
.form_dscrpt label,
.admn_add_emplyee_mdl .frm_prt_dv label {
  color: #000;
  font-weight: 400;
  padding-bottom: 6px;
} */

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

/* .form_dscrpt textarea {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #979595;
} */

#employeeFields {
  width: 63%;
}

.remove_emp_btn {
  width: 26px;
  height: 26px;
}

.add_nw_btn {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.prcntg_inpt {
  width: 62%;
  display: flex;
}

.percntg_icn {
  width: 46px;
  height: 46px;
  border: 1px solid #d4d4d4;
  border-left: 0;
  background: #f5f5f5;
  color: #979595;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ========================================ASSIGN NEW PROJECT DROPDOWN CONTENT MODAL============================ */
/* Sangita 06.11.25 */

#dropdown-container .tbl_dropdown-content .drpdn_cntn_line {
  padding: 0;
  background: transparent;
  border: none;
}

.modal-footer .cmn_btn.btn-secondary {
  padding: 9px 25px;
  color: #304ddb;
  border: 1px solid #304ddb;
  background-color: transparent;
}

.asgn_mdl_ftr {
  gap: 10px;
}

.ctst_edt_frm input:read-only {
  border: none;
  padding: 0;
}

.ctst_edt_frm .form_part {
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 46%;
}

/* Sangita 20.11.25 */
/* ========================DASHBOARD EDIT MODAL========================= */
.edt_frm_icn {
  display: flex;
  justify-content: end;
  padding-bottom: 5px;
  color: #797979;
  font-size: 15px;
}

.dshbrd_edt_mdl .frm_lft_inpt label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.dshbrd_edt_mdl .frm_lft_inpt label {
  color: #797979;
  font-weight: 400;
}

.dshbrd_edt_mdl .frm_lft_inpt input:read-only {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #3c3c3c;
  background-color: transparent;
}

/* .dshbrd_edt_mdl .frm_lft_inpt input {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #202020;
  background-color: #f5f5f5;
} */

.edit_frm_btn.cmn_btn {
  padding: 10px 20px;
  margin-top: 7px;
}

.modal-footer.edit_ftr {
  justify-content: end;
}

.frm_lft_inpt {
  width: 80%;
  transition: 0.3s ease;
}

.frm_lft_inpt.editable {
  width: 100%;
}

.removeDynamicInput,
.remove_emp_btn {
  font-size: 11px;
  color: #000;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  border: none;
  /* border-radius: 50%; */
  opacity: 1;
  width: 26px;
  height: 26px;
  background: transparent;
}

.remove_emp_btn {
  font-size: 16px;
}

/* ===========================DASHBOARD MARK AS WIN MODAL======================= */
.mdl_ftr_flx {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dsh_win_mdl .prcntg_inpt {
  width: 100%;
}

.mdl_ftr_flx .form_control label {
  font-size: 15px;
  color: #3c3c3c;
  font-weight: 500;
}

.blnk_rcrd {
  text-align: center;
  text-transform: capitalize;
  /* display: none; */
}

/* ==================================DASHBOARD MARK AS COMPLETED========================== */
.mdl_flx {
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
}

.mdl_prt {
  width: 48%;
}

.dsh_cmpltd_mdl .mdl_prt h6,
.dsh_cmpltd_mdl .mdl_prt p,
.dshlive_prjct_mdl .form_part label,
.mdl_inp_prt label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.dsh_cmpltd_mdl .mdl_prt h6,
.dshlive_prjct_mdl .form_part label,
.mdl_inp_prt label {
  color: #797979;
  font-weight: 400;
  padding-bottom: 10px;
}

.dsh_cmpltd_mdl .mdl_prt p,
.dshlive_prjct_mdl .form_part input {
  color: #3c3c3c;
  font-weight: 500;
}

.cmplt_tabl table {
  width: 100%;
}
.cmplt_tabl table th,
.cmplt_tabl table td {
  padding: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.cmplt_tabl table th {
  color: #868686;
}

.cmplt_tabl table td {
  color: #3c3c3c;
}

.cmplt_tabl table thead {
  background-color: #f5f5f5;
}

.mark_cmplt_tbody tr td:nth-child(2) {
  font-size: 12px;
  font-weight: 500;
}

/* .mark_cmplt_tbody tr:nth-child(1) .cntr_txt {
  background-color: #d5ffda;
  color: #1aa82f;
  text-align: center;
  padding: 8px;
  border-radius: 20px;
} */

/* .mark_cmplt_tbody tr:nth-child(3) .cntr_txt {
  background-color: #ffdede;
  color: #c00000;
  text-align: center;
  padding: 8px;
  border-radius: 20px;
} */
.dsh_cmpltd_mdl .modal-footer {
  display: flex;
  justify-content: center;
}

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

.mdl_prt_fst {
  width: 48%;
}

.mdl_prt_empl .mdl_prt_inpt input {
  width: 100%;
  padding: 12px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.mdl_prt_empl .mdl_prt_inpt input::placeholder {
  color: #202020;
}

.mdl_prt_empl .mdl_prt_inpt .prcntg_inpt {
  width: 100%;
  padding-bottom: 10px;
}

.mdl_prt_inpt {
  padding-bottom: 10px;
}

/* =============================TODAY'S CONTEST (CONTEST NAME) MODAL ===============================*/
.mdl_rgt_cntst_ftr {
  display: flex;
}

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

/* .dshbrd_tdy_cntst_mdl .form_part input {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #3c3c3c;
} */

.dshbrd_tdy_cntst_mdl .form_part input:read-only {
  border: none;
  padding: 0;
}

.dshbrd_tdy_cntst_mdl .mdl_lft_cntst_ftr .label_cls {
  padding-bottom: 10px;
}

.upld_icn {
  font-size: 36px;
}

.dshbrd_tdy_cntst_mdl .form_part {
  width: 44%;
}

.dshbrd_tdy_cntst_mdl .mdl_rgt_cntst_ftr {
  gap: 22px;
}

.upload_img_fldr p {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  color: #3c3c3c;
  font-weight: 500;
}

.upload_img_fldr p span {
  color: #304ddb;
  font-weight: 700;
}

.dshbrd_tdy_cntst_mdl .form_control.form_chk label {
  font-size: 15px;
  color: #3c3c3c;
  font-weight: 500;
}

/* sangita 24.11.25 */
/* ===========================mark as a win modal(dashboard) ========================*/
.dsh_win_mdl .form_part input:focus {
  background-color: #f5f5f5;
}

/* sangita 25.11.25 */
/* =============================DASHBOARD ========================== */
.remove_field {
  position: absolute;
  top: 5px;
  right: 127px;
  color: #d00000;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

.remove_field:hover {
  color: #ff3b3b;
}

.drpdn_btn .prfl_btn {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #304ddb;
  font-weight: 600;
  text-align: center;
  border: 1px solid #304ddb;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  transition: 0.3s ease;
}

.drpdn_btn .prfl_btn:hover {
  background-color: #304ddb;
  color: #fff;
}

/* ----------today's live project (project name modal)------------- */
.dsh_live_ftr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.live_mdl_btns {
  display: flex;
  gap: 15px;
}

.dshlive_prjct_mdl .form_chk label {
  color: #3c3c3c;
  font-weight: 500;
}

.milestone_txt a {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #304ddb;
  text-decoration: underline;
}

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

.dshlive_prjct_mdl .form_part .inputGroup {
  width: 90%;
}

.dshlive_prjct_mdl .form_part input:read-only {
  border: none;
  padding: 0;
  background-color: transparent;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color: #3c3c3c;
  font-weight: 500;
}

.dshlive_prjct_mdl .form_part input {
  border: 1px solid #d4d4d4;
  background-color: #f5f5f5;
}

.dshlive_prjct_mdl .form_part label {
  padding-bottom: 0;
}

/* .dshlive_prjct_mdl .mark_cmplt_tbody tr:nth-child(2) .cntr_txt {
  background-color: #d5ffda;
  color: #1aa82f;
  text-align: center;
  padding: 8px;
  border-radius: 20px;
} */
.dshlive_prjct_mdl .cmplt_tabl table td {
  padding: 8px 10px;
}

.dshlive_prjct_mdl .cmplt_tabl table td:nth-child(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dshlive_prjct_mdl .amnt_pen_icn {
  color: #797979;
  font-size: 13px;
}

.dshlive_prjct_mdl .form_part input {
  font-size: 14px;
  font-weight: 400;
  color: #d2d2d2;
}

.custom-x {
  color: #202020;
  border: 1px solid #202020;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.mltn_inpt_fld.form_part {
  border: 1px solid #d4d4d4;
  padding: 10px 12px;
  border-radius: 6px;
  flex-direction: column;
}

.mltn_inpt_fld .form_part input {
  padding: 10px;
  border: 1px solid #d4d4d4;
  background: #f5f5f5;
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  color: #202020;
}

.live_mdl_btns.modal-footer .cmn_btn.btn-secondary {
  padding: 6px 19px;
}

.live_mdl_btns.modal-footer .cmn_btn {
  padding: 9px 19px;
}

.live_mdl_btns.modal-footer {
  justify-content: start;
  gap: 6px;
  padding: 0;
}

.modal_grp {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.dshlive_prjct_mdl .mltn_inpt_fld .form_part {
  display: unset;
}

.mltn_inpt_fld.form_part label {
  padding-bottom: 8px;
}

.dshlive_prjct_mdl .mltn_inpt_fld .form_part:nth-child(1) {
  width: 70%;
}

.dshlive_prjct_mdl .mltn_inpt_fld .form_part:nth-child(2) {
  width: 30%;
}

/* sangita 26.11.25 */
#Milestone_fld {
  display: none;
}

.error {
  color: red;
  font-size: 15px;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  font-size: 16px !important;
}

/* ===========================================================ADMIN========================================================== */
/* sangita 27.11.25 */
/* -------------------------DASHBOARD TODAY'S LIVE PROJECT------------------------- */
.live_mdl_btns.modal-footer.admin_live_mdl_btn {
  justify-content: end;
}

#admin_Milestone_fld {
  display: none;
}

/* ----------------EMPLOYEE-------------------------- */
.admn_hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.admn_hdr.cmn_hdr h4 {
  font-weight: 600;
  color: #000;
  padding-bottom: 4px;
}

.admn_hdr.cmn_hdr p {
  color: #868686;
  font-weight: 400;
}

.admin_empl_list {
  width: 100%;
}

.admin_empl_list th {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #868686;
  background-color: #f5f5f5;
  padding: 15px 14px;
  border-right: 1px solid #d4d4d4;
}

.admin_empl_list th:nth-last-child(1),
.admin_empl_list td:nth-last-child(1) {
  border-right: none;
}

.admin_empl_list td {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  padding: 12px 14px;
  border-right: 1px solid #d4d4d4;
}

/* admin_empl_list td:nth-last-child(1) {
  display: flex;
  justify-content: center;
} */
.admn_empl_tabl {
  border: 1px solid #d4d4d4;
  border-radius: 15px;
  margin-bottom: 20px;
}

.admin_empl_list tr:nth-child(even) {
  background-color: #fafbff;
}

.grn_txt {
  color: #1aa82f !important;
}

.red_txt {
  color: #c00000 !important;
}

/* sangita 28.11.25 */
/* --------------------------------------------EMPLOYEES-------------------------------- */
/* ----------------ADD NEW EMPLOYEE MODAL---------- */
.admn_add_emplyee_mdl .modal-dialog {
  max-width: 42%;
}

.admn_add_emplyee_mdl .form_part {
  width: 47%;
}

/* .admn_add_emplyee_mdl .form_part select,
.admn_add_emplyee_mdl .form_group select,
.admn_add_emplyee_mdl .form_group input {
  width: 100%;
  padding: 10px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
} */
.admn_add_emplyee_mdl .form_group.frm_flx {
  flex-direction: column;
  align-items: start;
  gap: 0;
}

.admn_add_emplyee_mdl .form_group.frm_flx label {
  padding-bottom: 6px;
}

.frm_prt_dv {
  width: 30%;
}

/* .admn_add_emplyee_mdl input,
.admn_add_emplyee_mdl select {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #202020;
  background-color: #fff;
} */
.admn_add_emplyee_mdl input:focus,
.admn_add_emplyee_mdl select:focus {
  background-color: #f5f5f5;
}

.admn_add_emplyee_mdl .modal-footer {
  gap: 10px;
}

.pagination_nmbrs {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0px;
}

.pagination_nmbrs li a {
  text-decoration: none;
  border: 1px solid #d4d4d4;
  color: black;
  margin: 0 4px;
  border-radius: 5px;
  font-size: 14px;
  color: #3c3c3c;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
}

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

.admn_emp_pgnt_dv p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
}

.admn_emp_pgnt_dv p span {
  font-weight: 700;
}

.pagination_nmbrs li a.active {
  background-color: #797979;
  color: #fff;
}

.admn_dash .dsh_live_ftr {
  justify-content: end;
}

/* sangita 29.11.25 */
.short-link a {
  display: inline-block;
  max-width: 100px;
  /* adjust width until about 8–10 letters fit */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* sangita 01.12.25 */
.tbl_modal {
  cursor: pointer;
}

.frm_lft_inpt.full_inpt {
  width: 100%;
}

.form_part.frm_full_dv .inputGroup {
  width: 80%;
}

/* sangita 10.12.25 */
#dropdown-container .tbl_dropdown-content.emply_edt {
  left: auto !important;
  right: 19px !important;
  width: 97px;
  padding: 15px;
}

/* Animation Section End */

/* header {
    position: relative;
    padding: 1.5rem 0;
    background: coral;
}

header .cus_nav_innr {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

header .navbar-nav {
    gap: 2rem;
} */
/* =================================LOG_IN PAGE=================== */
.log_wrppr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #9f9f9f;
  padding: 20px;
  border-radius: 10px;
}

.left_log_in,
.right_log_in {
  width: 50%;
}

.log_in_img {
  width: 100%;
}

.log_in_img img {
  width: 100%;
  height: 100%;
}

.accnt_input {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.log_prnt_img {
  position: relative;
}

.log_img_cntn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.wlcm_txt {
  font-weight: 400;
  color: #000;
}

.log_img_cntn h2 {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 400;
  padding-top: 25px;
  padding-bottom: 13px;
  color: #000;
}

.log_img_cntn h3 {
  font-family: "Inter", sans-serif;
  font-size: 34px;
  font-weight: 800;
  color: #000;
}

.accnt_input h3 {
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-size: 30px;
  line-height: 1.5;
  font-weight: 500;
  color: #1b1b1b;
  padding-bottom: 30px;
}

.accnt_input .form_control {
  padding-bottom: 18px;
}

.log_in_form {
  width: 70%;
  margin-inline: auto;
}

.log_in_form input {
  width: 100%;
  padding: 14px 10px;
  border-radius: 8px;
  border: 1px solid #7b7b7b;
  font-weight: 400;
  color: #000;
  opacity: 0.7;
  /* cursor: pointer; */
}

.log_in_form input::placeholder {
  color: #9f9f9f;
}

.form_control.form_chk .input_cls {
  /* update 22.12.25 */
  width: 22px;
  opacity: 1;
}

/* .form_control.form_chk label {
  font-weight: 400;
  color: #7b7b7b;
} */

.submit_btn input {
  font-weight: 600;
  color: #ffffff;
  background-color: #304ddb;
  opacity: 1;
  transition: 0.3s ease;
}

.submit_btn input:hover {
  opacity: 0.9;
}

.submit_btn {
  padding-bottom: 30px;
}

.forget_pass {
  text-align: center;
}

.forget_pass_link {
  font-weight: 400;
  color: #7b7b7b;
  text-decoration: underline;
}

.forget_pass_link,
.form_control input,
.back_page_link {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.wlcm_txt,
.submit_btn input {
  font-family: "Inter", sans-serif;
  font-size: 18px;
}

.form_control.form_chk {
  display: flex;
  align-items: center;
}

.log_in_img {
  height: 750px;
}

.log_in_sec.cmn_pdding {
  padding: 47px 0;
}

/* ======================FORGET PASSWORD PAGE================ */
.accnt_input p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #383838;
  text-align: center;
  padding-bottom: 45px;
}

.accnt_input.frgt_pass_page h3 {
  padding-bottom: 20px;
}

.back_page_link {
  font-weight: 400;
  color: #304ddb;
  transition: 0.3s ease;
}

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

/* ratul 29-10-25 */

.total_parent_element {
  display: flex;
}

.left_parent_element {
  width: 20%;
  position: relative;
  transition: 0.5s ease all;
  border-right: 1px solid #ffffff;
  background-color: #ffffff;
}

.right_parent_element {
  background: #f8f9ff;
  width: 80%;
  margin-left: auto;
  transition: 0.5s ease all;
}

.total_upper_left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.outr_dashboard_nav {
  margin-top: 40px;
}

.left_parent_element .nav_area {
  padding: 100px 50px 20px;
}

.nav-item {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 12px;
}

.parent_nav_menu ul.parent_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 15px;
  padding-left: 0 !important;
}

.nav-link {
  display: flex !important;
  align-items: center;
  gap: 20px;
}

.parent_nav_menu ul li a {
  padding: 7px;
  border-radius: 10px;
  width: 270px;
  height: 60px;
}

.nav-item .icon_box {
  position: relative;
  left: 8px;
}

.nav-link .icon_box {
  border: 1px solid #d4d4d4;
  padding: 5px;
  border-radius: 5px;
  width: 31px;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon_box svg {
  font-size: 20px;
}

.nav-link {
  font-size: 18px;
  color: #3c3c3c;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

/* ratul 30-10-25 */

.nav-link:hover {
  color: #fff;
  background: #304ddb;
}

.nav-link:hover .icon_box {
  border: 1px solid #fff;
}

.nav-item.active .nav-link {
  color: #fff;
  background: #304ddb;
}

.calendar_dv {
  border: 1px solid #d4d4d4;
  margin-block: 85px 20px;
  width: 90%;
  margin-inline: auto;
  border-radius: 10px;
}

.calender_otr {
  background: #fff;
  width: 100%;
  border-radius: 10px;
}

.calender_otr .cl_wrp {
  display: flex;
  align-items: center;
  padding: 25px 30px 10px;
  justify-content: space-between;
}

.cl_wrp .current-date {
  font-size: 1.45rem;
  font-weight: 500;
}

.cl_wrp .icons span {
  cursor: pointer;
  color: #202020;
  font-size: 15px;
  margin: 0 1px;
  border-radius: 50px;
}

.cl_wrp .icons .leftIcon {
  padding: 5px 12px 5px 7px;
  border-right: 1px solid #d4d4d4;
  border-radius: 0px;
}

.cl_wrp .icons .rightIcon {
  padding: 5px 6px 5px 0px;
}

.calendar_dv .icons {
  border: 1px solid #d4d4d4;
  display: flex;
  border-radius: 8px;
  gap: 10px;
  justify-content: center;
}

.cl_wrp .icons span:hover {
  background: transparent;
}

.cl_wrp .current-date {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  cursor: pointer;
}

.calendar .weeks li {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}

.calendar .days li {
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #000000;
  font-size: 13px;
  margin-top: 25px;
  z-index: 1;
  cursor: pointer;
}

.calendar {
  padding: 20px;
}

.calendar ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  text-align: center;
}

.calendar .weeks li {
  font-weight: bold;
}

.calendar .days {
  margin-bottom: 30px;
}

.calendar .days li {
  margin-top: 30px;
  z-index: 1;
  cursor: pointer;
}

.days li.inactive {
  color: #aaa;
}

.days li.active {
  color: #fff;
}

.calendar ul li {
  position: relative;
  width: calc(100% / 7);
}

.calendar .days li::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  top: 50%;
  left: 50%;
  z-index: -1;
  border-radius: 5px;
  transform: translate(-50%, -50%);
}

.days li:hover::before {
  background: #f2f2f2;
  color: #000;
}

.days li.active::before {
  background: #304ddb;
  color: #000;
}

/* .days li {
  list-style: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 5px;
  border-radius: 50%;
  cursor: default;
  transition: 0.3s;
  display: inline-block;
} */

.days li.inactive {
  color: #ccc;
}

/* Sangita 31.10.25 */
/* =============================DASHBOARD PAGE(Navigation)================== */
.rgt_maindv {
  padding: 47px 34px;
}

.cust_log_in .nav_dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cust_log_in .nav_dropdown .log_id,
.drpdn_cntn h6 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #3c3c3c;
}

.drpdn_cntn h6 {
  color: #000;
}

.drpdn_cntn p {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #7b7b7b;
}

/* Icon button - clean look */
.cust_log_in .nav_dropbtn {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
  transition: transform 0.25s ease;
}

/* Rotate icon upward when active */
.cust_log_in .nav_dropbtn i {
  transition: transform 0.25s ease;
}

.cust_log_in .nav_dropbtn.active {
  transform: rotate(180deg);
}

.cust_log_in .nav_dropbtn {
  transition: transform 0.25s ease;
}

/* Dropdown box */
.cust_log_in .nav_dropdown_content {
  display: none;
  position: absolute;
  top: 51px;
  right: 0;
  background-color: #fff;
  width: 280px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
  z-index: 10;
}

.cust_log_in .nav_dropdown_content .log_btn {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #304ddb;
  padding: 10px 14px;
  text-decoration: none;
  display: block;
  transition: background 0.2s;
  border-radius: 6px;
}

.cust_log_in .nav_dropdown_content .log_btn:hover {
  opacity: 0.9;
}

.show {
  display: block !important;
  animation: fadeIn 0.25s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.rgt_prnt_nav {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 14px;
}

.all_nav_btn {
  display: flex;
  gap: 14px;
}

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

.cust_img {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  overflow: hidden;
}

.lft_prnt_nav p {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 500;
  color: #000;
}

.rgt_prnt_nav {
  width: 60%;
}

.search_bar {
  position: relative;
  width: 55%;
  padding: 9px;
  border: 1px solid #d4d4d4;
  border-radius: 9px;
  display: flex;
  justify-content: space-between;
}

.search_holder {
  border: none;
  background: transparent;
  width: 94%;
}

.srch_icn {
  width: 20px;
  height: 20px;
  color: #7b7b7b;
  cursor: pointer;
}

.notification,
.clndr {
  width: 40px;
  height: 40px;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-size: 21px;
  color: #202020;
  cursor: pointer;
}

.drpdn_upr_cntn {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 10px;
  border-bottom: 1px solid #d4d4d4;
}

.drpdn_btn {
  padding: 15px 20px;
}

.drpdn_img img {
  border-radius: 8px;
}

.log_icn {
  padding-right: 10px;
  font-size: 20px;
}

.drpdn_img {
  width: 40px;
  height: 40px;
}

/* -------------------notification dv----------- */
/* Wrapper for navbar + notification */
.navbar_and_notif {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  transition: transform 0.4s ease;
  position: relative;
  height: 88px;
}

/* Navbar flexes normally */
.otr_prnt_nav {
  flex: 1;
  transition: all 0.4s ease;
}

/* .rgt_notification_dv {
  width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  position: relative;
  border-left: 1px solid #d4d4d4;
  padding: 47px 12px 20px 12px;
}

.rgt_notification_dv.active {
  width: 22%;
  opacity: 1;
  visibility: visible;
  right: 0;
  top: 0;
  position: fixed;
  height: 100%;
  z-index: 11;
} */

.rgt_notification_dv {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 22%;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #d4d4d4;
  padding: 47px 12px 20px 12px;
  z-index: 11;

  transform: translateX(100%);
  opacity: 0;
  transition:
    transform 0.4s ease,
    opacity 0.3s ease;
}

.rgt_notification_dv.active {
  display: block;
  transform: translateX(0);
  opacity: 1;
}

/* Notification inner content */
.otr_notification {
  display: block;
  height: 100%;
  overflow-y: auto;
  padding-right: 0;
}

/* Optional: sticky header for notifications */
.notif_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* position: sticky;
    top: 0; */
  background: #fff;
  /* z-index: 5; */
  padding-bottom: 25px;
}

.notif_header h3 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.close_notif,
.close_notif_icn {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  font-size: 17px;
  color: #202020;
  cursor: pointer;
  transition: 0.3s ease;
}

.close_notif:hover {
  color: #304ddb;
}

/* When active → shrink navbar */
.navbar_and_notif.active .otr_prnt_nav {
  flex: 0 0 calc(100% - 28%);
  transition: all 0.4s ease;
}

.navbar_and_notif.active .otr_prnt_nav .rgt_prnt_nav {
  width: 72%;
}

.navbar_and_notif.active .otr_prnt_nav .search_bar {
  width: 59%;
  position: relative;
}

.notification.active svg,
.clndr.active svg {
  color: #304ddb !important;
}

.notif_header h4 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #202020;
}

/* ----------------------------notification tabs------------------- */
/* Style the tab */
.notification_cntn .tab {
  overflow: hidden;
  background-color: #e6e6e6;
  padding: 8px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.notification_cntn .tab button {
  font-family: "Inter", sans-serif;
  background-color: transparent;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 9px 16px;
  border-radius: 8px;
  transition: 0.3s;
  font-size: 18px;
  font-weight: 500;
  color: #7b7b7b;
}

.notification_cntn .tab button:hover {
  background-color: #fff;
  color: #304ddb;
}

.notification_cntn .tab button.active {
  background-color: #fff;
  color: #304ddb;
}

.notification_cntn .n_tabcontent {
  display: none;
  padding: 6px;
  border-top: none;
}

/*================ Ratul 31.10.25 ================*/
.days li {
  position: relative;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  margin-top: 25px;
  z-index: 1;
}

/* Common background circle for active day */
.days li::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  top: 50%;
  left: 50%;
  z-index: -1;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

/* Active (today) - solid blue fill */
.days li.active::before {
  background: #304ddb;
}

/* Holiday - blue border only */
.days li.holiday::before {
  border: 2px solid #304ddb;
  background: transparent;
  /* Prevent blue fill */
}

/* Optional hover style (light gray highlight) */
.days li:hover::before {
  background: #f5f5f5;
}

.days li.active:hover::before {
  background: #304ddb;
}

/* Previous or next month days (inactive) */
.days li.inactive {
  color: #c0c0c0;
  /* light gray */
  opacity: 0.6;
  /* slightly transparent */
  cursor: default;
}

/* Optional hover off for inactive days */
.days li.inactive:hover::before {
  background: transparent;
}

/* ---------------info_flex-------------- */
.info_flx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 41px;
}

.info_crd {
  min-height: 265px;
  width: 19%;
  background: #fff;
  border-radius: 20px;
  box-shadow:
    0 4px 15px rgba(17, 98, 181, -0.85),
    /* DodgerBlue outer glow */ 0 8px 25px rgba(0, 123, 255, 0.12),
    /* Deeper blue shadow */ 0 12px 35px rgba(0, 0, 128, 0.1);
}

.info_wrp {
  padding: 45px 35px 0px;
}

.crd_img {
  background: #e5eaff;
  border-radius: 5px;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crd_img img {
  width: 35px;
  height: auto;
}

.info_sub {
  padding-block: 29px;
  display: flex;
  gap: 40px;
}

.info_txt h3 {
  color: #304ddb;
  font-family: "Inter", sans-serif;
  font-size: 26px;
  font-weight: 700;
}

.info_txt p {
  line-height: 1.3;
  padding-top: 4px;
  color: #3c3c3c;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.info_btn {
  padding-block: 5px 14px;
  text-align: center;
  border-top: 1px solid #d4d4d4;
}

.info_btn a {
  color: #1aa82f;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.info_btn a:hover {
  text-decoration: underline;
}

.info_txt p span {
  font-weight: 700;
}

.info_otr {
  gap: 0px;
  padding-bottom: 10px;
}

.info_txt .para_otr {
  line-height: 1.8;
}

.info_otr h3 {
  font-size: 30px;
}

.info_prcn {
  background: #ffdede;
  border-radius: 25px;
  padding: 5px 8px;
}

.info_txt h6 {
  font-size: 12px;
  color: #c00000;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

.info_prcn span {
  padding-left: 4px;
}

.info_txt span i {
  color: #c00000;
}

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

.info_prcn svg {
  font-size: 12px;
  transform: rotate(11deg);
}

.gauge-container {
  padding: 26px 18px;
  border-radius: 14px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

.gauge-container h2 {
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}

/* details text */
.details {
  margin-top: 13px;
  font-size: 14px;
  color: #3c3c3c;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.details b {
  color: #3c3c3c;
  font-weight: 700;
}

.dtL_prce {
  width: max-content;
  margin-inline: auto;
  background: #1aa82f;
  border-radius: 30px;
  padding: 15px;
}

.dtL_prce h6 {
  color: #ffff;
  line-height: 0;
  padding-bottom: 0px;
}

/* Needle pointer */
#g1 {
  width: max-content;
  height: 105px;
}

#g1 svg text:nth-child(6) tspan {
  font-size: 30px;
}

/* :white_check_mark: Thin needle styling */
.justgage .gauge-pointer {
  stroke: #1aa82f !important;
  stroke-width: 4px !important;
}

.justgage .gauge-value {
  fill: #fff !important;
}

.justgage .gauge-min,
.justgage .gauge-max {
  fill: #ccc !important;
}

.gauge_mtr {
  position: relative;
  right: auto;
  margin-inline: auto;
  width: 100%;
  aspect-ratio: 1 / 1;
  left: 0;
  height: 120px;
}

/* == */
.details {
  margin-top: 14px;
  font-size: 15px;
  color: #333;
}

.dt_otr {
  margin-top: 10px;
}

.details b {
  color: #000;
}

/* Sangita 03.11.25 */
/* ========================notification tab====================== */
.ntf_c_img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.ntf_crd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding: 6px;
  transition: 0.3s ease;
  border-radius: 8px;
  border: 1px solid transparent;
}

.ntf_crd:hover {
  background-color: #f5f5f5;
}

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

.ntf_dtls.cmn_hdr h6 {
  font-weight: 400;
  padding-bottom: 0;
  color: #000;
}

.ntf_dtls.cmn_hdr h6 span {
  font-weight: 600;
}

/* .ntf_str{
    font-size: 15px;
    color: #D9D9D9;
} */

.ntf_dtls p {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #7b7b7b;
}

.ntf_hdr.cmn_hdr h6 {
  color: #000;
  font-weight: 500;
}

.n_cntnt_two .ntf_crd:hover {
  border: 1px solid #d4d4d4;
}

.n_cntnt_three .ntf_crd {
  background-color: #e5eaff;
  border: 1px solid #304ddb;
}

.n_cntnt_three .ntf_crd:hover {
  background-color: #e5eaff;
  border: 1px solid #304ddb;
}

.n_cntnt_three .ntf_str .fa-star {
  color: #304ddb;
}

/* Default star */
.ntf_str .fa-star {
  font-size: 15px;
  color: #d9d9d9;
  cursor: pointer;
  transition: color 0.3s ease;
}

.ntf_str .fa-star.active {
  color: #304ddb !important;
}

/* Avik 10.02.26 */

.lft_ntf .ntf_dtls {
  width: 85%;
}

/* ----------------calendar div------------------ */

.rgt_clndr_dv {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 22%;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  z-index: 11;
  padding: 50px 25px 20px 25px;
  transform: translateX(100%);
  opacity: 0;
  transition:
    transform 0.4s ease,
    opacity 0.3s ease;
}

.rgt_clndr_dv.active {
  display: block;
  transform: translateX(0);
  opacity: 1;
  overflow-y: scroll;
}

.rgt_clndr_dv .calendar_dv {
  margin-top: 0;
  margin-bottom: 27px;
  width: 100%;
  margin-inline: auto;
}

.holiday_list h4,
.apply_btn input {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.holiday_list h4 {
  color: #000;
  padding-bottom: 22px;
}

.lv_dt {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  padding-bottom: 15px;
}

.lv_dt span {
  font-weight: 500;
  padding-right: 14px;
}

.lv_dt.lv_dt_bl {
  color: #304ddb;
}

.apply_btn {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.apply_btn input,
.leave_inpt {
  background-color: #304ddb;
  color: #fff;
  border: none;
  padding: 15px 25px;
  width: 100%;
  border-radius: 10px;
  text-align: center;
}

.holiday_list ul {
  padding-bottom: 25px;
}

/* =========================================DASHBOARD PAGE TABLE PART============================= */
/* Sangita 04.11.25 */
.plus_icn {
  background: #fff;
  color: #000;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 14px;
  color: #304ddb;
}

.table_prnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.lft_tbl_prt {
  width: 59%;
}

.rgt_tbl_prt {
  width: 39%;
}

.tbl_hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  min-height: 71px;
}

.tbl_hdr.cmn_hdr h4 {
  font-weight: 700;
  padding-bottom: 0;
}

.dashboard_table {
  width: 100%;
  border-radius: 15px;
  /* overflow: hidden; */
  border-collapse: collapse;
}

.dashboard_table th {
  color: #868686;
  text-transform: capitalize;
  background-color: #f5f5f5;
  text-align: left;
  padding: 15px 19px;
}

/* .dashboard_table th,
.dashboard_table td,
#dropdown-container .tbl_dropdown-content a,
#dropdown-container .tbl_dropdown-content .drpdn_cntn_line {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
} */

.dashboard_table th,
.dashboard_table td {
  border-right: 1px solid #d4d4d4;
}

.dashboard_table .data_drp {
  position: relative;
  display: flex;
  justify-content: center;
}

/* Dropdown button */
.tbl_dropbtn {
  background: none;
  border: none;
  background-color: #d9d9d9;
  color: #202020;
  padding: 5px;
  font-size: 13px;
  border-radius: 5px;
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboard_table .tbl_dropdown-content {
  display: none;
  position: absolute;
  top: 67%;
  left: 0;
  z-index: 999;
  padding: 10px;
}

.dashboard_table .tbl_dropdown-content a {
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  color: #3c3c3c;
}

.dashboard_table .tbl_dropdown-content.show {
  display: block;
}

.dashboard_table td {
  color: #3c3c3c;
  /* padding: 14px 12px; */
  border-top: none;
}

.dashboard_table td a {
  color: #3c3c3c;
}

.dashboard_table tr:nth-child(even) {
  background-color: #fafbff;
}

.tbl_dropbtn {
  transition: transform 0.3s ease;
}

.tbl_dropbtn.active {
  transform: rotate(180deg);
}

.tbl_dropdown-content {
  top: 28px;
  left: auto;
  right: 0;
  border-radius: 6px;
}

.dashboard_table tr:nth-child(odd) {
  background-color: #fff;
}

/* right table */
.dashboard_table.live_tbl th,
.dashboard_table.pndg_tbl th {
  padding: 15px 10px;
}

.upr_tbl {
  margin-bottom: 30px;
}

.dashboard_table.pndg_tbl td {
  padding: 14px 12px;
}

.dashboard_table.pndg_tbl tr:nth-child(1) .data_drp {
  height: auto;
}

.dashboard_table.pndg_tbl tr:nth-child(odd) {
  background-color: #fff4f4;
}

.dashboard_table.pndg_tbl tr:nth-child(even) {
  background-color: #ffe9e9;
}

.tbl_dsgn {
  /* width: 100%;
  border: 1px solid #d4d4d4;
  border-radius: 15px;*/
  position: relative;
  overflow-y: auto;
  border: 1px solid #d4d4d4;
  border-radius: 15px;
}

.lft_tbl_prt .tbl_dsgn {
  height: 576px;
  overflow-y: auto;
}

.dashboard_table thead {
  position: sticky;
  top: 0;
  z-index: 5;
}

.upr_tbl .tbl_dsgn {
  height: 260px;
  overflow-y: scroll;
}

.tbl_dsgn {
  scrollbar-width: none;
}

.tbl_dsgn::-webkit-scrollbar {
  width: 0;
}

.scnd_tbl .tbl_dsgn {
  height: 194px;
  overflow-y: scroll;
}

.edit_icn,
.dlt_icn,
.user,
.archv_icn,
.trpy_icn {
  padding-right: 9px;
  font-size: 17px;
}

.edit_icn {
  color: #09920e;
}

.dlt_icn {
  color: #cf0000;
}

.dashboard_table.live_tbl .tbl_dropdown-content {
  left: -146px;
}

.user {
  color: #304ddb;
}

.dashboard_table.pndg_tbl .tbl_dropdown-content {
  left: -101px;
}

/*----------------- Sangita 05.11.25 --------------------*/

#dropdown-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 9999;
}

/* #dropdown-container .tbl_dropdown-content {
  position: absolute !important;
  z-index: 9999 !important;
  pointer-events: auto;
  background: #fff;
  padding: 12px;
  width: 186px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  display: flex !important;
  flex-direction: column;
  gap: 12px;
} */

#dropdown-container .tbl_dropdown-content.upr_tbl_cntn {
  left: 1702.28px !important;
  width: 188px;
}

#dropdown-container .tbl_dropdown-content a,
#dropdown-container .tbl_dropdown-content .drpdn_cntn_line {
  color: #3c3c3c;
}

#dropdown-container .tbl_dropdown-content.lwr_tbl_cntn {
  left: 1696.72px !important;
}

#dropdown-container .tbl_dropdown-content.lft_tbl_cntn {
  left: 1183.78px !important;
  width: 97px;
  padding: 15px;
}

/* --------------------------------Assign New Contest Modal---------------------------- */
.modal-header.cmn_hdr h4 {
  font-weight: 600;
  padding-bottom: 0;
}

.modal.show {
  background: rgba(255, 255, 255, 0.4);
}

.mdl_cls_icn {
  font-size: 11px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 50%;
  opacity: 1;
  width: 14px;
  height: 14px;
}

.modal-content {
  padding: 35px;
  border-radius: 8px;
  border: none;
}

.modal-header {
  border-bottom: 0;
}

.modal_form .form_part .red_str {
  color: #cf0000;
  font-size: 20px;
}

.empl_prnt .cmn_btn,
.add_nw_btn .cmn_btn {
  padding: 13px 20px;
  border-radius: 6px;
}

/* .form_part label,
.form_dscrpt label {
  font-family: "Inter", sans-serif;
  font-size: 15px;
} */

.modal-footer {
  border-top: 0;
}

.modal-footer .cmn_btn {
  padding: 11px 30px;
  border-radius: 5px;
}

.modal-dialog {
  max-width: 50%;
}

.form_group {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  gap: 10px;
  width: 100%;
  padding-bottom: 10px;
}

.modal-footer {
  justify-content: start;
}

.form_dscrpt {
  width: 100%;
}

.form_part {
  width: 48%;
}

/* .form_part input,
.form_part select,
.form_dscrpt textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
} */

/* .form_part label,
.form_dscrpt label {
  color: #000;
  font-weight: 400;
  padding-bottom: 6px;
} */

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

/* .form_dscrpt textarea {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #979595;
} */

#employeeFields {
  width: 63%;
}

.emply_inpt {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.remove_emp_btn {
  width: 26px;
  height: 26px;
}

.add_nw_btn {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.prcntg_inpt {
  width: 62%;
  display: flex;
}

/* .percntg_icn {
  width: 46px;
  height: 46px;
  border: 1px solid #d4d4d4;
  border-left: 0;
  background: #f5f5f5;
  color: #979595;
  display: flex;
  justify-content: center;
  align-items: center;
} */

/* ========================================ASSIGN NEW PROJECT DROPDOWN CONTENT MODAL============================ */
/* Sangita 06.11.25 */

#dropdown-container .tbl_dropdown-content .drpdn_cntn_line {
  padding: 0;
  background: transparent;
  border: none;
}

.modal-footer .cmn_btn.btn-secondary {
  padding: 9px 25px;
  color: #304ddb;
  border: 1px solid #304ddb;
  background-color: transparent;
}

.asgn_mdl_ftr {
  gap: 10px;
}

.ctst_edt_frm input:read-only {
  border: none;
  padding: 0;
}

.ctst_edt_frm .form_part {
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 46%;
}

/* Sangita 20.11.25 */
/* ========================DASHBOARD EDIT MODAL========================= */
.edt_frm_icn {
  display: flex;
  justify-content: end;
  padding-bottom: 5px;
  color: #797979;
  font-size: 15px;
}

.dshbrd_edt_mdl .frm_lft_inpt label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.dshbrd_edt_mdl .frm_lft_inpt label {
  color: #797979;
  font-weight: 400;
}

.dshbrd_edt_mdl .frm_lft_inpt input:read-only {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #3c3c3c;
  background-color: transparent;
}

.dshbrd_edt_mdl .frm_lft_inpt input {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #202020;
  background-color: #f5f5f5;
}

.edit_frm_btn.cmn_btn {
  padding: 10px 20px;
  margin-top: 7px;
}

.modal-footer.edit_ftr {
  justify-content: end;
}

.frm_lft_inpt {
  width: 80%;
  transition: 0.3s ease;
}

.frm_lft_inpt.editable {
  width: 100%;
}

.removeDynamicInput,
.remove_emp_btn {
  font-size: 11px;
  color: #000;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  border: none;
  /* border-radius: 50%; */
  opacity: 1;
  width: 26px;
  height: 26px;
  background: transparent;
}

.remove_emp_btn {
  font-size: 16px;
}

/* ===========================DASHBOARD MARK AS WIN MODAL======================= */
.mdl_ftr_flx {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* .dsh_win_mdl .form_part input {                  //update 22.12.25
  font-size: 14px;
  font-family: "Inter", sans-serif;
} */
.dsh_win_mdl .prcntg_inpt {
  width: 100%;
}

/* .mdl_ftr_flx .form_control label {
  font-size: 15px;
  color: #3c3c3c;
  font-weight: 500;
} */
.blnk_rcrd {
  text-align: center;
  text-transform: capitalize;
  /* display: none; */
}

/* ==================================DASHBOARD MARK AS COMPLETED========================== */
.mdl_flx {
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
}

.mdl_prt {
  width: 48%;
}

.dsh_cmpltd_mdl .mdl_prt h6,
.dsh_cmpltd_mdl .mdl_prt p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.dsh_cmpltd_mdl .mdl_prt h6 {
  color: #797979;
  font-weight: 400;
  padding-bottom: 10px;
}

.dsh_cmpltd_mdl .mdl_prt p {
  color: #3c3c3c;
  font-weight: 500;
}

.cmplt_tabl table {
  width: 100%;
}

.cmplt_tabl {
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  overflow: hidden;
}

.cmplt_tabl table th,
.cmplt_tabl table td {
  padding: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.cmplt_tabl table th {
  color: #868686;
}

.cmplt_tabl table td {
  color: #3c3c3c;
}

.cmplt_tabl table thead {
  background-color: #f5f5f5;
}

.mark_cmplt_tbody tr td:nth-child(2) {
  font-size: 12px;
  font-weight: 500;
}

.mark_cmplt_tbody tr .cntr_txt {
  /* background-color: #d5ffda;
  color: #1aa82f; */
  text-align: center;
  padding: 8px;
  border-radius: 20px;
  width: 80%;
  /* margin-inline: auto; */
}
/* 
.mark_cmplt_tbody tr:nth-child(2) .cntr_txt {
  text-align: center;
  color: #1aa82f;
} */

.mark_cmplt_tbody tr .cntr_txt.pndng {
  background-color: #ffdede;
  color: #c00000;
  text-align: center;
  padding: 8px;
  border-radius: 20px;
  width: 80%;
  /* margin-inline: auto; */
}

.dsh_cmpltd_mdl .modal-footer {
  display: flex;
  justify-content: center;
}

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

.mdl_prt_fst {
  width: 48%;
}

.mdl_prt_empl .mdl_prt_inpt input {
  width: 100%;
  padding: 12px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.mdl_prt_empl .mdl_prt_inpt input::placeholder {
  color: #202020;
}

.mdl_prt_empl .mdl_prt_inpt .prcntg_inpt {
  width: 100%;
  padding-bottom: 10px;
}

.mdl_prt_inpt {
  padding-bottom: 10px;
}

/* =============================TODAY'S CONTEST (CONTEST NAME) MODAL ===============================*/
.mdl_rgt_cntst_ftr {
  display: flex;
}

.modal-footer.td_cntst_ftr {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 0;
}

.upload_img_fldr {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.dshbrd_tdy_cntst_mdl .form_part .input_cls,
.dshbrd_tdy_cntst_mdl .form_part a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #3c3c3c;
}

.dshbrd_tdy_cntst_mdl .form_part input:read-only {
  border: none;
  padding: 0;
}

.dshbrd_tdy_cntst_mdl .form_part .label_cls {
  font-size: 16px;
  font-weight: 400;
  color: #797979;
}

.dshbrd_tdy_cntst_mdl .mdl_lft_cntst_ftr .label_cls {
  padding-bottom: 10px;
}

.upld_icn {
  font-size: 36px;
}

.dshbrd_tdy_cntst_mdl .form_part {
  width: 44%;
}

.dshbrd_tdy_cntst_mdl .mdl_rgt_cntst_ftr {
  gap: 20px;
}

.upload_img_fldr p {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  color: #3c3c3c;
  font-weight: 500;
}

.upload_img_fldr p span {
  color: #304ddb;
  font-weight: 700;
}

.img_preview {
  margin-top: 10px;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  border: 1px dashed #ccc;
  display: none;
  overflow: hidden;
}

.img_preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dshbrd_tdy_cntst_mdl .form_control.form_chk label {
  font-size: 15px;
  color: #3c3c3c;
  font-weight: 500;
}

/* sangita 24.11.25 */
/* ===========================mark as a win modal(dashboard) ========================*/
.dsh_win_mdl .form_part input:focus {
  background-color: #f5f5f5;
}

/* .dsh_win_mdl .form_group:nth-child(2) .form_part:nth-child(2) input,
.dsh_win_mdl .form_group:nth-child(1) .form_part:nth-child(2) input {
  padding: 9px 0;
} */

/* sangita 25.11.25 */
/* =============================DASHBOARD ========================== */
.remove_field {
  position: absolute;
  top: 5px;
  right: 127px;
  color: #d00000;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

.remove_field:hover {
  color: #ff3b3b;
}

.drpdn_btn .prfl_btn {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #304ddb;
  font-weight: 600;
  text-align: center;
  border: 1px solid #304ddb;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  transition: 0.3s ease;
}

.drpdn_btn .prfl_btn:hover {
  background-color: #304ddb;
  color: #fff;
}

/* ----------today's live project (project name modal)------------- */
.dsh_live_ftr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.live_mdl_btns {
  display: flex;
  gap: 15px;
}

.dshlive_prjct_mdl .form_chk label {
  color: #3c3c3c;
  font-weight: 500;
}

.milestone_txt a {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #304ddb;
  text-decoration: underline;
}

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

.dshlive_prjct_mdl .form_part .inputGroup {
  width: 90%;
}

.dshlive_prjct_mdl .form_part input:read-only {
  border: none;
  padding: 0;
  background-color: transparent;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color: #3c3c3c;
  font-weight: 500;
}

.dshlive_prjct_mdl .form_part input {
  border: 1px solid #d4d4d4;

  background-color: #f5f5f5;
}

.dshlive_prjct_mdl .form_part label {
  padding-bottom: 0;
}

/* .dshlive_prjct_mdl .mark_cmplt_tbody tr:nth-child(2) .cntr_txt {
  background-color: #d5ffda;
  color: #1aa82f;
  text-align: center;
  padding: 8px;
  border-radius: 20px;
  width: 80%;
  margin-inline: auto;
} */
.dshlive_prjct_mdl .cmplt_tabl table td {
  padding: 8px 10px;
}

.dshlive_prjct_mdl .cmplt_tabl table td:nth-child(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 10px;
}

.dshlive_prjct_mdl .amnt_pen_icn {
  color: #797979;
  font-size: 13px;
}

.dshlive_prjct_mdl .form_part input {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.custom-x {
  color: #202020;
  border: 1px solid #202020;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.mltn_inpt_fld.form_part {
  border: 1px solid #d4d4d4;
  padding: 10px 12px;
  border-radius: 6px;
  flex-direction: column;
}

.mltn_inpt_fld .form_part input {
  padding: 10px;
  border: 1px solid #d4d4d4;
  background: #f5f5f5;
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  color: #202020;
}

.live_mdl_btns.modal-footer .cmn_btn.btn-secondary {
  padding: 6px 19px;
}

.live_mdl_btns.modal-footer .cmn_btn {
  padding: 9px 19px;
}

.live_mdl_btns.modal-footer {
  justify-content: start;
  gap: 6px;
  padding: 0;
}

.modal_grp {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.dshlive_prjct_mdl .mltn_inpt_fld .form_part {
  display: unset;
}

.mltn_inpt_fld.form_part label {
  padding-bottom: 8px;
}

.dshlive_prjct_mdl .mltn_inpt_fld .form_part:nth-child(1) {
  width: 70%;
}

.dshlive_prjct_mdl .mltn_inpt_fld .form_part:nth-child(2) {
  width: 30%;
}

/* sangita 26.11.25 */
#Milestone_fld {
  display: none;
}

.error {
  color: red;
  font-size: 14px;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  font-size: 16px !important;
}

/* ===========================================================ADMIN========================================================== */
/* sangita 27.11.25 */
/* -------------------------DASHBOARD TODAY'S LIVE PROJECT------------------------- */
.live_mdl_btns.modal-footer.admin_live_mdl_btn {
  justify-content: end;
}

#admin_Milestone_fld {
  display: none;
}

/* ----------------EMPLOYEE-------------------------- */
.admn_hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* update 15.12.25 */
  padding: 20px;
}

.admn_hdr.cmn_hdr h4 {
  font-weight: 600;
  color: #000;
  padding-bottom: 4px;
}

.admn_hdr.cmn_hdr p {
  color: #868686;
  font-weight: 400;
}

.admin_empl_list {
  width: 100%;
}

.admin_empl_list th {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #868686;
  background-color: #f5f5f5;
  padding: 15px 14px;
  border-right: 1px solid #d4d4d4;
}

.admin_empl_list th:nth-last-child(1),
.admin_empl_list td:nth-last-child(1) {
  border-right: none;
}

/* .admin_empl_list td {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  padding: 12px 14px;
  border-right: 1px solid #d4d4d4;
} */
.admin_empl_list td a {
  color: #3c3c3c;
}

/* .admin_empl_list td:nth-last-child(1) {
  display: flex;
  justify-content: center;
} */
.admn_empl_tabl {
  border: 1px solid #d4d4d4;
  border-radius: 15px;
  margin-bottom: 20px;
  background-color: #fff;
}

.wfh_data {
  color: #304ddb;
  background-color: #e5eaff;
  text-align: center;
  padding: 8px 6px;
  border-radius: 50px;
  font-size: 12px;
}

.prsnt_data {
  color: #1aa82f;
  background-color: #d5ffda;
  text-align: center;
  padding: 8px 6px;
  border-radius: 50px;
  font-size: 12px;
  width: 64%;
}

.lv_data {
  color: #c00000;
  background-color: #ffdede;
  text-align: center;
  padding: 8px 6px;
  border-radius: 50px;
  font-size: 12px;
  width: 65%;
}

.admin_empl_list tr:nth-child(even) {
  background-color: #fafbff;
}

.grn_txt {
  color: #1aa82f !important;
}

.red_txt {
  color: #c00000 !important;
}

/* sangita 28.11.25 */
/* --------------------------------------------EMPLOYEES-------------------------------- */
/* ----------------ADD NEW EMPLOYEE MODAL---------- */
.admn_add_emplyee_mdl .modal-dialog {
  max-width: 42%;
}

.admn_add_emplyee_mdl .form_part {
  width: 47%;
}

/* .admn_add_emplyee_mdl .form_part select,
.admn_add_emplyee_mdl .form_group select,
.admn_add_emplyee_mdl .form_group input {
  width: 100%;
  padding: 10px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
} */
.admn_add_emplyee_mdl .form_group.frm_flx {
  flex-direction: column;
  align-items: start;
  gap: 0;
}

.admn_add_emplyee_mdl .form_group.frm_flx label {
  padding-bottom: 6px;
}

.frm_prt_dv {
  width: 30%;
}

/* .admn_add_emplyee_mdl input,
.admn_add_emplyee_mdl select {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #202020;
  background-color: #fff;
} */
.admn_add_emplyee_mdl input:focus,
.admn_add_emplyee_mdl select:focus {
  background-color: #f5f5f5;
}

.admn_add_emplyee_mdl .modal-footer {
  gap: 10px;
}

.pagination_nmbrs {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0px;
}

.pagination_nmbrs li a {
  text-decoration: none;
  border: 1px solid #d4d4d4;
  color: black;
  margin: 0 4px;
  border-radius: 5px;
  font-size: 14px;
  color: #3c3c3c;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background-color: #fff;
}

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

.admn_emp_pgnt_dv p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
}

.admn_emp_pgnt_dv p span {
  font-weight: 700;
}

.pagination_nmbrs li a.active {
  background-color: #797979;
  color: #fff;
}

.admn_dash .dsh_live_ftr {
  justify-content: end;
}

/* sangita 29.11.25 */
.short-link a {
  display: inline-block;
  max-width: 100px;
  /* adjust width until about 8–10 letters fit */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* sangita 01.12.25 */
.tbl_modal {
  cursor: pointer;
}

.frm_lft_inpt.full_inpt {
  width: 100%;
}

.form_part.frm_full_dv .inputGroup {
  width: 80%;
}

/* sangita 10.12.25 */
/* ----------------------------------TL DASHBOARD (PROJECT DETAILS) -----------------------------*/
/* hidden initially */
.mdl_prt.mdl_prt_empl {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.rls_mdl_body {
  display: flex;
  gap: 25px;
  padding-bottom: 20px;
}

.release_mdl_inputs {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.release_mdl_inputs h6 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #797979;
  font-weight: 400;
  padding-bottom: 10px;
}

/* .release_mdl_inputs .mdl_prt_inpt input {
  width: 100%;
  padding: 12px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  background-color: #f5f5f5;
  border-radius: 5px;
} */

.release_mdl_inputs .prcntg_inpt {
  padding-bottom: 10px;
}

.mark_cmplt_tbody input {
  border: 1px solid #d4d4d4;
  background-color: #f5f5f5;
  text-align: center;
}

.rls_prnt_dv {
  display: none;
}

.mdl_inpt_rdo label,
.mdl_inpt_rdo input {
  cursor: pointer;
}

#rls_modal .modal-dialog {
  max-width: 40%;
}

.amnt_pen_icn,
.edt_btn,
.instl_txt,
.cntr_txt {
  cursor: pointer;
}

/* sangita 11.12.25 */
.release_modal .live_mdl_btns.modal-footer {
  justify-content: end;
}

/* Increase z-index for 2nd modal */
.modal.modal-second {
  z-index: 2000;
}

.modal-backdrop.modal-second-backdrop {
  z-index: 1990;
}

/* sangita 11.12.25 */
/* =========================================================ADMIN EMLOYEE============================ */
.form_pen {
  font-size: 13px;
  color: #797979;
}

.label_flx_prnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 4px;
}

/* .edit_emply .form_group input,
.edit_emply .form_group select {
  background-color: #f5f5f5;
} */

/* sangita 11.12.25 */
/* ==========================================ADMIN PROFILE================================== */
.admn_prfl_info .info_txt h3 {
  font-size: 30px;
}

.admn_prfl_info .info_sub {
  padding-block: 15px;
}

.admn_prfl_info .info_wrp {
  padding: 20px 22px 0px;
}

.admn_prfl_info .info_crd {
  min-height: 175px;
}

.prfl_dtls_hdr.cmn_hdr h4 {
  font-weight: 600;
  color: #000;
}

/* sangita 12.12.25 */
/* ===================================ADMIN PROFILE===================== */
.prfl_prsnl_dtls {
  width: 39%;
}

.prfl_rvn_dtls {
  width: 59%;
}

.prfl_bsc_infodv {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px 30px 30px;
  height: 685px;
}

.prfl_dtls_hdr.cmn_hdr h4 {
  padding-bottom: 29px;
}

.prfl_bsc_infodv h5 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  line-height: 1.3;
  padding-bottom: 24px;
}

.bsc_info_prt {
  display: flex;
  align-items: center;
  gap: 45px;
  padding-bottom: 30px;
}

/* .bsc_info_img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
} */
.bsc_info_contnts.cmn_hdr h4 {
  color: #000;
  font-weight: 600;
  padding-bottom: 0;
  line-height: 1.1;
}

.bsc_info_contnts.cmn_hdr p {
  font-size: 12px;
  font-weight: 400;
  color: #0a0a0a;
  padding-bottom: 14px;
}

.bsc_info_contnts a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  display: flex;
  gap: 12px;
}

.bsc_info_contnts li {
  padding-bottom: 10px;
}

.bsc_info_contnts a span {
  color: #0a0a0a;
  font-size: 18px;
}

.bsc_info_contnts li:nth-child(1) a {
  color: #0a0a0a;
}

.bsc_info_contnts li:nth-child(2) a {
  color: #304ddb;
}

.info_line {
  display: flex;
  padding: 17px 21px;
  border-bottom: 1px solid #d4d4d4;
}

.info_blu_dv {
  background-color: #e5eaff;
  border-radius: 10px;
  padding: 10px 0;
  margin-bottom: 28px;
}

.info_wht_dv {
  background-color: #f5f5f5;
  padding: 10px 0;
  border-radius: 10px;
  height: 261px;
  overflow-y: scroll;
  scrollbar-width: none;
}

.info_line p:nth-child(1) {
  width: 35%;
  color: #797979;
}

.info_line p:nth-child(2) {
  width: 52%;
  color: #0a0a0a;
}

.info_line p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.info_line:nth-last-child(1) {
  border-bottom: none;
}

.profile_dtls_prnt {
  display: flex;
  gap: 29px;
}

.dropdown-checkbox {
  width: 184px;
  position: relative;
}

.dropdown-btn {
  padding: 6px 10px;
  background: #f5f5f5;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.arrow {
  font-size: 15px;
  transition: transform 0.3s ease;
}

.dropdown-open .arrow {
  transform: rotate(180deg);
}

.dropdown-menu {
  display: none;
  background: #f5f5f5;
  border: 1px solid #d4d4d4;
  border-top: none;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.prfl_rvn_hdr {
  display: flex;
  justify-content: space-between;
  margin-bottom: 19px;
}

.dropdown-btn p {
  font-size: 14px;
  padding-bottom: 0;
  font-weight: 400;
  color: #868686;
}

.dropdown-btn p .bld_drpdn_txt {
  font-weight: 500;
  color: #202020;
}

.drpdn_yr_listng {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.drpdn_yr_listng .drpdn_label_cls {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #3c3c3c;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.prfl_rvn_hdr.cmn_hdr h4 {
  /* padding-bottom: 0; */
  font-weight: 600;
}

.prfl_rvn_table {
  width: 100%;
  border: 1px solid #d4d4d4;
  border-radius: 15px;
}

/* Style the tab */
.prfl_tab_part .tab {
  overflow: hidden;
  display: flex;
  gap: 14px;
  padding-bottom: 18px;
}

/* Tab buttons */
.prfl_tab_part .tab button {
  font-family: "Inter", sans-serif;
  outline: none;
  cursor: pointer;
  padding: 10px 25px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  background-color: #fff;
}

/* On hover */
.prfl_tab_part .tab button:hover {
  color: #304ddb;
  border: 1px solid #304ddb;
}

/* Active tab */
.prfl_tab_part .tab button.active {
  color: #304ddb;
  border: 1px solid #304ddb;
}

/* Tab content */
.prfl_tab_part .tabcontent {
  display: none;
}

.prfl_rvn_table .dashboard_table th {
  padding: 15px 17px;
}

.prtflo_row_imgs {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-bottom: 38px;
}

/* sangita 12.12.25 */
.rlse {
  background-color: #d5ffda;
  color: #1aa82f;
}

.n_allctd {
  background-color: #ffff8a;
  color: #757500;
}

/* sangita 13.12.25 */
.prtflo_crd_img {
  width: 341px;
  height: 300px;
  border-radius: 10px;
  margin-bottom: 14px;
  overflow: hidden;
}

.prfl_crd_cntn p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  padding-bottom: 6px;
}

.prfl_icn {
  padding-right: 4px;
}

/*------------- sangita 13.12.25 -------------*/
/* =============================================================ADMIN CONTEST================================================ */
.cmn_btn.btn_blk {
  cursor: unset;
  background-color: #797979;
  border: 1px solid #797979;
  width: 300px;
  justify-content: center;
}

.cmn_btn.btn_blk:hover {
  color: #fff;
}

/* .adm_cntst_flx{
  padding: 20px;                                    //update 15.12.25
} 
.adm_cntst_flx .admn_hdr {
  padding: 0;
  padding-bottom: 12px;
}
 .admn_cntst_tab{
  display: flex;
  justify-content: space-between;                   
} */

.contest-tab-btn {
  background-color: transparent;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  padding: 9px 28px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
}

.contest-tab-btn:hover {
  border: 1px solid #d4d4d4;
  color: #3c3c3c;
}

.contest_tab_list .tab {
  display: flex;
  gap: 12px;
}

.contest-tab-content {
  display: none;
}

.contest-tab-btn.active {
  border: 1px solid #304ddb;
  color: #304ddb;
}

/*------------- sangita 15.12.25 -------------*/
/* =============================================================ADMIN CONTEST================================================ */
.adm_cntst_flx .admn_hdr {
  /* height: 85px; */
  padding: 20px 20px 10px;
}

/* .adm_cntst_flx .dropdown-checkbox {
  top: 14px;
  right: -69px;
} */
/* .adm_cntst_flx .tab {
  padding-bottom: 22px;
  padding-inline: 20px;
} */
.contest_tab_list .admin_empl_list td {
  padding: 13px 14px;
}

.contest_tab_list .ntf_str {
  margin-right: 5px;
}

/* default star */
.ntf_str i {
  color: #bdbdbd;
  cursor: pointer;
}

/* active star color */
.ntf_str i.active {
  color: #3b5cff;
}

/* whole row background */
.star-active {
  background-color: #ebefff !important;
}

.form_group.frm_flx {
  flex-direction: column;
  width: 100%;
}

.admn_cntst_modal .modal-dialog {
  max-width: 44%;
}

.admn_cntst_modal .form_group h5 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #797979;
}

.admn_cntst_modal .form_part p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #3c3c3c;
}

.admn_cntst_modal .form_part p a {
  color: #3c3c3c;
}

.admn_cntst_modal .form_group {
  padding-bottom: 20px;
}

.view_btn a {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  padding: 11px 20px;
  transition: 0.3s ease;
}

.view_btn a:hover {
  background-color: #fff;
  color: #000;
}

.view_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mdl_upld_img {
  position: relative;
}

.upld_img_dv {
  position: relative;
  overflow: hidden;
}

.upld_img_dv::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
}

/* ---------------------sangita 16.12.25------------------ */
.contest_scnd_cntn .dashboard_table tr:nth-child(odd) {
  background-color: #f6f8ff;
}

.contest_scnd_cntn .dashboard_table tr:nth-child(even) {
  background-color: #ebefff;
}

.contest_thrd_cntn .dashboard_table tr:nth-child(odd) {
  background-color: #fbfffc;
}

.contest_thrd_cntn .dashboard_table tr:nth-child(even) {
  background-color: #effff1;
}

.admn_win_modal .percntg_icn {
  width: 41px;
  height: 38px;
}

.admn_win_modal .prcntg_inpt {
  width: 100%;
}

.dashboard_table td:nth-last-child(1),
.dashboard_table th:nth-last-child(1) {
  border-right: none;
}

/* ======================================ADMIN LIVE================================== */
#dropdown-container .tbl_dropdown-content.mrk_cmpltd {
  left: auto !important;
  right: 19px !important;
  width: 195px;
  padding: 15px;
}

/* sangita 17.12.25 */
.from_radio {
  display: flex;
  align-items: center;
  gap: 12px;
}

.radio_prt {
  display: flex;
  align-items: center;
  gap: 5px;
}

.admn_add_emplyee_mdl .form_group.frm_flx .radio_prt label {
  padding-bottom: 0;
}

.admn_add_emplyee_mdl .form_group.frm_role {
  justify-content: unset;
  align-items: center;
  gap: 20px;
}

.admn_add_emplyee_mdl .form_group.frm_role label {
  padding-bottom: 0;
  color: #000;
}

/* moumi 18.12.25 */
.admn__contest {
  display: flex;
  justify-content: space-between;
  padding: 1px 20px 20px;
}

.tbl_modal .str__name {
  display: flex;
  align-items: center;
}

/* sangita 19.12.25 */
.admn_mrk_modal .mdl_prt_prcntg {
  display: flex;
  justify-content: space-between;
}

/* .admn_mrk_modal .mdl_prt_prcntg .input_cls{
    width: 100%;
    padding: 12px;
    border: 1px solid #d4d4d4;
    font-size: 14px;
    background-color: #f5f5f5;
    border-radius: 5px;
} */
.admn_mrk_modal .mdl_prt_prcntg .prcntg_inpt {
  width: 100%;
  padding-bottom: 10px;
}

.admn_empl_tabl {
  background-color: #fff;
}

.admn_mrk_modal .mdl_prt_prcntg .input_cls::placeholder {
  color: #202020;
}

.admn_mrk_btn {
  display: flex;
  justify-content: center;
}

.admn_lv_scnd .dashboard_table tr:nth-child(odd) {
  background-color: #fbfffc;
}

.admn_lv_scnd .dashboard_table tr:nth-child(even) {
  background-color: #effff1;
}

.admin_empl_list.dashboard_table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}

.input_cls {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #202020;
  background-color: #fff;
  width: 100%;
  padding: 11px 10px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
}

.input_cls.gry_inpt {
  background-color: #f5f5f5;
}

.admn_mrk_modal .percntg_icn {
  width: 38px;
  height: 41px;
}

.label_cls {
  color: #000;
  font-weight: 400;
  padding-bottom: 6px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
}

.tntarea_cls {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #979595;
  width: 100%;
  padding: 10px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
}

/* Disabled state */
.admn_empl_btn.disabled {
  background: #797979 !important;
  border-radius: 8px;
}

/* Button inside */
.admn_empl_btn.disabled .cmn_btn {
  background: #797979 !important;
  color: #ffffff;
  pointer-events: none;
  border: 1px solid #797979 !important;
}

/* Optional visual */
.admn_empl_btn.disabled .cmn_btn {
  opacity: 0.8;
}

.admn_empl_btn.disabled .plus_icn {
  color: #797979;
}

.admn_empl_tabl .admn_hdr {
  padding-bottom: 10px;
}

.cmn_btn.btn_blk .plus_icn {
  color: #797979;
}

#dropdown-container .tbl_dropdown-content.tl_asgn_drpdn_cntn {
  top: 382px;
  left: auto !important;
  right: 19px !important;
  width: 215px;
  padding: 15px;
}

.archv_icn {
  color: #8f8f8f;
}

.trpy_icn {
  color: #1aa82f;
}

.dashboard_table .th_frst_hd {
  padding: 15px 29px 14px;
}

.tl_cntst_trd .admin_empl_list tr:nth-child(even) {
  background-color: #f4f4f4;
}

/* sangita 22.12.25 */
.empl_prnt .cmn_btn {
  padding: 10px 20px;
}

.input_cls:focus {
  background-color: #f5f5f5;
}

.assgn_mmbr_mdl .form_group.frm_flx {
  gap: 0;
}

.assgn_mmbr_mdl .modal-dialog {
  width: 36%;
}

.assgn_mmbr_mdl #employeeFields {
  width: 72%;
}

.dsh_win_mdl .mdl_ftr_flx .label_cls {
  padding-bottom: 0;
}

.mrk_participation .modal-footer {
  padding: 0;
}

.assgn_mmbr_mdl .modal-footer {
  padding: 0;
}

.assgn_cntst_btn_modal .modal-footer {
  padding: 12px 0;
}

/* sangita 23.12.25 */
/* =================================ADMIN======================== */
/*----------------- admin profile -----------------*/
.search_bar {
  background: #fff;
}

.bsc_info_img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #4f46e5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bsc_info_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile_initials {
  position: absolute;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  display: none;
  align-items: center;
  justify-content: center;
}

/*-------------------------- admin revenue ----------------------*/
.revenue-card {
  background: #fff;
  padding: 24px 21px 4px;
  height: 263px;
  border-radius: 20px;
  width: 563px;
}

.chart {
  width: 100%;
  height: 203px;
}

/* bars */
.bars rect {
  fill: #f1f1f1;
  rx: 8;
  transition: fill 0.4s ease;
  width: 40px;
  height: 140px;
}

/* active bar (where dot ends) */
.bars rect.active {
  fill: #dbe2ff;
}

#linePath {
  fill: none;
  stroke: #304ddb;
  stroke-width: 1.5;
  stroke-linecap: round;
}

#areaPath {
  stroke: none;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 2s ease forwards;
}

.months text {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 500;
  fill: #3c3c3c;
  text-anchor: middle;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes moveDot {
  to {
    offset-distance: 100%;
  }
}

.rvn_lft_hdr h6 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  padding-bottom: 10px;
}

.rvn_hdr {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.rvn_amnt {
  display: flex;
  align-items: center;
  gap: 14px;
}

.rvn_amnt p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: 600;
}

.rvn_amnt span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #bcbcbc;
  font-weight: 500;
}

.rvne_flx .info_wrp {
  padding: 30px 22px 0px;
}

.rvn_tbl_prnt .lft_tbl_prt,
.rvn_tbl_prnt .rgt_tbl_prt {
  width: 49%;
}

.rvn_tbl_prnt .lft_tbl_prt .dashboard_table th {
  padding: 15px;
}

.rvn_tbl_prnt .upr_tbl .tbl_dsgn {
  height: 211px;
}

.rvn_tbl_prnt .upr_tbl .tbl_dsgn tr:nth-child(odd) {
  background: #fff4f4;
}

.rvn_tbl_prnt .upr_tbl .tbl_dsgn tr:nth-child(even) {
  background: #ffe9e9;
}

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

.rvn_tbl_prnt .upr_tbl .tbl_dsgn th {
  background-color: #fff;
}

.down_arrow_bx {
  color: #1aa82f;
  background-color: #cdffd3;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
}

.cntr_txt {
  text-align: center;
  padding: 8px;
  border-radius: 20px;
}

.rvn_tbl_prnt .scnd_tbl .tbl_dsgn {
  height: 265px;
}

.rvn_tbl_prnt .scnd_tbl .tbl_dsgn th {
  padding: 15px 10px;
}

.rvn_tbl_prnt .lft_tbl_prt .scnd_tbl .tbl_dsgn td {
  padding: 11px;
}

/* sangita 24.12.25 */
/* --------------------ADMIN REVENUE ----------------------- */
.rvn_tbl_prnt .cntr_txt {
  font-size: 12px;
  font-weight: 500;
}

/* .rvn_tbl_prnt .scnd_tbl .tbl_dsgn tr:nth-child(even) .cntr_txt {
  width: 60%;
} */

.rprt_list li {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  display: flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 14px;
  cursor: pointer;
}

.arw_dwn_list {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  padding: 14px;
  border-radius: 8px;
  position: absolute;
  z-index: 99;
  width: 207px;
  right: 0;
  top: 51px;
  display: none;
}

.arrow_bx_cntn {
  position: relative;
}

.rprt_list li:nth-child(3) {
  padding-bottom: 0;
}

/* ACTIVE STATE */
.arrow_bx_cntn.active .arw_dwn_list {
  display: block;
}

.arrow_bx_cntn.active .down_arrow_bx {
  color: #fff;
  background-color: #1aa82f;
}

/* ---------------------sangita 26.12.25------------------ */
/* =========================================TL LIVE=========================== */
#dropdown-container .tbl_dropdown-content.upr_tbl_cntn.dlt_txt {
  left: 1775.28px !important;
  width: 104px;
}

.modal-footer {
  padding-inline: 0;
}

/* ============================= TL TASK ====================== */
.task_layout {
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.task_part {
  background-color: #f4f4f4;
  padding: 19px 15px 11px;
  border-radius: 15px;
  width: 31%;
}
.task_card {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 12px;
}
.task_crd_hdr {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px 20px 12px 15px;
  border-bottom: 1px solid #d4d4d4;
}
.task_card .cntr_txt {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.blue_txt {
  color: #304ddb;
  background-color: #e5eaff;
}
.task_crd_hdr h5 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
.task_crd_cntn {
  padding: 15px 20px 15px 15px;
}
.tsk_icn {
  font-size: 15px;
  margin-right: 10px;
  color: #202020;
}
.task_crd_cntn li {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  padding-bottom: 9px;
}
.task_part.cmn_hdr h4 {
  font-weight: 600;
  color: #000000;
}
.task_crd_cntn li:nth-last-child(1) {
  padding-bottom: 0;
}
.tsk_icn.imp_icn {
  color: #304ddb;
}
.tsk_gry_txt {
  background-color: #eeeeee;
  color: #7b7b7b;
}
.task_card:nth-last-child(1) {
  margin-bottom: 0;
}

/* ---------sangita 27.12.25 ------------*/
#dropdown-container .tbl_dropdown-content.tl_drp_lft_cntn {
  left: 981.77px !important;
  width: 154px;
}
/*---------------------- sangita 29.12.25 -------------------*/
.tl_contest_win_inpt .mdl_prt_fst h6 {
  color: #000;
  font-weight: 400;
  padding-bottom: 6px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
}
.percntg_icn {
  width: 42px;
  height: 42px;
}
.dsh_win_mdl .tl_contest_win_inpt .prcntg_inpt {
  width: 50%;
}
.empl_ylw_txt {
  /* text-shadow: 2px 2px 5px #FFBC00; */
  color: #304ddb;
}

/* ----------sangita 30.12.25------------------ */
/* ======================EMPLOYEE DASHBOARD==================== */
.cmn_btn.sub_btn {
  font-size: 14px;
  border-radius: 5px;
  padding: 7px 13px;
  color: #fff;
}
.cmn_btn.sub_btn:hover {
  color: #304ddb;
}
.emply_tbl_prnt .dashboard_table td {
  padding: 9px 18px;
}
.emply_tbl_prnt .upr_tbl .tbl_dsgn {
  height: 221px;
}
.emply_tbl_prnt .scnd_tbl .tbl_dsgn {
  height: 218px;
}
.emply_tbl_prnt .upr_tbl {
  margin-bottom: 25px;
}
.emply_tbl_prnt .rgt_tbl_prt .upr_tbl .tbl_dsgn {
  height: 221px;
}
.emply_tbl_prnt .rgt_tbl_prt .upr_tbl.empl_mdl_tbl .tbl_dsgn {
  height: 138px;
}
.emply_tbl_prnt .upr_tbl.empl_mdl_tbl .dashboard_table td {
  padding: 15px 15px;
}
.emply_tbl_prnt .last_tbl .dashboard_table td {
  padding: 14px 7px 14px 10px;
}
.emply_tbl_prnt .rgt_tbl_prt .upr_tbl.last_tbl .tbl_dsgn {
  height: 216px;
}
.emply_tbl_prnt .rgt_tbl_prt .last_tbl tr:nth-child(odd) {
  background-color: #fbfffc;
}
.emply_tbl_prnt .rgt_tbl_prt .last_tbl tr:nth-child(even) {
  background-color: #effff1;
}
.dashboard_table td.blnk_rcrd {
  color: #868686;
}
.submt_dsgn .frm_lft_inpt {
  width: 100%;
}
.submt_dsgn .frm_lft_inpt .input_cls {
  font-size: 14px;
}
.dshbrd_tdy_cntst_mdl.submt_dsgn .mdl_lft_cntst_ftr .label_cls {
  color: #797979;
  font-size: 16px;
}
.submt_dsgn .form_part .label_cls {
  padding-bottom: 0;
}
.submt_dsgn .frm_lft_inpt.form_part .label_cls {
  padding-bottom: 5px;
}
.emply_contest .contest_tab_list .emply_active_cntn .admin_empl_list td {
  padding: 8px 14px;
}
.emply_contest .contest_thrd_cntn .admin_empl_list td {
  padding: 15px 14px;
}

/* ----------sangita 31.12.25----------- */
/* ==========================EMPLOYEE LIVE========================= */
.contest_tab_list .empl_lv_actv_cntn .admin_empl_list td {
  padding: 11px 14px;
}
.emply_tab_cntn .contest_tab_list .admn_lv_scnd .admin_empl_list td {
  padding: 15px 14px;
}

/* --------------sangita 05.01.26------------------ */
/* =====================EMPLOYEE REVENUE================= */
.rvn_tbl_prnt.empl_rvn_tbl .scnd_tbl .tbl_dsgn {
  height: 583px;
}
.rvn_tbl_prnt.empl_rvn_tbl .cntr_txt.win_txt {
  width: 60%;
}
.empl_rvn_tbl .rgt_tbl_prt .dashboard_table td {
  padding: 16px 14px;
}

/* ====================LEAVE FORM=================== */
.frm_inpt_prt {
  display: flex;
  align-items: center;
  gap: 10px;
}
.leave_prnt_frm {
  display: flex;
  gap: 28px;
}
.left_lv_frm {
  width: 75%;
}
.rgt_lv_frm {
  width: 24%;
}
.lv_frm_bg {
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
}
.leave_prnt_frm h3 {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 20px;
}
.left_lv_frm .lv_frm_bg {
  padding: 42px 54px;
}
.rgt_lv_frm .lv_frm_bg {
  height: 548px;
}
.left_lv_frm .form_dscrpt {
  padding-bottom: 25px;
}
.form_submt .cmn_btn {
  font-size: 15px;
  border-radius: 5px;
}
.lv_frm_prt {
  width: 31%;
}
.left_lv_frm .form_group {
  padding-bottom: 20px;
}

/* -----sangita 07.01.26---------- */
/* ================Leave form================== */
.leaves {
  border: 1px solid #d4d4d4;
  background: #fafafa;
  border-radius: 8px;
  margin: 25px;
}
.leaves .lv_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d4d4d4;
  padding: 12px 17px;
}
.leaves .lv_line:nth-last-child(1) {
  border-bottom: none;
}
.lv_line p {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  color: #000;
}
.leaves .lv_line p {
  font-weight: 400;
}
.leaves .lv_line.rmng_lv p {
  font-weight: 600;
}
.apld_lv_list {
  border-top: 1px solid #d4d4d4;
  padding: 30px 21px;
}
.lv_hdr.cmn_hdr h4 {
  color: #000;
  font-weight: 500;
  padding-bottom: 24px;
}
.apld_lv_list .lv_line {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-bottom: 15px;
}
.apld_lv_list .lv_line:nth-child(2) {
  gap: 32px;
}
.apld_lv_list .lv_line p:nth-child(2) {
  font-weight: 300;
}
.md_txt {
  font-weight: 500;
}

/* -------sangita 08.01.26---------- */
.empl_pndg_tbl {
  margin-bottom: 25px;
}
.empl_pndg_tbl .tbl_dsgn {
  height: 138px;
}
.action_bx {
  width: 82px;
}

/* --------sangita 10.01.26--------- */
.empl_dsgn_submt {
  background: #fff;
  padding: 42px 54px;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
}
.empl_dsgn_submt .label_cls {
  font-size: 16px;
}
.link_inpt {
  width: 47%;
}
.empl_dsgn_submt .form_group.frm_flx {
  gap: 5px;
}
.empl_dsgn_submt .form_group {
  padding-bottom: 25px;
}
.dsgn_submt_buttn {
  display: flex;
  justify-content: center;
}
.choose_txt {
  display: flex;
  align-items: center;
  gap: 6px;
}
.empl_dsgn_submt .upload_img_fldr {
  flex-direction: column;
  align-items: start;
}
.empl_dsgn_submt .tntarea_cls {
  width: 100%;
}
.empl_dsgn_submt .form_group p,
.empl_dsgn_submt .form_group p a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #3c3c3c;
}
.image_brws {
  width: 30%;
}
.form_part.full_wdt_inpt {
  width: 48%;
}
.submit_dsgn_prnt.tl_sbmt .link_inpt {
  width: 65%;
}

/* sangita 13.01.26 */
#cropModal .modal-dialog {
  max-width: 900px;
}

#cropModal .modal-body {
  max-height: 500px; /* FIXED HEIGHT */
  overflow: hidden; /* Hide extra image */
}

#cropModal img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* keep full image visible */
  display: block;
  margin: 0 auto;
}

/* --------sangita 15.01.26----------- */
.dsh_win_mdl p,
.dsh_win_mdl p a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #797979;
}
.dsh_win_mdl .label_cls {
  font-size: 16px;
}
.dsh_win_mdl .form_part.edt_frm_prt {
  display: flex;
  justify-content: space-between;
}
.dsh_win_mdl .form_part.edt_frm_prt .frm_lft_inpt {
  width: 100%;
}
.dsh_win_mdl .form_part.edt_frm_prt .inputGroup {
  width: 80%;
}
.dsh_win_mdl .edt_frm_ftr {
  justify-content: end;
}
.dsh_win_mdl .form_part.edt_frm_prt .input_cls:read-only {
  border: none;
  padding: 0;
  color: #797979;
  font-size: 15px;
}
/* sangita 16.01.26 */
.prfl_rvn_table .dashboard_table {
  overflow: hidden;
}

/* ---------------------sangita 19.01.26------------------ */
/* =====content details========== */
.cntst_hdng {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.cntst_hdng.cmn_hdr h4 {
  color: #000;
  font-weight: 600;
  padding-bottom: 0;
}
.admn_empl_tabl.cntst_submt_dv {
  padding: 40px;
}
.form_part h5 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #797979;
}
.form_part p,
.form_part p a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #3c3c3c;
}
.form_part a:hover {
  color: #304ddb !important;
}
.cntst_dtls_upr_dv {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-bottom: 30px;
}
.cntst_submt_frm_dv {
  width: 55%;
}
.cntst_dtls_upr_dv .form_group {
  padding-bottom: 25px;
}
.cntst_dsgn_img {
  width: 350px;
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
}
.desgn_pg_dv {
  display: flex;
  gap: 30px;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 25px;
}
.cntst_dsgn_dtls {
  width: 73%;
  padding-top: 25px;
}
.dsgn_img_prt {
  width: 27%;
}
.cnsts_dtls_hdng {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding-bottom: 10px;
}
.dtls_lft_hdr h4 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #202020;
  padding-bottom: 8px;
}
.dtls_lft_hdr p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #797979;
}
.dtls_lft_hdr p span {
  font-size: 13px;
  margin-right: 6px;
}
.dsgn_cmnt p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #202020;
  padding-bottom: 5px;
}
.dsgn_cmnt {
  background: #f9faff;
  padding: 13px 15px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.dsgn_cmnt span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #797979;
}
.cntst_dsgn_pages {
  height: 694px;
  overflow-y: scroll;
  scrollbar-width: none;
  margin-bottom: 30px;
}
.cntst_dsgn_comments {
  height: 205px;
  overflow-y: scroll;
  scrollbar-width: none;
}
.cmnt_icn {
  cursor: pointer;
  color: #3c3c3c;
}
.dsgn_sbmt_buttn {
  display: flex;
  justify-content: end;
}
.add_cmnt_box {
  display: none;
  margin-top: 12px;
}

.cmnt_input_wrap {
  position: relative;
}

.cmnt_input_wrap .cmnt_txtare {
  width: 100%;
  height: 63px;
  padding: 12px 44px 12px 12px;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  resize: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #202020;
}
.cmnt_input_wrap .cmnt_txtare::placeholder {
  font-size: 14px;
  color: #9f9f9f;
}
.cmnt_submit_icn {
  display: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #3c3c3c;
  font-size: 16px;
  cursor: pointer;
}

/* ----Avik Kumar Das 19.01.2026---- */

.fd_lnk {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.nw_fd_dsgn .fd_in .input_cls:read-only {
  font-size: 16px;
  padding: 0;
  border: none !important;
  background-color: transparent;
}

.nw_fd_dsgn .fd_in .input_cls {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color: #202020;
  background-color: #f5f5f5;
  border: 1px solid #d4d4d4;
}

.fd_in {
  padding-bottom: 5px;
}

.nw_fd_dsgn .tntarea_cls {
  width: 100%;
}

.fd_lk_box {
  width: 81%;
}

.fd_bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.nw_fd_dsgn .fd_lnk .link_inpt {
  width: 100%;
}

/* ----Avik Kumar Das 20.01.2026---- */

.empty_box {
  width: 100%;
  margin-block: 5px;
}

.empty_links {
  width: 95%;
}

.empty_bar {
  width: 96%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.remove_box {
  font-size: 16px;
  color: #000;
  background: none;
  border: none;
  cursor: pointer;
}

.cmn_btn.add_empty_btn {
  padding: 10px;
}

.edit_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.remove_btn,
.add_empty_btn {
  display: none;
}

.add_empty_btn .plus_icn {
  background-color: transparent;
  color: #fff;
  font-size: 18px;
}

.add_empty_btn:hover .plus_icn {
  color: #304ddb;
}

/* -----------sangita 20.01.26----------- */
/* ===========contest win modal====== */
.dsh_win_mdl.wnng_dtls .label_cls {
  font-size: 15px;
}
.dvd_line {
  margin-inline: 10px;
}

/* -----------Avik 21.01.26----------- */
.sb_dsgn .link_inpt {
  width: 100%;
}

.full_wd_box .tntarea_cls {
  width: 100%;
}

/* -------------sangita 21.01.26-------------- */
.lv_prjct_flx h5 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #797979;
  padding-bottom: 6px;
}
.lv_prjct_flx {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}
.amnt_pen_icn {
  padding-left: 8px;
  font-size: 13px;
}
.lv_prjct_flx .mdl_prt.mdl_prt_empl {
  opacity: 1;
  visibility: visible;
}
.dsgn_sbmt_buttn .form_control.form_chk .label_cls {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #3c3c3c;
  padding-bottom: 0;
}
.dsgn_sbmt_buttn.dsgn_prjct_btns {
  gap: 30px;
}

/* ---------------sangita 22.01.26---------------- */
.rassgn_btn .cmn_btn {
  padding: 8px 12px;
}
.dtls_rgt_hdr {
  display: flex;
  align-items: center;
  gap: 15px;
}
.rassgn_mdl .form_group p {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
}
.rassgn_mdl .form_group {
  padding-bottom: 20px;
}

/* sangita 27.01.26 */

.gauge-container {
  width: 100%;
  margin: auto;
}
.gauge-container h2 {
  margin: 0 0 5px;
}

#g1 {
  width: 100%;
  height: 100%;
}
/* sangita 28.01.26 */
.lft_tbl_prt .scnd_tbl.thrd_tbl .cntst_wdt {
  width: 19%;
}
.scnd_tbl {
  margin-bottom: 30px;
}

/* -------sangita 30.01.26---------- */
.alctn_frm_prt h5 {
  padding-bottom: 10px;
}
.alctn_frm_prt .mark_cmplt_tbody tr td:nth-child(2) {
  font-size: 14px;
}

.alctn_frm_prt .mark_cmplt_tbody tr:nth-child(even) {
  background-color: #fafbff;
}

/*----------- Avik 30.01.26 ---------- */

.nw_fd_dsgn .label_cls {
  color: #797979;
}

/*payel 05.02.26*/
.notif-count {
  position: absolute;
  top: -11px;
  right: -11px;
  background: red;
  color: white;
  font-size: 14px;
  font-weight: 700;
  /* min-width: 30px; */
  min-width: 25px;
  height: 25px;
  /* line-height: 22px; */
  line-height: 23px;
  text-align: center;
  border-radius: 50%;
}

.unread {
  background-color: #e6e6e6;
}

/* payel 13.02.2026 */
/* wrapper */
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9999 !important;

  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-top: none;

  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;

  padding: 0;
  margin: 0;

  list-style: none;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);

  border-radius: 0 0 6px 6px;
}

/* each item */
.ui-menu-item {
  padding: 0;
  margin: 0;
}

/* clickable area */
.ui-menu-item-wrapper {
  padding: 10px 14px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

/* hover */
.ui-menu-item-wrapper:hover,
.ui-state-active {
  background: #f1f5ff;
  color: #2a62ff;
}

/* match input box */
.email_autocomplete {
  width: 100%;
  box-sizing: border-box;
}

/* important: parent must be relative */
.lv_frm_prt {
  position: relative;
}

/* Avik 14.02.26 */

.apply_btn a {
  width: 100%;
}

/* Avik 17.02.26 */

/* .lft_prnt_nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav_toggle_btn {
  display: none;
  flex-direction: column;
  cursor: pointer;
  padding: 10px;
  width: 35px;
} */

/* Avik 20.02.26 */

.nav_toggle_btn {
  display: none;
  position: relative;
  width: 35px;
  height: 25px;
  cursor: pointer;
  z-index: 11;
  transition: 0.3s ease;
}
/* payel 26.02.26 */
.blnk_rcrd {
  background-color: #fff !important;
}

/* Avik 26.02.26 */

.search_bar form {
  width: 95%;
}