.dropdown-menu.dropdown-menu-right::before {
  content: "";
  position: absolute;
  top: -9px;
  right: 17%;
  border-width: 0 7px 9px;
  border-style: solid;
  border-color: transparent transparent #fff;

  }
  .actionButtonStyle
  {
    position: relative;
    bottom: 4px;
    padding: 5px 10px;
    height: 23px;
    background-color:  grey;
    /* color:white; */
    line-height: 8px;
    white-space: unset;
    font-size: 11px;
  }
  .dropdown-menu-right{
    right: 116px;
    border-radius: 5px;
  }
  .actionButtonStyle.active, .actionButtonStyle:active, .open>.dropdown-toggle.actionButtonStyle, .actionButtonStyle:hover {
    color: #f1f1f1 ;

  }
  .actionButtonStyle:focus-visible {
    outline: 0px solid ;
   
  }
  .dropdown-menu.dropdown-menu-right::before {
    content: none !important;
    position: absolute;
    top: -9px;
    right: 17%;
    border-width: 0 7px 9px;
    border-style: solid;
    border-color: transparent transparent #fff;
}
/* .ag-body-vertical-scroll-viewport,.ag-body-vertical-scroll {
  overflow-y: hidden !important;
  width: 0px !important;
  max-width: 0px !important;
  min-width: 0px !important;
  
} */
.docPanelAgGrid_CaseIdStyle
{
  cursor: pointer; 
  text-decoration: underline; 
}
.quickviewClass{
  cursor: pointer; 
  justify-content: center;
}
.ag-cell {
  display: grid !important;
  align-items: center !important;
  /* user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text; */
  /* height: 70px; 
  line-height: 70px; */
}
.instructionClass, .attachmentClass,.studyDescriptionClass{
  text-decoration: underline;
  cursor: pointer;
}
.attachmentsRadClass{
  text-decoration: none;
}
.modal-backdrop.in {
  opacity: 0;
 }
@media(max-width: 1400px) {
  .ag-root-wrapper {
    height: 79% !important;
  }
}

.dropdown-menu.keep-open {
  display: block !important;
}

/* Add a class to the child li elements to prevent menu from closing */
.dropdown-menu li.keep-open-on-hover:hover .dropdown-menu {
  display: block !important;
}
.ag-root-wrapper.ag-layout-normal{
height: 100% !important;
}
/* .ag-header-cell-label {
  justify-content: center;
} */
.ag-header-cell, .ag-header-group-cell {
  padding: 6px !important
}
.ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  padding: 0px 6px !important
}

.flatpickr-calendar {
  font-size: 11px;
  line-height: 5px;
  width: 236px;
  height: 244px;
  background-color: var(--modal--bg--color) !important;
  box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.32) inset, 0px 4px 24px rgba(0, 0, 0, 0.8) !important;
}
.flatpickr-days {
  width: 233px !important;
}
.dayContainer {
  width: 100px !important;
  min-width: 233px !important;
  max-width: 160px !important;
  max-height: 150px !important;
}
.flatpickr-current-month {
  font-size: 118% !important;
  font-weight: 200;
  width: 79% !important;
  left: 12.5%;
  height: 28px;
}
.flatpickr-day {
  height: 30px !important;
  line-height: 31px;
  border: 0px !important;
}
              
.flatpickr-weekday:nth-child(1)::before {
  content: "S";
  visibility: visible;
  position: relative;
  left: 11px;
}

.flatpickr-weekday:nth-child(2)::before {
  content: "M";
  visibility: visible;
  position: relative;
  left: 14px;
}
.flatpickr-weekday:nth-child(3)::before {
  content: "T";
  visibility: visible;
  position: relative;
  left: 8px;
}
.flatpickr-weekday:nth-child(4)::before {
  content: "W";
  visibility: visible;
  position: relative;
  left: 11px;
}
.flatpickr-weekday:nth-child(5)::before {
  content: "T";
  visibility: visible;
  position: relative;
  left: 8px;
}
.flatpickr-weekday:nth-child(6)::before {
  content: "F";
  visibility: visible;
  position: relative;
  left: 6px;
}
.flatpickr-weekday:nth-child(7)::before {
  content: "S";
  visibility: visible;
  position: relative;
  left: 8px;
}

.flatpickr-weekday {
  visibility: hidden;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  outline: 0;
  background-color: var(--selected--bg--color) !important;
  border-radius: 6px;
  color: rgba(255, 255, 255, 1) !important;
}
.flatpickr-day.today {
  outline: 0;
  border: 1px solid var(--selected--bg--color) !important;
  border-radius: 6px;
  /* color: rgba(255, 255, 255, 1) !important; */
}
.flatpickr-day.today:hover {
  background-color: var(--selected--bg--color) !important;
  border-radius: 6px;
  outline: 0;
  color: rgba(255, 255, 255, 1) !important;
} 
.flatpickr-day .today .selected {
  cursor: pointer;
  background-color: var(--selected--bg--color) !important;
  border-radius: 6px;
  color: rgba(255, 255, 255, 1) !important;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  cursor: pointer;
  background-color: var(--selected--bg--color) !important;
  border-radius: 6px;
  outline: 0;
  color: rgba(255, 255, 255, 1) !important;
}
.flatpickr-day{
  color:var(--datePicker--font--color) !important; 
  font-weight: var(--regOrSemi--font--weight);
}
span.flatpickr-weekday{
  color: var(--universal--font--color--text);
}
.flatpickr-current-month input.cur-year{
  font-weight: var(--regOrSemi--font--weight);
}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: var(--datePicker--mildFont--color) !important;
}
  /* .flatpickr-prev-month {
    background-image: url(../docpanel_images/filter_icon.svg) no-repeat;
} */

.ag-select .ag-picker-field-wrapper {
  background-color: var(--ag-background-color);
}
/* .ag-focus-managed {
  background-color: #222628 !important;
} */
.ag-picker-field-display {
  color: var(--datePicker--font--color) !important;
}
/* .ag-input-field-input{
  color: #ffffff !important;
} */
.ag-paging-page-size{
  display: none;
}
/* .header-Label-Color{
  color: #f1f1f1 !important;
  font-size: 11px !important;
} */
/* .gridCellColor {
  color: #f1f1f1 !important;
} */
.ag-paging-row-summary-panel, .ag-paging-page-summary-panel, .ag-icon{
  color: #f1f1f1 !important;
}
.dropdown-menu>li>a {
  color: #f1f1f1;
}
.commonBorderRemoveStyle
 {
     border : 0px solid !important;
 }
 .ag-theme-alpine-dark {
  border : 0px solid !important;
 }
.ag-paging-panel{
  border : 0px solid !important;
}
.ag-root-wrapper{
  border : 0px solid !important;
}
.ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-auto-dark .ag-row {
  --ag-font-size: 9.8px;
}
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, 
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr 
.ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, 
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl 
.ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell
.ag-cell-range-handle{
border-color: transparent !important;
}
input[class^=ag-]:not([type]), input[class^=ag-][type=text], input[class^=ag-][type=number], input[class^=ag-][type=tel], input[class^=ag-][type=date], input[class^=ag-][type=datetime-local], textarea[class^=ag-] {
  font-size: 10px !important;
  font-weight: 500 !important;
}
input[class^=ag-][type=date], input[class^=ag-][type=datetime-local] {
  font-size: 7px !important;
  font-weight: 600 !important;
}
span.ag-tab.ag-tab-selected {
  display: none;
  /* border: none !important; */
}
.ag-tabs{
  min-width:200px !important
}
.ag-theme-alpine-dark {
  --ag-border-color: transparent !important;
  }
  .ag-header-cell-text{
    white-space: normal;
    word-break: break-all;
}
.ag-header {
    height: 60px; 
  }
  .ag-header-row {
    height: 60px; 
  }
  .ag-header-cell {
    height: 60px; 
  }
  .ag-header-cell, .ag-header-group-cell {
    padding: 3px !important;
  }

  .ag-cell-label-container{
    padding: 0px !important;
  }
  /* input[type="checkbox"] {
    display: block !important;
  } */

  .ag-set-filter-item-checkbox .ag-input-field-input{
    display: block !important;
  }
  body div.ag-menu-option:nth-child(5) {
    display:none;
  }
  .ag-row {
    font-size: 11px !important;
    font-family: Light !important;
}
.patentNameClass{
  display: flex !important;
  justify-content: space-between;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  top: 10px !important;
  padding-left: 26px !important;
  padding-right: 23px !important;
}
.flatpickr-calendar.open {
  padding: 14px !important;
  width: auto !important;
}
.flatpickr-months .flatpickr-month {
  color: var(--active--name--color) !important;
  font-family: 'OpenSansRegular';
  font-size: 11px !important;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: -7px;
}
.label-cell-style {
 margin-left: -6px;
}
.ag-header-label-icon .ag-icon-filter {
  display: none !important;
}
.dropdown-menu-arrow:after {
  display: none !important;
}
.ag-theme-alpine-dark .ag-row {
  display: flex;
  align-items: center;
}
.custom-status-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.status-bar-container {
  display: flex;
  gap: 20px; 
}

.status-bar-container span {
  display: inline-block;
}
.overlayLoading{
  font-size: 20px;
  font-weight: 600;
  font-family: 'OpenSansSemiBold';
  color: black;
}
.ag-overlay-loading-wrapper {
  background-color: hsl(0deg 0.73% 67.8% / 66%) !important;
}