/* @import url('./shubhi_style.css');  */

:root {
  --primary: #0d2b76;
  --primary-hover: #0056b3;
  --accent-red: #c8102e;
  --info-blue: #17a2b8;
  --success-green: #627a00;
  --warning-yellow: #ffc107;
  --primary-info: #0c78da;
  --light-blue: #e6eeff;
  --light-purple: #ede7f6;
  --bg-white: #ffffff;
  --bg-light: #f4f6f8;
  --text-dark: #101010;
  --text-muted: #444;
  --card-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  --border-radius: 8px;
}

body.bg-light.theme-dark {
  background-color: #212529 !important;
}

.text-success {
  color: #627a00 !important;
}

table {
  width: 100% !important;
}
input[type=date].form-control {
    text-transform: uppercase;
}
.card {
  background: var(--bg-white);
  box-shadow: var(--card-shadow);
  color: var(--text-dark);
}

.modal {
  background-color: #0000006b !important;
  backdrop-filter: blur(6px);
}

/* Ensure modal fits screen height */
.modal-dialog {
  max-height: 100vh;
  /* Full viewport height */
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

/* Make modal content scroll internally if content exceeds screen */
.modal-content {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
}

/* Header and footer stay fixed, body scrolls */
.modal-header,
.modal-footer {
  flex-shrink: 0;
}

.modal-body {
  overflow-y: auto;
  flex-grow: 1;
  padding: 1rem;
}

/* Optional: better scroll behavior on mobile */
.modal-body::-webkit-scrollbar {
  width: 8px;
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* Status */
.btn-primary {
  background-color: var(--primary);
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  transition: 0.3s;
}

.btn-primary:hover {
  background-color: var(--primary-hover);
}

.tab {
  background: var(--light-purple);
  color: var(--text-dark);
  padding: 10px 16px;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  cursor: pointer;
}

.tab.active {
  background: var(--primary);
  color: white;
  font-weight: 600;
}

.status-success {
  color: var(--success-green);
}

.status-warning {
  color: var(--warning-yellow);
}

.status-danger {
  color: var(--accent-red);
}

.status-info {
  color: var(--info-blue);
}

html {
  scrollbar-width: thin;
  scrollbar-color: #c4cee3 #f1f1f1;
}

html::-webkit-scrollbar {
  width: 6px;
}

html::-webkit-scrollbar-track {
  background: #f1f1f1;
}

html::-webkit-scrollbar-thumb {
  background-color: #c4cee3;
  border-radius: 6px;
  border: 2px solid transparent;
}

body {
  scrollbar-width: thin;
  scrollbar-color: #c4cee3 #f1f1f1;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: #1c8ff4;
  border-radius: 6px;
}

body::-webkit-scrollbar-thumb:hover {
  background: #0571d2;
}

.custom_scrollbar::-webkit-scrollbar {
  width: 8px;
}

.custom_scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.custom_scrollbar::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.custom_scrollbar::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.custom_scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans/NotoSans-Regular.eot");
  src: url("../fonts/NotoSans/NotoSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NotoSans/NotoSans-Regular.woff2") format("woff2"),
    url("../fonts/NotoSans/NotoSans-Regular.woff") format("woff"),
    url("../fonts/NotoSans/NotoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans/NotoSans-Medium.eot");
  src: url("../fonts/NotoSans/NotoSans-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NotoSans/NotoSans-Medium.woff2") format("woff2"),
    url("../fonts/NotoSans/NotoSans-Medium.woff") format("woff"),
    url("../fonts/NotoSans/NotoSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans/NotoSans-Bold.eot");
  src: url("../fonts/NotoSans/NotoSans-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NotoSans/NotoSans-Bold.woff2") format("woff2"),
    url("../fonts/NotoSans/NotoSans-Bold.woff") format("woff"),
    url("../fonts/NotoSans/NotoSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans/NotoSans-SemiBold.eot");
  src: url("../fonts/NotoSans/NotoSans-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NotoSans/NotoSans-SemiBold.woff2") format("woff2"),
    url("../fonts/NotoSans/NotoSans-SemiBold.woff") format("woff"),
    url("../fonts/NotoSans/NotoSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter24pt-SemiBold.eot");
  src: url("../fonts/inter/Inter24pt-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/inter/Inter24pt-SemiBold.woff2") format("woff2"),
    url("../fonts/inter/Inter24pt-SemiBold.woff") format("woff"),
    url("../fonts/inter/Inter24pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter24pt-Regular.eot");
  src: url("../fonts/inter/Inter24pt-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/inter/Inter24pt-Regular.woff2") format("woff2"),
    url("../fonts/inter/Inter24pt-Regular.woff") format("woff"),
    url("../fonts/inter/Inter24pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter24pt-Medium.eot");
  src: url("../fonts/inter/Inter24pt-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/inter/Inter24pt-Medium.woff2") format("woff2"),
    url("../fonts/inter/Inter24pt-Medium.woff") format("woff"),
    url("../fonts/inter/Inter24pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter28pt-Bold.eot");
  src: url("../fonts/inter/Inter28pt-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/inter/Inter28pt-Bold.woff2") format("woff2"),
    url("../fonts/inter/Inter28pt-Bold.woff") format("woff"),
    url("../fonts/inter/Inter28pt-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

#page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fffffffd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.spinner {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}

.spinner-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border: 6px solid #d2dfff;
  border-top: 6px solid #214aab;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 1;
}

#loading-percentage {
  z-index: 2;
  font-weight: bold;
  font-size: 16px;
  color: #3498db;
  position: relative;
  display: none;
}

.loading-text {
  display: block;
  text-align: center;
  color: #214aab;
  font-weight: 500;
  font-size: 16px;
}

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

  100% {
    transform: rotate(360deg);
  }
}

body {
  font-family: "Noto Sans";
  font-size: 15px;
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: left;
  background-color: #f8f8fb;
  overflow-y: auto !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: hidden;
}

html body .task_table_list thead tr th:nth-child(odd),
html body .task_table_list thead tr th,
html body .task_table_list thead tr th:nth-child(even),
html body .Left_Panel,
html body table.table-bordered.dataTable thead th {
  background-color: #214aab !important;
  color: #fff;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Noto Sans", sans-serif !important;
}

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

body:before {
  display: none;
}

.add-project-sec .add-project-labels .nav-tabs .nav-item .disabled-tab {
  opacity: 0.6;
  background-color: #f0f8ff;
  pointer-events: none;
  cursor: not-allowed;
  border-left: 1px solid !important;
  border-right: 1px solid !important;
  border-color: #cccccc69 !important;
}

label sup {
  top: -0.3em;
  margin-left: 3px;
}

/* ========================================= */
.header-sticky .top-bar-accessibility,
.header-sticky .top-header-dpt {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.header-sticky.sticky .top-bar-accessibility,
.header-sticky.sticky .top-header-dpt {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
  display: none;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1040;
}

.login-new-sec.main-wrapper {
  background-color: #fff !important;
}

.bg-primary-transparent {
  background-color: #a3bbf3 !important;
  color: #214aab !important;
  position: relative;
  overflow: hidden;
}

.login-new-sec>.container-fluid {
  padding: 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.login-new-sec .vegas-container {
  position: static;
}

.login-new-sec .bg-primary-transparent::after {
  content: "";
  background-color: #182546 !important;
  color: #214aab !important;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
}

.input-field-icon {
  position: relative;
}

.input-field-icon>.input-icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  opacity: 0.7;
  width: 45px;
  justify-content: center;
}

.login-body .header-login h2 {
  font-weight: 800;
  color: #111;
}

.login-body .header-login p {
  font-weight: 400;
  font-size: 15px;
  color: #444;
}

.login-body label {
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
  color: #444;
}

.login-body .form-control {
  border-radius: 3px;
  height: 40px;
  font-family: "Roboto", sans-serif;
}

.login-body .form-control:focus {
  border-color: #5279d7;
}

.login-body .form-control:focus+.input-icon {
  color: #5279d7;
  opacity: 1;
}

.show_password {
  cursor: pointer;
}

.form-check label {
  margin-bottom: 0;
}

.form-check input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

.login-body .link-danger {
  font-size: 14px;
}

.login-body .link-danger:hover {
  color: #5279d7;
}

.login-body input[type="submit"] {
  height: 40px;
  font-size: 15px;
  letter-spacing: 0.04em;
  font-weight: 400;
  font-family: "Roboto";
}

.project-title {
  display: block;
  font-size: 32px;
  font-weight: 800;
  color: #111;
  text-align: center;
}

.sub-tag-h {
  display: block;
  font-size: 15px;
  margin-top: 10px;
  font-weight: 400;
  color: #444;
  text-align: center;
}

.logo-v {
  width: 150px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
}

.logo-v>img {
  max-width: 100%;
}

.logo-desc-view {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
  flex-wrap: wrap;
  flex-direction: column;
}

.login-body {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.logo-banner {
  position: relative;
  z-index: 1040;
}

.logo-banner .sub-tag-h {
  color: #fff;
  margin-bottom: 10px;
  font-size: 18px;
  margin-top: 0;
}

.footer-login>p {
  font-size: 13px;
}

.project-title {
  font-size: 40px;
}

.filter-accordian .accordian-btn {
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: var(--text-dark);
  display: block;
  width: 100%;
}

.filter-accordian .accordian-btn>i {
  margin-right: 4px;
}

.filter-accordian .accordian-btn[data-toggle="collapse"]::after {
  width: 1rem;
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: "\f056";
  font-family: "Font Awesome 5 Free";
}

.filter-accordian .accordian-btn[data-toggle="collapse"]::after {
  color: var(--text-dark);
}

.shadow-none {
  box-shadow: none !important;
}

.filter-accordian .accordian-btn[data-toggle="collapse"].collapsed::after {
  content: "\f055";
}

.filter-accordian {
  position: relative;
}

.filter-accordian-content {
  margin-top: 8px;
  border-top: 1px solid rgb(14 74 125 / 14%);
  padding-top: 8px;
}

.simastha-card.card {
  background-color: #d2dfff;
  border: 1px solid #b3c2f3;
  border-radius: 4px !important;
}

.simastha-card .card-box-filter {
  background-color: transparent;
  border-radius: 0;
}

.form-layout .form-control {
  font-size: 14px !important;
  border-color: #0000002d !important;
  height: 36px;
  border-radius: 3px !important;
  color: #111;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  text-align: left;
}

.details-card-view .simastha-card-light {
  margin-bottom: 1.2rem !important;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
  position: relative;
  border-radius: 4px;
  border: 1px solid #a2b9f3;
  box-shadow: 0px 1px 1px 1px rgba(198, 198, 198, 0.2);
  color: #6b7280;
  overflow: hidden;
}

.simastha-card-light .card-header {
  padding: 8px;
  background-color: #d2dfff;
  overflow: hidden;
  border-radius: 0;
  border-bottom: 1px solid #a2b9f3;
}

.simastha-card-light .card-header .card-title {
  margin: 0;
  color: var(--text-dark);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.simastha-card-light .card-header .card-title>i {
  margin-right: 7px;
  font-size: 18px;
}

.simastha-card-light .card-body {
  padding: 8px;
  overflow: hidden;
}

.sub-card-v {
  position: relative;
  min-height: 92px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
}

.sub-card-v:after {
  content: "";
  border-right: 1px solid #0000002d;
  position: absolute;
  right: -12px;
  top: 0;
  bottom: 0;
}

.sub-card-v>p {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}

.sub-card-v .sub-card-vl {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-dark);
}

.simastha-card-light .col:last-child .sub-card-v::after {
  display: none;
}

.sub-card-v:hover p {
  color: #0738aa;
}

.sub-card-v:hover {
  background-color: #f6fbff;
}

.grid-view-li table.table thead tr th {
  background-color: #0738aa;
  color: #fff;
  font-weight: 500;
  border-color: #5279d7;
  text-align: left;
}

.grid-view-li table.table tbody tr td {
  border-color: #0000002d;
  color: #444;
  text-align: left;
}

.progress-project {
  display: flex;
  align-items: center;
}

.financial-progress .progress-label {
  color: #046ef0;
}

.financial-progress .progress {
  background-color: #bbcfff !important;
}

.financial-progress .progress-bar {
  background-color: #3593ff !important;
}

.financial-progress-figure .progress-label {
  color: #719b25;
}

.financial-progress-figure .progress {
  background-color: #e7ecf8 !important;
}

.financial-progress-figure .progress-bar {
  background-color: #3593ff !important;
}

.physical-progress .progress {
  background-color: #ffdcc5 !important;
}

.progress-label {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: #e06c02;
  min-width: 160px;
  margin-right: 10px;
}

.progress-bar-box {
  width: 52%;
  margin-left: auto;
}

.progress-bar-box .progress {
  border-radius: 3px !important;
}

.progress-bar.progress-bar-success {
  background-color: #7ac820;
}

.progress-project:not(:last-child) {
  margin-bottom: 10px;
}

.graph-view-card .card.border {
  border-color: #d2dfff !important;
}

.graph-view-card .highcharts-title {
  fill: #033abc !important;
  color: #033abc !important;
  font-size: 14px !important;
}

.graph-view-card .Manpower {
  text-align: center;
  font-size: 14px;
  margin-top: 0px;
  font-family: "Poppins";
  color: #033abc;
  font-weight: 600;
}

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

.btn-toolbar .btn,
.btn-toolbar button {
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  box-shadow: none;
}

.header-btn.btn-toolbar .btn:not(:last-child) {
  margin-right: 6px;
}

.header-btn.btn-toolbar .btn>i {
  margin-right: 6px;
}

.page-top-title h2 {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  color: #1f0204;
}

.dropdown-field .form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  height: 36px;
  border-radius: 3px;
  border-color: #0000002d !important;
  color: #444 !important;
  font-weight: 500;
  padding: 6px;
}

.dropdown-field .form-control:focus {
  border-color: #214aab !important;
  color: #111;
}

.grid-view-li {
  min-height: 215px;
}

.scroll-bar-table {
  max-height: 215px;
  overflow-y: auto;
}

.scroll-bar-table .table {
  margin-bottom: 0;
}

.zoom-section {
  transition: all 0.3s ease-in-out;
  position: relative;
}

.zoom-fullscreen {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: #fff;
}

.zoom-toggle {
  position: absolute;
  top: 5px;
  right: 10px;
  background-color: #214aab;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.zoom-toggle i {
  pointer-events: none;
}

.file-upload-dropi .dropify-font-upload:before,
.file-upload-dropi .dropify-wrapper .dropify-message span.file-icon:before {
  font-size: 25px;
}

.file-upload-dropi .dropify-wrapper {
  border-radius: 3px !important;
  border: 1px solid #e5e5e5 !important;
  height: 36px !important;
  margin-top: 0px !important;
}

.upload_txt.btn.btn-primary {
  background-color: #04c !important;
  margin: 0;
}

.top-header-dpt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}

.mp-logo-box {
  display: flex;
  align-items: center;
}

.mp-logo {
  max-width: 75px;
  margin-right: 10px;
  display: block;
}

.dept-name {
  margin: 0;
  font-weight: 400;
  color: #444;
  font-size: 18px;
  font-family: "Poppins";
}

.dept-name span {
  display: block;
  color: #111;
  font-weight: bold;
  font-size: 22px;
  margin-top: 2px;
}

.dept-title-text {
  margin: 0;
  font-size: 30px;
  font-weight: bold;
  color: #111;
  text-align: center;
  font-family: "Poppins";
}

.dept-sub-text {
  display: block;
  font-weight: 400;
  color: #444;
  font-size: 16px;
  margin-top: 6px;
  font-family: "Poppins";
}

.menu-accessibility {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  justify-content: end;
}

.top-bar-accessibility {
  background-color: #e4e7ec;
}

.menu-accessibility li:not(:last-child) a {
  border-right: 1px solid #2f1e1e24;
}

.menu-accessibility li a {
  font-weight: 400;
  font-size: 13px;
  color: #453d3d;
  min-width: 30px;
  display: block;
  text-align: center;
  padding: 5px 10px;
}

.menu-accessibility li a>i {
  margin-right: 6px;
}

.menu-accessibility li a.active {
  background-color: #214aab;
  color: #fff;
  border-right-color: #214aab;
}

.menu-accessibility li a:hover {
  background-color: #214aab;
  color: #fff;
  border-right-color: #214aab;
}

.topnav.mobileNavMenu {
  position: static;
  border: none !important;
}

.menu-bar-sec .navbar-nav .nav-item .nav-link {
  margin: 0;
  padding: 12px 15px;
  display: inline-flex;
  align-items: center;
}

.menu-bar-sec .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
  display: none;
}

.menu-accessibility li:hover .submenu-list {
  display: block;
}

.topnav .menu-bar-sec .nav-item .nav-link i {
  position: static;
  margin-right: 6px !important;
  font-size: 14px;
}

.topnav .menu-bar-sec .nav-item .nav-link>span {
  font-size: 14px;
}

.menu-bar-sec .navbar-dark .header-profile-user {
  height: 30px;
  width: 30px;
}

.menu-bar-sec .navbar-dark {
  background-color: #162f6a;
}

.menu-bar-sec .navbar-dark .navbar-nav>.nav-item>.nav-link {
  color: #fff !important;
}

.menu-bar-sec .navbar-dark .navbar-nav>.nav-item>.nav-link:hover {
  background-color: #0571d2;
}

.topnav .menu-bar-sec .navbar-dark .navbar-nav>.nav-item>.nav-link.active {
  color: #ffffff;
  background-color: #0571d2;
}

.topnav .menu-bar-sec .navbar-dark .navbar-nav .dropdown .dropdown-menu.dropdown-scroll {
  overflow: hidden;
  z-index: 1030;
  max-height: 350px;
  overflow-y: auto;
}

.topnav .navbar-nav .dropdown-item {
  font-weight: 500;
}

.more-dropdown-menu .dropdown-item i {
  width: 28px;
  font-size: 14px;
}

.topnav .dropdown-submenu {
  position: relative;
}

.topnav .dropdown-submenu .submenu-arrow {
  transition: transform 0.3s ease;
}

.topnav .dropdown-submenu .submenu-arrow i {
  width: auto;
}

.topnav .dropdown-submenu.show>.dropdown-toggle .submenu-arrow i {
  transform: rotate(90deg);
}

.topnav .dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
}

.topnav .dropdown-submenu-left>.dropdown-menu {
  left: auto;
  right: 100%;
}

.topnav .dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.topnav .menu-bar-sec .navbar-dark .navbar-nav .dropdown .dropdown-menu {
  padding: 0;
  /* overflow: hidden;
    z-index: 1030;
        max-height: 350px;
    overflow-y: auto; */
}

.dropdown__submenu__child .topnav .menu-bar-sec .navbar-dark .navbar-nav .dropdown .dropdown-menu>.dropdown-item {
  font-size: 14px;
  font-weight: 400;
  color: #444;
  padding: 0.5rem 1rem;
}

.topnav .menu-bar-sec .navbar-dark .navbar-nav .dropdown .dropdown-menu>.dropdown-item:hover {
  color: #162f6a;
  background-color: #d2dfff;
}

.topnav .menu-bar-sec .navbar-dark .navbar-nav>.nav-item.dropdown.active>.nav-link,
.topnav .menu-bar-sec .navbar-dark .navbar-nav .dropdown .dropdown-menu>.dropdown-item.active {
  color: #ffffff;
  background-color: #0571d2;
}

/*  */
.tabs-view-sec {
  display: flex;
}

.tabs-view-sec .main {
  margin-left: 35px;
}

.tabs-view-sec .sidebar .nav-sidebar {
  flex-direction: column;
  margin: 0;
}

/* .filter-accordian .accordian-btn[data-toggle=collapse].collapsed::after {
    content: '\f055';
}
.filter-accordian .accordian-btn[data-toggle=collapse]::after{
content: '\f056';
} */
.btn-toolbar-icon .btn {
  min-width: inherit;
}

.btn-toolbar-icon .btn {
  min-width: inherit;
  width: 38px;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}

.row .col:last-child>.sub-card-v::after {
  display: none;
}

.pending-project-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pending-project-list li a {
  font-size: 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menubar-tabs-data .nav-tabs .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 16% !important;
}

.menubar-tabs-data .nav-tabs .nav-item:not(:last-child) {
  margin-right: 3px;
}

.cs-tabs-navbar .nav-tabs {
  border-bottom: none;
}

/* --- CARD --- */
.summary-card {
  position: relative;
  background: linear-gradient(135deg, #1e3c72, #2a5298);
  border-radius: 20px;
  padding: 25px 20px;
  color: #fff;
  margin: 0px auto;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Animated Gradient Overlay */
.summary-card::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  /* background: linear-gradient(60deg, #2196f3, #21cbf3, #1e88e5, #42a5f5); */
  background: linear-gradient(60deg, #cddc3933, #e0f1ff, #d2dfff, #ffc10700);
  /* background: linear-gradient(60deg, #CDDC39, #21cbf3, #d2dfff, #FFC107); */
  background-size: 400% 400%;
  animation: gradientBG 12s ease infinite;
  opacity: 0.15;
  z-index: 0;
}

@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.summary-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 35px rgba(33, 150, 243, 0.5);
}

/* TITLE */
.summary-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 1;
  color: #fff;
}

.summary-card .summary-title>i {
  margin-right: 0;
}

/* SUB ITEMS */
.summary-card .sub-card-divider {
  position: relative;
  z-index: 1;
}

.sub-card-item {
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.sub-card-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0));
  transform: skewX(-25deg);
  transition: 0.5s;
}

.sub-card-item:hover::after {
  left: 125%;
}

.sub-card-item:hover {
  background: rgba(33, 150, 243, 0.3);
  transform: translateX(6px);
  box-shadow: 0 12px 25px rgba(33, 150, 243, 0.4);
}

.sub-card-label {
  font-size: 15px;
}

.summary-card .sub-card-devider li:not(:last-child) a {
  border-bottom: 1px dashed #8bccff;
}

.sub-card-label-vl {
  font-size: 16px;
  font-weight: 700;
  color: #21cbf3;
  transition: color 0.3s ease;
}

.sub-card-item:hover .sub-card-label-vl {
  color: #fff;
}

.summary-card {
  padding: 0;
  box-shadow: 0 0 40px rgba #023b6d1a (2, 59, 109, 0.1);
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
  border: 1px solid #0000002d;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: 0.3s;
  background-color: #e5e5f7;
  opacity: 0.8;
  background-image: radial-gradient(#cccccc 0.5px, #ffffff 0.5px);
  background-size: 10px 10px;
}

.summary-card:hover {
  background: #e0f5ff !important;
  box-shadow: 0px 6px 8px -2px rgba(33, 33, 33, 0.2),
    0px 2px 8px -2px rgba(33, 33, 33, 0.04) !important;
  border-color: #0571d2;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  transform: translateY(-0.25rem);
}

.sub-card-devider li a:hover {
  background-color: #ffffff;
}

.sub-card-devider li:not(:last-child):hover a {
  border-color: #89b6ff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.sub-card-devider li a:hover span {
  color: #04c !important;
}

.sub-card-label.text-secondary {
  color: #3e3e3e !important;
}

.summary-card:hover .summary-title {
  background-color: var(--primary-info);
  color: #fff;
}

.menubar-tabs-data.inner-tabs .nav-item .nav-link {
  width: 100%;
  background-color: #e2e2ee;
  color: #525252 !important;
  font-size: 16px;
  border: none;
  font-weight: 500;
  height: 100%;
}

.menubar-tabs-data.inner-tabs .nav-tabs .nav-item.show .nav-link,
.menubar-tabs-data.inner-tabs .nav-tabs .nav-link.active {
  background-color: #002160;
  color: #fff !important;
}

.tabs-view-sec .bg-skyblue {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tabs-view-sec .inner-tabs .nav-tabs {
  border-bottom: 1px solid #214aab;
}

.project-label {
  width: 100%;
}

.pending-project-list li a span:not(:last-child) {
  margin-right: 10px;
}

.project-count {
  /* background-color: #04c;
    color: #fff; */
  min-width: 60px;
  text-align: center;
}

.pending-project-list li:not(:last-child) {
  margin-bottom: 10px;
}

.pending-project-list li a>span {
  background-color: #d8dff1;
  color: #444;
  font-size: 14px;
  font-weight: 500;
  padding: 8px;
  border-radius: 4px;
}

.pending-project-list li a.active>span {
  background-color: #04c;
  color: #fff;
}

.title-pending-projects {
  font-weight: 600;
  font-size: 16px;
  background-color: #d2dfff;
  padding: 8px;
  border-radius: 4px;
  color: #214aab;
  margin-bottom: 10px;
}

.tabs-view-sec .tab-actionable .nav-tabs li {
  margin-bottom: 0 !important;
}

.tabs-view-sec .tab-actionable .nav-tabs li a {
  text-align: center;
  background-color: #d2dfff !important;
  font-size: 15px !important;
}

.tabs-view-sec .tab-actionable .nav-tabs li a.active {
  background-color: #04c !important;
}

.tabs-view-sec .tab-actionable .tab-content {
  border: 1px solid #0044cc;
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
  /* background-color: #d2dfff ; */
}

.tabs-content-data .sub-card-v .sub-card-vl {
  font-size: 18px;
  font-weight: 700;
}

.tabs-content-data {
  background-color: #e9f3fc;
  border-radius: 4px;
  padding: 6px;
}

.summary-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 0px;
  padding: 7px;
  background-color: #b0d4e8;
  border-bottom: 2px solid #5aaefa;
  transition: 0.3s;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-align: left;
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
}

.cm-summary-card.cs__dashboard__progress .summary-title {
  font-size: 15px;
}

.cs__dashboard__progress .nivida-label {
  font-size: 15px;
}

.cs__dashboard__progress .nivida-count {
  font-size: 24px;
}

.summary-title>i {
  font-size: 20px;
  margin-right: 10px;
  color: #0571d2;
}

.summary-title .btn-toolbar {
  position: absolute;
  right: 5px;
}

.summary-card:hover .btn__view__more>.btn {}

.summary-title .btn__view__more>.btn>i {
  margin-left: 6px;
  margin-right: 0 !important;
  font-size: 15px;
}

.summary-card:hover .summary-title>i {
  color: #fff;
}

.summary-label-vl {
  font-weight: bold;
  font-size: 18px;
  color: var(--text-dark);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
}

.sub-card-devider>li {
  width: 100%;
  position: relative;
}

.sub-card-devider {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.sub-card-devider li a {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px 7px;
  font-size: 14px;
  align-items: center;
}

.sub-card-devider li a>span small {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-dark);
}

.sub-card-label-vl {
  font-weight: bold;
  color: var(--text-dark);
  text-align: right;
}

.sub-card-label {
  font-weight: 500;
}

.sub-card-label.text-success {
  color: var(--success-green) !important;
}

.sub-card-devider li a>span {
  display: block;
}

.sub-card-devider li:not(:last-child) a {
  border-bottom: 1px solid #e6e6e7;
}

.header-card-title.btn-header-view {
  border-top: 3px solid #5279d7;
  margin-bottom: 10px;
  background-color: #d2dfff;
  padding: 6px 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.header-card-title>h2 {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0;
}

.document-file-card .header-card-title>h2 {
  position: relative;
}

.document-file-card .header-card-title>h2>i {
  font-size: 20px;
  margin-right: 10px;
  border-right: 1px solid #808080;
  padding-right: 10px;
}

.btn-header-view .btn-toolbar .btn {
  height: 32px;
}

.btn-header-view .btn-toolbar .btn>i {
  margin-right: 6px;
}

.header-title-tab>h2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-dark);
  margin: 0;
  border-top: 3px solid #5279d7;
  margin-bottom: 10px;
  background-color: #d2dfff;
  padding: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  position: relative;
}

.header-title-tab>h2>i {
  font-size: 20px;
  margin-right: 10px;
  border-right: 1px solid #808080;
  padding-right: 10px;
}

.edit-project-view label {
  font-size: 14px;
}

.edit-project-view .accordion .card .panel-heading .panel-title button {
  letter-spacing: normal !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.btn-toolbar .project-edit-update-btn .btn-primary {
  background-color: #556ee6 !important;
  border-color: #556ee6 !important;
  height: 40px;
  font-size: 15px;
  min-width: 140px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn.btn-primary {
  background-color: #556ee6 !important;
  border-color: #556ee6 !important;
  color: #fff !important;
}

.btn.btn-primary:hover {
  background-color: #214aab !important;
  border-color: #214aab !important;
}

.btn-toolbar .project-edit-update-btn .btn-primary:hover {
  background-color: #214aab !important;
  border-color: #214aab !important;
}

.edit-project-view #accordion .panel-title button:not(.collapsed) {
  background-color: #5279d7 !important;
}

.edit-project-view #accordion .card-body {
  border: 1px solid #5279d7 !important;
}

.edit-project-view #accordion .panel-title button {
  background-color: #d2dfff;
}

.edit-project-view #accordion .panel-title button.collapsed:hover {
  color: #fff !important;
  background-color: #5279d7 !important;
}

.edit-project-view .task_table_list thead tr th:nth-child(even),
.edit-project-view .task_table_list thead tr th:nth-child(odd) {
  background-color: #214aab !important;
}

.edit-project-view .work-box-title {
  background-color: #2b63ed;
}

.edit-project-view .vender_onboard_div .row {
  margin-left: 0;
}

.edit-project-view table.table thead tr th,
.edit-project-view table.table tbody tr td {
  font-size: 16px !important;
  vertical-align: middle;
}

.edit-project-view .switch-field input:checked+label {
  background-color: #2b63ed !important;
  color: #fff;
}

.edit-project-view .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #556ee6 !important;
}

.edit-project-view .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}

.edit-project-view select {
  font-size: 16px !important;
  border-color: #0000002d !important;
  height: 40px;
  border-radius: 4px !important;
  color: #111;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  padding: 0.47rem 0.75rem;
}

.topnav .menu-bar-sec .navbar-nav .nav-item .nav-link {
  margin-left: 0 !important;
}

.page-header-view {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  background-color: #fff;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.main-content {
  margin-left: 0 !important;
}

.input-daterange.input-group i {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  width: 30px;
  z-index: 1020;
}

.card {
  border: 1px solid #0000002d;
}

.card .card-header {
  border-bottom: 1px solid #0000002d;
}

.card-header .card-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--text-dark);
}

.border-none {
  border: none !important;
}

/* Asidebar Navigaion  */

.sidebar-nav-wrapper {
  display: flex;
  transition: all 0.3s ease;
}

.asidebar-view {
  width: 350px;
  background-color: #fff;
  color: #160707;
  transition: width 0.3s ease;
  position: relative;
  margin-right: 35px;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
  border-top-left-radius: 4px;
  /* max-height: 450px;
    overflow-y: auto; */
}

.sidebar-navigation {
  list-style: none;
  margin: 0;
  max-height: calc(100vh - 80px);
  /* Adjust height if needed */
  overflow-y: auto;
  /* Space for scrollbar */
}

.sidebar-navigation .dropdown-icon {
  transition: transform 0.3s ease;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
}

.sidebar-navigation li.active>a .dropdown-icon i:before {
  transform: rotate(180deg);
  /* Chevron up */
}

.sidebar-navigation a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #092297;
  display: block;
  padding: 8px 10px;
  position: relative;
  padding-left: 35px;
}

.sidebar-navigation>li>a:hover {
  background-color: #dedfff;
  color: #092297;
}

.sidebar-navigation .active a {
  background-color: #092297;
  color: #fff;
}

.sidebar-navigation li:not(:last-child) a {
  border-bottom: 1px solid #7596d33b;
}

.toggle-btn {
  font-size: 15px;
  cursor: pointer;
  position: absolute;
  left: -30px;
  background-color: #214aab;
  width: 30px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  top: 0;
}

.toggle-btn:hover {
  color: #fff;
}

.asidebar-content-view {
  flex: 1;
  /* padding: 10px;
     background-color: #ffffff;
     transition: all 0.3s ease; */
  position: relative;
  /* border: 1px solid #dede;
     border-radius: 4px; */
}

/* Custom Scrollbar Styles */
.sidebar-navigation::-webkit-scrollbar {
  width: 8px;
}

.sidebar-navigation::-webkit-scrollbar-track {
  background-color: #34495e;
  border-radius: 10px;
}

.sidebar-navigation::-webkit-scrollbar-thumb {
  background-color: #6d6ec9;
  border-radius: 10px;
  border: 2px solid #34495e;
}

/* Optional: Firefox support */
.sidebar-navigation {
  scrollbar-width: thin;
  scrollbar-color: #6d6ec9 #eaf1f9;
  border-radius: 4px;
}

.asidebar-view.expanded .sidebar-navigation a {
  text-indent: 0;
}

.asidebar-view.expanded {
  width: auto;
}

.asidebar-view.expanded .dropdown-icon {
  display: none;
}

.asidebar-view .dropdown-icon {
  display: inline-flex;
}

.asidebar-view.expanded .submenu.dropdown-box {
  display: none !important;
}

.asidebar-view.expanded .sidebar-navigation li a .menu-icon {
  position: static;
}

.asidebar-view.expanded .sidebar-navigation li a {
  padding-left: 10px;
}

.asidebar-view .sidebar-navigation li a .menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 4px;
  width: 30px;
  height: 30px;
}

.asidebar-view.expanded .sidebar-navigation li a .menu-icon {
  margin-right: 0;
}

.asidebar-view.expanded .sidebar-navigation li a .menu-label {
  display: none;
}

.asidebar-view .cs-dashboard-nav li a .menu-icon {
  width: 40px;
  height: 40px;
  font-size: 22px;
  top: 0;
}

.asidebar-view .cs-dashboard-nav a {
  font-size: 15px;
  padding-left: 40px;
  font-weight: 500;
}

.asidebar-view .submenu.dropdown-box {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  overflow: hidden;
  margin: 5px;
}

.asidebar-view .submenu.dropdown-box li:last-child a {
  border-bottom: none;
}

.asidebar-view .submenu.dropdown-box li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #e9efff;
}

.asidebar-view .submenu.dropdown-box li a:hover {
  background-color: #c0d2fd;
}

.box-label-title {
  font-weight: 600;
  font-size: 15px;
  padding: 6px 10px;
  background-color: #bdd5ff;
  border-bottom: 3px solid #9cb9fb;
  color: #0036b5;
}

.asidebar-view .submenu.dropdown-box li a .submenu-label {
  color: #011334;
  font-weight: 500;
  font-size: 14px;
}

.asidebar-view .submenu.dropdown-box li a .submenu-label-vl {
  color: #04c;
  font-weight: 600;
  font-size: 14px;
}

.main-body-content .simastha-card {
  margin-bottom: 15px !important;
}

.form-group-label .form-group label {
  display: block;
  font-weight: 600;
  color: #111;
  font-size: 14px;
  margin-bottom: 5px;
}

.box-header {
  position: relative;
}

.box-header .btn-toolbar-icon {
  position: absolute;
  right: 0;
  top: 15px;
}

.multiselect-native-select .multiselect.dropdown-toggle.custom-select {
  font-size: 14px;
  text-align: left !important;
  color: #111 !important;
  font-weight: 400;
}

.multiselect-native-select .multiselect-container {
  padding: 0;
  width: 100%;
  max-height: 300px;
  overflow: auto;
}

.multiselect-container {
  z-index: 1050 !important;
  /* Higher than modal/dialogs */
}

.multiselect-container>li>a>label {
  white-space: normal !important;
}

.btn-group {
  width: 100%;
}

.multiselect.dropdown-toggle {
  width: 100%;
  text-align: left;
}

/* .multiselect-native-select .multiselect-container .dropdown-item:not(:last-child) {
        border-bottom: 1px solid #ebefff;
} */
.multiselect-native-select .multiselect-container .dropdown-item {
  white-space: normal;
  padding: 6px 10px;
}

.multiselect-native-select .multiselect-container .dropdown-item .form-check {
  padding: 0;
  padding-left: 25px;
}

.multiselect-native-select .multiselect-container .dropdown-item label {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

.multiselect-native-select .multiselect-container .dropdown-item input {
  height: 16px;
  width: 16px;
  margin-top: 3px;
  left: 0;
  margin-left: 0;
}

.multiselect-native-select .multiselect-container .multiselect-filter>input.multiselect-search {
  border: none !important;
  padding-left: 15px !important;
  margin-left: 0;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.multiselect-native-select .multiselect-container .multiselect-filter {
  border-bottom: 1px solid #0000002d;
}

.btn-toolbar.filter-form-btn {
  margin-top: 28.5px;
}

.btn-toolbar.filter-form-btn .btn {
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 4px;
  font-weight: 500;
  box-shadow: none !important;
  outline: none;
}

.btn-toolbar.filter-form-btn .btn:not(:last-child) {
  margin-right: 6px;
}

.btn-toolbar .btn.btn-primary {
  background-color: #033abc !important;
  border-color: #0044cc !important;
}

.btn-toolbar .btn.btn-primary:hover {
  background-color: #0747dd !important;
  border-color: #0747dd !important;
}

.btn-toolbar>.btn:not(:last-child) {
  margin-right: 10px;
}

.cs-tabs-navbar .nav-tabs .nav-item {
  margin-bottom: -1px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.cs-tabs-navbar .nav-tabs .nav-item .nav-link:hover {
  color: #111 !important;
  background-color: #a3bbf3;
}

.cs-tabs-navbar .nav-tabs .nav-item .nav-link {
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  color: #212529 !important;
  background-color: #eeebfa;
  border-color: #bdadeb;
  border-bottom: none;
  height: 100%;
  outline: none;
}

.text-orange {
  color: orange;
}

.cs-tabs-navbar .nav-tabs .nav-item:not(:last-child) {
  margin-right: 3px;
}

.cs-tabs-navbar .nav-tabs .nav-item .nav-link.active,
.cs-tabs-navbar .nav-tabs .nav-item.show .nav-link {
  background-color: #214aab;
  border-color: #214aab;
  color: #fff !important;
}

.cs-dashboard-tab-warapper .tab-content {
  border: 1px solid #bdadeb;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.cs-dashboard-tab-warapper .tab-content .tab-pane {
  margin-top: 0 !important;
}

.table-view-tab .tbl-card {
  background-color: #fff;
  text-align: center;
  box-shadow: 1px 1px 4px 0px;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.table-view-tab .tbl-card p {
  font-weight: 600;
  font-size: 15px;
  color: var(--text-dark);
  margin: 0;
}

.table-view-tab .table.inner-tab-table>tbody {
  vertical-align: inherit;
  box-shadow: 0px 0px 4px 0px;
  position: relative;
}

.table-view-tab .inner-tab-table tbody tr td:not(:last-child) {
  border-right: 1px solid #c6c6c6;
}

.table-view-tab .inner-tab-table thead tr th {
  padding: 5px !important;
  border: none;
}

.table-view-tab .inner-tab-table thead tr th:first-child {
  padding-left: 0 !important;
}

.table-view-tab .inner-tab-table thead tr th:last-child {
  padding-right: 0 !important;
}

.table-view-tab .inner-tab-table tbody tr td {
  text-align: center;
  font-size: 14px;
  color: var(--text-dark);
  font-weight: 500;
  padding: 10px !important;
  border-top: none;
  vertical-align: middle;
}

.table-view-tab .inner-tab-table tbody tr {
  background-color: #fff;
}

.table-view-tab .inner-tab-table tbody tr:hover td:first-child {
  color: #033abc;
}

.project-plan-tab #project-plan * {
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px !important;
}

.project-plan-tab #project-plan svg text {
  fill: #fff;
}

.table-grid-view .table thead tr th {
  background-color: #d1defe;
  color: #03173e;
  font-weight: 600;
}

.table-grid-view .table thead.dark-header tr th {
  background-color: #214aab;
  color: #fff;
}

.table-grid-view .table tbody tr td {
  color: #444;
  font-size: 13px;
  font-weight: 500;
}

.table-grid-view .table tbody tr:hover td {
  color: var(--text-dark);
}

.map-view-area {
  height: 550px;
  width: 100%;
}

.status>span {
  position: relative;
  display: block;
  padding-left: 15px;
  font-size: 13px;
  font-weight: 500;
}

.status>span:before {
  content: "";
  background-color: #eee;
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  top: 6px;
}

.status>span.text-success:before {
  background-color: #36ae00;
}

.status>span.text-success {
  color: #36ae00 !important;
}

.status>span.text-danger {
  color: #d00b33 !important;
}

.status>span.text-dark {
  color: #ff8b00 !important;
}

.status>span.text-muted {
  color: #444 !important;
}

.status>span.text-dark:before {
  background-color: #ff8b00;
}

.status>span.text-danger:before {
  background-color: #d00b33;
}

.status>span.text-muted:before {
  background-color: #444;
}

.tender-details-tab .card.simastha-card.bg-light,
.project-plan-tab .card.simastha-card {
  background-color: #fff !important;
  box-shadow: 0 0 40px rgba(2, 59, 109, 0.1) !important;
  border-color: #e0e0e0 !important;
}

/* Modal Css Start Here */
.simastha-modal .modal-header .close {
  color: #fff;
  position: static;
  width: auto;
  height: auto;
  border-radius: 0;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.simastha-modal .modal-content {
  border: none;
}

.simastha-modal .modal-header {
  background-color: #214aab;
  padding: 12px 10px;
}

.simastha-modal .modal-header .modal-title {
  color: #fff;
  font-size: 16px;
}

.simastha-modal .modal-body {
  padding: 15px;
}

.grid-view-tbl .table thead tr th {
  background-color: #ebf1ff !important;
  color: var(--text-dark);
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
  text-align: left;
}

.grid-view-tbl .table tbody tr td {
  font-size: 14px;
  color: #444;
}

.grid-view-tbl .table-bordered td,
.grid-view-tbl .table-bordered th {
  border: 1px solid #0000002d;
}

.tbl-text-link {
  display: block;
  color: #04c;
  max-width: 400px;
}

.grid-view-tbl .table-bordered {
  border-collapse: collapse !important;
}

.grid-view-tbl .dt-buttons {
  margin-bottom: 10px;
}

.grid-view-tbl .dt-buttons .btn.btn-primary {
  background-color: #04c !important;
  color: #fff;
  border-color: #04c !important;
}

.grid-view-tbl .dt-buttons .btn.btn-primary:hover {
  background-color: #033db1 !important;
  border-color: #033db1 !important;
  border: 1px solid #033db1 !important;
}

.grid-view-tbl .dt-buttons .btn.btn-danger {
  background-color: #ed0000;
  color: #fff;
  border-color: #ed0000;
}

.grid-view-tbl .dt-buttons .btn.btn-danger:hover {
  background-color: #b90404;
  border-color: #b90404;
}

.grid-view-tbl .dt-buttons .btn>span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.grid-view-tbl .dt-buttons .btn {
  border: 1px solid #0000002d;
  box-shadow: none !important;
  border-radius: 4px;
  overflow: hidden;
  background-color: transparent;
  outline: none !important;
  margin: 0;
  font-weight: 500;
  color: var(--text-dark);
  height: 36px;
  padding: 6px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.filter-tbl .dataTables_filter {
  float: left;
}

.exp-btn-tbl .dt-buttons {
  float: none;
  text-align: center;
}

.exp-btn-tbl .dt-buttons>.btn>span {
  font-weight: 500;
}

.lenght-tbl .dataTables_length {
  float: none;
  text-align: right;
}

.simastha-modal .modal-dialog {
  max-width: 90%;
}

.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1050;
  background-color: #fff;
  overflow: auto;
  padding: 6px;
}

.fullscreen .modal {
  background-color: #a4a4a4e6;
}

.fullscreen .card-body {
  height: calc(100% - 60px);
  max-height: inherit !important;
  min-height: inherit !important;
}

.fullscreen .lightbox-gallery>a {
  height: 150px;
}

.fullscreen .map-view #googleMappip {
  max-width: 100%;
  width: 100%;
  height: 100vh;
}

.map-view #googleMappip {
  max-width: 100%;
  width: 100%;
  min-height: 470px;
  border-radius: 2px;
}

.main-view-area.zoom-section.fullscreen {
  padding: 0;
}

.page-header .btn-toolbar>.btn,
.btn-toolbar>.btn {
  font-size: 13px;
  height: 36px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

.btn-toolbar>.btn {
  border-radius: 3px !important;
  box-shadow: none !important;
}

.page-header .btn-toolbar>.btn>i,
.btn-toolbar>.btn>i {
  margin-right: 7px !important;
  font-size: 18px;
}

.modal-open {
  overflow: hidden !important;
}

.irs--round .irs-min,
.irs--round .irs-max {
  display: none;
}

/* ================================
=========== Select 2 Css ==========
===================================*/

.multiple-selection-dropdown .select2-container {
  width: 100% !important;
}

.select2-search__field {
  height: 36px;
  max-height: 36px;
  min-height: 36px;
  border-radius: 4px;
}

.multiple-selection-dropdown .select2-container--default .select2-selection--single {
  min-height: 36px;
}

.multiple-selection-dropdown .select2-container--default .select2-selection--single .select2-selection__placeholder {
  display: block;
  line-height: 35px;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.multiple-selection-dropdown .select2-container .select2-selection--multiple .select2-selection__rendered {
  height: auto !important;
  border: none !important;
  max-height: max-content;
}

.multiple-selection-dropdown .select2-container .select2-selection--multiple {
  min-height: 36px;
  height: auto !important;
}

.select2-container--open .select2-dropdown.select2-dropdown--above,
.select2-container--open .select2-dropdown.select2-dropdown--below {
  width: inherit;
}

.multiple-selection-dropdown .select2-container--default .select2-search--inline .select2-search__field {
  width: 100% !important;
}

.multiple-selection-dropdown .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #002d9c !important;
  border: none !important;
  color: #fff !important;
  font-size: 13px;
  text-wrap: auto;
  line-height: 17px;
  padding: 6px;
}

.multiple-selection-dropdown .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}

.select2-results__option {
  padding-left: 36px !important;
  position: relative;
  font-size: 13px;
  font-weight: 500;
}

.select2-results__options li:before {
  position: absolute !important;
  left: 6px;
}

.single-select .form-check [type="radio"] {
  display: none;
}

.single-select .multiselect-container .dropdown-item .form-check {
  padding-left: 0;
}

.project-title-text {
  color: #214aab;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.project-title-text:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #08c;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  z-index: 1;
  border-radius: 4px;
}

.project-title-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 100%;
  max-width: 255px;
  background-color: #08c;
  margin-left: auto;
  margin-right: auto;
  right: 0;
}

.list-data-view {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.list-data-view li {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.list-data-view li>span {
  display: block;
  font-size: 15px;
}

.list-data__label {
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 6px;
}

.list-data-view li>.list-data__value {
  color: #111;
  background-color: #f0f0f0;
  padding: 6px;
  border-radius: 3px;
  border: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.high-p {
  color: #ff0000;
}

.medium-p {
  color: #ff9b00;
}

.low-p {
  color: #00c000;
}

.fullscreen .scroll-bar-table {
  max-height: 600px;
  overflow-y: auto;
}

.lightbox-gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}

.lightbox-gallery>a {
  display: block;
  width: 16.6%;
  height: 68px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
}

.lightbox-gallery a img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  object-fit: fill;
}

.lightbox-gallery a img:hover {
  transform: scale(1.05);
}

.doc-card-h .card-body {
  max-height: 250px;
  min-height: 250px;
  overflow-y: auto;
}

.edit-project-view .card {
  margin-bottom: 0;
}

body .datepicker-dropdown {
  z-index: 999999 !important;
}

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

.card-header-toolbar .btn-toolbar>.btn>i {
  margin-right: 6px;
}

.action-btn-ic>a>i {
  font-size: 16px;
}

.action-btn-ic.view-all-bt {
  flex-direction: row;
  justify-content: start;
}

.view-all-bt .text-link-bt {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #0085c8;
  background-color: #e9f1ff;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 400;
  transition: all 0.3s ease;
  text-wrap: nowrap;
}

.monitoring-list-view .table.table-bordered tbody tr:hover .view-all-bt .text-link-bt {
  color: #ffffff;
  background-color: #0571d2;
}

.view-all-bt .text-link-bt:hover {
  color: #ffffff;
  background-color: #0571d2;
}

.view-all-bt .text-link-bt>i {
  margin-right: 6px;
  border-right: 1px solid #cdcdcd;
  padding-right: 6px;
}

.action-btn-ic {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.action-btn-ic>.btn:not(:last-child) {
  margin-bottom: 10px;
}

.action-btn-ic>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}

.action-btn-ic>a>i {
  margin-right: 6px;
}

.table-grid-view .datatableFooter {
  margin-bottom: 15px;
}

.table-grid-view .table {
  border-collapse: collapse !important;
}

.Add-Project>.btn.btn-success {
  background-color: #00c000;
  border-color: #00c000;
}

.Add-Project>.btn.btn-success:hover {
  background-color: #06a706;
  border-color: #06a706;
}

.Export-Pdf>.btn-sm {
  background-color: #6100f3;
  border-color: #6100f3;
}

.Export-Pdf>.btn-sm:hover {
  background-color: #4f01c3;
  border-color: #4f01c3;
}

.Add-Project>.btn,
.Export-Pdf>.btn-sm,
.Export-Excel>.btn-sm {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  font-size: 13px;
  box-shadow: none !important;
}

.monitoring-list-view .dataTables_filter input[type="search"] {
  width: 350px;
  font-size: 12px;
}

.Add-Project>.btn>i,
.Export-Pdf>.btn-sm>i,
.Export-Excel>.btn-sm>i {
  margin-right: 6px;
}

.Add-Project>.btn>strong,
.Export-Pdf>.btn-sm>strong,
.Export-Excel>.btn-sm>strong {
  font-weight: 500;
}

.dataTables_filter input[type="search"],
.dataTables_length select {
  height: 32px;
  border-color: #0000002d !important;
  font-size: 14px;
  color: #000000 !important;
  padding: 6px !important;
  outline: none;
}

.custom-select:focus {
  box-shadow: none !important;
}

.monitoring-list-view .table.table-bordered thead tr th {
  font-size: 14px;
}

.monitoring-list-view .table.table-bordered tbody tr td {
  font-size: 14px !important;
}

.monitoring-list-view .table.table-bordered tbody tr:hover td {
  color: #073fa1;
  border-color: #cddcf3;
}

.monitoring-list-view .project-name {
  color: #002d9c;
}

.monitoring-list-view .table.table-bordered tbody tr:hover {
  background-color: #e6edfd;
}

.menu-bar-sec .topnav-menu .webMenuTab .badge-danger {
  background-color: #4d98f8;
}

.menu-bar-sec .topnav-menu .webMenuTab .btn.viewallNotif {
  background-color: #0036b5;
}

.add-project-sec {
  display: flex;
  transition: all 0.3s ease;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
}

.add-project-labels.custom_scrollbar.scrolled {
  margin-top: 6px;
}

.dt-button.buttons-excel.buttons-html5.btn.btn-success.btn-sm {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  font-size: 13px;
  box-shadow: none !important;
  background-color: #3e6f00;
  border-color: #5f7700;
  color: #ffffff;
}

.add-project-labels {
  width: 350px;
  overflow-y: auto;
  max-height: 90vh;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1026;
  margin-right: 10px;
}

.project-name__title {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #0571d2;
  font-style: italic;
  padding: 10px;
  background-color: #e9f5ff;
}

.last__update {
  margin-bottom: 10px;
  margin-top: 0;
  text-align: right;
}

.last__update span {
  display: inline-block;
  font-size: 13px;
}

.last__update .update_icon {
  font-weight: 500;
  margin-right: 4px;
  color: #444;
}

.last__update .update_icon>i {
  margin-right: 3px;
}

.last__update .update__time {
  color: #08c;
  font-weight: 500;
}

.tab-content-area {
  max-height: 90vh;
  overflow-y: auto;
  padding: 20px;
  border-left: 1px solid #dee2e6;
}

.add-project-labels .nav-tabs {
  flex-direction: column;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 4px;
  border: none;
}

.add-project-sec .add-project-labels .nav-tabs .nav-item .nav-link {
  color: #444 !important;
  border: none;
  padding: 10px 12px;
  font-size: 15px;
  border-radius: 0;
  display: flex;
  align-items: center;
  background-color: #f0f8ff;
  border-left: 1px solid !important;
  border-right: 1px solid !important;
  border-color: #cccccc69 !important;
}

.add-project-sec .add-project-labels .nav-tabs .nav-item .nav-link:hover {
  background-color: #fbf9f9;
  color: #0079ff !important;
}

.add-project-sec .add-project-labels .nav-tabs .nav-item.show .nav-link,
.add-project-sec .add-project-labels .nav-tabs .nav-link.active,
.add-project-sec .add-project-labels .nav-tabs .nav-link.active:hover {
  background-color: #0044cc;
  color: #fff !important;
}

.add-project-sec .add-project-labels .nav-tabs .nav-item {
  margin-bottom: 0;
}

.add-project-sec .add-project-labels .nav-tabs .nav-item:not(:last-child) .nav-link {
  border-bottom: 1px solid #eaecef;
}

.project-add-area {
  flex: 1;
  padding: 6px;
  background-color: #ffffff;
  transition: all 0.3s ease;
  border-radius: 4px;
  overflow-y: auto;
  max-height: 90vh;
  overflow-x: hidden;
}

.add-project-sec .add-project-labels .nav-tabs .nav-item .nav-link>i {
  border-right: 1px solid #0000002d;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
}

.add-project-sec .add-project-labels .nav-tabs .nav-link.active>i {
  border-right-color: #cccccc4f;
}

.add-project-sec .add-project-labels .nav-tabs .nav-item .nav-link:hover>i {
  border-right-color: #3394ff8a;
}

.project-add-area .tab-content {
  padding: 0px;
}

.tab-pane-header .tab-pane-title {
  font-weight: 600;
  font-size: 18px;
  color: var(--text-dark);
  margin: 0;
  border-bottom: 2px solid #8f9fe6;
  margin-bottom: 10px;
  background-color: #edf2ff;
  padding: 10px;
}

.tab-content-body>.card-body {
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.footer {
  bottom: 0;
  padding: 1px calc(24px / 2);
  position: absolute;
  right: 0;
  color: #74788d;
  left: 250px;
  height: 20px;
  background-color: #f2f2f5;
  font-size: 12px;
}

body[data-layout="horizontal"] .footer {
  left: 0 !important;
  position: fixed;
  bottom: 0px;
}

body .footer {
  padding: 6px;
  position: static;
  background-color: #444;
  height: auto;
  color: #f0f0f0;
  margin-top: auto !important;
  margin-top: 15px;
}

textarea.form-control {
  height: auto !important;
}

.form-layout .form-group .form-label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #001b9d;
  margin-bottom: 4px;
}

.switch-btn-toolbar {
  display: inline-block;
  position: relative;
}

.switch-btn-toolbar input {
  display: none;
}

.switch-btn-toolbar .switch {
  display: flex;
  position: relative;
  background: #e9ecef;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  width: 320px;
  height: 35px;
  align-items: center;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06);
}

.switch-btn-toolbar .option {
  flex: 1;
  text-align: center;
  z-index: 2;
  font-size: 14px;
  font-weight: 500;
  color: #007bff;
  transition: color 0.3s ease-in-out;
  line-height: 45px;
  margin-bottom: 0;
  cursor: pointer;
}

.switch-btn-toolbar .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #007bff;
  border-radius: 30px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.switch-btn-toolbar input:first-of-type:checked~.switch .lead {
  color: #fff;
}

.switch-btn-toolbar input:last-of-type:checked~.switch .executive {
  color: #fff;
}

.switch-btn-toolbar input:last-of-type:checked~.switch .slider {
  transform: translateX(100%);
}

.switch-btn label {
  margin-bottom: 0;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
  width: auto !important;
  min-width: 130px;
}

.switch-field.switch-btn label {
  background-color: #fffbd1 !important;
  border: 1px solid #c2d4ff;
}

.repeater-row .col-sm-12 {
  padding: 0;
}

.list-add-table-view table.table thead tr th {
  font-size: 13px !important;
}

.table-grid-view .table .header-dark th {
  background-color: #214aab;
  color: #fff;
  font-size: 14px;
}

.table-grid-view .table tbody tr:hover {
  background-color: #e6edfd;
}

.table-grid-view .table tbody tr:hover td {
  color: #073fa1;
  border-color: #cddcf3;
}

.custom-card.card {
  background-color: #ffffff;
  border: 1px solid #b8c5e6;
  border-radius: 3px !important;
}

.custom-card.card .card-header {
  border-bottom: 2px solid #556ee6;
  background-color: #e6ecfd;
  overflow: hidden;
}

.custom-card.card .card-header .card-title {
  font-size: 16px;
}

.list-add-table-view .table {
  margin-bottom: 0;
}

.multiple-select-dropdown-v .select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: normal;
}

.fullscreen .table-grid-view .table thead {
  position: sticky;
  top: 0;
  z-index: 10;
}

/* .fullscreen .table-grid-view {
     max-height: 90vh;
     overflow-y: auto;
 } */

.full-size-textarea {
  width: 100%;
  height: 100% !important;
  resize: none;
}

.custom-radio-btn .custom-control:not(:last-child) {
  margin-right: 15px;
}

.bg-cs-light {
  background-color: #f0f8ff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
}

html,
body {
  height: 100%;
}

body .btn-info {
  color: #fff;
  background-color: #0571d2;
  border-color: #137ede;
}

.datepicker-field {
  position: relative;
}

.datepicker-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  right: 0;
}

.pdf-btn-view>a {
  display: inline-flex;
  color: #ff5000;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.pdf-btn-view i {
  font-size: 20px;
  margin-right: 6px;
}

.project-desc {
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.grid-li-view {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.grid-li-view>.list-item {
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-li-view>.list-item>.sub-card-v {
  border: 1px solid #0000002d;
}

.grid-li-view>.list-item>.sub-card-v:after {
  display: none;
}

.sub-card-v.bg-green .sub-card-vl,
.sub-card-v.bg-green p,
.sub-card-v.bg-red .sub-card-vl,
.sub-card-v.bg-red p,
.sub-card-v.bg-orange .sub-card-vl,
.sub-card-v.bg-orange p {
  color: #fff;
}

.sub-card-v.bg-orange:hover {
  background-color: #e69500;
}

.sub-card-v.bg-gray:hover {
  background-color: #e0e0e0;
}

.sub-card-v.bg-green:hover {
  background-color: #28a745;
}

.sub-card-v.bg-red:hover {
  background-color: #f44336;
}

.sub-card-v.bg-yellow:hover {
  background-color: #ffeb3b;
}

.mom-page.modal-open .modal {
  z-index: 1050 !important;
}

.mom-page .modal-backdrop {
  z-index: 1040 !important;
}

.act-edit-btn.pdf-btn-view>.text-success {
  color: #28bc00 !important;
}

.menu-accessibility .submenu-list {
  display: none;
  position: absolute;
  background: #f9faff;
  padding: 6px;
  z-index: 1020;
  min-width: 120px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}

.theme-submenu {
  position: relative;
}

.menu-accessibility .submenu-list li>a {
  border-right: none;
}

.menu-accessibility .submenu-list li a {
  display: block;
  white-space: nowrap;
}

.theme-submenu:hover .submenu-list {
  display: block;
}

.cm-pm-logo {
  max-width: 160px;
}

.cm-pm-logo>img {
  max-width: 100%;
}

.tender-header {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #e9f5ff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tender-header .title-text {
  font-weight: 600;
  font-size: 17px;
  color: #0571d2;
  margin-bottom: 0;
}

.tender-label-h {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #0335c5;
  margin-bottom: 6px;
}

.tender-label-vl,
.tender-label-vl>label,
.tender-label-vl>a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #111;
}

.tender-label-vl>a+br {
  display: none;
}

.tender-label-vl>a {
  color: #0079ff !important;
}

.view-report-tbl.edit-summary {
  border: 1px solid #b8c5e6;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 10px;
}

.view-report-tbl .table {
  margin-bottom: 0;
}

.bg-th-cl {
  background-color: #e9f5ff;
  font-weight: 600;
  font-size: 16px;
  color: #0571d2;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.add-project-labels .nav-tabs .nav-link.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #f9f9f9;
}

.cm-dashboard-layout .switcher_btn_filter {
  position: relative;
  display: flex;
  background: #08c;
  border-radius: 3rem;
  overflow: hidden;
  line-height: 2rem;
}

.cm-dashboard-layout .switcher_btn_filter input {
  display: none;
}

.cm-dashboard-layout .switcher_btn_filter label {
  width: 33.33%;
  text-align: center;
  cursor: pointer;
  color: #fff;
  z-index: 2;
  font-size: 14px;
  font-weight: 400;
  line-height: 2rem;
  padding: 0;
  margin: 0;
}

.cm-dashboard-layout .switcher_btn_filter .switch-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 33.33%;
  padding: 0.15rem;
  transition: transform 0.4s ease;
  z-index: 1020;
}

.cm-dashboard-layout .switcher_btn_filter .switch-wrapper .switch {
  background: #fff;
  height: 100%;
  width: 100%;
  border-radius: 3rem;
  position: relative;
}

.cm-dashboard-layout .switcher_btn_filter .switch-wrapper .switch div {
  position: absolute;
  width: 100%;
  text-align: center;
  opacity: 0;
  color: #08c;
  transition: opacity 0.3s ease;
  line-height: 27px;
}

#switch1:checked~.switch-wrapper {
  transform: translateX(0%);
}

#switch2:checked~.switch-wrapper {
  transform: translateX(100%);
}

#switch3:checked~.switch-wrapper {
  transform: translateX(200%);
}

#switch1:checked~.switch-wrapper .switch div:nth-child(1),
#switch2:checked~.switch-wrapper .switch div:nth-child(2),
#switch3:checked~.switch-wrapper .switch div:nth-child(3) {
  opacity: 1;
}

#switchY1:checked~.switch-wrapper {
  transform: translateX(0%);
}

#switchY2:checked~.switch-wrapper {
  transform: translateX(100%);
}

#switchY3:checked~.switch-wrapper {
  transform: translateX(200%);
}

#switchY1:checked~.switch-wrapper .switch div:nth-child(1),
#switchY2:checked~.switch-wrapper .switch div:nth-child(2),
#switchY3:checked~.switch-wrapper .switch div:nth-child(3) {
  opacity: 1;
}

.card.cm-dashboard-card {
  -webkit-box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
  box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.card-icon>i {
  font-size: 55px;
  color: #4d98f8;
}

.cm-dashboard-card:hover {
  transform: translateY(-5px);
}

.card-icon {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

.cm-dashboard-card .card-title {
  font-weight: 500;
  font-size: 18px;
  color: #737373;
  margin-bottom: 15px;
}

.cm-dashboard-card .count-view {
  color: #082739;
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 0;
}

.value-fig {
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  margin-left: 6px;
}

.card-bg-success {
  background-color: #f6ffd3 !important;
  border-color: #d1f159 !important;
}

.card-bg-success .card-icon>i {
  color: #aecc34;
}

.card-bg-primary {
  background-color: #e7e8ff !important;
  border-color: #c7c9ff !important;
}

.card-bg-primary .card-icon>i {
  color: #535ae7;
}

.card-bg-info {
  background-color: #ebfdff !important;
  border-color: #9eecf7 !important;
}

.card-bg-info .card-icon>i {
  color: #4fc9da;
}

.card-bg-warning {
  background-color: #fff7da !important;
  border-color: #f7de8a !important;
}

.card-bg-warning .card-icon>i {
  color: #d4a304;
}

.summary-of-simhasth {
  border: 1px dashed #0088cc;
  border-radius: 4px;
  padding: 6px;
  position: relative;
  background-color: #f9fdff;
  overflow-x: auto;
}

.summary-of-simhasth:hover {
  background-color: #fff;
}

.grid-column-fixed th,
.grid-column-fixed td {
  border: none !important;
}

.grid-column-fixed th {
  width: 20%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.summary-of-simhasth .label-title {
  margin: 0;
  font-size: 18px;
  color: #0077be;
  font-weight: 600;
}

.summary-of-simhasth .data-label {
  display: inline-block;
  width: 100%;
  padding: 0.3rem 1rem;
  border-radius: 0vmax;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 46px;
}

.summary-of-simhasth .table tr:hover .data-label {
  background-color: #e0f5ff;
  color: #0077be;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.summary-of-simhasth .table tr:hover .data-label::after {
  transform: translateX(0);
  opacity: 1;
  color: #0077be;
}

.summary-of-simhasth .data-label::after {
  content: "\f061";
  width: 20px;
  height: 20px;
  opacity: 0;
  transform: translateX(-50%);
  transition: 0.3s ease;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.summary-of-simhasth .td-dash-card {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e0f5ff;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #bae8ff;
  font-weight: 700;
  color: #000;
  font-size: 17px;

  cursor: pointer;
}

.td-dash-card:hover {
  background-color: #1976d2;
  color: #ffffff;
  border-color: #1976d2;
}

.summary-of-simhasth .td-dash-card .value-figure {
  display: inline-block;
  margin-left: 4px;
  font-weight: 400;
  font-size: 15px;
}

.summary_of__approval {
  border: 1px dashed #d0d0d0;
  background-color: #fffef2;
}

.summary_of__approval .label-title {
  color: #333333;
}

.summary_of__approval .td-dash-card {
  background-color: #fff5d9;
  border: 1px solid #e8d742;
}

.summary_of__approval .table tr:hover .data-label {
  background-color: #fff3e1;
  color: #f99304;
}

.summary_of__approval .td-dash-card:hover {
  color: #ffffff;
  background-color: #f99304;
  border: 1px solid #f99304;
}

.summary_of__approval .table tr:hover .data-label::after {
  transform: translateX(0);
  opacity: 1;
  color: #f99304;
}

.cm-summary-card .summary-title {
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cm-summary-card .summary-title>i {
  font-size: 24px;
}

.cm-summary-card .sub-card-devider li a {
  font-size: 18px;
  padding: 10px 8px;
  color: #08c;
}

.cm-summary-card .sub-card-devider li a>span small {
  font-size: 14px;
}

.cm-summary-card .cm-summary-card-body {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  gap: 15px;
}

.cm-list-dt {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0px;
}

.two-column-grid.cm-list-dt {
  grid-template-columns: repeat(2, 1fr);
}

.cm-list-dt>li {
  padding: 10px;
  position: relative;
  cursor: pointer;
}

.cm-list-dt>li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-right: 1px solid #c5cbce;
}

.bg-light-green {
  background-color: #ebfbf6;
}

.nivida-label {
  font-size: 18px;
  font-weight: 500;
}

.nivida-count {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 10px;
}

.cm-list-dt>li>span {
  display: block;
  text-align: center;
}

.cm-list-dt.bg-light-green li:last-child:before {
  content: "";
  width: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #e7c245;
  vertical-align: middle;
  position: absolute;
  right: -15px;
  top: calc(50% - 15px);
  height: 0;
}

.nivida-success {
  background-color: #eeff98;
  color: #111;
}

.nivida-progress {
  background-color: #d3fb17;
  color: #111;
}

.in__progress {
  background-color: #f7de8a;
}

.cm-list-dt.progress-status {
  gap: 0;
}

.physical_summary__card .cm-summary-card-body {
  grid-template-columns: repeat(1, 1fr);
}

.physical_summary__card .cm-list-dt {
  grid-template-columns: repeat(7, 1fr);
}

.cm-summary-card .summary-title small {
  margin-left: 3px;
}

.work-not-started {
  background-color: #ffdada;
  color: #ff0000 !important;
}

.work-progress__step__1 {
  background-color: #e0f8e0;
  color: #001402;
}

.work-progress__step__2 {
  background-color: #b2e8b2;
  color: #001402;
}

.work-progress__step__3 {
  background-color: #80d680;
  color: #111;
}

.work-progress__step__4 {
  background-color: #4caf50;
}

.work-progress__step__5 {
  background-color: #2e7d32;
  color: #fff;
}

.work-progress__step__completed {
  background-color: #1b5e20;
  color: #fff;
}

/* Photo Components Css Start Here */
.picture__list__view {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.picture__list__view li {
  display: flex;
  border: 1px solid #eaeaea;
  overflow: hidden;
  background-color: #f4f4f4;
  -webkit-box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
  border-radius: 0.5rem;
  box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
  transition: transform 0.3s ease;
  position: relative;
}

.picture__list__view li:hover {
  transform: translateY(-5px);
  background-color: #fff;
}

.picture__list__view li:hover .picture__title {
  color: #1a6eff;
}

.picture__list__view .video__preview {
  padding-left: 0;
}

.picture__preview {
  flex: 0 0 150px;
  max-width: 150px;
  height: 100%;
  max-height: 150px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  padding: 6px;
  position: relative;
}

.picture__list__view li:hover .map-icon {
  border-color: #c87c00;
  background-color: #fff;
  color: #c87c00;
}

.picture__preview .map-icon {
  min-width: 35px;
  height: 35px;
  border: 3px solid #3bc2ff;
  background-color: #0571d2;
  right: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  z-index: 10;
  padding: 0;
  text-align: center;
}

.picture__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;
  overflow: hidden;
}

.picture__preview__content {
  padding: 10px;
  flex: 1;
}

.picture__preview__content {
  margin: 0;
}

.picture__preview__content>p:not(:last-child) {
  margin-bottom: 6px;
}

.video-view {
  position: relative;
  width: 100%;
}

.video-view:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #00000059;
  z-index: 1;
}

.glightbox-clean .gdesc-inner {
  padding: 10px !important;
}

.gdesc-inner .gslide-title {
  font-family: "Noto Sans";
  margin-bottom: 10px;
}

.gdesc-inner .lightbox-info {
  font-size: 15px;
  font-family: "Noto Sans";
}

.video-view video {
  object-fit: cover;
}

.video-view i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #ffffff;
  font-size: 26px;
  z-index: 1020;
}

.lightbox-gallery .video__preview {
  position: relative;
  overflow: hidden;
}

.lightbox-gallery .video__preview .video-view {
  position: initial;
}

.lightbox-gallery .video__preview .video-view:before {
  display: none;
}

.lightbox-gallery .video__preview .video-view video {
  height: 68px;
  border-radius: 4px;
}

.picture__title {
  font-size: 16px;
  font-weight: 600;
  color: #101010;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.picture__date__time,
.picture__created__by {
  font-size: 14px;
  color: #444;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.remove__btn {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #db0303;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-top-left-radius: 6px;
  color: #fff;
}

.remove__btn:hover {
  color: #fff;
}

.remove__btn.edit__btn {
  bottom: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 4px;
  background-color: #769203;
}

.add-picture .card-title {
  margin-bottom: 14px;
  font-size: 16px;
  color: #08c;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 6px;
}

.add-picture .card-title>i {
  margin-right: 10px;
  border-right: 1px solid #08c;
  padding-right: 10px;
}

.height_350 {
  max-height: 350px;
  overflow-y: auto;
}

.simastha-card.bg-cs-light {
  background-color: #f0f8ff !important;
}

.simastha-card.bg-cs-light .filter-accordian .accordian-btn {
  color: #08c;
}

.simastha-card.bg-cs-light .filter-accordian .accordian-btn>i {
  margin-right: 6px;
  border-right: 1px solid #08c;
  padding-right: 10px;
}

.upload__doc__field .progress .progress-bar {
  background-color: #00a527 !important;
}

.progress__bar {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.progress__bar .progress {
  width: 100%;
  background-color: #d4e8fa;
}

.progress__bar span {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #282b2c;
}

.noc__wrapper__card .card__list {
  display: grid;
  grid-template-columns: 1fr 1fr 3fr;
  gap: 15px;
}

.noc__pending__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0px;
}

.noc__pending__list>li>a>span {
  display: block;
}

.noc__pending__list>li>a>span:not(:last-child) {
  margin-bottom: 6px;
}

.noc__pending__list>li>a {
  color: #444;
  position: relative;
}

.noc__pending__label {
  font-size: 15px;
  font-weight: 500;
  color: #737373;
}

.noc__pending__count {
  font-weight: 800;
  color: #000;
  font-size: 16px;
}

.noc__wrapper__card .card__list .single__card .noc__pending__list {
  grid-template-columns: repeat(1, 1fr);
}

.noc__wrapper__card .card__list .card__view {
  border: 1px solid #fbfbfb00;
  padding: 15px;
  border-radius: 0.5rem;
  box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
  background-color: #fff;
  position: relative;
}

.noc__pending__card .noc__pending__list li>a>span {
  text-align: center;
}

.noc__pending__card .noc__pending__list li:not(:last-child) a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-right: 1px solid #ffdf80;
}

/* .table-grid-view .datatable.table thead tr th {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
} */

.text-orange {
  color: #ff6500 !important;
}

/* .box__table_ps .td-dash-card {
    flex: 0 0 170px;
}

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

.box__table_ps .td-dash-card {
    flex: 0 0 170px;
    border: none;
    background: transparent;
    position: relative;
} */

.box__table_ps .td-dash-card:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  border-right: 1px solid #c5cbce;
}

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

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

.box__table_ps .td-dash-card {
  width: 100%;
  position: relative;
  border: none;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  max-width: 100%;
  font-size: 20px;
  font-weight: 700;
}

.header__ps__data .label-title {
  margin-bottom: 15px;
}

.sub__header__tbl>span {
  font-weight: 500;
  font-size: 18px;
  color: #168dd4;
}

.box__table_ps .td-dash-card:hover {
  background-color: transparent;
  color: #0079ff;
  border: none;
}

.ps__dashboard__inner__view .grid-column-fixed th {
  padding: 6px;
}

.ps__dashboard__inner__view .summary_of__approval .header__ps__data .label-title {
  color: #be6700;
}

.ps__dashboard__inner__view .summary-of-simhasth .header__ps__data .label-title {
  font-size: 18px;
  font-weight: 700;
}

.ps__dashboard__inner__view .summary_of__approval .header__ps__data .sub__header__tbl>span {
  color: #be6700;
}

.header__ps__data {
  background-color: #e7f6ff;
  border: 1px solid #c0e1f4;
  border-bottom: none;
  padding-top: 10px;
  min-width: 400px;
  padding-bottom: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ps__dashboard__inner__view .summary_of__approval .header__ps__data {
  background-color: #fff3ce;
  border-color: #ffe598;
}

.ps__dashboard__inner__view .summary-of-simhasth {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.fund_distribution {
  overflow-x: auto;
}

.ps-nividita-status .cm-summary-card-body {
  grid-template-columns: repeat(1, 1fr);
}

.ps-nividita-status .cm-summary-card-body .cm-list-dt li:last-child:before {
  display: none;
}

.ps-nividita-status .cm-summary-card-body .cm-list-dt {
  grid-template-columns: repeat(8, 1fr);
}

/* .ps__dashboard__inner__view .cm-summary-card .summary-title { 
    background-color: #f7ffa8;
}
.ps__dashboard__inner__view .summary-title>i { 
    color: #7d8b00;
}
.ps__dashboard__inner__view .summary-card:hover .summary-title {
    background-color: #525b00; 
}
.ps__dashboard__inner__view .summary-card:hover { 
    border-color: #525b00;
}
.ps__dashboard__inner__view .sub-card-devider li a:hover {
    background-color: #fff6a4;
} */

.recent__activity__btn {
  padding: 10px 12px;
  background-color: #759200;
  color: #fff;
  cursor: pointer;
  max-width: 85px;
  position: fixed;
  right: 0;
  bottom: 0;
  border-radius: 100px;
  font-size: 12px;
  border-bottom-right-radius: 0;
  text-align: center;
  z-index: 10;
}

.recent__activity__btn:hover {
  background-color: #6d8706;
  color: #fff;
}

.recent__activity__btn>i {
  font-size: 16px;
  margin-bottom: 6px;
  display: block;
}

.recent__activity__card {
  border-top-left-radius: 20px;
  display: block;
  position: fixed;
  right: -530px;
  bottom: 0;
  background-color: #fff;
  padding: 0;
  max-width: 450px;
  min-height: 100%;
  width: 100%;
  box-shadow: 0 22px 110px rgba(180, 191, 208, 0.56);
  filter: drop-shadow(0 10px 20px rgb(2 2 2 / 20%));
  max-height: 530px;
  z-index: 1060;
  transition: all 0.3s;
  overflow: hidden;
}

.recent__activity__card.show {
  display: block;
  right: 0;
}

.recent__activity__card ul {
  margin: 15px 0;
  padding: 0;
  list-style-type: disc;
  padding-left: 20px;
}

.activity__header .activity__title {
  font-size: 16px;
  font-weight: 200;
  color: #fff;
  margin: 0;
}

.recent__activity__card .reset-panel {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1060;
}

.recent__activity__card .copyrights-accessibility {
  background-color: #fff;
  padding: 10px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
  /* Top shadow */
}

.view__all__btn {
  font-size: 14px;
  color: #ffffff;
  background-color: #214aab;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 4px;
  min-width: 125px;
  width: 100%;
}

.view__all__btn:hover {
  color: #fff;
}

.activity__header {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  gap: 20px;
  justify-content: space-between;
  background-color: #214aab;
  position: relative;
  width: 100%;
}

.activity__close__btn {
  color: #fff;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.activity__card__body {
  position: relative;
  z-index: 1;
  padding: 16px;
}

.widget-timeline {
  position: relative;
  max-height: 580px;
  overflow-y: auto;
}

.widget-timeline .timeline {
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0;
}

.widget-timeline .timeline:before {
  top: 1.25rem;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 0.188rem;
  left: 0.5625rem;
  margin-right: -0.0938rem;
  background: #dee1ed;
}

[data-theme-version="dark"] .widget-timeline .timeline:before {
  background: #ffffff1a;
}

.widget-timeline .timeline>li {
  margin-bottom: 0.9375rem;
  position: relative;
}

.widget-timeline .timeline>li:before {
  content: " ";
  display: table;
}

.widget-timeline .timeline>li:after {
  content: " ";
  display: table;
  clear: both;
}

.widget-timeline .timeline>li>.timeline-panel {
  border-radius: 8px;
  padding: 0.9375rem 1.25rem;
  position: relative;
  display: block;
  margin-left: 2.5rem;
  border-width: 0.0625rem;
  border-style: solid;
}

.widget-timeline .timeline>li>.timeline-panel span {
  font-size: 0.75rem;
  display: block;
  margin-bottom: 0.3125rem;
  opacity: 0.8;
  letter-spacing: 0.0625rem;
}

.widget-timeline .timeline>li>.timeline-panel p {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.widget-timeline .timeline>li>.timeline-panel h6,
.widget-timeline .timeline>li>.timeline-panel .h6 {
  font-size: 13px;
}

.widget-timeline .timeline>li>.timeline-panel:after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background: inherit;
  border-color: inherit;
  border-style: solid;
  border-width: 0rem 0rem 0.0625rem 0.0625rem;
  display: block;
  position: absolute;
  left: -0.3125rem;
  transform: rotate(45deg);
  top: 0.9375rem;
}

.widget-timeline .timeline>li>.timeline-badge {
  border-radius: 50%;
  height: 1.275rem;
  left: 0;
  position: absolute;
  top: 0.625rem;
  width: 1.275rem;
  border-width: 0.125rem;
  border-style: solid;
  background: #fff;
  padding: 0.25rem;
}

[data-theme-version="dark"] .widget-timeline .timeline>li>.timeline-badge {
  background-color: #182237;
}

.widget-timeline .timeline>li>.timeline-badge:after {
  content: "";
  width: 0.525rem;
  height: 0.525rem;
  border-radius: 100%;
  display: block;
}

.widget-timeline .timeline-body>p {
  font-size: 0.75rem;
}

.widget-timeline .timeline-badge.primary {
  border-color: #0074ff1a;
}

.widget-timeline .timeline-badge.primary:after {
  background-color: #0074ff;
  box-shadow: 0 0.3125rem 0.625rem 0 #0074ff33;
}

.widget-timeline .timeline-badge.primary+.timeline-panel {
  background: #0074ff1a;
  border-color: #0074ff1a;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.primary+.timeline-panel {
  border-color: transparent;
  background-color: var(--rgba-primary-1);
}

.widget-timeline .timeline-badge.success {
  border-color: #d8fff8;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.success {
  border-color: #01bd9b1a;
}

.widget-timeline .timeline-badge.success:after {
  background-color: #01bd9b !important;
  box-shadow: 0 0.3125rem 0.625rem #01bd9b33;
}

.widget-timeline .timeline-badge.success+.timeline-panel {
  background: #d8fff8;
  border-color: #d8fff8;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.success+.timeline-panel {
  background-color: #01bd9b1a;
  border-color: transparent;
}

.widget-timeline .timeline-badge.warning {
  border-color: #fdf3e9;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.warning {
  border-color: #f097441a;
}

.widget-timeline .timeline-badge.warning:after {
  background-color: #f09744 !important;
  box-shadow: 0 0.3125rem 0.625rem #f0974433;
}

.widget-timeline .timeline-badge.warning+.timeline-panel {
  background: #fdf3e9;
  border-color: #fdf3e9;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.warning+.timeline-panel {
  background-color: #f097441a;
  border-color: transparent;
}

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

[data-theme-version="dark"] .widget-timeline .timeline-badge.danger {
  border-color: #d0412e26;
}

.widget-timeline .timeline-badge.danger:after {
  background-color: #d0412e !important;
  box-shadow: 0 0.3125rem 0.625rem #d0412e33;
}

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

[data-theme-version="dark"] .widget-timeline .timeline-badge.danger+.timeline-panel {
  background-color: #d0412e26;
  border-color: transparent;
}

.widget-timeline .timeline-badge.info {
  border-color: #effbff;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.info {
  border-color: #00afef1a;
}

.widget-timeline .timeline-badge.info:after {
  background-color: #00afef !important;
  box-shadow: 0 0.3125rem 0.625rem #00afef33;
}

.widget-timeline .timeline-badge.info+.timeline-panel {
  background: #effbff;
  border-color: #effbff;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.info+.timeline-panel {
  background-color: #00afef1a;
  border-color: transparent;
}

.widget-timeline .timeline-badge.dark {
  border-color: #b3b3b3;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.dark {
  border-color: #00000059;
}

.widget-timeline .timeline-badge.dark:after {
  background-color: #000 !important;
  box-shadow: 0 0.3125rem 0.625rem #0003;
}

.widget-timeline .timeline-badge.dark+.timeline-panel {
  background: #b3b3b3;
  border-color: #b3b3b3;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.dark+.timeline-panel {
  background-color: #00000059;
  border-color: transparent;
}

.widget-timeline.style-1 .timeline-panel {
  background: transparent;
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel {
  background: transparent !important;
  border-style: solid;
  border-width: 0 0 0 0.2125rem;
  border-radius: 0;
  padding: 0.3125rem 0.625rem 0.3125rem 0.9375rem;
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel:after {
  border: 0;
  left: -0.3625rem;
  width: 0.3375rem;
  height: 0.3375rem;
}

.widget-timeline.style-1 .timeline .timeline-badge.primary+.timeline-panel {
  border-color: var(--primary);
}

.widget-timeline.style-1 .timeline .timeline-badge.primary+.timeline-panel:after {
  background: var(--primary);
}

.widget-timeline.style-1 .timeline .timeline-badge.success+.timeline-panel {
  border-color: #01bd9b;
}

.widget-timeline.style-1 .timeline .timeline-badge.success+.timeline-panel:after {
  background: #01bd9b;
}

.widget-timeline.style-1 .timeline .timeline-badge.warning+.timeline-panel {
  border-color: #f09744;
}

.widget-timeline.style-1 .timeline .timeline-badge.warning+.timeline-panel:after {
  background: #f09744;
}

.widget-timeline.style-1 .timeline .timeline-badge.danger+.timeline-panel {
  border-color: #d0412e;
}

.widget-timeline.style-1 .timeline .timeline-badge.danger+.timeline-panel:after {
  background: #d0412e;
}

.widget-timeline.style-1 .timeline .timeline-badge.info+.timeline-panel {
  border-color: #00afef;
}

.widget-timeline.style-1 .timeline .timeline-badge.info+.timeline-panel:after {
  background: #00afef;
}

.widget-timeline.style-1 .timeline .timeline-badge.dark+.timeline-panel {
  border-color: #000;
}

.widget-timeline.style-1 .timeline .timeline-badge.dark+.timeline-panel:after {
  background: #000;
}

.widget-timeline-status .timeline-status {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
  position: absolute;
  left: 0;
}

.widget-timeline-status .timeline>li {
  padding-left: 60px;
  position: relative;
}

.widget-timeline-status .timeline>li:not(:last-child) {
  margin-bottom: 30px;
}

.widget-timeline-status .timeline>li:not(:last-child):after {
  content: "";
  width: 3px;
  position: absolute;
  background-color: #000;
  height: 100%;
  top: 25px;
  border-radius: 20px;
  opacity: 0.05;
}

.widget-timeline-status .timeline-badge {
  border-width: 3px;
  border-style: solid;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  position: absolute;
  left: 55px;
  top: 4px;
}

.widget-timeline-status .timeline-panel {
  padding-left: 20px;
  position: relative;
}

.widget-timeline-icons .timeline-media {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: #e9eff6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  position: absolute;
  left: 0;
  top: 2px;
}

.widget-timeline-icons .timeline>li {
  padding-left: 50px;
  position: relative;
  min-height: 36px;
}

.widget-timeline-icons .timeline>li:not(:last-child) {
  padding-bottom: 40px;
}

.widget-timeline-icons .timeline>li:not(:last-child):before {
  content: "";
  height: calc(100% - 2px);
  position: absolute;
  left: 18px;
  width: 1px;
  border-left: 1px dashed rgb(178.7096774194, 199.5161290323, 223.7903225806);
  top: 3px;
}

.timeline-vr-badge {
  width: 4px;
  min-width: 4px;
  align-self: normal;
}

.progress__of__project__stage {
  margin: 15px 0 35px;
  position: relative;
}

.stepper-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  background: #fff;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 0px;
  scroll-behavior: smooth;
  /* smooth scroll on button click */
  scrollbar-width: none;
  /* hide scrollbar in Firefox */
}

.stepper-container::-webkit-scrollbar {
  display: none;
  /* hide scrollbar in Chrome */
}

.progress__of__project__stage:hover .stepper-controls {
  opacity: 1;
  visibility: visible;
}

.stepper-controls {
  text-align: center;
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.stepper-controls .arrow-btn {
  background: #d2dfff;
  color: #101010;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  z-index: 1020;
  height: 40px;
  transform: translateY(-50%);
}

.arrow-btn.prev__arrow {
  left: -12px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.arrow-btn.next__arrow {
  right: -12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.stepper-controls .arrow-btn:hover {
  background: #0056b3;
  color: #fff;
}

.step .step__line {
  background-color: #dedede;
  height: 2px;
  width: 150px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -150px;
  z-index: 0;
}

.step .circle {
  position: relative;
  z-index: 1020;
}

.step {
  flex: 0 0 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  width: 150px;
}

.circle>i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin-bottom: 6px;
  color: white;
  position: relative;
  z-index: 1020;
}

.completed .circle>i {
  background-color: #4caf50;
}

.completed .step__line {
  background-color: #4caf50;
}

/* .rejected .step__line{
            background-color: #f44336;
        }
        .in-progress .step__line{
            background-color: #ff9800;
        }
        .pending-progress .step__line{
            background-color: #9e9e9e;
        } */
.pending-progress .circle>i {
  background-color: #ffeb3b;
}

.rejected .circle>i {
  background-color: #f44336;
}

.in-progress .circle>i {
  background-color: #ff9800;
}

.pending .circle>i {
  background-color: #9e9e9e;
}

/* Base line (gray) */
.step .step__line {
  background-color: #dedede;
  height: 2px;
  width: 150px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -150px;
  z-index: 0;
  overflow: hidden;
}

/* .step__line::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #4caf50;
    top: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: left;
    animation: fillLine 1.5s linear infinite;
} */
/* Animated green line overlay */
.completed .step__line::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #4caf50;
  top: 0;
  right: 0;
  transform: scaleX(0);
  transform-origin: left;
  animation: fillLine 4s ease-out forwards;
}

/* Animation from right to left */
@keyframes fillLine {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.step span+br+small span {
  margin: 0;
  padding: 0;
  min-height: 0;
}

.step span+br {
  display: none;
}

.step span+br+small b {
  display: inline-block;
  margin-right: 2px;
}

.step span {
  display: block;
  position: relative;
  font-size: 12px;
  word-wrap: break-word;
  max-width: 135px;
  white-space: normal;
  font-weight: 500;
  padding-top: 15px;
  min-height: 60px;
}

.step span+br+small {
  display: flex;
}

.monitoring-list-view table tbody tr td {
  border-bottom: 2px solid #c2c2c2 !important;
}

.monitoring-mobile-v .bg-gray {
  border-radius: 0;
}

.monitoring-mobile-v .bg-red {
  color: #fff !important;
}

.monitoring-card {
  border-color: #b3c2f3;
  overflow: hidden;
}

.monitoring-card .card-header {
  background-color: #dce6ff !important;
  min-height: 40px;
}

.monitoring-card .card-header .card-title {
  font-size: 16px;
}

.remark-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 450px;
  overflow-y: auto;
  padding-right: 6px;
}

.remark-card {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  position: relative;
  overflow: hidden;
}

.remark-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.remark-header {
  display: flex;
  justify-content: end;
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
}

.remark-id {
  font-weight: bold;
  color: #0f51ed;
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
  text-align: center;
  background: #d5e2ff;
  border-bottom-right-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.remark-date {
  font-style: italic;
}

.remark-body {
  margin: 0;
  font-size: 14px;
  color: #444;
}

.remark-footer {
  margin-top: 10px;
  font-size: 13px;
  color: #888;
  text-align: right;
}

/* ====================Reports Pages===================== */
.excelIocon {
  color: #00a800;
}

.pdfIocon {
  color: #dc0000;
}

.printIocon {
  color: #606060;
}

.reports__exports__btns .btn-success {
  background-color: #00a800 !important;
  border-color: #00a800 !important;
}

.reports__exports__btns .btn-danger {
  background-color: #dc0000 !important;
  border-color: #dc0000 !important;
}

.reports__exports__btns .btn>i {
  font-size: 18px;
}

.reports__exports__btns .btn-text {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  padding-left: 4px;
}

.reports__page .monitoring-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reports__page .card-header,
.reports__page .card-body {
  padding: 10px;
}

.reports__table__list .table thead tr th {
  font-size: 14px;
}

.reports__table__list .table tbody tr td {
  font-size: 13px;
}

.list__profile__view {
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 150px;
  width: 100%;
  border: 1px solid #dedede;
  border-radius: 4px;
  overflow: hidden;
}

.slider-fade li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-fade li img {
  width: 100%;
  max-height: 65px;
  object-fit: contain;
}

.list__profile__view .image__block {
  overflow: hidden;
  max-width: 150px;
  border-radius: 4px;
}

.list__profile__view .image__block>img {
  width: 100%;
  max-width: 100%;
}

.list__profile__view li a {
  display: block;
  width: 100%;
}

.list__profile__view li a>span {
  font-size: 26px;
  display: block;
  text-align: center;
}

.delay__tab__dashboard .nav.flex-column {
  background: #ffffff;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #e9ecef;
  min-width: 350px;
  transition: all 0.3s ease;
  height: 100vh;
  display: block;
  overflow-y: auto;
}

.delay__tab__dashboard .tab-content.flex-grow-1 {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100vh;
  overflow-y: auto;
}

.delay__tab__dashboard .sidebar-title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #6c757d;
  margin-bottom: 12px;
  padding-left: 10px;
  letter-spacing: 0.5px;
}

.delay__tab__dashboard .nav-pills .nav-link {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  font-weight: 500;
  color: #444;
  border-radius: 4px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  background: #ededed;
  border: 1px solid transparent;
}

.delay__tab__dashboard .nav-pills .nav-item:not(:last-child) {
  margin-bottom: 8px;
}

/* 🔵 Blue Theme (new) */
.delay__tab__dashboard .nav-pills .nav-link:hover {
  background: linear-gradient(45deg, #0066ff, #66b3ff);
  color: #ffffff !important;
  font-weight: 600;
  transform: translateX(5px);
  border-color: #66b3ff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.delay__tab__dashboard .nav-pills .nav-link:hover i {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.delay__tab__dashboard .nav-pills .nav-link.active {
  background: linear-gradient(135deg, #0052cc, #3399ff);
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.3);
  border-color: #3399ff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.delay__tab__dashboard .nav-pills .nav-link.active i {
  color: #fff;
}

.delay__tab__dashboard .nav-pills .nav-link i {
  font-size: 16px;
  margin-right: 10px;
  color: #6c757d;
  transition: color 0.3s ease;
  width: 16px;
}

.delay__tab__dashboard .count__project {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  width: 28px;
  height: 28px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #c70000;
}

.delay__tab__dashboard .tab-content {
  background: #fff;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  flex-grow: 1;
  border: 1px solid #e9ecef;
}

@media (max-width: 768px) {
  .delay__tab__dashboard {
    flex-direction: column;
  }

  .delay__tab__dashboard .nav.flex-column {
    flex-direction: row !important;
    overflow-x: auto;
    white-space: nowrap;
    min-width: auto;
    margin-bottom: 12px;
  }

  .delay__tab__dashboard .nav-pills .nav-link {
    flex: none;
    margin: 0 6px 0 0;
  }

  .delay__tab__dashboard .tab-content {
    margin-left: 0;
  }
}

.delay__grid__view .table,
.delay__grid__view table.dataTable {
  border-collapse: collapse;
}

.delay__grid__view .table thead tr th {
  border-color: #f0f0f0 !important;
  font-weight: 500;
  font-size: 14px;
}

.delay__grid__view .table tr th,
.delay__grid__view .table tr td {
  vertical-align: middle !important;
  font-size: 13px;
}

.delay__grid__view table .thead-dark th {
  background-color: #214aab !important;
}

.delay__grid__view .dt-buttons>.btn {
  height: 32px;
  margin-bottom: 0.5rem !important;
}

.delay__grid__view .dataTables_filter {
  margin-right: 10px;
}

.delay__grid__view .dt-buttons>.btn>span>i {
  font-size: 18px;
  margin-right: 6px;
}

.delay__grid__view .dt-buttons>.btn>span {
  font-size: 13px;
}

.delay__grid__view .dt-buttons>.btn:not(:last-child) {
  margin-left: 6px !important;
}

.lable-text-days {
  display: block;
  text-align: center;
  font-size: 12px;
  padding: 6px;
  margin-bottom: 5px;
}

.count_view.text__link {
  font-weight: 800;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2196f3;
}

.status-green {
  background-color: #d9ead3 !important;
  color: #000;
}

.status-lightbrown {
  background-color: #f4cccc !important;
  color: #000;
}

.status-darkbrown {
  background-color: #e6b8af !important;
  color: #000;
}

.status-red {
  background-color: #e06666 !important;
  color: #fff;
}

.status-green .text__link {
  color: #006200;
}

.status-lightbrown .text__link {
  color: #dc4f4f;
}

.status-darkbrown .text__link {
  color: #9e1c02;
}

.text__link {
  font-weight: 600;
  font-size: 15px;
  color: #010101;
  display: block;
}

.status-red .text__link {
  color: #fff;
}

.delay-tab-card .delay-tab-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
  background-color: #d2dfff;
  padding: 10px;
  border-radius: 0;
  color: #000;
  border-left: 5px solid #008ee2;
}

.basic-info-profile .picture__list__view {
  grid-template-columns: repeat(5, 1fr);
}

.basic-info-profile .picture__preview {
  flex: 0 0 100%;
  max-width: 100%;
  height: 100%;
  max-height: 150px;
}

.basic-info-profile .picture__preview img {
  object-fit: contain;
}

/* grid of cards */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
}

.card-grid .card {
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  min-height: 360px;
}

.card-grid .card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.12);
}

.card-grid .card-media {
  width: 100%;
  aspect-ratio: 26/10;
  object-fit: cover;
  background: linear-gradient(135deg, #e6eefc, #f7f9fc);
}

.card-grid .card-body {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.card-grid .title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}

.card-grid .card-title {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 600;
  color: #0b1220;
}

.card-grid .meta {
  font-size: 0.9rem;
  color: #6b7280;
  margin-bottom: 0;
}

.card-grid .badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.card-grid .badge {
  background: #eef2ff;
  color: #3730a3;
  padding: 6px 8px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.card-grid .card-footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-top: 6px;
  border-top: 1px solid #f1f5f9;
}

.card-grid .btn {
  padding: 8px 12px;
  border-radius: 8px;
  border: none;
  background: #2563eb;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.9rem;
}

.card-grid .btn.secondary {
  background: transparent;
  color: #2563eb;
  border: 1px solid #e2e8f0;
}

.map-app {
  display: flex;
  height: 100vh;
}

.map-sidebar-view {
  width: 370px;
  background: #e6f7ff;
  border-right: 1px solid #ddd;
  transition: all 0.3s ease;
  height: 100vh;
  overflow-y: auto;
  padding-bottom: 100px;
}

.map-sidebar-collapsed {
  display: none;
}

.map-view-area {
  flex: 1;
  background: #eaeaea;
  position: relative;
  height: 100vh;
  /* full screen height */
  width: 100%;
}

.panel-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 999;
  background: #0570d1;
  color: #fff;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  font-size: 13px;
}

.panel-btn>i {
  margin-right: 6px;
}

.sidebar-title {
  font-size: 16px;
  color: #ffffff;
  padding: 12px;
  font-weight: 600;
  background-color: #2196f3;
  border-bottom: 1px solid #bec9e5;
}

.default-layer-btn {
  font-size: 15px;
  color: #ffffff;
  padding: 12px;
  font-weight: 500;
  background-color: #2196f3;
  border-bottom: 1px solid #bec9e5;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  width: 370px;
  text-align: left;
  height: 40px;
}

.default-layer-btn>i {
  margin-right: 10px;
}

.tree-menu .label-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin: 0 6px;
  max-width: 250px;
  font-size: 14px;
  font-weight: 400;
}

.project-wise-list {
  padding-left: 6px;
}

.department-wise-list {
  padding-left: 10px;
}

.department-wise-list .checkbox-label {
  background-color: #abcfeb;
}

.project-wise-list .checkbox-label {
  background-color: #e0e5ea;
}

.kml-wise-list .checkbox-label {
  background-color: #fff;
}

.kml-wise-list {
  padding-left: 16px;
}

.tree-menu li {
  padding-top: 6px;
  padding-bottom: 6px;
}

.tree-menu .district-wise {
  background-color: #d8f3ff;
  padding-top: 0;
  padding-bottom: 0;
}

.district-wise>.checkbox-label {
  background-color: #d8f3ff;
  padding: 6px;
  font-weight: bold;
}

.district-wise.open>.checkbox-label {
  background-color: #7ac5ff;
}

.submenu-agency>li>.checkbox-label {
  padding-left: 6px;
}

.tree-menu .district-wise:not(:last-child) {
  border-bottom: 1px solid #94cefb;
}

.district-wise.open {
  background-color: #ffffff;
}

.tree-menu,
.submenu-agency,
.map-submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tree-menu li {
  position: relative;
}

.tree-menu .checkbox-label {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.tree-menu input[type="checkbox"] {
  margin-right: 6px;
}

.tree-menu .toggle-icon::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.leaflet-control-container .leaflet-left {
  right: 8px;
  left: auto;
}

/* Default hidden */
.submenu-agency,
.map-submenu {
  display: none;
}

/* Force open by default */
.has-children.open>.submenu-agency,
.has-children.open>.map-submenu {
  display: block;
}

.toggle-icon {
  font-size: 12px;
  margin-left: 6px;
  cursor: pointer;
  position: absolute;
  right: 10px;
}

.search__wrapper__area {
  padding: 6px;
}

.search-wrapper-box .form-control {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #444 !important;
  border-right: 0;
}

.search-wrapper-box .input-group-append .btn {
  max-height: 40px;
  min-height: 40px;
  min-width: 40px;
  max-width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-color: #ced4da;
  background-color: #ebebeb;
  color: #111;
  font-size: 16px;
  box-shadow: none;
}

.default-layer-tree .submenu-agency li {
  padding-left: 10px;
  padding-right: 10px;
}

.bottom-default-panel {
  display: none;
  position: absolute;
  top: 0;
  width: 370px;
  background: #fff;
  overflow-y: auto;
  transition: bottom 0.4s ease-in-out;
  z-index: 1000;
}

.header-title-panel {
  font-size: 16px;
  color: #ffffff;
  padding: 12px;
  font-weight: 600;
  background-color: #2196f3;
  border-bottom: 1px solid #bec9e5;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.panel-title {
  font-size: 16px;
  color: #ffffff;
  margin: 0;
}

.bottom-default-panel.open {
  display: block;
  bottom: 0;
}

.header-title-panel .close-panel {
  cursor: pointer;
  opacity: 0.85;
}

.header-title-panel .close-panel:hover {
  opacity: 1;
}

.check-uncheck {
  padding: 6px;
  background-color: #ffffff;
  border-bottom: 2px solid #93c6f3;
  margin-bottom: 0px;
}

.check-uncheck label {
  position: relative;
  padding-left: 25px;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}

.check-uncheck input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  display: block;
}

.title-header-no {
  font-weight: 600;
  font-size: 12px;
  background-color: #4d98f8;
  display: inline-flex;
  align-items: center;
  min-width: 26px;
  height: 26px;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  margin-left: 4px;
  padding-left: 6px;
  padding-right: 6px;
}

.title-header-no:hover {
  background-color: #008ee2;
  color: #fff;
}

.project-name+.text-muted,
.action-btn-ic.view-all-bt+.text-muted {
  display: block;
  font-size: 12px !important;
  margin-top: 5px;
  color: #4c4949 !important;
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 4px;
  max-width: 132px;
  text-align: center;
}

.navbar-scrollbar {
  position: relative;
  display: flex;
  align-items: center;
  width: 82.5%;
}

/* .navbar-scrollbar .navbar-nav li.slider-list {
    display: none;
} */

.navbar-nav {
  flex: 1;
}

.nav-buttons {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nav-buttons button {
  /* background-color: #4d98f8; */
  background-color: transparent;
  cursor: pointer;
  font-size: 12px;
  border-radius: 2px;
  border-color: transparent;
  color: #4d98f8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
}

.nav-buttons button.prev__btn small {
  margin-right: 0;
  margin-left: 6px;
}

.nav-buttons button small {
  color: #fff;
  margin-right: 6px;
  display: inline-block;
}

.nav-buttons button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.next__btn {
  animation: slideRight 1s infinite alternate;
}

@keyframes slideRight {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0);
  }
}

.maps-btn-toolbar .btn-text {
  display: inline-block;
  margin-left: 6px;
}

.maps-btn-toolbar .btn {
  font-size: 13px;
  min-width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}

.zoom-toggle:hover {
  color: #fff;
}

.maps-btn-toolbar .zoom-toggle {
  position: static;
  min-width: inherit;
}

.multiselect-native-select .form-check-label {
  color: #111;
}

.tbl-btn-toolbar {
  display: flex;
  align-items: center;
}

.tbl-btn-toolbar .btn-icon {
  font-size: 18px;
  display: inline-flex;
  align-items: center;
}

.tbl-btn-toolbar .btn-icon:not(:last-child) {
  margin-right: 10px;
}

table.dataTable {
  border-collapse: collapse !important;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: 500 !important;
}

.image-gallery-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.image-gallery-list .list-inline-item a {
  display: flex;
  max-height: 150px;
  overflow: hidden;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #f0f0f0;
  border: 1px solid #dedede;
  transition: transform 0.3s ease;
}

.image-gallery-list .list-inline-item a:hover {
  transform: translateY(-5px);
}

.image-gallery-list .list-inline-item a>img {
  object-fit: scale-down;
  max-width: 100%;
  width: 100%;
  object-position: center;
}

/* Sidebar Humberger Menu Css */
.dashboard-sidebar-wrapper {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.dashboard-sidebar-wrapper.hide {
  transform: translateX(-100%);
  opacity: 0;
  pointer-events: none;
}

.sidebar-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.sidebar-menu-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 370px;
  left: 0;
  background-color: #f0f2f3;
  z-index: 1090;
  height: 100vh;
  overflow-y: auto;
  padding-bottom: 100px;
}

.sidebar-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #162f6a;
  padding: 10px;
}

.sidebar-header-title {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.sidebar-close-btn {
  display: block;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.hamburger-menu {
  list-style: none;
  padding: 0;
}

.hamburger-menu>li:not(:last-child)>a {
  border-bottom: 1px solid #dedede;
}

.hamburger-submenu>li:not(:last-child)>a {
  border-bottom: 1px solid #c0e1ff;
}

.hamburger-menu>li>a {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #f0f2f3;
  color: #444;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}

.hamburger-menu .menu-icon {
  width: 25px;
}

.hamburger-submenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  background-color: #dbeeff;
}

.hamburger-submenu li a {
  display: block;
  padding: 8px 12px;
  color: #444;
  text-decoration: none;
  font-size: 14px;
}

.hamburger-menu .arrow-dropdown {
  position: absolute;
  right: 10px;
}

.hamburger-submenu li a.active {
  background-color: #ffffff;
  color: #1090f6;
  font-weight: 500;
}

.hamburger-menu .arrow-dropdown i {
  transition: transform 0.3s ease;
}

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

.hamburger-menu .dropdown.open>a,
.hamburger-menu>li>a.active {
  background-color: #0770d0;
  color: #fff;
}

.hamburger-submenu .more-m-icon {
  width: 20px;
  display: inline-block;
}

.top-header-ct {
  display: flex;
  align-items: center;
}

.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  width: 100%;
}

.menu-accessibility {
  width: 395px;
}

.marquee {
  display: flex;
  animation: scroll 36s linear infinite paused;
  gap: 15px;
}

.marquee-line {
  font-weight: 500;
  font-size: 14px;
}

.marquee.running {
  animation-play-state: running;
}

@keyframes scroll {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-100%);
  }
}

.profile-media-view {
  display: flex;
  align-items: center;
  gap: 10px;
}

.profile-box {
  max-width: 100px;
  min-width: 100px;
  height: 100px;
  border: 1px solid #dedede;
  border-radius: 4px;
  overflow: hidden;
}

.profile-media-view .image-upload .dropify-wrapper .dropify-message {
  top: 50%;
}

.status-form-field .switch-field input:checked+label {
  background-color: #0571d2 !important;
  color: #fff;
}

.status-form-field .switch-field.switch-btn label {
  background-color: #e0e9f0 !important;
  border: 1px solid #c0def5;
}

.profile-privilege-box {}

.list-item-data {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.list-item-data>li.full-width {
  grid-column: span 2;
}

.list-item-data>li>span {
  display: block;
  font-size: 14px;
}

.list-item-value {
  color: #444;
}

.list-item-label {
  font-weight: 600;
  margin-bottom: 5px;
}

.header-privilege>label>input[type="checkbox"],
.card-privilege-module label>input[type="checkbox"] {
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
}

.header-privilege {
  background-color: #e3eff8;
  padding: 6px;
  border-bottom: 2px solid #9cb9ff;
}

.header-privilege>label {
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
  padding-left: 25px;
}

.header-privilege>label strong {
  font-weight: 600;
}

.card-privilege-module {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.card-privilege-module>li>label {
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  font-weight: 400;
  color: #101010;
}

.card-privilege {
  margin-bottom: 20px;
  border: 1px solid #d5e1ff;
}

.card-privilege .card-privilege-module {
  padding: 10px;
}

.card-privilege .card-privilege-module>li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.privilege-access-srollbar {
  max-height: 350px;
  overflow-y: auto;
}

.project__select__view .select2-selection__rendered {
  max-height: 220px !important;
  overflow-y: auto;
}

.task-row .sticky-col {
  background-color: #bdebf8 !important;
}

.sub-task-row .sticky-col {
  background-color: #e3f4f9 !important;
}

.activity-row .sticky-col {
  background-color: #ffffff !important;
}

.task-table table tr .dep-cell.dep-yes {
  background: #ff3b30 !important;
  color: #fff !important;
}

.history-card-view {
  border: 1px solid #a1ccde;
  border-radius: 3px;
  margin-bottom: 15px;
}

.history-card-title {
  border-bottom: 1px solid #a1ccde;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #000;
  background-color: #dbf4ff;
}

.history-body-content {
  padding: 10px;
}

.history-body-content .comment-details .posted-by h6 {
  font-size: 15px;
  font-weight: 400;
  color: #033abc;
  margin-bottom: 10px;
}

.history-body-content .user_info .user-data-item {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 25px;
}

.history-body-content .user_info .user-data-item:not(:last-child) {
  margin-bottom: 10px;
}

.history-body-content .user_info .user-data-item>i,
.history-body-content .comment-details p.text-primary>i {
  position: absolute;
  left: 0;
  font-size: 18px;
  color: #3d68d0;
}

.history-body-content .user-data-item-label {
  font-size: 14px;
  color: #404040;
}

.view-link {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 25px;
  font-size: 14px;
}

.history-body-content .comment-details p.text-primary {
  color: #2196f3 !important;
  margin-bottom: 0px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-left: 25px;
  position: relative;
}

.comment-details .user_img>img {
  max-width: 100%;
}

.comment-details .user_img {
  max-width: 60px;
  overflow: hidden;
}

.history-body-content ul li {
  padding-top: 10px;
  padding-bottom: 10px;
}

.history-body-content ul li:not(:last-child) {
  border-bottom: 1px solid #dedede;
}

.history-body-content .list-item-data {
  gap: 0;
}

.history-card-view.side-wrapper-history {
  border: none;
  border-radius: 0;
}

.side-wrapper-history .history-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.side-wrapper-history .history-card-title i {
  cursor: pointer;
  color: red;
}

.slidebox+.overlay.active {
  display: block;
  z-index: 3333;
}

.modal-open .modal {
  padding-left: 0 !important;
}

.video-frame>a {
  display: block;
  overflow: hidden;
  line-height: 0;
}

.video-frame video {
  max-width: 100%;
  width: 100%;
}

.video-grid-view {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.video-card-view {
  background: #f0f0f0;
  border: 1px solid #404040;
  overflow: hidden;
  border: 4px;
  transition: transform 0.3s ease-in-out;
}

.video-action-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #c5e2ff;
}

.video-action-btn>i {
  cursor: pointer;
}

.video-card-view:hover {
  transform: scale(1.05);
}

.video-wrapper {
  position: relative;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.video-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: white;
  opacity: 0.8;
  pointer-events: none;
}

.video-wrapper:hover .play-icon {
  color: #f8f8f8;
  opacity: 1;
}

.video-card-view:hover .video-action-btn {
  border-color: #002d9c;
}

div#videomodel {
  background-color: #404040;
}

.image__list__view .avatar-preview>a {
  display: block;
}

.image__list__view .avatar-preview .gallery_img_container {
  overflow: hidden;
  display: block;
  height: 110px;
  border: 1px solid #dedede;
  border-radius: 3px;
  position: relative;
  z-index: 1020;
  transition: transform 0.3s ease-in-out;
}

.image__list__view li:hover .gallery_img_container {
  transform: scale(1.05);
}

.image__list__view .avatar-edit {
  position: absolute;
  width: 35px;
  height: 35px;
  background-color: #1e90ff;
  z-index: 1021;
  border-bottom-right-radius: 10px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: 0px;
  top: 0px;
  border-top-left-radius: 3px;
}

.image__list__view {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.image__list__view .img-wrap {
  position: relative;
  display: block;
  font-size: 18px;
}

.history-body-content .image__list__view li {
  border: none !important;
  padding: 0;
}

.image__list__view .avatar-preview img {
  max-width: 100%;
  object-fit: fill;
}

.avatar-edit .img-input {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.history-body-content.custom_scrollbar {
  max-height: 135px;
  overflow-y: auto;
  min-height: 135px;
}

.doc-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.history-body-content ul.doc-list li {
  padding: 0;
  border: none;
}

.doc-list li>a {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 8px;
  font-size: 13px;
  cursor: pointer;
  transition: 0.2s;
}

.doc-list li>a:hover {
  background: #eef3ff;
  border-color: #162f6a;
}

.doc-icon {
  color: #e74c3c;
  /* red PDF icon */
  font-size: 18px;
}

.doc-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.task-row.active td {
  background-color: #d0e4ff;
}

.btn-toolbar.action-btn-ic>.text-btn:not(:last-child) {
  margin-right: 10px;
}

div#editActivityModal {
  overflow-y: auto;
}

th.col-task-name {
  width: 350px;
}

/* small screens tweak */
@media (max-width: 420px) {
  .card-grid .card {
    min-height: 320px;
  }
}

.action-btn-ic.btn-toolbar {
  flex-direction: row;
  flex-wrap: nowrap;
}

.leaflet-top .leaflet-control {
  margin-top: 75px !important;
}

/* ===============Inline Css Color Remove Purple=================== */
#layout-wrapper .activity_tabs h4 {
  background: #102556 !important;
}

#layout-wrapper .product-list li.active .card-header {
  background-color: #214aab !important;
}

#layout-wrapper .subTask ul li.active {
  background: #547dde;
}

#layout-wrapper .pagetitletext {
  background: #026dc2;
}

#layout-wrapper a#next1 {
  color: #3f51b5 !important;
}

#layout-wrapper a.btn.btn-success.btn-sm {
  background-color: #759200 !important;
}

html body .suvidha-bg {
  background: #3f51b5;
}

html body .chat-list li.active a {
  background: #2196f3 !important;
}

html body #msgthread .card>.p-2.border-bottom.text-nowrap {
  background: #3f51b5 !important;
}

html body input#searchUser {
  background: #4b5bb2 !important;
}

html body .notification-current-active {
  background: #0e80da !important;
}

#layout-wrapper .notification-current-active td i,
#layout-wrapper .notification-current-active td .media-body>small {
  color: #fff !important;
}

#layout-wrapper tr td i,
#layout-wrapper td .media-body>small {
  color: #3f51b5 !important;
}

#layout-wrapper .notification_list .media .media-body .title {
  color: #162f6a;
}

#layout-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #162f6a !important;
  border-radius: 3px;
}

#layout-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #0e7fd9 !important;
  border: 1px solid #0e7fd9 !important;
}

#layout-wrapper .chat-conversation .conversation-list .ctext-wrap {
  background-color: rgb(255 237 182) !important;
}

/* ======================================================= */

.project-details-card {
  background: #fff;
  border: 1px solid #a8d6ec;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  overflow: hidden;
}

.project-details-card .header-title {
  font-size: 16px;
  font-weight: 600;
  color: #004363;
  padding: 10px;
  background-color: #e4f5fd;
  margin: 0;
  border-bottom: 1px solid #a8d6ec;
}

.project-details-card .project-details-body {
  padding: 10px;
}

.list-view-data {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}

.list-view-data>li>span {
  display: block;
  font-size: 14px;
}

.view-label {
  font-weight: 500;
  margin-bottom: 5px;
  color: #000;
}

.view-label-vl {
  color: #444;
}

.list-view-data>li.full-width {
  grid-column: 1 / -1;
}

.bhoomipujan-card-sec .event-card {
  border: none;
  border-radius: 15px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bhoomipujan-card-sec .event-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.bhoomipujan-card-sec .event-header {
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
  padding: 10px 15px;
}

.bhoomipujan-card-sec .status-card {
  border: none;
  border-radius: 12px;
  transition: transform 0.2s ease;
  margin-bottom: 10px;
}

.bhoomipujan-card-sec .status-card:hover {
  transform: scale(1.03);
}

.bhoomipujan-card-sec .status-card h6 {
  margin-bottom: 8px;
  font-weight: 600;
}

.bhoomipujan-card-sec .status-card p {
  font-size: 1.3rem;
  margin: 0;
}

/* Color styling */
.bhoomipujan-card-sec .status-pending {
  background: linear-gradient(135deg, #f8d7da, #fce3e6);
}

.bhoomipujan-card-sec .status-completed {
  background: linear-gradient(135deg, #d4edda, #e2f7e6);
}

.bhoomipujan-card-sec .status-pending h6 {
  color: #c82333;
}

.bhoomipujan-card-sec .status-completed h6 {
  color: #155724;
}

.trend-card {
  border-radius: 18px;
  padding: 10px;
  background: #fff;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.trend-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.trend-card h6 {
  font-size: 1rem;
  font-weight: 600;
  color: #444;
  margin-bottom: 10px;
}

.trend-card .count {
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 6px;
  transition: color 0.3s ease;
}

/* Smooth gradient accents */
.card-pending {
  border-top: 5px solid #ffb84d;
  background: linear-gradient(145deg, #fffdf6, #fff9e6);
}

.card-approval {
  border-top: 5px solid #7ed6df;
  background: linear-gradient(145deg, #f2fbfc, #e8f9ff);
}

.card-approved {
  border-top: 5px solid #a8e6cf;
  background: linear-gradient(145deg, #f5fff8, #edfff3);
}

.icon {
  font-size: 2rem;
  margin-bottom: 10px;
  opacity: 0.8;
}

.daysCounter {
  color: #0571d2;
  font-weight: 700;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  animation: smoothBlink 1.5s infinite ease-in-out;
}

@keyframes smoothBlink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
    /* Fades out to 20% opacity */
  }
}

.marquee-line {
  position: relative;
  padding-left: 25px;
  color: #444;
  font-weight: 400;
}

.marquee-line::before {
  content: "\f0c8";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #ff9800fa;
  font-size: 16px;
}

.countdown-modal.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(6px);
  z-index: 9999;
  animation: fadeInBg 0.5s ease forwards;
}

.countdown-modal .modal-box .countdown-title+p {
  font-size: 14px;
  font-weight: 500;
  color: #444;
}

.countdown-modal p {
  margin: 0;
  letter-spacing: normal;
}

.countdays+p {
  font-weight: 600;
  font-size: 15px;
}

@keyframes fadeInBg {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.countdown-modal .modal-box {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  width: 90%;
  max-width: 455px;
  backdrop-filter: blur(15px);
  border: 1px solid #0571d2;
  box-shadow: 0 8px 35px rgba(0, 0, 0, 0.3);
  position: relative;
  transform: scale(0.8);
  opacity: 0;
  animation: zoomIn 0.6s ease forwards;
}

.countdays+.d-grid {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.countdown-modal .modal-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(135deg, #00e0ff, #0571d2, #137ede);
  background-size: 300% 300%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: borderGlow 5s ease-in-out infinite;
}

@keyframes borderGlow {
  0% {
    background-position: 0% 50%;
    filter: brightness(1);
  }

  50% {
    background-position: 100% 50%;
    filter: brightness(1.2);
  }

  100% {
    background-position: 0% 50%;
    filter: brightness(1);
  }
}

.countdown-modal .modal-box .countdown-title {
  font-weight: 700;
  font-size: 24px;
  color: #004c91;
  margin-bottom: 6px;
}

.countdown-modal .days {
  font-size: 72px;
  font-weight: 700;
  color: #0571d2;
  margin: 0px;
  text-shadow: 0 0 25px rgb(5 113 210 / 60%);
  animation: pulse 2s infinite ease-in-out;
}

@keyframes pulse {

  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.08);
    opacity: 0.85;
  }
}

.countdown-modal .subtext {
  color: #cbd5e1;
  font-size: 14px;
  margin-bottom: 25px;
}

.countdown-modal .close-btn {
  font-weight: 600;
  position: absolute;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  top: -15px;
  right: -15px;
  width: 35px;
  height: 35px;
  background-color: red !important;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.countdown-modal .close-btn:hover {
  filter: brightness(1.2);
  transform: scale(1.05);
}

@media (max-width: 480px) {
  .countdown-modal .modal-box {
    padding: 30px 25px;
  }

  .countdown-modal .days {
    font-size: 54px;
  }
}

.countdays {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.modal-box-dt {
  position: relative;
}

.countdays small {
  font-size: 16px;
  margin-left: 15px;
  display: block;
  margin-top: 30px;
  font-weight: 600;
}

.document-file-card {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.document-file-card .card-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 15px;
  padding: 6px;
}

.document-file-card .custom-card {
  display: flex;
  align-items: center;
  padding: 12px;
  background: linear-gradient(145deg, #ffffff, #ffffff);
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(18, 42, 99, 0.08);
  /* height: calc(100% - 10px); */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
}

.document-file-card .custom-card .card-bottom {
  width: 100%;
}

.document-file-card .custom-card:hover {
  transform: translateY(-8px);
  background: linear-gradient(145deg, #eaf3f1, #f1fffc);
  border-color: #c1d3ff;
}

.card-top>a {
  color: #fff;
}

.card-top {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: red;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  border-top-left-radius: 10px;
  z-index: 1020;
}

.card-top:hover {
  background-color: #0036b5;
}

.custom-card .card-title {
  font-size: 1.2rem;
  color: #023b6d;
  font-weight: 600;
  margin-bottom: 10px;
}

.custom-card .field {
  position: relative;
}

.custom-card .field:first-child .value {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-card .field:not(:last-child) {
  margin-bottom: 10px;
}

.custom-card .label-icon {
  position: absolute;
  left: 0;
  font-size: 16px;
  color: #033abb;
  width: 25px;
}

.custom-card .value {
  color: #333;
  font-size: 14px;
  display: block;
  padding-left: 30px;
  text-align: left;
}

.document-file-header {
  background-color: #e5eeff;
  padding: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 15px;
  border-top: 3px solid #507eea;
}

.document-title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #111;
}

.document-file-card .header-title-tab>h2 {
  position: relative;
  margin-bottom: 10px;
}

.header-document-card .subheading-project-title.active {
  border-bottom: 1px solid #e2eaef;
}

.header-document-card .subheading-project-title {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  padding-left: 10px;
  border-left: 4px solid #3498db;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 8px;
  margin: 0;
  padding-top: 8px;
}

.custom-card.custom-card-border-green:hover {
  background: #efffef !important;
  border-color: #00a30085;
}

.custom-card.custom-card-border-red:hover {
  background: #f4433612 !important;
  border-color: #ff000057;
}

.custom-card.custom-card-border-green {
  border-color: #00a30057;
}

.full-div {
  grid-column: 1 / -1;
  width: 100%;
}

.header-document-card .card-container {
  margin-bottom: 0;
}

.custom-card.custom-card-border-red {
  border-color: #ffadad;
}

.document-file-card .card-container .btn-toolbar>.btn {
  height: 32px;
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 90px;
}

.subheading-project-title span {
  display: flex;
  background-color: #eff4fa;
  position: relative;
  gap: 8px;
  z-index: 1020;
  padding-right: 10px;
  width: 100%;
  cursor: pointer;
}

.subheading-project-title span .toggle-icon {
  position: absolute;
  right: 10px;
  font-size: 16px !important;
  margin-left: 0;
}

.subheading-project-title i {
  color: #3498db;
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

.subheading-project-title:hover i {
  transform: scale(1.1) rotate(5deg);
}

.toggle-accordian-btn {
  cursor: pointer;
}

.toggle-accordian-btn>i {
  font-size: 17px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.photos-card-container .card-top {
  position: relative;
  width: 100%;
  height: inherit;
  background: #f0f0f0;
  border-radius: 0;
  display: block;
}

.photos-card-container .card-top .media>a {
  display: block;
  width: 100%;
  height: 190px;
  overflow: hidden;
}

.photos-card-container .card-top .media img,
.photos-card-container .card-top .media video {
  width: 100%;
  height: 200px;
  object-fit: contain;
  object-position: 50% 50%;
  display: block;
}

.photos-card-container .card-top .media,
.photos-card-container .card-top .media {
  background: #f0f1f1;
}

.photos-card-container .custom-card {
  flex-direction: column;
  padding: 0;
}

.photos-card-container .custom-card .card-bottom {
  padding: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.photos-card-container .custom-card .card-bottom .view-all-icon {
  margin-top: auto;
}

.photos-card-container .custom-card .card-bottom .view-all-icon .btn {
  width: 100%;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.photos-card-container .custom-card .card-bottom .view-all-icon .btn>i {
  font-size: 16px;
  margin-right: 6px;
}

.document-file-card.photos-card-container .card-container {
  grid-template-columns: repeat(2, 1fr);
}

.photos-card-container .card-top .file-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px;
  border-radius: 50%;
  color: #d9534f;
  font-size: 20px;
}

.photos-card-container .card-top .media.videos>a:before {
  content: "";
  background-color: #00000070;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  z-index: 1010;
  width: 100%;
  height: 100%;
}

/* Play Icon Overlay */
.photos-card-container .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: #ffffff;
  opacity: 1;
  pointer-events: none;
  z-index: 1030;
}

.photos-card-container:hover .play-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}

.bg-light-sky {
  background: #f1f6fb;
}

.photos-slider,
.document-slider {
  position: relative;
}

.photos-slider .slick-prev,
.photos-slider .slick-next,
.document-slider .slick-prev,
.document-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  background: #3498db;
  color: #fff !important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  transition: all 0.3s ease;
}

.photos-slider .slick-prev,
.document-slider .slick-prev {
  left: -5px;
}

.photos-slider .slick-next,
.document-slider .slick-next {
  right: -5px;
}

.photos-slider .slick-prev:hover,
.photos-slider .slick-next:hover,
.document-slider .slick-prev:hover,
.document-slider .slick-next:hover {
  background: #217dbb;
  opacity: 1;
}

.photos-slider .slick-prev:before,
.document-slider .slick-prev:before {
  content: "\f104";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
}

.photos-slider .slick-next:before,
.document-slider .slick-next:before {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
}

.input-group-icon {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}

.input-group-icon .form-control {
  font-weight: 500;
  color: #111 !important;
  font-size: 16px;
  letter-spacing: 0.02em;
}

.input-group-icon .edit-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #09ba09;
  z-index: 1020;
}

.whts-app {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.whts-app>i {
  background: linear-gradient(135deg, #25d366, #128c7e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
}

.modal-grid-view .photos-card-container .custom-card {
  flex-direction: row;
}

.modal-grid-view .photos-card-container .custom-card .card-bottom {
  flex: auto;
}

.height-table {
  max-height: 400px;
}

.table-header-sticky .table thead th {
  position: sticky;
  top: 0;
}

.profile-page-view .simhasth-card {
  border-color: #d1e0fa;
}

.profile-page-view .simhasth-card .card-header {
  padding: 10px;
  background-color: #e4eeff;
  border-bottom-color: #0036b542;
}

.profile-page-view .simhasth-card .card-header .card-title {
  font-size: 16px;
}

.profile-page-view .simhasth-card .card-body {
  padding: 10px;
}

.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  background: rgba(0, 0, 0, 0.5);
  color: #fff !important;
  font-size: 24px !important;
  margin: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  pointer-events: auto;
  transition: 0.3s ease;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
  background: rgba(0, 0, 0, 0.7);
}

.owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}

.photos-slider-sec .container-lg {
  max-width: 1480px;
}

.photos-slider-sec.photos-card-container .custom-card {
  min-height: 440px;
}

.category-icons>i {
  margin-right: 0;
}

.card-height-set {
  max-height: 980px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 15px;
}

.dms-tab-container .photos-card-container .custom-card {
  min-height: 430px;
}

.project-dt-header {
  margin-bottom: 6px;
}

.project-dt-header .project-name-text {
  font-size: 16px;
  font-weight: 600;
  color: #214aab;
  margin: 0;
  background-color: #ebf2fa;
  padding: 10px;
  font-style: italic;
}

.project-dt-header .action-btn-ic {
  flex-direction: row;
  justify-content: end;
  gap: 6px;
}

.project-progress-view {
  display: flex;
  align-items: center;
}

.dms-tab-container .nav-tabs .nav-item .nav-link {
  display: flex;
  align-items: center;
}

.dms-tab-container .nav-tabs .nav-item .nav-link>i {
  margin-right: 6px;
  font-size: 18px;
  border-right: 1px solid;
  padding-right: 10px;
}

/* .project-progress-view li{
  padding-left: 10px;
  padding-right: 10px;
} */
/* .project-progress-view li:not(:last-child) {
    border-right: 1px solid #dedede;
    padding-right: 10px;
}
.project-progress-view li:first-child{
  padding-left: 0;
}
.project-progress-view li {
    padding-left: 10px;
} */
.project-progress-view li {
  padding-inline: 10px;
  border-inline-end: 1px solid #dedede;
}

.project-progress-view li:first-child {
  padding-inline-start: 0;
}

.project-progress-view li:last-child {
  border-inline-end: none;
}

.project-progress-view li span {
  display: inline-block;
}

.progres-label {
  font-weight: 500;
  font-size: 14px;
  color: #444;
}

.progres-label-vl {
  font-weight: 600;
  color: #08c;
  font-size: 15px;
}

.data-top-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.data-top-modal-header .action-btn-ic>.btn {
  margin-bottom: 0;
}

/************Review Page Css Start Here***************/
.review-header-top {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #162f6b;
}

.logo-text-img {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo-view {
  max-width: 65px;
  overflow: hidden;
}

.logo-view>img {
  max-width: 100%;
}

.review-header-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
}

.review-header-title>small {
  display: block;
  font-size: 10px;
  margin-top: 4px;
}

.module-name-heading {
  margin: 0;
  font-weight: 700;
  color: #fff;
  font-size: 18px;
}

.project-review-card {
  border: 1px solid #bae0ff;
  padding: 6px;
  border-radius: 4px;
  background-color: #fff;
  transition: all 0.3s ease;
}

.project-name-text,
.desc-remark {
  padding-left: 25px !important;
  font-size: 13px;
  line-height: 1.5;
}

.project-name-text i,
.desc-remark i {
  font-size: 18px;
}

.project-name-text i {
  display: none;
}

.project-review-card .project-name-text {
  padding-left: 0 !important;
}

.desc-remark {
  margin-bottom: 0px;
  color: #444;
}

.icon-tag {
  position: relative;
  padding-left: 15px;
  display: block;
}

.project-review-card .meta-info-wrapper span {
  display: inline-flex;
  align-items: center;
}

.icon-tag>i {
  position: absolute;
  left: 0;
  line-height: normal;
  top: 0;
}

.project-review-card .meta-info-wrapper {
  margin-bottom: 0px;
}

.devider-line-review {
  margin-top: 6px;
  margin-bottom: 6px;
}

.list-of-projects li:not(:last-child) {
  margin-bottom: 5px;
}

.review-asidebar .multiple-select-field {
  margin-bottom: 10px;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.review-body-area .header-title {
  font-size: 16px;
  font-weight: 600;
  color: #111;
  font-style: italic;
  background-color: #efefef;
  padding: 10px;
  border-bottom: 1px solid #c9c9ca;
}

.main-layout.review-page-layout {
  display: flex;
  align-items: flex-start;
  height: calc(100vh - 60px);
  overflow: hidden;
}

.review-asidebar {
  width: 350px;
  background: #e2f2ff;
  color: #fff;
  position: sticky;
  top: 0px;
  padding: 6px;
  flex-shrink: 0;
  overflow-y: auto;
  transition: all 0.3s ease;
  height: auto;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.review-asidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.review-body-area {
  flex: 1;
  display: flex;
  height: 100%;
  overflow-y: auto;
}

.review-asidebar .search-project-wrapper {
  position: sticky;
  top: 0;
  z-index: 1040;
  margin-bottom: 6px;
}

.icon-field-search {
  position: sticky;
  top: 0;
  z-index: 1040;
}

.review-asidebar .search-project-wrapper:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 50px;
  background-color: #e2f2ff;
}

.icon-field-search>.form-control {
  height: 36.54px;
  padding-left: 40px;
}

.icon-field-search>i {
  position: absolute;
  top: 50%;
  left: 5px;
  color: #787171;
  transform: translateY(-50%);
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #a6a6a6;
  transition: color 0.3s ease, border-color 0.3s ease;
}

.icon-field-search:focus-within>i {
  color: #007bff;
  border-color: #007bff;
}

.review-body-area .main-content {
  flex: 1;
  overflow-y: auto;
}

.projects-review-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 6px;
}

.projects-review-toolbar .btn-link {
  display: inline-flex;
  align-items: center;
  background: #eef5ff;
  color: #0366d6;
  padding: 4px 8px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  transition: background 0.2s ease, color 0.2s ease;
}

.projects-review-toolbar .btn-link i {
  margin-right: 6px;
  font-size: 13px;
  color: #0078ff;
}

.projects-review-toolbar .btn-link:hover {
  background: #d9ebff;
  color: #004b9a;
}

.projects-review-toolbar .no-profile {
  display: inline-flex;
  align-items: center;
  background: #f5f5f5;
  color: #666;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
}

.projects-review-toolbar .no-profile i {
  margin-right: 6px;
  font-size: 13px;
  color: #9da7b0;
}

.list-of-projects .active-card .project-review-card {
  background-color: #0060ae;
  border-color: #0060ae;
}

.list-of-projects .project-review-card:hover {
  background-color: #fffda691;
  border-color: #e0dc219c;
}

.list-of-projects .project-review-card:hover .desc-remark,
.list-of-projects .project-review-card:hover .project-name-text,
.list-of-projects .project-review-card:hover .meta-info-wrapper span {
  color: #111;
}

.list-of-projects .active-card .desc-remark,
.list-of-projects .active-card .project-name-text,
.list-of-projects .active-card .meta-info-wrapper span {
  color: #fff;
  transition: color 0.3s ease;
}

.review-serach-filter.bg-light {
  background-color: #cee0ff !important;
  border-bottom: 1px solid #bcc6ff;
}

.table-top-row {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 10px;
  border: 1px solid #e3e3e3;
}

.table-top-row .table-grid-view .table .header-dark th {
  font-size: 13px;
  font-weight: 500;
  min-width: 125px;
}

.review-body-area .map-view {
  max-height: 220px;
  overflow: hidden;
}

.review-body-area .fullscreen .map-view {
  max-height: calc(100vh - 80px);
  overflow: hidden;
}

.review-body-area .btn-toolbar>.btn>.btn-text {
  padding-left: 7px;
}

.review-body-area .btn-toolbar>.btn {
  height: 28px;
  min-width: auto;
  font-size: 11px;
  font-weight: 500;
}

.review-body-area .btn-toolbar>.btn>i {
  margin-right: 0 !important;
  font-size: 13px;
}

.review-body-area .step .circle {
  z-index: 1000;
}

.table-top-row .table-grid-view .table .header-dark th br {
  display: none;
}

.review-filter-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.review-serach-filter {
  animation: fadeIn 0.3s ease-in-out;
  position: relative;
}

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

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

.close__btn {
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  color: #fff;
  width: 25px;
  border-bottom-left-radius: 4px;
  text-align: center;
  font-size: 14px;
}

.close__btn:hover {
  color: #fff;
}

.step-slide-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  position: relative;
  min-width: 160px;
  gap: 8px;
}

.step-slide-item>span {
  font-size: 14px;
  display: flex;
  text-wrap: nowrap;
}

.step-slide-item .label {
  margin: 0;
  font-weight: 600;
  color: #101010;
}

.step-slide-item .value {
  font-weight: 500;
  color: #444;
  margin: 0;
}

.review-body-area .progress__of__project__stage {
  margin: 12px 0;
}

.review-body-area .stepper-controls {
  margin: 0;
}

.review-body-area .stepper-container {
  padding: 5px;
  background: #e2f2ff;
}

.review-body-area .progress-project .progress-bar-box .progress {
  height: 20px;
}

.review-body-area .progress-project .progress-bar-box .progress-bar>p {
  margin: 0;
}

.vendor-data .vendor-title {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 15px;
  color: #444;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 5px;
}

.vendor-data .vendor-title>i {
  margin-right: 5px;
}

.vendor-data .venor-text-nm {
  margin-bottom: 0;
  font-size: 14px;
  color: #3F51B5;
}

.step-slide-item .value.badge {
  font-weight: 400;
  min-width: 95px;
  text-align: center;
  display: inline-block;
}

.review-page-layout .form-select {
  display: block;
  width: 33.33%;
  height: calc(1.5em + .94rem + 2px);
  padding: .47rem .75rem;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

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

.review-header-mid .profile__view {
  position: relative;
  max-width: 150px;
  width: 100%;
}

.review-header-mid .profile__view {
  position: relative;
}

.review-header-mid .slider-fade li {
  position: static;
}

.review-header-mid .list__profile__view {
  position: static;
  overflow: hidden;
}

.review-body-area .grid-view-li {
  min-height: 251px;
  max-height: 251px;
}

.review-body-area .fullscreen .grid-view-li {
  min-height: calc(100vh - 80px);
  max-height: calc(100vh - 80px);
}

.review-body-area .card-box .card-box-header {
  background: #002160;
  padding: 10px;
  text-align: left !important;
}

.review-body-area .card-box .card-box-header h4 {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0px;
}

.review-body-area .card-box {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  overflow: hidden;
}

.review-body-area .card-box .card-box-content {
  padding: 15px;
  background: #D2DFFF;
}

.review-body-area .grid-container {
  gap: 15px;
}

.review-body-area .grid-element {
  padding: 0 !important;
}

.project-progress-dt {
  background: linear-gradient(90deg, #e8f0ff 0%, #f8fbff 100%);
  border: 1px solid #cfe2ff;
  border-radius: 4px;
  padding: 4px;
  color: #1a1a1a;
  margin-bottom: 15px;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.project-progress-dt p {
  margin: 8px 0;
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

.project-progress-dt i {
  color: #007bff;
  margin-right: 6px;
  font-size: 15px;
}

.project-progress-dt strong {
  color: #333;
  margin-right: 5px;
  font-weight: 600;
}

.project-progress-dt .project-title__name {
  color: #004aad;
  font-weight: 600;
}

.project-progress-dt .separator {
  color: #999;
  margin: 0 10px;
  font-weight: 400;
}

.i-text {
  font-family: 'Noto Sans';
  font-size: 14px;
  margin-left: 6px;
  font-weight: 500;
}

.review-body-area .lightbox-gallery>a {
  padding: 0;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}

.review-body-area .lightbox-gallery a img {
  border-radius: 0px;
  padding: 0;
}

.review-body-area .lightbox-gallery {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

.status-item {
  padding: 10px 12px;
  border-radius: 4px;
  color: #000;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.delays-photo-list>li {
  cursor: pointer;
}

.status-item>span {
  display: block;
  font-size: 14px;
  text-align: center;
  margin-top: 4px;
  font-weight: 400;
}

.status-item.today {
  background: #7cd36d;
}

.status-item.day1 {
  background: #8cd88a;
}

.status-item.day2_6 {
  background: #f6e27f;
}

.status-item.day7 {
  background: #e79d61;
}

.status-item.more7 {
  background: #ff4a4a;
  color: #fff;
}

.status-item.no-photo {
  background: #d2d2d2;
  height: 66.66px;
}

.blink {
  animation-name: smoothBlink;
}

@keyframes smoothBlink {
  0% {
    opacity: 1;
    filter: brightness(1);
  }

  50% {
    opacity: 0.6;
    filter: brightness(1.2);
  }

  100% {
    opacity: 1;
    filter: brightness(1);
  }
}

.status-item:hover {
  transform: scale(1.02);
  transition: 0.2s ease;
}

.review-header-mid .profile__view {
  display: grid;
  grid-template-columns: 150px 170px;
  gap: 10px;
}

.blink-text {
  display: inline-block;
  animation: blinkRedSmooth 1.4s ease-in-out infinite;
  will-change: opacity, filter;
  font-weight: 600;
  color: #ff1c1c;
}

@keyframes blinkRedSmooth {
  0% {
    opacity: 1;
    filter: drop-shadow(0 0 2px #ff3d3d);
  }

  50% {
    opacity: 0.55;
    filter: drop-shadow(0 0 6px #ff0000);
  }

  100% {
    opacity: 1;
    filter: drop-shadow(0 0 2px #ff3d3d);
  }
}

@media (prefers-reduced-motion: reduce) {
  .blink-text {
    animation: none;
    opacity: 1;
    filter: none;
  }
}

#projectPhysicalProgressFilter div#accordion,
#projectPhysicalProgressFilter [role="button"].card-header.project {
  display: none;
}

/************Review Page Css Start Here***************/
/************Notice Board Css***************/
.notice-card {
  position: fixed;
  bottom: 20px;
  right: 20px;
  max-width: 400px;
  background: #f7ffbd;
  border-left: 6px solid #9e8a07;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  padding: 16px 20px;
  color: #333;
  z-index: 9999;
  transition: all 0.4s ease;
  opacity: 1;
}

.notice-card.hide {
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}

.notice-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.notice-header h4 {
  color: #e13470;
  font-weight: 600;
  margin: 0;
}

.notice-body p {
  margin: 6px 0;
  font-size: 15px;
  line-height: 1.5;
}

.notice-footer {
  margin-top: 10px;
  text-align: right;
  font-size: 14px;
  color: #555;
}

.notice-card .close-btn {
  position: absolute;
  top: 8px;
  right: 12px;
  background: transparent;
  border: none;
  font-size: 22px;
  color: red;
  cursor: pointer;
  transition: color 0.3s ease;
}

.notice-card .close-btn:hover {
  color: #e13470;
}

/* *********************Fund Dashboard Css*********************** */
.primary-fund-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 15px;
}

.primary-fund-card {
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  padding: 18px 18px 14px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(148, 163, 184, 0.15);
  transition: .25s ease-in-out;
  overflow: hidden;
}

.primary-fund-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.15);
  border-color: rgba(59, 130, 246, 0.15);
}

.primary-fund-card:hover .primary-fund-title {
  color: #2563eb;
}

.primary-fund-card .primary-fund-title {
  text-align: center;
  font-size: 17px;
  color: #0f172a;
  margin-bottom: 18px;
  font-weight: 700;
  letter-spacing: .3px;
}

.primary-fund-title i {
  margin-right: 10px;
  font-size: 18px;
  color: #2563eb;
  vertical-align: middle;
  width: 35px;
  border-right: 1px solid #cfe7ff;
  padding-right: 6px;
}

.primary-sub-fund-card {
  display: grid;
  gap: 12px;
  width: 100%;
}

.inner-two-column {
  grid-template-columns: repeat(2, 1fr);
}

.inner-three-column {
  grid-template-columns: repeat(3, 1fr);
}

.subcard-box {
  background: rgba(241, 245, 249, 0.7);
  padding: 12px 6px;
  border-radius: 6px;
  text-align: center;
  border: 1px solid rgba(148, 163, 184, 0.2);
  transition: .2s ease;
}

.subcard-box:hover {
  background: #e0ecff;
  border-color: rgba(59, 130, 246, 0.35);
}

.subcard-box .fund-no {
  display: block;
  font-weight: 700;
  font-size: 24px;
  color: #0f172a;
  margin-bottom: 4px;
}

.subcard-box .fund-text {
  font-weight: 500;
  font-size: 13px;
  color: #475569;
}

.bg-green-light {
  background-color: #d4edda;
  color: #155724;
}

.bg-warning-light {
  background-color: #fff3cd;
  color: #856404;
}

.graph-pie-card {
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  padding: 15px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(148, 163, 184, 0.15);
  transition: .25s ease-in-out;
  overflow: hidden;
  height: 100%;
}

.graph-title {
  color: #033abc;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}

.funds-report-cards .card {
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
  border: 1px solid #bfe7ffb8;
  transition: .25s ease-in-out;
  overflow: hidden;
  margin-bottom: 0px;
  height: 100%;
}

.funds-report-cards .card-body {
  padding: 6px;
}

.funds-report-cards .btn-header-toolbar {
  display: flex;
  align-items: center;
  gap: 4px;
}

.funds-report-cards .card-header {
  padding: 6px;
  background-color: #e7f6ff;
  border-bottom-color: #bfe7ff;
}

.funds-report-cards .card-header .card-title {
  font-size: 17px;
}

.funds-report-cards .card-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.funds-report-cards .btn-header-toolbar>.btn {
  display: inline-flex;
  height: 28px;
  font-size: 11px;
  font-weight: 500;
  align-items: center;
  border-radius: 4px;
  min-width: fit-content;
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
  box-shadow: none;
}

.funds-report-cards .btn-header-toolbar>.btn .btn-text {
  display: inline-block;
  padding-left: 8px;
}

.funds-report-cards .table-grid-view .table {
  margin-bottom: 0;
}

.funds-report-cards .table-grid-view .table thead>tr>th {
  font-size: 13px;
  vertical-align: middle;
  padding: 6px;
  font-weight: 500;
}

.funds-report-cards .table-grid-view .table tbody>tr>td {
  font-size: 13px;
  vertical-align: middle;
  padding: 6px;
}

.table-fund-dashboard .table-grid-view .table thead>tr>th {
  background-color: #1682f6;
  color: #fff;
}

.fund-processign-card .table-grid-view .table thead>tr>th {
  background-color: #965f00;
}

.fund-processign-card .table-grid-view .table thead>tr>th {
  background-color: #965f00;
}

.us-pending .table-grid-view .table thead>tr>th {
  background-color: #77a300;
}

/* *********************Ranking*********************** */
.ranking-view-layout {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

.ranking-table {
  background: #fff;
  border-radius: 8px;
  margin: 26px 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.ranking-header {
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
  background: #fff;
  border-bottom: 1px solid #e2e5ec;
  flex-wrap: wrap;
}

.ranking-header-cell {
  flex: 1;
  min-width: 100px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  padding: 15px 5px;
  border-right: 3px solid #f2f2f2;
  background: #fff;
  box-shadow: 4px 2px 8px #eee;
}

.ranking-header-cell:last-child {
  border-right: none;
}

.ranking-row {
  display: flex;
  align-items: center;
  font-size: 1rem;
  border-bottom: 2px solid #fff;
  background: #e8f3ff;
  position: relative;
  transition: all 0.3s ease;
  min-height: 65px;
  margin-bottom: 2px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
}

.ranking-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ranking-row.green {
  background-color: #cffcd5;
  font-weight: 700;
}

.ranking-row.yellow {
  background-color: #fcfbd2;
  font-weight: 700;
}

.ranking-row.red {
  background-color: #fce3de;
  font-weight: 700;
}

.ranking-rank,
.ranking-agency,
.ranking-total,
.ranking-marks {
  flex: 1;
  min-width: 100px;
  text-align: center;
  padding: 10px 5px;
  font-size: 1rem;
  line-height: 1.25;
}

.ranking-rank span {
  font-size: 1.5rem;
}

.ranking-agency span {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.15;
}

.ranking-eye {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
  transition: background 0.2s;
  border-radius: 50%;
  background: none;
  border: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.ranking-eye svg {
  stroke: #2b76ef;
}

.ranking-row:hover .ranking-eye,
.ranking-eye:focus {
  background: #e3ebff;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  background: #f3f7ff;
  border-bottom: 2px solid #fff;
  transition: max-height 0.5s ease-in-out;
}

.accordion-content.open {
  background-color: #fff;
}

.accordion-content.open {
  max-height: 2000px;
}

.accordion-table-wrapper {
  padding: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.accordion-head1>th {
  font-size: 13px;
  font-weight: 500;
  color: #003744;
  background-color: #f5fdff;
  vertical-align: middle !important;
}

.accordion-table tbody tr td {
  font-size: 13px;
  color: #444;
}

/* Optional toast-style animation */
@keyframes slideIn {
  from {
    transform: translateY(40px);
    opacity: 0;
  }

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

.notice-card {
  animation: slideIn 0.4s ease forwards;
}

.table-btn-toolbar>.btn-icon:not(:last-child) {
  margin-right: 10px;
}

.table-btn-toolbar>.btn-icon>i {
  font-size: 18px;
}

.table-btn-toolbar {
  flex-wrap: nowrap;
}

/* Tooltip Css Start Here */
.tooltip-toolbar .tooltip-text {
  position: relative;
}

.tooltip-toolbar .tooltip-text::after {
  content: attr(data-title);
  position: absolute;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}

.tooltip-toolbar .tooltip-text:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.tooltip-toolbar .tooltip-text::before {
  content: "";
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease;
}

.tooltip-toolbar .tooltip-text:hover::before {
  opacity: 1;
  visibility: visible;
}

/* Tooltip Css End Here */
.list-view-card {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  border: 1px solid #d5dbfd;
  overflow: hidden;
}

.list-header-card {
  background-color: #eff2f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 2px solid #c4c9df;
}

.list-card-title {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  color: #012f9d;
}

.count-view-card .label-text {
  font-size: 14px;
  font-weight: 500;
  color: #012f9d;
}

.count-view-card .count-text {
  background: #2196F3;
  padding: 4px 10px;
  border-radius: 4px;
  margin-left: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

.list-card-body {
  padding: 10px;
}

.grid-view-tbl .form-control {
  font-weight: 500;
  color: #000 !important;
}

.upload-doc-wrapper .dropify-wrapper {
  max-height: 100px;
  font-size: 11px;
}

.upload-doc-wrapper .action_btn {
  margin-bottom: 0;
}

.upload-doc-wrapper .action_btn a>i {
  margin-right: 8px;
}

.upload-doc-wrapper .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
  text-align: left;
}

.media-card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 22px;
  margin-top: 20px;
  width: 100%;
}

.media-card {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding: 25px 15px;
  border-radius: 4px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
}

.media-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 8px 22px rgba(0, 0, 0, 0.15);
}

.media-card:hover .media-card-icon {
  opacity: 1;
}

.media-card:hover .media-count-no {
  color: #002d9c;
}

.media-count-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #333;
  text-align: left;
}

.media-count-no {
  font-size: 28px;
  font-weight: 700;
  color: #0071cc;
}

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

.media-card-icon {
  font-size: 65px;
  color: #162f6a;
  opacity: 0.55;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.media-bg-light {
  background-color: #f3f4f2;
  padding: 5px 0 25px;
}

.media-status-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  width: 100%;
}

.media-status-wrapper .media-status-card {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #d5dbde;
  /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); */
  position: relative;
  transition: 0.3s ease-in-out;
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
}

.media-status-wrapper .media-status-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

.media-status-wrapper .media-status-card.light-blue {
  background: #cfe8f4;
}

.media-status-wrapper .media-status-card.peach {
  background: #f7e2d9;
}

.media-status-wrapper .media-status-card.danger-card {
  background: #ff0000;
}

.media-status-wrapper .status-title {
  font-size: 15px;
  font-weight: 500;
  color: #001f4d;
  display: flex;
  align-items: center;
  min-height: 42px;
}

.media-status-wrapper .status-count {
  font-size: 28px;
  font-weight: 700;
  color: #001f4d;
}

.media-status-wrapper .white-text {
  color: #ffffff !important;
}

.media-status-wrapper .status-icon {
  font-size: 50px;
  display: block;
  opacity: 0.65;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  color: #2196F3;
  position: absolute;
  right: 0;
}

.status-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}

.media-status-wrapper .media-status-card:hover .status-icon {
  transform: scale(1.12);
  opacity: 1;
}

.media-status-wrapper .danger-card .status-icon {
  color: #ffffff;
}



.media-table-card .grid-view-tbl .table thead tr th {
  font-size: 13px;
}

/* ATR Dashboard CSS Start Here */
.atr-main-wrapper {
  background-color: #f3f4f2;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-bottom: 15px;
}

.atr-count-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}

.atr-card-toolbar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.atr-card-title>i {
  margin-right: 10px;
  font-size: 18px;
  color: #3268e6;
  border-right: 1px solid #bbc7e2;
  padding-right: 10px;
}

.atr-card-title {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #101010;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.atr-card-wrapper {
  border: 1px solid #f4eeee;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
  transition: .25s ease-in-out;
}

.atr-card-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.15);
}

.atr-card-wrapper:hover .atr-card-title {
  color: #3268e6;
}

.atr-inner-wrapper:hover .text-success-hover {
  color: #627a00 !important;
}

.atr-inner-wrapper:hover .text-pending-hover {
  color: #ff6500 !important;
}

.atr-inner-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0 5px;
  cursor: pointer;
}

.atr-inner-wrapper:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: 1px dashed #aaa;
}

.atr-wrapper-no {
  display: block;
  text-align: center;
  margin-bottom: 6px;
  font-weight: 800;
  font-size: 20px;
}

.atr-subtitle {
  margin-bottom: 0;
  font-size: 13px;
  color: #101010;
  text-align: center;
}

.atr-graph-container {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 4px;
  height: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #dedede;
}
.atr-graph-container:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);  
}
.atrl-list-card{
      border: 1px solid #f4eeee;
    border-radius: 4px;
    background-color: #fff; 
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
    transition: .25s ease-in-out;
}
/* Responsive */
@media (min-width: 993px) {
  .main-view-area .page-header-view .btn-toolbar .menu-toggle {
    display: none;
  }
}

@media (max-width: 768px) {
  .trend-card h6 {
    font-size: 0.95rem;
  }

  .trend-card .count {
    font-size: 2.1rem;
  }
}


@media (min-width: 1600.98px) {
  .summary-title {
    font-size: 24px;
  }

  .summary-title {
    font-size: 20px;
  }

  .sub-card-devider li a {
    font-size: 18px;
  }
}

@media (min-width: 1400px) {
  .media-card-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }
}

@media (max-width: 1299.98px) {
  .picture__list__view {
    grid-template-columns: repeat(2, 1fr);
  }

  .document-file-card .card-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1200px) {
  .container-fluid {
    max-width: 100% !important;
  }
}

@media (max-width: 1199.98px) {
  .list__profile__view {
    position: relative;
    max-height: 150px;
    min-height: 90px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991.98px) {
  .slidebox {
    width: 100% !important;
  }

  .document-file-card .card-container {
    grid-template-columns: 1fr;
  }

  .list-view-data {
    grid-template-columns: repeat(1, 1fr);
  }

  .card-privilege-module {
    grid-template-columns: repeat(3, 1fr);
  }

  .top-header-dpt {
    flex-wrap: wrap;
    display: none;
  }

  .dept-name {
    font-size: 15px;
  }

  .dept-name span {
    font-size: 18px;
  }

  .dept-title-text {
    font-size: 22px;
  }

  .dept-sub-text {
    font-size: 15px;
  }

  .mp-logo {
    max-width: 50px;
  }

  .cm-pm-logo {
    max-width: 90px;
  }

  .cm-pm-logo>img {
    max-width: 100%;
  }

  .sidebar-nav-wrapper {
    display: block;
  }

  .asidebar-view,
  .asidebar-content-view .toggle-btn {
    display: none;
  }

  .cs-tabs-navbar .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-bottom: 5px;
  }

  .tab-content-card.bg-skyblue.p-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cs-tabs-navbar .nav-tabs .nav-item {
    flex-shrink: 0;
  }

  .asidebar-content-view,
  .cs-dashboard-tab-warapper .tab-content {
    padding: 0;
    border: none;
  }

  .tab-content-card.bg-skyblue .row,
  .tender-details-tab .row {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-bottom: 0;
  }

  .tab-content-card.bg-skyblue .row .col-xl-3,
  .tab-content-card.bg-skyblue .row .col-xl-4 {
    flex: 0 0 75%;
  }

  .ps-nividita-status .cm-summary-card-body .cm-list-dt {
    grid-template-columns: repeat(3, 1fr);
  }

  .monitoring-list-view table tbody tr td {
    border-bottom: none !important;
  }

  .review-asidebar {
    position: fixed;
    left: -350px;
    z-index: 1100;
    height: 100vh;
  }

  .review-asidebar.active {
    left: 0;
  }

  .review-header-top .menu-toggle {
    display: inline-block;
    background: #0c2d48;
    color: white;
    border: none;
    padding: 10px 15px;
    margin: 10px;
    border-radius: 5px;
  }

  .review-body-area .main-content {
    margin-top: 0;
  }

  .funds-report-cards .btn-header-toolbar>.btn .btn-text {
    display: none;
  }

  .primary-fund-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .media-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .atr-count-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767.98px) {
  .media-card-wrapper {
    grid-template-columns: 1fr;
  }

  .atr-count-wrapper {
    grid-template-columns: 1fr;
  }

  .review-body-area .main-content {
    margin-top: 0;
  }

  .card-privilege-module {
    grid-template-columns: repeat(1, 1fr);
  }

  .btn-toolbar.mobile-btn-toolbar .btn {
    min-width: 110px !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mobile-btn-toolbar {
    justify-content: center;
  }

  .picture__list__view {
    grid-template-columns: 1fr;
  }

  .dept-name {
    display: none;
  }

  .dept-title-text {
    font-size: 15px;
  }

  .mp-logo {
    max-width: 35px;
    margin-right: 0;
  }

  .dept-sub-text {
    font-size: 12px;
    margin-top: 3px;
  }

  .cm-pm-logo {
    max-width: 102px;
  }

  .topnav.mobileNavMenu {
    padding-top: 0 !important;
  }

  .menu-accessibility li a {
    font-size: 12px;
  }

  .image-upload .dropify-wrapper.touch-fallback .dropify-message {
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-upload .dropify-wrapper .dropify-message {
    top: 0 !important;
  }

  .image-upload .dropify-wrapper input {
    padding: 0 !important;
  }

  .docUploadResponse+.d-flex {
    flex-direction: column;
    margin-top: 10px;
  }

  .image-upload .dropify-wrapper {
    padding: 5px 10px !important;
    width: 100% !important;
  }

  .uploadDocDropify .dropify-wrapper .dropify-message p {
    padding-left: 10px;
  }

  .boxs_doc>.boxs_doc>a+i {
    margin-top: 4px;
    color: #ff5353;
  }

  .boxs_doc>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }

  .new_listing {
    width: 100%;
    flex-wrap: wrap;
  }

  .add-project-labels {
    z-index: 102;
  }

  .new_listing>li:not(:first-child) {
    margin-left: 10px;
  }

  .boxs_doc>.boxs_doc {
    padding: 0 !important;
    position: relative;
  }

  .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .primary-fund-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .review-filter-container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {

  .trend-card {
    padding: 22px 18px;
  }
}