html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Stop horizontal overflow from affecting the vertical scrollbar position */
}

.dashboard-body .nice-select {
  max-width: 100%;
  box-sizing: border-box;
}

#ajaxOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* dark opacity */
  z-index: 2000;
}

/*
#grid .k-grid-content {
    max-height: 400px;  
    overflow-y: auto;  
}
*/
.k-scheduler-header th {
  color: #2f4858 !important;
  border: none !important;
  background-color: #ffffff !important;
}

.k-scheduler-toolbar {
  border: none !important;
  background-color: #ffffff !important;
}

.k-scheduler {
  border-radius: 5px !important;
}

#scheduler {
  border: 2px solid #708090; /*#708090*/
  border-radius: 8px;
  padding: 10px;
}

#grid.k-grid {
  background-color: #ffffff;
  border: 2px solid #708090; /*#708090*/
  border-radius: 8px;
  padding: 10px;
}

#grid.k-grid td,
#grid.k-grid th,
#grid.k-grid tr,
#grid.k-grid .k-grid-content td,
#grid.k-grid .k-grid-header th {
  border: none !important;
}

#grid.k-grid .k-grid-header,
#grid.k-grid .k-grid-header-wrap,
#grid.k-grid .k-grid-content {
  border: none !important;
}

h4 {
  color: #2f4858;
}

.btn-two {
  border: 1px solid #ed9271; /*ed9271   #2f4858*/
  background: #ed9271;
  color: #ffffff;
}
.btn-two:hover, .btn-two:focus {
  border: 1px solid #2f4858;
  background: #2f4858;
  color: #fff;
}

.btn-one {
  border: 1px solid #ed9271;
  color: #ffffff;
  background: #ed9271;
}
.btn-one:hover, .btn-one:focus {
  background: #ffffff;
  border-color: #ed9271;
  color: #000000;
}

.btn-three {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #000;
  padding: 0 22px;
  min-width: 160px;
  text-align: center;
  line-height: 53px;
  border: 1px solid #ed9271;
  background: #ed9271;
  border-radius: 10px;
  transition: all 0.3sease-in-out 0s;
}
.btn-three:hover, .btn-three:focus {
  background: #ffffff;
  color: #2f4858;
  border: 1px solid #2f4858;
}

.btn-four {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #fff;
  padding: 0 22px;
  min-width: 160px;
  text-align: center;
  line-height: 53px;
  border: 1px solid #2f4858;
  background: #2f4858;
  border-radius: 10px;
  transition: all 0.3sease-in-out 0s;
}
.btn-four:hover, .btn-four:focus {
  background: #ffffff;
  color: #ed9271;
  border: 1px solid #ed9271;
}

.btn-eight {
  border: 1px solid #2f4858;
  background: #2f4858;
  color: #ffffff;
  border-radius: 10px;
}
.btn-eight:hover, .btn-eight:focus {
  background: #2f4858;
  color: #ffffff;
  border: 1px solid #2f4858;
}

.dash-aside-navbar .dasboard-main-nav li a.active {
  background-color: transparent;
  /*  ed9271  f8f9fa eeeeee e8ebee a2a5a7  96b5c2    ed9271 */
  color: #2f4858; /*   2f4858  ffffff  ed9271 */
  font-size: 20px;
  font-weight: bold;
  border-radius: 8px;
}

.dash-aside-navbar .dasboard-main-nav li a {
  background: transparent;
  color: #2f4858;
}

.theme-main-menu .navbar-toggler {
  background: #ed9271;
}

.scroll-top {
  background: #ed9271;
  color: black;
}

.dashboard-body .dash-btn-one {
  background: #cccccc;
  width: 280px;
}

.dashboard-body .dash-btn-one:hover {
  background: #ed9271;
}

.dashboard-body .dash-btn-two {
  background: #ed9271;
}

.user-data-form .nav {
  border: 1px solid #2f4858; /*e8ebee dddddd*/
  background: #ffffff;
}

.user-data-form .nav .nav-item .nav-link.active {
  color: #ffffff;
  background: #2f4858;
  /*text-decoration: underline;*/
}

.dashboard-body .user-avatar-setting .upload-btn {
  color: #ed9271;
  border: 1px solid #ed9271;
}

.pricing-section-two .pr-column-wrapper.active .btn-twelve:hover {
  background: #ed9271;
  border-color: #ed9271;
}

.btn-twelve:hover, .btn-twelve:focus {
  background: #ed9271;
  border-color: #ed9271;
}

.pricing-section-one .pr-column-wrapper ul li .icon.available {
  color: #ed9271;
}

.fancy-banner-two .form-wrapper form button {
  background: #ed9271;
}

/*
.theme-main-menu.fixed {
    background: #f4c16c;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
 */
.block-feature-four form button {
  background: #ed9271;
}

.btn-five:hover, .btn-five:focus {
  background: #ed9271;
}

.footer-one .footer-intro {
  background: none;
}

.footer-one .footer-intro .bg-wrapper {
  background: #ffffff;
}

.footer-one {
  background: #ffffff;
}

.btn-nine {
  background: #ed9271;
}

.pricing-nav-one .nav .nav-link.active {
  background: #ed9271;
}

.pricing-nav-one .nav .nav-link {
  color: #ed9271;
}

.pricing-nav-one .nav {
  border: 2px solid #ed9271;
}

.dashboard-body {
  background: transparent;
  overflow-y: auto; /* ensure this is the scroller */
  /* Firefox */
  scrollbar-width: auto !important; /* override any 'thin' rule */
  /* Optional: keep layout from shifting when scrollbar appears */
  scrollbar-gutter: stable;
}

.dashboard-body .dashboard-header {
  background: #ffffff;
}

.bg-dashboard-item {
  background: #E9EAEC; /** #DEE2E6 e8ebee 708090*/
  padding: 12px;
  border-radius: 8px;
  border-color: #708090;
  border-style: dashed;
  border-width: 2px;
  vertical-align: middle;
  text-align: center;
}

.footer-one .footer-nav .footer-nav-link a:hover {
  color: #ed9271;
}

.dropdown-menu {
  background-color: #ed9271;
}

.pricing-section-one .dot-bg-wrapper {
  background: none;
}

ol li {
  margin-bottom: 20px;
}

.block-feature-two .block-two {
  background: none;
}

.bg-pink {
  background: #f1b147; /* #f6e9e8  e8ebee */
}

.bg-blue {
  background: #96b5c2; /* #f6e9e8  e8ebee */
}

.nav-item .nav-link:hover {
  color: #ed9271;
}

/*
.nav-item .nav-link {
    text-decoration:underline;
}
*/
.dash-aside-navbar {
  background: #fdf4f1; /*fdf4f1 eeeeee*/
  width: 300px;
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1); /* subtle right-side shadow */
  /*border-right: 2px dashed #ed9271; */
  /*  fdf4f1 #fbf9f3  fbf9f3 f5cda7  f9e1ca  linear-gradient( to bottom, #ffffff 0%, #ffffff 20%, #fdf4f1 30%, #fdf4f1 80%, #ffffff 100%); */
  /*background: linear-gradient(to bottom, #fbf9f3 0%, #fbf9f3 20%, #fdf4f1 30%, #fdf4f1 100%); */
  /* ed9271    708090    *fdf4f1*    e8ebee   fbf9f3   background: linear-gradient(to bottom, #efefef 0%, #efefef 20%, #e8ebee 30%, #e8ebee 100%);  */
}

.dash-aside-navbar .close-btn:hover {
  color: #ed9271;
}

#grid .k-grid-header th {
  background-color: #ffffff !important; /* dark background */
  color: #2f4858 !important; /* white text */
  font-weight: bold !important;
  font-size: 20px !important;
  border: none !important;
}

#searchResultsList + .nice-select {
  width: 150px; /* pick your size */
}

.text {
  background: #f1b147;
}

.fancy-banner-two {
  background: url(../images/media/a.jpg) no-repeat center;
}

.dashboard-body .dash-input-wrapper .info-text p a {
  color: blue;
}

.dashboard-body .dash-input-wrapper .info-text .chng-pass {
  color: blue;
  font-size: 15px;
  text-decoration: underline;
}

.profile-circle {
  width: 40px; /* Adjust size as needed */
  height: 40px; /* Adjust size as needed */
  border-radius: 50%;
  background-color: #ed9271; /* 7aa6c2 96b5c2 Background color for the circle 00897b */
  color: #fff; /* Text color for initials */
  font-size: 13px; /* Adjust font size as needed */
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase; /* Ensures initials are uppercase */
}

.profile-circle-session {
  width: 40px; /* Adjust size as needed */
  height: 40px; /* Adjust size as needed */
  border-radius: 50%;
  background-color: #ed9271; /* Background color for the circle 00897b */
  color: #fff; /* Text color for initials */
  font-size: 13px; /* Adjust font size as needed */
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase; /* Ensures initials are uppercase */
}

.dash-aside-navbar .logout-btn .icon {
  background: #2f4858;
}

.dashboard-body {
  padding: 120px 45px 50px; /*#  120px 45px 50px   */
}

.dashboard-body .membership-plan-wrapper {
  border: 1px solid #ffffff;
  border-width: 3px;
}

.user-data-form {
  background: #ffffff; /*#4A738C  e8ebee*/
}

.dash-aside-navbar .logout-btn:hover {
  color: #ed9271;
}

.dash-aside-navbar .logout-btn:hover .icon {
  background: #ed9271;
}

body {
  background-color: #ffffff;
}

.search-result-button {
  text-decoration: underline;
  color: blue;
  border: none;
  cursor: pointer;
}

.dashboard-body .dash-input-wrapper .nice-select {
  border: 2px solid #708090;
}

.nice-select {
  max-height: 100px;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  color: #000000;
  font-weight: bold;
  background: #ed9271;
}

.user-data-form .nav .nav-item:first-child .nav-link {
  border-right: 1px solid #2f4858;
}

.user-data-form .form-wrapper .input-group-meta input {
  background: #eeeeee;
}

.dashboard-body .dash-input-wrapper input {
  border: 2px solid #708090;
}

.dashboard-body .card-box {
  padding: 15px 20px;
}

.pt-100 {
  padding-top: 200px;
}

.pb-100 {
  padding-bottom: 175px;
}

.pdf-toolbar2 {
  display: flex;
  justify-content: center;
  gap: 10px;
  height: 40px;
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pdf-toolbar {
  display: flex;
  justify-content: center;
  gap: 10px;
  height: 60px;
  background: #eeeeee;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  width: 430px;
}

.pdf-toolbar button {
  padding: 5px 5px;
  color: #2f4858;
  border: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 8px;
}

.pdf-toolbar input {
  width: 70px;
  border: none;
  background: #ed9271;
  color: black;
  border-radius: 5px;
  height: 40px;
  padding-top: 8px;
}

.pdf-toolbar button:hover {
  text-decoration: underline;
  color: #2f4858;
}

.pdf-container {
  display: block;
  justify-content: center;
  background-color: #ffffff;
  padding-right: 20px;
}

canvas {
  border: 2px solid #eeeeee;
  border-radius: 5px;
}

#pdfWrapper {
  position: absolute;
  top: 240px;
  right: 2px;
  width: 520px;
  height: 500px;
  background: transparent;
  border-radius: 8px;
  display: none;
  border-color: #ed9271;
  z-index: 1000;
}

/* Medium screens (tablets) */
@media (max-width: 1024px) {
  #pdfWrapper {
    /*
    top: 180px;
    right: 40px;
    */
    width: 360px;
    height: 360px;
  }
}
/* Small screens (phones) */
@media (max-width: 768px) {
  #pdfWrapper {
    /*
    top: -45px;  
    left: 60%; 
    right: auto;
    */
    top: 1050px;
    left: 50%;
    transform: translateX(-50%); /* horizontally centered */
    width: 400px;
    height: 420px;
  }
}
/* Extra small (narrow phones) */
@media (max-width: 480px) {
  #pdfWrapper {
    /*
    top: 80px;
    left: 50%;
    */
    transform: translateX(-50%);
    width: 240px;
    height: 280px;
  }
}
#pdfHeader:active {
  cursor: grabbing;
  height: 70px;
  padding: 20px;
  text-align: center;
}

#loadingIndicator {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 15px 20px;
  font-size: 18px;
  border-radius: 5px;
  display: none; /* Hidden by default */
  z-index: 1000;
}

.pdf-embed {
  width: 100%;
  height: 800px;
  border: none;
}

.dashboard-body .dashboard-header .dash-mobile-nav-toggler span {
  background: #ed9271;
}

.dashboard-body .dash-title-three {
  margin: 0 0 15px;
  color: #2f4858;
}

.welcomeTextStyle {
  font-size: 25px;
  color: #2f4858;
  width: 100%;
  padding: 20px;
}

.nice-select.open .list {
  background: #f5cda7;
}

.k-scheduler-agendaview .k-scheduler-mark {
  display: none !important;
}

.k-grid tr.k-alt {
  background-color: transparent !important;
}

.k-scheduler-event-delete {
  display: none !important;
}

.k-picker-solid {
  border-color: #cccccc !important;
  background-color: #ffffff !important;
}

/*
.k-scheduler {
    border:4px solid #f8f9fa !important; 
    border-radius: 5px;  
}
*/
.accordion-style-three .accordion-item .accordion-button {
  font-size: 17px;
}

.pricing-section-two .pr-column-wrapper.active {
  background: #ffffff;
  border-color: #eaedee;
  border-width: 2px;
}

.k-button-solid-primary {
  border-color: #f2b39c !important;
  background-color: #f2b39c !important;
}

.k-button-solid-base {
  border-color: #f2b39c !important;
  background-color: #f2b39c !important;
}

.accordion-style-three .accordion-item .accordion-button {
  color: #2f4858;
}

.accordion-style-three .accordion-item {
  border-bottom: 1px solid #cccccc;
}

.planButtonStyle {
  color: blue;
  font-size: 17px;
  text-decoration: underline;
}

.planButtonStyle:hover {
  color: #2f4858;
  text-decoration: none;
}