/*All the css changes added by developer should come here*/

a {
  cursor: pointer;
}

.sub-question {
  padding-left: 20px;
}

.sub-question-quest {
  font-weight: 500;
}

.dependent-section {
  margin-top: 10px;
}

table {
  margin-top: 10px;
  margin-bottom: 10px;
}

td {
  width: 15%;
}

/* .loader {
  border: 16px solid #f3f3f3;
  Light grey
  border-top: 16px solid #3498db;
  Blue
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
} */

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

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

/* Login Page */
.admin-login .btn-outline-light:disabled,
.btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: #3a8ac7;
}

.edit-modal-main .modal-save-btn {
  margin-inline: 2px;
}

.delete-modal-main .modal-close-btn {
  margin-inline: 4px;
}

/* Style for the dropdown container */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Style for the dropdown header */
.dropdown-header {
  padding: 1px 4px !important;
  cursor: pointer;
  color: black !important;
}

/* Style for the dropdown list */
.dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  /* width: 100%; */
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  max-height: 100px;
  overflow-y: scroll;
}

/* Style for each dropdown item */
.dropdown-item {
  padding: 1px 4px !important;
  cursor: pointer;
}

.dropdown-item:hover {
  box-shadow: 0 0 10px 100px #1882a8 inset;
}

.react-datepicker-wrapper,
.react-datepicker__input-container,
.react-datepicker__input-container input {
  font-size: 16px;
  padding-right: 5px;
  padding-left: 5px;
  max-width: 120px;
  margin-right: 10px;
}

.react-datepicker__year-wrapper {
  max-width: 210px !important;
}

.yearOnlyWidth {
  width: 60px;
}

.yearMonthWidth {
  width: 85px;
}

/*.custom-dropdown-button {
    background-color: white !important;
    color: black !important;
    outline: none !important;
    border: none !important;
    padding: 0px 5px 4px 5px !important;
    margin-right: 10px;
    /* text-decoration: underline !important;
text-decoration-color: #a9a9b1 !important; */
/*}

.custom-dropdown-menu {
    width: 70px;
    min-width: 70px !important;
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
}*/

.datePicker {
  width: 120px;
}

.rdtPicker {
  background-color: #f1f1f1 !important;

  /* border: 1px solid #000 !important; */
}

.datepicker .rdtPicker {
  z-index: 9 !important;
}

/* .rdtPicker td.rdtDay:hover {
   background-color: #134928 !important; 
} */
.rdtPicker thead tr:first-of-type th:hover {
  background: #3a8ac7 !important;
}

.rdtPicker thead:first-child {
  background-color: #3a8ac7 !important;
  font-size: medium;
  color: white !important;
}

/* .rdtPicker thead:first-child:hover {
  background-color: #3A8AC7 !important;
}  */
.rdtDays table tbody {
  border: none;
}

.rdtMonths table tbody {
  border: none;
}

.rdtYears table tbody {
  border: none;
}

/* remove white gap between blue portion and footer */
/* .admin-login {
  height: 618px
} */

/* AG GRID */
/* .no-border:focus {
  border: none !important;
} */
.ag-cell-focus,
.ag-cell-no-focus {
  border: none !important;
}

/*This CSS is to not apply the border for the column having 'no-border' class */
.no-border.ag-cell:focus {
  border: none !important;
  outline: none;
}

.ag-cell {
  font-size: 16px;
  /* text-align: center; */
}

.ag-header-cell {
  font-size: 15px;
  white-space: normal;
  text-align: center;
}

.ag-row,
.ag-paging-panel {
  border: none !important;
}

.ag-center-cols-container {
  /* width: auto !important; */
  width: max(100%, 1220px) !important;
}
.patient-summary .ag-center-cols-container,
#round-grid-page .ag-center-cols-container {
  width: auto !important;
}

/* .W100 {
width: 100px !important;
 } */
/* DISPLAY MESSAGES */
.clean-error {
  text-align: center;
  border: solid 1px #cc0000;
  background: #f7cbca;
  color: #cc0000;
  padding: 5px;
  margin-bottom: 0;
  font-weight: 600;
}

.clean-ok {
  border: solid 1px #349534;
  background: #c9ffca;
  color: #008000;
  font-weight: bold;
  padding: 4px;
  text-align: center;
  font-size: 14px;
  font-family: Calibri;
}

/*.custom-dropdown-item-selected {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd !important;
}*/

.top-right {
  position: absolute;
  right: 10%;
  top: 10%;
}

select {
  cursor: pointer;
}

.q14-padding-temporary {
  padding-left: 18px !important;
}

.edited-row {
  background-color: aliceblue !important;
}

.forgot-password-hyperlink:hover {
  color: #0645ad;
}

.reset-password {
  min-height: 85vh;
}

.histologic-grade-container {
  color: blue;
  cursor: pointer;
  /* Optional: changes cursor to pointer on hover */
  white-space: pre;
  /* Preserve whitespace in the title attribute */
}

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

.hyperlinkText {
  text-decoration: underline;
}

.histologic-grade-container:hover::after {
  display: block;
}

.long-text-option {
  display: flex !important;
  align-items: baseline;
}

/* Round Form */
.round-table-container {
  border: 1px solid #000;
  /* Border for the table container */
  overflow: auto;
}

.round-form .scroll {
  max-height: 600px;
  overflow-y: scroll;
}

.round-form .table-top {
  margin-top: 4px;
}

.round-form table tbody .tab-cell-border {
  border: 1px solid #000;
}

.round-form table tbody .tab-cell-left {
  padding: 7px 0 7px 12px;
}

.round-form .tab-cell-th {
  padding: 2px 0 2px 12px;
  /* text-align: center; */
}

.round-form table tbody .tab-cell-right {
  padding-bottom: 7px;
  vertical-align: bottom;
}

.round-form .radio-text-padding {
  padding-left: 15px;
  display: inline-block;
}

.round-form .sub-input-dash {
  border-bottom: 1px solid #727272;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  width: 80px;
  /* 22%; */
  background-color: transparent;
}

.round-form .sub-input-dash:focus-visible {
  outline: 0;
}

#RoundModal .modal-body,
#RoundModal .modal-content {
  width: 600px;
}

.center-info-padding {
  padding-left: 20% !important;
  padding-right: 20% !important;
}

.center-info .margin-bottom {
  margin-bottom: 16px;
}

/* .center-info-text-pad {
  padding-left: 30px;
} */
.center-info-confirm-pad {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.center-info .sub-input-dash {
  border-bottom: 1px solid #727272;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  width: 80px;
  /* 22%; */
  background-color: transparent;
}

.center-info.sub-input-dash:focus-visible {
  outline: 0;
}

.center-info .input-dash {
  /* border-bottom: 1px solid #727272 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important; */
  border: 1px solid #727272 !important;
  width: 250px !important;
  background-color: transparent !important;
}
.center-info .input-dash:focus-visible {
  outline: 0;
}
.center-info div[disabled] {
  pointer-events: none;
  opacity: 0.7;
}

.margin-top5 {
  margin-top: 5px;
}

/* Dropdown */
.custom-dropdown-caret .dropdown-toggle::after {
  color: #8a8a8a !important;
}

.custom-dropdown-button {
  background-color: white !important;
  color: black !important;
  outline: none !important;
  border: none !important;
  padding: 0px 5px 4px 5px !important;
  margin-right: 10px;
  border: 1px solid #adadad !important;
  width: 70px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  /* text-decoration: underline !important;
text-decoration-color: #a9a9b1 !important; */
}

.custom-dropdown-padding {
  padding: 7px 5px !important;
}

.custom-dropdown-button:focus {
  box-shadow: none;
  border: 1px solid #838383 !important;
}

.custom-dropdown-menu {
  /* width: 70px;
  min-width: 70px !important; */
  max-height: 150px;
  /* overflow-y: scroll; */
  min-width: 150px !important;
  overflow-x: hidden;
}

.custom-dropdown-item-selected {
  color: #fff;
  text-decoration: none;
  background-color: #1882a8 !important;
}

.w150 {
  width: 150px;
}

.input-dash {
  border: none;
  width: 120px;
  background-color: transparent;
}

.dash-demo {
  border: none !important;
  border-bottom: 1px solid #727272 !important;
  width: 250px !important;
}

/* .no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrows {
    -moz-appearance: textfield;
}

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

input[type="number"] {
    -moz-appearance: textfield; 
} */

.date-field-padding {
  padding-left: 10px;
}

#round-grid-page .input-dash {
  border-bottom: 1px solid #727272;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  width: 250px;
  background-color: transparent;
}

#round-grid-page .input-dash:focus-visible {
  outline: 0;
}

.text-wrap {
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* For better cross-browser compatibility */
}

#round-grid-page .page-filters-fbox {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* css for modal popups */
.modal-popup {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}

.option-without-input input {
  margin-top: 6px;
}

.sub-question.NdmmChar {
  overflow-x: auto;
}

.line-of-therapy td {
  padding: 0 10px;
}

.table-page table {
  width: 100%;
}

.table-page th,
.table-page td {
  border: 1px solid #000;
  text-align: center;
}

.table-page td {
  font-weight: 600;
}

.table-page .blue-text {
  color: #0069be;
}

.note-list-sec .note-list {
  margin-bottom: 12px;
}

.note-border-box-sec {
  padding: 10px 10px 0 !important;
}

.date-picker-ttchar .rdtPicker {
  right: 8px;
}

.input-dashdash {
  border: none; /* Remove all borders */
  border-bottom: 1px solid black; /* Add only the bottom border */
  outline: none; /* Remove the input focus outline */
  padding: 5px 0; /* Adjust padding to align text nicely */
}

.cohort-header {
  color: steelblue;
  font-weight: bolder;
  font-size: larger;
  text-decoration: underline;
  padding-bottom: 10px;
  padding-top: 10px;
}

.datepicker th {
  border: 1px solid #fff !important;
}

.datepicker td {
  border: none !important;
}

.table-page td {
  font-weight: 400;
}
.not-applicable {
  padding-left: 15px;
  display: inline-block;
  font-weight: 500;
}

/* Style checkboxes with a consistent blue color */
input[type="checkbox"] {
  accent-color: #007bff; /* Blue color for all browsers */
}
.ag-cell div {
  white-space: nowrap !important; /* Prevent text from wrapping */
  overflow: hidden !important; /* Hide the overflow text */
  text-overflow: ellipsis !important; /* Show ellipsis (...) */
}

/*.confirm-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;  Ensure it’s above other content 

.confirm-popup-content {
  background: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}*/
/*Abstractor Grid Status Style*/
.form-check-input {
  height: 1.3em !important;
  width: 2.6em !important;
}
.form-check-input:checked {
  background-color: #198754 !important; /* Green when checked */
}
.form-check-input:not(checked) {
  background-color: #ff3333 !important;
}

/* Side bar new changes */

.sidebar {
  height: -webkit-fill-available !important;
  width: 350px;
  position: fixed;
  z-index: 1;
  top: 254px;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  height: calc(100vh - 255px);
  /* padding-top: 60px; */
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;

  padding: 10px 10px 10px 5px;
  background-color: #fff;
  color: #244d7a;
  border: none;
  position: fixed;
  top: 60%;
  left: 302px;
  z-index: 10;
  border-radius: 70px 0 0 70px;
}

.openbtn i {
  margin-bottom: 8px;
}

.openbtn:hover {
  /* background-color: #09305a; */
  background-color: #c7c7c7;
}

#main {
  transition: margin-left 0.5s;
  padding: 16px;
  margin-left: 350px;
}

.openbtn.active {
  /* background-color: #fff;
  color: #244D7A; */
  background-color: #244d7a;
  color: white;
  /* border-radius: 70px 0 0 70px; */
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 0;
}

.openbtn.active:hover {
  /* background-color: #c7c7c7; */
  background-color: #09305a;
}

.custom-save-button {
  padding: 2px 16px !important;
}

.custom-dropdown-ht {
  padding: 2px 5px !important;
}

.input-dash-custom {
  width: 150px !important;
  border: none !important;
  border-bottom: 1px solid #727272 !important;
  margin-top: 0 !important;
}

.input-dash-custom:focus,
.input-dash-custom:focus-visible {
  outline: 0;
}

.bottom-spacing {
  margin-bottom: 6px;
}

.datepicker-dependence .rdtPicker {
  top: -16px !important;
}

.custom-calender-position .rdtPicker {
  top: -91px !important;
  left: 27px !important;
}

.validate-and-submit-footer {
  min-height: 98px;
}

.customNoContent .error-input {
  text-align: start !important;
}
.marginLeft15 {
  margin-left: 15px;
}

.calender-datefix .rdt {
  position: static !important;
}
.calender-datefix .rdt .rdtPicker {
  top: 10px;
  position: static !important;
}
.calender-datefix-survey {
  position: relative;
}

/* datepicker */

.custom-datepicker-inputbox input {
  height: 7px;
  margin-top: 0;
  padding: 9px 10px 8px;
  font-size: 14px;
  width: 95px;
}

.custom-datepicker-inputbox
  .css-lxfshk-MuiInputBase-root-MuiOutlinedInput-root {
  height: 28px;
  background-color: #e9ecef;
}

.custom-datepicker-inputbox .css-20bmp1-MuiSvgIcon-root {
  width: 20px;
  height: 20px;
}

.custom-datepicker-inputbox
  .css-1df20ln-MuiInputBase-input-MuiOutlinedInput-input::placeholder {
  color: #212529 !important;
}
.Mui-disabled {
  opacity: 0.9 !important;
  -webkit-text-fill-color: #212529 !important;
}
.custom-chart {
  background-color: #F1F9FF !important;
  min-height: calc(100vh - 188px);
  padding-block: 20px;
}

.custom-chart table th, .custom-chart table th{
  background-color: #fff;
}

.custom-topmenu {
  top:63px !important;
}

/* @media screen and (max-width:) {
  
} */

.dropdown-fbox {
  display: flex;
  gap: 15px;
  align-items: center;
}

.css-1dhy1zg-MuiPopper-root-MuiPickersPopper-root {
z-index: 9 !important;
}

/* locked eligible  patient - disable patient*/
.eligibiltylocked div[disabled] {
    pointer-events: none;
    opacity: 0.9;
}