/* @import "{% static 'css/font-awesome.min.css' %}"; */


body {
  font-family: 'Montserrat';
  background-color: #FFFFFF;

  overflow: hidden;
}

.app-body {
  height: 95vh;
}

.app-body-coccidia-status {
  height: 85vh;
}

input {
  font-family: 'Montserrat';
}

.input-container {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-content: flex-end;
  align-items: center;
}

.input-container .logo {
  margin-bottom: 30px;
}

.input-container a {
  color: #366BF4;
  text-decoration: none;
  font-size: 14px;
  position: relative;
  top: 10px;
  display: flow;
  text-align: center;
}

.h-link {
  font-size: 14px;
  position: relative;
  top: 10px
}

.input-form {
  padding-block: 30px;
  padding-inline: 40px;
  background: white;
  width: 23%;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  /* box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05); */
}

.input-form .input-field {
  margin-top: 20px;
  position: relative;
  margin-bottom: 10px;
}

.input-form input:focus {
  border: 4px solid rgba(202, 229, 245, 1);
}

.input-form h1 {
  text-align: center;
  margin: 10px;
  font-size: 32px;
}

.input-form p {
  font-size: 14px;
  margin: 0;
  color: #3E3E3C;
  text-align: center;
}

.input-form input {
  width: calc(100% - 2rem);
  padding: 12px;
  border-radius: 8px;
  border: 1px solid lightgray;
  margin-top: 8px;
  outline: none;
  color: #3E3E3C;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  font-family: 'Montserrat';
}

.input-form .input-field label {
  font-size: 14px;
  display: block;
  font-weight: bold;
}

.errorlist {
  color: rgba(195, 35, 37, 1);
  font-size: 12px;
  font-weight: bold;
  display: inline-flex;
  padding-top: 5px;
}

.error-icon {
  padding-right: 10px;
}

.error-box {
  border: 1px solid rgba(195, 35, 37, 1) !important;
}

.btn-primary {
  background: #0039A4 !important;
  font-family: 'Poppins';
  border: none;
  padding: 10px;
  color: #ffffff !important;
  text-align: center;
  font-size: 14px;
  border-radius: 8px;
  display: block;
  transition: .1s all ease-in
}

.btn-cancel {
  background: #ffffff;
  font-family: 'Montserrat';
  border: 1px solid rgba(197, 210, 231, 0.4);
  padding: 10px;
  color: rgba(36, 43, 66, 1) !important;
  text-align: center;
  font-size: 14px;
  border-radius: 8px;
  display: block;
  transition: .1s all ease-in
}

.btn {
  width: 150px !important;
  margin-inline: 10px;
  font-size: 16px;
  padding: 10px;
  border-radius: 10px;
  font-family: 'Poppins';
}

.form-btn {
  width: calc(100% - 0.3em);
}

.footer-btn {
  margin-left: -10px
}

.btn-secondary {
  background: #00B6E6 !important;
}

.btn-primary:hover {
  /* background: #00B6E6 !important; */
  cursor: pointer;

}

.btn-cancel:hover {
  cursor: pointer
}

.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-16 {
  margin-top: 16px !important;
}

.m-t-10 {
  margin-top: 10px;
}

.w-48percent {
  width: 48% !important;
}

.m-10 {
  margin: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b--10 {
  margin-bottom: -10px;
}

.m-b-1 {
  margin-bottom: 1px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-b-4px {
  margin-bottom: 4px !important;
}

.m-b-25px {
  margin-bottom: 25px !important;
}

.p-t-20 {
  padding-top: 20px;
}

.p-t-16px {
  padding-top: 16px !important;
}

.m-t-22 {
  margin-top: 22px !important;
}

.p-l-90 {
  padding-left: 90px !important
}

.notification {
  position: absolute;
  right: 10px;
  bottom: 30px;
  z-index: 1000;
  background: white;
  border-radius: 8px;
  padding: 20px;
  font-size: 14px;
  width: 300px;
  display: none;
  max-width: 300px;
  justify-content: flex-start;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.notification i {
  font-size: 26px;
  position: relative;
  top: 2px;
}

.notification span {
  margin-left: 10px;
}

.success i {
  color: #62db84;
}

.error i {
  color: #FA5959;
}

.fa-times {
  color: black !important;
  font-size: 12px !important;
  position: absolute !important;
  right: 0px;
  top: 0px;
  padding: 10px;
  cursor: pointer;
}

.loader {
  background: transparent;
  width: 65px;
  display: none;
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 10000;
  height: 65px;
}

.loader img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  animation: spin 2s linear infinite;
}

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

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


.hyperlink {
  color: #366BF4;
  font-size: 14px;
  position: relative;
  top: 10px;
  cursor: pointer;
  left: 5px
}

.graphic-img {
  height: 50px;
  width: 50px;
  align-self: center;
  display: none;
}


#mail-sent,
#password-changed {
  display: none;
}

#resend-link {
  position: relative;
  text-align: center;
  display: flow;
}

#timer {
  text-align: center;
  position: absolute;
  left: 40%;
  top: 20px;
  padding-top: 10px;

}

/*side bar*/
.sidenav {
  height: 100%;
  width: 300px;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #242B42;
  overflow-x: hidden;
  padding-top: 20px;
  padding-bottom: 35px;
  top: 59px
}

.sidenav.acm {
  height: 100%;
  width: 0;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
  position: fixed;
  z-index: 1;
  top: 0;
  left: 300px;
  background-color: #29304a;
  overflow-x: hidden;
  padding-top: 20px;
  padding-bottom: 35px;
  top: 59px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.3s ease;

}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  display: block;
}

.sidenav .nav-item:hover,
.sidenav .nav-acm-item:hover,
.sidenav .nav-sub-item-csm:hover,
.sidenav .nav-sub-item-acm:hover,
.sidenav .nav-sub-item-admin:hover,
.sidenav .nav-sub-item:hover {
  background: #444D60CC;
  border-radius: 8px;
}

.sidenav.acm .nav-sb-item:hover {
  background: #444D60CC !important;
  border-radius: 8px;
}

.sidenav .nav-item,
.sidenav.acm .nav-acm-item,
.sidenav.acm .nav-sb-item {
  transition: 0.3s;
  width: 90%;
  opacity: 0.6;
  display: flex;
  margin-bottom: 3px;
  padding: 10px;
  align-items: center;
  justify-content: flex-start;
}

.sidenav.acm .nav-sb-item {
  margin-bottom: 0px !important;
  margin-left: 10px !important
}

.hidden-nav-item {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}

.visible-nav-item {
  opacity: 1;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}

.sidenav.acm .nav-acm-item {
  display: block;
  width: 100% !important;
  position: relative;
}

.sidenav.acm .sub-item-sidebar {
  border-left: 3px solid #444D60CC;
  margin-left: 35px;
}

.sidenav.acm .nav-acm-item .icon {
  position: absolute;
  right: 10px;
  top: 18px;
}


.sidenav .nav-item label,
.sidenav .nav-acm-item label,
.sidenav .nav-sub-item-csm label,
.sidenav .nav-sub-item label,
.sidenav .nav-sub-item-acm label,
.sidenav .nav-sub-item-admin label,
.sidenav.acm .nav-sb-item label {
  color: white;
  text-decoration: none;
  position: relative;
  line-height: 1.3em;
  left: 5px;
  top: 4px;
  font-weight: 500;
  width: 250px;
  max-width: 250px;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  overflow: hidden;
}



.sidenav .nav-item .nav-lbl {
  left: 20px
}

.sidenav .nav-item .nav-icon {
  position: absolute;
}

.sidenav .nav-sub-item {
  position: relative;
  transition: 0.3s;
  opacity: 0.7;
  display: none;
  left: 30px;
  width: 80%;
  color: white;
  font-size: 14px;
  margin-bottom: 3px;
  padding: 15px 10px;
}

.sidenav .nav-sub-item-acm {
  position: relative;
  transition: 0.3s;
  opacity: 0.7;
  display: none;
  left: 15px;
  width: 88%;
  color: white;
  font-size: 14px;
  margin-bottom: 3px;
  padding: 15px 9px;
}

.sidenav .nav-sub-item-csm {
  position: relative;
  transition: 0.3s;
  opacity: 0.7;
  display: none;
  left: 30px;
  width: 80%;
  color: white;
  font-size: 14px;
  margin-bottom: 3px;
  padding: 15px 10px;
}


.sidenav .nav-sub-item-admin {
  position: relative;
  transition: 0.3s;
  opacity: 0.7;
  display: none;
  left: 30px;
  width: 80%;
  color: white;
  font-size: 14px;
  margin-bottom: 3px;
  padding: 15px 10px;
}

.nv-active {
  background: #444D60CC;
  border-radius: 8px;
  border-left: 1px solid #00B6E6
}

/* .sidenav .nav-sub-item label{
        line-height: 1em;
      } */
.sidenav .nav-section {
  border-bottom: 2px solid #FFFFFF14;
  padding: 10px 0px;
  margin-bottom: 10px;
}

.sidenav .nav-section .lbl {
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  left: 15px;
  opacity: 40%;
  font-weight: 500;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

.top-layout {
  width: 100%;
  padding: 0px;
  position: relative;
  left: 21px;
  overflow: hidden;
  margin-bottom: 30px;
}

.bottom-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 71px;
  margin-left: 18px;
  align-self: flex-end;
}

.inside-layout {
  flex: none;
  order: 0;
  flex-grow: 1;
}

.pl-l-b {
  padding-left: 26px !important;
  padding-bottom: 26px !important;
}

.pl-33 {
  padding-left: 33px !important;
}

.header {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 32px;
  gap: 12px;
  position: absolute;
  width: 100%;
  height: 62px;
  left: 0px;
  top: 0px;
  background: #182133;
  justify-content: space-between;
  border-bottom: 1px solid #DFE1E8;
  z-index: 2022;
}

.header a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  margin-right: 5px;
}

.header a .help-logo {
  position: relative;
  left: 20px
}

.header a label {
  position: relative;
  top: 1.5px;
}

.header-left-layout {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}

.header-img-logo {
  position: relative;
  left: -10px
}

.pos-r {
  position: relative !important;
}

.searchbox-container {
  width: calc(25%)
}

.sidenav.acm .searchbox-container {
  width: 100% !important;
  margin-bottom: 30px;
  color: white
}

.searchbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 11px 16px;
  gap: 8px;
  width: 100%;
  position: relative;
  top: 5px;
  height: 40px;
  background: #FFFFFF14;
  border-radius: 8px;
  border: transparent;
  font-family: 'FontAwesome', 'Montserrat';
}

.searchbox::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #979da7;
}

.searchbox:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #979da7;
  opacity: 1;
}

.searchbox::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #979da7;
  opacity: 1;
}

.searchbox:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #979da7;
}

h3 {
  width: calc(72%) !important;
  font-weight: 600;
}

.profile-label {
  width: 60px;
  left: 16px;
  top: 104px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #FFFFFF;
  word-wrap: break-word;
  line-break: anywhere;
  margin-left: 20px;
}

.profile-img {
  border-radius: 50px;
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.body-container {
  margin-left: 300px;
  margin-top: 70px;
  height: 94%;
  margin-bottom: 10px;
  overflow-y: scroll;
  padding-bottom: 20px;
  transition: all 0.3s ease;

}

.userprofile-form {
  margin-right: 30px;
  margin-top: 25px;
  width: 60%;
  display: flex;
  flex-direction: column;
  border: 1px solid #C5D2E7;
  padding-bottom: 0px;
}

.userprofile-form input {
  width: 100%;
  accent-color: dodgerblue;
}

.userprofile-form select {
  margin-top: 8px;
  height: 44.6px;
  border-radius: 8px;
  font-size: 14px !important;
}

.userprofile-form-saveBtn {
  width: 165px;
  height: 48px;
  margin-right: -10px;
}

.userprofile-form-cancelBtn {
  width: 116px;
  height: 48px;
}

.userprofile-form h5 {
  font-weight: 600;
}

.required {
  color: #FA5959
}

.apl-scrollbar {}

.apl-scrollbar::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.apl-scrollbar.scrollbar--2::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

.apl-scrollbar::-webkit-scrollbar:hover {
  width: 10px;
}

.apl-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.apl-scrollbar::-webkit-scrollbar-thumb {
  /* background: linear-gradient(270deg, #313131, #1d1d1d);*/
  background: lightgray !important;
  border-radius: 100px;
}

.apl-scrollbar::-webkit-scrollbar-thumb:hover {
  background: lightgray;
  width: 10px;
}

.apl-scrollbar::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 15px;
}

.apl-scrollbar::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 15px;
}

::-webkit-scrollbar {
  width: 10px;
  border-radius: 8px
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 8px
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #818181;
}


/* Modern browsers with `scrollbar-*` support */
@supports not selector(::-webkit-scrollbar) {
  .apl-scrollbar {
    scrollbar-color: lightgray transparent;
    scrollbar-width: thin;
  }
}

input:disabled {
  cursor: not-allowed !important;
}


/* POPUP */


.popup {
  position: absolute;
  display: none;
  transition: 1s all ease-in;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  align-items: flex-start;
  top: 0px;
  z-index: 2023;
}

#content_popup {
  position: absolute;
  left: 0;
  top: 5%;
  z-index: 2023;
}

textarea {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid lightgray;
  margin-top: 8px;
  outline: none;
  color: #3E3E3C;
  font-family: 'Montserrat';
}

.popup .popup-body {
  width: 450px;
  display: flex;
  padding: 25px;
  background: white;
  flex-direction: column;
  height: 200px;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.popup .popup-body h4 {
  font-weight: bold;
}

.popup .popup-body label {
  font-weight: 400;
  color: rgba(126, 139, 159, 1);

}

.popup .popup-body .popup-btn,
.popup .content-popup-body .popup-btn {
  display: flex;
  margin-top: 25px;
  justify-content: flex-end;
}

.popup .popup-body .popup-btn button,
.popup .content-popup-body .popup-btn button {
  width: 100px;
  margin: 5px;
}

/* POP UP CONTENT BODY */
.popup .content-popup-body {
  width: 500px;
  display: flex;
  position: relative;
  padding: 10px 25px;
  background: white;
  flex-direction: column;
  height: 640px;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.popup .content-popup-body h3 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px !important;
}

.popup .content-popup-body .sub-heading {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0px;
  margin-top: 5px
}

.popup .content-popup-body label {
  font-weight: 400;
  color: rgba(126, 139, 159, 1);
  font-size: 14px;
  color: #242B42CC;
}

.popup .content-popup-body .text-box {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #EBEEF4;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.popup .content-popup-body .input-field {
  width: 100%;
  border: 1px solid #EBEEF4;
  border-radius: 8px;
  display: flex;
  max-height: 100px;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
}

.popup .content-popup-body .copy_popup {
  position: absolute;
  display: none;
  left: 28%;
  background: #BAEDD7;
  padding: 15px;
  top: 0;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}

#add_user {
  border: none;
  outline: none;
  flex-grow: 1;
  font-size: 14px;
  margin-top: 0;
  margin-left: 5px;
}

#message-length {
  display: none;
  font-size: 12px;
  color: rgba(195, 35, 37, 1)
}

.popup .content-popup-body .add-user-section {
  display: flex;
  width: 100%;
  /* height:60px */
}

.popup .content-popup-body .btn-primary {
  margin-top: 10px;
  height: 40px;
  margin-left: 5px
}

hr {
  border: 0;
  clear: both;
  display: block;
  /* width: 96%; */
  /* background-color:#FFFF00; */
  height: 1px;
  margin-left: -15px;
  margin-right: -15px;
}

.popup .content-popup-body .popup-btn {
  display: flex;
  margin-top: 25px;
  justify-content: flex-end;
  position: absolute;
  bottom: 20px;
  right: 25px;
  cursor: pointer;
}

.popup .content-popup-body .popup-btn a {
  top: -1px !important;
  left: 5px;
  position: relative;
  color: #0039A4;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

.popup .content-popup-body input {
  border: none !important;
  width: 200px;
}

.popup .content-popup-body textarea {
  resize: none;

}

.popup .content-popup-body .suggestion-field {
  max-height: 150px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  border-radius: 8px;
  top: 50%;
  display: none;
  background-color: white;
  border: 1px solid #EBEEF4;
  box-shadow: 0px 2px 3px lightgray;
  overflow-y: scroll;
  width: 80%;
}

.popup .content-popup-body .suggestion-field .suggestion:hover {
  background-color: #CAE5F5;
  border-radius: 4px;
}

.selected-suggestion {
  background-color: #CAE5F5;
  border-radius: 4px;
}

.popup .content-popup-body .suggestion-field .suggestion {
  padding: 10px;
}

.popup .content-popup-body .no-profile-picture-text-opt {
  padding: 5px;
  display: inline-block;
  margin-top: 0;
}

.popup .content-popup-body .no-profile-picture-text-opt .lbl-initial {
  color: white;
  position: relative;
}

.popup .content-popup-body .lbl-user {
  position: relative;
  font-weight: 500;
  left: 5px;
  display: inline-block;
  width: 76%
}

.popup .content-popup-body .lbl-owner {
  position: relative;
  left: 5px;

}

.popup .content-popup-body .lbl-user span {
  color: #7E8B9F;
  font-weight: 500;
}

.popup .content-popup-body .shared-list {
  max-height: 80px;
  overflow-y: scroll;
  margin-top: 5px;
}

.popup .content-popup-body .close-share-popup {
  right: 10px;
  top: 10px;
  font-size: 18px !important;
  cursor: pointer !important;
}

.divider {
  height: 1px;
  width: 100%;
  margin-bottom: 2px;
  background-color: #C5D2E766;
  position: relative;
  left: -24px;
  width: 500px;
}

.divider-max-width {
  width: 100%;
  color: #6e747e66;
}

.bottom {
  position: absolute;
  left: 0px;
  bottom: 50px
}

.tags-container {
  display: flex;
  flex-wrap: wrap;
  padding: 5px
}

.tag {
  background-color: #ffffff;
  padding: 3px 5px;
  border: 1px solid #C5D2E799;
  margin: 2px;
  height: 28px;
  font-size: 14px;
  border-radius: 8px;
  position: relative;
  padding-right: 20px;

}

.tag-input {
  border: none;
  outline: none;
}

.delete-button {
  cursor: pointer;
  position: absolute;
  right: -4px;
  top: -2.5px;
}

/* END  POP UP CONTENT BODY */

.disabled-btn {
  opacity: 0.4;
  cursor: not-allowed !important;
  pointer-events: none !important;
  background-color: #0039A4 !important;
}

.select-clear {
  position: absolute;
  top: 16px;
  right: 30px;
}

.inline-fields {
  display: inline-block;
}

.ph-code {
  width: calc(100% - 34vw);
  margin-right: 4px;
}

.ph-num {
  width: calc(100% - 7vw);
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.width-150 {
  width: 150px !important;
}

.width-inherit {
  width: inherit !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.report-grid-container {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-7px {
  margin-top: 7px !important;
}

.m-hr-5 {
  margin: 5px;
}

/*4 items*/
/* .report-grid-container {
      background: white;
      display: flex;
      flex-direction: column;
      border-radius: 12px;
      box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
      margin-right: 30px;
      margin-bottom: 25px;
      padding: 10px;
      width: 299px;
      height: 265px;
  } */

.report-grid-item {
  background: white;
  display: flex;
  flex-direction: column;
  border: 1px solid #C5D2E7;
  border-radius: 8px;
  margin: 15px;
  /* margin-bottom: 25px; */
  padding: 25px;
  width: 257px;
  height: 180px;
}

.report-grid-item-name {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #242B42;
}

.report-grid-item-desc {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #3E3E3C;
  margin-bottom: 36px;
}

.m-t-12 {
  margin-top: 12px
}

.m-t-40px {
  margin-top: 40px
}


.m-t-5 {
  margin-top: 5px
}

.sub-header {
  display: flex;
  width: 99%;
  padding-top: 10px;
}

.grid-toggle-btn {
  border: none !important;
  background-color: transparent !important;
}

.grid-toggle-active-btn {
  border: none !important;
  background-color: #EBEEF466 !important;
  margin-top: 5px;
  height: 30px;
  border-radius: 6px;
}

.w-4vw {
  width: calc(100% - 4vw) !important;
}

.w-2vw {
  width: calc(100% - 2vw) !important;
}

.w-13 {
  width: 13% !important;
}

.w-200 {
  width: 200px !important;
}

.w-78 {
  width: 78% !important;
}

.f-r {
  float: right;
}

.t-a-r {
  text-align: right;
}

.f-s-14px {
  font-size: 14px !important;
}

.f-s-16px {
  font-size: 16px !important;
}

.p-t-15 {
  padding-top: 15px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-480px {
  padding-left: 480px !important;
}

.p-t-0 {
  padding-top: 0;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-3 {
  padding-bottom: 3;
}

.p-i-15 {
  padding-inline: 15px;
}

.p-i-10 {
  padding-inline: 10px !important;
}

.p-i-20 {
  padding-inline: 20px !important;
}

.p-i-0 {
  padding-inline: 0 !important;
}

.p-i-5 {
  padding-inline: 5px !important;
}

.p-l-16 {
  padding-left: 16px;
}

.p-l-r-15 {
  padding: 0 15px;
}

.color-grey {
  color: rgba(3, 5, 61, 0.2);
}

.m-l-200 {
  margin-left: 200px;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-r-200 {
  margin-right: 0px;
}

.report-list-container {
  margin-top: 20px;
  width: 98%;
  display: flex;
  flex-direction: column;
  padding-block: 30px;
  padding-inline: 40px;
  background: white;
  border-radius: 12px;
  padding-bottom: 0;
  padding-top: 0;
}

.report-list-view thead th {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #7E8B9F;
}

.report-list-view tbody tr {
  height: 67px;
}

.report-list-view thead tr {
  height: 50px;
  border-bottom: 1px solid rgba(3, 5, 61, 0.2);
}

.report-list-view tbody tr:hover {
  background-color: rgba(235, 238, 244, 0.4)
}

.report-list-view td {
  padding-top: 9px;
}

.report-list-view-name {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #242B42;
  margin-top: 4px
}

.report-list-view-desc {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #3E3E3C;
}

.inline-flex {
  display: inline-flex;
}

.block-flex {
  display: block;
}

.w-70 {
  width: 70% !important;
}

.w-70px {
  width: 70px !important;
}

.custom-checkbox-star input[type=checkbox] {
  display: none;
}

.custom-checkbox-star input[type=checkbox]+label:before {
  font-family: FontAwesome;
}

.custom-checkbox-star input[type=checkbox]+label:before {
  content: "\f006";
  color: rgba(3, 5, 61, 0.2);
}

.custom-checkbox-star input[type=checkbox]:checked+label:before {
  content: "\f005";
  color: black;
}

.opacity-20 {
  opacity: 20% !important;
}

select {
  cursor: pointer;
}

.container-report-detail {
  margin-top: 20px !important;
  padding-block: 10px;
  padding-inline: 10px;
  background: white;
  width: 98%;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
  height: calc(100% - 2rem);
}

.container-report-detail-btn {
  width: 111px;
  height: 40px;
  border: 1px solid #DFE1E8;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: white;
  float: right;
}

.container-report-detail-searchbox {
  width: 100%;
  height: 40px;
  border: transparent;
  border-radius: 8px !important;
  background-color: white;
  font-family: 'FontAwesome', 'Montserrat';
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.container-report-detail-table thead th {
  border: transparent !important;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 12px !important;
  line-height: 16px;
  color: #7E8B9F !important;
}

.container-report-detail-table thead {
  background-color: #F5F5F8;
  width: 300px !important;
  height: 50px !important;
  font-family: 'FontAwesome', 'Montserrat';
}

.container-report-detail-table thead th {
  height: 50px !important;

}

.container-report-detail-table thead tr {
  padding-inline: 14px;
}

.container-report-detail-table thead th a {
  border: transparent !important;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 12px !important;
  line-height: 16px;
  color: #7E8B9F !important;
  background-color: #F5F5F8;
  text-decoration: none;
}

.container-report-detail-table tbody td {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #00163A;
  width: 300px !important;
  height: 50px !important;
  border-bottom: 1px solid #DFE1E8;
  padding-left: 17px;
  white-space: nowrap !important;
}

.w-2 {
  width: 2% !important;
}

.p-l-17 {
  padding-left: 17px;
}

.container-report-detail-table input[type=checkbox] {
  width: 18px;
  height: 18px;
}

.filter_icon {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  float: right;
}

.p-r-5 {
  padding-right: 5px;
}

.p-l-5 {
  padding-left: 5px !important;
}



/* IMAGE RATING APP STYLES */

.image-rating-main {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
}

.image-rating-main select {
  padding: 10px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 5px 9px lightgray
}

input[type=radio] {
  margin-top: 0.5px;
  vertical-align: middle;
  transform: scale(1.5)
}

/* 175% and greater */
@media screen and (max-width:1023px) {}

/* 150 */
@media screen and (min-width:1024px) and (max-width:1227px) {}

/* 125 */
@media screen and (min-width:1228px) and (max-width:1395px) {}

/* 110 */
@media screen and (min-width:1396px) and (max-width:1535px) {}

/* 100 */
@media screen and (min-width:1920px) and (max-width:2132px) {

  .farm-prof-svg-div-height {
    height: 270px !important;
  }

}

/*  90 */
@media screen and (min-width:2133px) and (max-width:2200px) {

  .farm-prof-svg-div-height {
    height: 300px !important;
  }

}

/*  80 */
@media screen and (min-width:2201px) and (max-width:2559px) {

  .farm-prof-svg-div-height {
    height: 350px !important;
  }

}

/*  75 */
@media screen and (min-width:2560px) and (max-width:2879px) {

  .farm-prof-svg-div-height {
    height: 380px !important;
  }

}

/*  67 */
@media screen and (min-width:2880px) and (max-width:3839px) {

  .farm-prof-svg-div-height {
    height: 430px !important;
  }

}

/*  50 */
@media screen and (min-width:3840px) {

  .farm-prof-svg-div-height {
    height: 600px !important;
  }

}


.popup-dialogbox {
  position: absolute;
  display: none;
  transition: 1s all ease-in;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  align-items: center;
  top: 0px
}

.popup-dialogbox .popup-dialogbox-body {
  width: 825px;
  display: flex;
  justify-content: center;
  text-align: center;
  /* padding: 20px; */
  background: white;
  align-items: center;
  flex-direction: column;
  height: 700px;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.popup-dialogbox .popup-dialogbox-body p {
  width: 159px;
  /* height: 20px; */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  /* line-height: 20px; */
  padding-top: 10px;
  color: #000000;
}

.popup-dialogbox .popup-dialogbox-body .popup-dialogbox-btn {
  width: 100px;
  height: 40px;
  border: 1px solid #DFE1E8;
  border-radius: 8px;
  background-color: white;
}

.popup-dialogbox-chart {
  position: absolute;
  display: none;
  transition: 1s all ease-in;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  top: 70px
}

.popup-dialogbox-chart .popup-dialogbox-chart-body {
  display: flex;
  background: white;
  flex-direction: column;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 458px !important;
  width: 520px !important;

}

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

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.w-10 {
  width: 10% !important;
}

.popup-dialogbox-chart .close-btn {
  margin-top: 15px;
  margin-right: 5px;
  float: right;
  background-color: transparent !important;
  height: 14px !important;
  width: 14px !important;
}

.m-r-20px {
  margin-right: 20px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r--10 {
  margin-right: -10px;
}

.m-r-1 {
  margin-right: 1% !important;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-15 {
  margin-right: 15px;
}

.p-l-28 {
  padding-left: 28px
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-t-12 {
  padding-top: 12px;
}

.close-btn {
  width: 45px !important;
  background-color: rgba(240, 241, 243, 0.7) !important;
}

.close-popup {
  width: 45px !important;
  background: none;
  border: white;
  margin-top: 13px;
  margin-left: 228px;
}

#pdf-viewer {
  width: 99.3%;
  height: 100%;
  background: transparent;
  overflow-y: auto;
  overflow-x: auto;
  padding: 10px;
  margin-bottom: -45px;
}

.pdf-page-canvas {
  display: block;
  margin: 5px auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.pdf-container {
  height: 600px;
  width: 95%;
  border-radius: 8px;
  border: transparent 1px;
  background-color: #F0F1F3;
}

.pdf-controls {
  height: 40px;
  width: 210px;
  background-color: #3E3E3C;
  opacity: 97%;
  border: transparent 1px;
  border-radius: 20px;
  margin-left: 275px;
  padding-top: 5px;
}

.pdf-controls label {
  color: white;
}

.text-align-left {
  text-align: left !important;
}

.white-button {
  width: 130px;
  height: 40px;
  border: 1px solid #DFE1E8;
  border-radius: 8px;
  background-color: white !important;
  cursor: pointer;
  padding-left: 30px;
}

.sub-header-options-header {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  top: 5px;
}

.sub-header-options-label {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #7E8B9F;
  margin-top: 10px;

}

.sub-header-options-select {
  background-color: transparent !important;
  line-height: 1;
  border: none;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: black;
  padding: 0;
  display: inline-block !important;
  text-overflow: ellipsis !important;
}

.custom-container {
  margin-top: 20px !important;
  padding-block: 10px;
  padding-inline: 10px;
  background: white;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  /* box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05); */
  margin-left: -1px;
  width: 98%;
  height: calc(100% - 15vh);
  overflow: hidden;
}

.acm.custom-container {
  padding-inline: 0px !important;
  width: 100% !important;
  height: auto;
  overflow-y: scroll;

}

.m-t-15 {
  margin-top: 15px;
}

.tab-panel {
  display: flex;
  flex-direction: column !important;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  border-right: 1px solid rgba(240, 241, 243, 1);
  padding-right: 0px
}

.tab-link {
  display: block;
  cursor: pointer;
  padding: 0.75rem 1rem;
  color: rgba(0, 22, 58, 1);
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.tab-active {
  color: #366BF4;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  background-color: rgba(54, 107, 244, 0.08);
  border-right: 4px solid #366BF4;

}

.custom-container-heading {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  color: black;
  margin-top: 10px;
  margin-left: 8px;
}

.custom-sub-container {
  width: 278px;
  height: 114px;
  border-radius: 6px;
  /* background-color: #F1F1F44D; */
  /* margin-top: 9px; */
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #C5D2E799;
  padding: 10px;
}

.custom-sub-container .date-frame {
  font-size: 12px;
  font-weight: 400;
  padding-top: 10px;
}

.custom-sub-container-rating {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  /* text-align: center; */
  padding-bottom: 6px;
}

.custom-sub-container-desc {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0px;
  /* text-align: center; */
  color: black;
  padding-top: 13px;
}

.datepicker {
  top: 140px !important
}

.datepicker td,
.datepicker th {
  font-size: 12px;
}

.low-rating-color {
  color: #FF0000 !important;
}

.medium-rating-color {
  color: #FFA500 !important;
}

.high-rating-color {
  color: #2C8F6C !important;
}

.w-98 {
  width: 98%;
  display: flex;
}

.w-49 {
  width: 49% !important;
}

.w-25 {
  width: 25% !important;
}

.m-l-r--10 {
  margin: 0px -10px !important;
}

.m-0 {
  margin: 0px;
}

.m-block-auto {
  margin-block: auto !important;
}

.sticky-th th {
  position: sticky;
  z-index: 1;
  top: 0;
  background-color: rgb(240, 240, 240);
}

.m-inline-start-auto {
  margin-inline-start: auto !important;
}

.m-t-5px {
  margin-top: 5px !important;
}

.top-21px {
  top: 21px !important;
}

.m-block-5px {
  margin-block: 5px !important;
}

.m-r-14px {
  margin-right: 14px !important;
}

/* FILTER BAR STYLES */
.flex-center {
  display: flex;
  justify-content: center;
}

.flex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  /* width: 75%; */
}

.flex-filter {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin-right: 15px
}

.input-with-icon {
  position: relative;
  font-size: 14px
}

.input-icon {
  position: absolute;
  left: 10px;
  /* Adjust the left position as needed */
  top: 50%;
  transform: translateY(-50%);
}

/* .input-field {
          padding-left: 30px;
      } */

.custom-tooltip {
  position: absolute;
  display: none;
  background-color: white;
  box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-color: #D5DBE1;
  border-radius: 8px;
  z-index: 1;
}

.riskbar-tooltip {
  position: absolute;
  display: none;
  background-color: white;
  box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-color: #D5DBE1;
  border-radius: 8px;
  z-index: 1;
  width: 230px;
}

.riskbar-tooltip-heading {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
}

.riskbar-tooltip-description {
  display: list-item;
  margin-left: 24px;
  font-family: Montserrat;
  font-size: 13px;
  margin-top: 3px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
}

.custom-tooltip-treeMap {
  position: absolute;
  display: none;
  background-color: white;
  box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-color: #D5DBE1;
  border-radius: 8px;
  z-index: 2024;
}

.chart-box {
  border: 1px solid #C5D2E7;
  display: none;
  border-radius: 8px;
  background: white;
  padding: 15px;
  min-height: 350px;
  width: 49%;
}

#chartContainer {
  margin-bottom: 40px
}

.chart-box h6 {
  font-weight: bold;
  display: inline-block;
  font-size: 16px !important;
}

/* .chart-box label{
      color:#7E8B9F;
      font-weight: 400;
      font-size: 14px;
      display: block;
    } */

.chart-box hr {
  color: #C5D2E7;
  height: 1.8px;
}


.line {
  fill: none;
  stroke-width: 3px;
}

.line-mortality {
  fill: none;
  stroke-width: 4px;
}

.prevent-select {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

.info-logo,
.info-logo-csm-opg-trending {
  position: relative;
  left: 5px;
}

.chart-tooltip {
  position: relative;
  display: inline-block;
}

.chart-tooltip-summary-tbl {
  position: absolute;
  display: inline-block;
}

.info-tooltip {
  display: none;
  width: 500px;
  background-color: #242B42CC;
  color: #ffffff !important;
  left: -17em;
  top: 20px;
  text-align: justify;
  font-size: 14px;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
}

.info-tooltip label {
  font-weight: 400;
  padding: 5px;
}

.info-tooltip.sq {
  left: -15em !important;
}

.info-tooltip.sq::after {
  left: 44.5% !important;
}

.info-tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #242B42CC transparent;
}

.m-t-3 {
  margin-top: 3px;
}

.max-date-info::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 60%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #242B42CC transparent;
}

.srs-info::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 95.5%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #242B42CC transparent;
}

.info-tooltip.ra::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 41.5%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #242B42CC transparent;
}

.info-tooltip.sc::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 33.2%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #242B42CC transparent;
}

.no-data-found {
  display: flex;
  justify-content: center;
}

.color-black {
  color: #000000 !important;
}


.nav {
  margin-left: 0px;
}



.summary {
  border: 1px solid #C5D2E7;
  border-radius: 8px;
  background: white;
  width: 24%;
  margin: 5px;
  flex-basis: calc(50% - 20px);
  margin-bottom: 20px;
  padding: 15px 25px;
}

.summary h6 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 900;
  line-height: 10px;
  text-align: left;
}

.summary p {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
}

.summary label {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
}

.summary img {
  font-family: Font Awesome 6 Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
  fill: orange;
}

@media (max-width: 768px) {
  .summary {
    flex-basis: 100%;
  }
}


#avg_seros_detected_house,
#avg_seros_detected_farm {
  display: inline;
}

#positive_houses,
#houses_tested {
  display: inline;
}

#houses_tested {
  margin-left: 10px;
}

#avg_seros_detected_house {
  margin-left: 10px;
}

.clr-gray {
  color: #697386 !important
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 0.5px;
  margin-right: 0.5px;
}

.flatpickr-day.inRange {
  /* border-radius: 0; */
  /* -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; */
  /* box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; */
  border-radius: 5px !important;
  background-color: #0039A4 !important;
  /* margin-right: 2px; */
  /* margin-left: 2px; */
  color: white !important;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 5px !important;
  background-color: #0039A4 !important;
  /* margin-right: 2px; */
  /* margin-left: 2px; */
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  /* border-radius: 0 50px 50px 0; */
  border-radius: 5px !important;
  background-color: #0039A4 !important;
  /* margin-right: 2px; */
  /* margin-left: 2px; */
  color: white !important;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.date-range-picker-alt-input {
  width: 160px;
  height: 37px;
  border: none !important;
}

.date-range-selector {
  background: #fff;
  padding: 7px 9px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #C5D2E799;
  width: 150px;
  height: 40px;
  border-radius: 8px 0px 0px 8px;
}

.farm-picker {
  background: #fff;
  padding: 7px 9px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #C5D2E799;
  width: 150px;
  height: 40px;
  border-radius: 8px;
}

.date-range-picker {
  background: #fff;
  border: 1px solid #C5D2E799;
  display: flex;
  justify-content: start;
  width: 210px;
  height: 40px;
  border-radius: 0px 8px 8px 0px;
}

.date-range-picker input {
  width: 190px;
  height: 37px;
  border: none;
}

.date-range-picker input:disabled {
  background: transparent;
}

button:disabled {
  cursor: not-allowed !important;
  background: rgba(223, 225, 232, 0.25);
}

.reset-filter {
  border: none;
  background-color: transparent;
  color: gray;
  padding-left: 15px;
  margin-bottom: 0 !important;
  font-weight: 400;
  padding-top: 9px;
}

.apply-filter {
  border: none;
  background-color: transparent;
  color: gray;
  padding-left: 15px;
  margin-bottom: 0 !important;
  font-weight: 400;
  padding-top: 9px;
}

.risk-score-tooltip-data {
  margin-left: 10px;
  font-size: 12px
}

.risk-score-tooltip-data .info {
  padding: 5px;
  border-radius: 8px;
  line-height: 2.5em;
}

.fs-13px {
  font-size: 13px !important;
}

.login-background {
  background-color: #F3F6FC;
  height: 95vh;
}

.center-align {
  display: flow;
  text-align: center;
}

.nav-link {
  color: #7E8B9F;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 15px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #0039A4;
  font-size: 14px;
  font-weight: 600;
  background-color: #fff;
  border: none;
  border-bottom: 3px solid #0039A4;

}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: #0039A4;
  font-size: 14px;
  font-weight: 600;
  border: none;
  background-color: #fff;
  border-bottom: 3px solid #0039A4;
  isolation: isolate;
  transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-34 {
  margin-left: 34px !important;
}

.p-t-9 {
  padding-top: 9px
}

.p-t-6 {
  padding-top: 6px;
}

.p-t-3px {
  padding-top: 3px !important;
}

.filter-selector {
  background: #fff;
  padding: 7px 9px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #C5D2E799;
  width: 160px;
  height: 40px;
  border-radius: 8px;
}

.export-btn {
  width: 100px;
  height: 40px;
  border: 1px solid #DFE1E8;
  border-radius: 8px;
  background-color: white;
  margin-left: 4px;
  margin-right: 4px;
}


.no-profile-picture-text {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: rgba(255, 203, 20, 1);
  font-family: Montserrat;
  font-size: 31px;
  font-weight: 500;
  line-height: 38px;
  text-align: center;
  padding-block: 30px;
  color: #ffffff;
}

.no-profile-picture-text-opt {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: rgba(255, 203, 20, 1);
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  padding-block: 6px;
  color: #ffffff;
  margin-top: 9px;
  margin-left: 5px;
  cursor: pointer;
}

.no-profile-picture-img-opt {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  margin-top: 9px;
  object-fit: contain;
  margin-left: 5px;
  cursor: pointer;
}

.export-button {
  /* margin-left:850px; */
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  border-radius: 8px;
  width: 101px;
  height: 40px;
  /* padding: 7px 16px 7px 16px; */
  gap: 8px;
  border: 1px solid #C5D2E799;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(0deg, rgba(197, 210, 231, 0.6), rgba(197, 210, 231, 0.6));
}

.action-dropdown {
  display: none;
  width: 168px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #D5DBE1;
  position: absolute;
  top: 106%;
  right: 2.3%;
  background-color: #FFFFFF;
}

.export-btn {
  position: relative;
  cursor: pointer;
}

.action-dropdown.active {
  display: block;
  z-index: 1;
}

.action-dropdown-item {
  width: 160px;
  height: 32px;
  padding: 7px 12px 7px 12px;
  border-radius: 8px;
  gap: 8px;
}

.action-dropdown-item:hover {
  background-color: #E2F2FF;
  border-radius: 8px;
}

.export-icon-ssm {
  font-family: Font Awesome 6 Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-align: left;
  height: 14px;
  padding-right: 6px;
  margin-bottom: 4px;
}

.search-container {
  position: relative;
  display: inline-block;
  top: 12px;
  right: 17px;
  /* right: 25px; */
  margin-right: 15px;
  /* z-index: 2; */
}

.category-picker,
.farm-picker {
  position: relative;
  display: inline-block;
}

.icon-v-ellipsis {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 8px;
  border-radius: 4px;
  gap: 8px;
  top: 20px
}

.icon-v-ellipsis i {
  color: #7E8B9F;
  font-family: Font Awesome 6 Pro;
  font-size: 14px;
  line-height: 14px;
}

#search {
  cursor: default !important;
  border: 1px solid #C5D2E766;
  width: 82px;
  height: 40px;
  padding: 7px 25px 7px 10px;
  border-radius: 8px;
  gap: 8px;
}

#search:focus {
  border: 1px solid #CAE5F5;
  box-shadow: 0px 0px 0px 2px #66C6FE47;
}

.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  max-height: 232px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 182px;
  padding: 4px 12px 4px 12px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.dropdown.active {
  display: block;
  z-index: 1;
}

/* Style for the headings */
.heading {
  width: 136px;
  height: 16px;
  opacity: 40%;
  color: #242B42;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  margin: 5px 0px 5px 10px;
}

/* Style for the labels */
.label {
  padding: 5px 10px;
  color: #000000;
  display: flex;
}

.radio-label {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  display: -webkit-box;
}

.dropdown input[type=radio] {
  transform: scale(1);
  width: 14px;
  height: 14px;
  top: 1px;
  left: 1px;
  border: 1px;
}

.search-icon {
  position: absolute;
  top: 41%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.05em;
  text-align: left;

  height: 70%;
  width: 15px;
  margin-right: -9px;
  margin-top: 0px;
  padding-top: 10px;

}

.sort-icon {
  position: absolute;
  top: 41%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.05em;
  text-align: left;

  height: 70%;
  width: 15px;
  margin-right: -9px;
  margin-top: 0px;
  padding-top: 10px;

}

/* CUSTOM RADIO BUTTON STYLE */

.container {
  display: block;
  position: relative;
  padding-left: 35px;
  /* margin-bottom: 12px; */
  /* cursor: pointer; */
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  /* cursor: pointer; */
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 7px;
  left: 11px;
  height: 15px;
  width: 15px;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #D5DBE1;
}

/* On mouse-over, add a grey background color
.container:hover input ~ .checkmark {
  background-color: #ccc;
} */



.risk-checkbox {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  color: #fff;
  /* display: block; */
  margin-top: 4px;
  margin-bottom: 4px;
}

.risk-checkbox>span {
  color: #34495E;
  vertical-align: middle;
  text-align: center;
  padding: 0.8rem 0.25rem;
  /* top: 0.5rem; */
}

.risk-checkbox>input {
  height: 17px;
  width: 17px;
  vertical-align: middle;
  margin-top: 0;
  margin-left: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #000;
  border-radius: 4px;
  outline: none;
  transition-duration: 0.3s;
  /* background-color: #F8A745; */
  cursor: pointer;
}

.hide-arrow {
  appearance: none;
}

/* .risk-checkbox > input:checked {
  border: 1px solid #fff;
  background-color: #F8A745;
} */

.risk-checkbox>input:checked+span::before {
  content: '\2713';
  display: block;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0.8rem;
  top: 0.1rem;
}

.risk-checkbox>input:active {
  border: 0px solid #fff;
}

/* #riskCategoriesByAgeAndType {
  width: 800;
  height: 800;
} */

/* When the radio button is checked, add a background color to the checkbox/radio button */
.container input:checked~.All,
.All:checked {
  background-color: #0570de;
  border: 1px solid #0570de;
}

.container input:checked~.Critical-KPI,
.Critical-KPI:checked {
  background-color: #E14456;
  border: 1px solid #E14456;
}

.container input:checked~.Critical,
.Critical:checked {
  background-color: #F37C53;
  border: 1px solid #F37C53;
}

.container input:checked~.High,
.risk-checkbox .High:checked {
  background-color: #F8A745;
  border: 1px solid #F8A745;
}

.container input:checked~.Medium,
.Medium:checked {
  background-color: #F2DD58;
  border: 1px solid #F2DD58;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 30%;
  left: 33%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: white;
}

.icon-angle-down {
  height: 18px;
  font-family: Font Awesome 6 Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-align: left;
}

.icon-sort {
  height: 13px;
  padding-left: 7px;
}

.copy-right-lbl {
  font-size: 12px;
  color: black;
  padding-top: 35px;
  text-align: center !important;
}

.p-l-15 {
  padding-left: 15px;
}

.btn-dropdown {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(0deg, #CAE5F5, #CAE5F5);

  border: 1px solid #C5D2E766;
  /* width: 82px; */
  height: 40px;
  padding: 7px 25px 7px 10px;
  border-radius: 8px;
  gap: 8px;
}

.btn-sort {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(0deg, #CAE5F5, #CAE5F5);

  border: 1px solid #C5D2E766;
  /* width: 82px; */
  height: 40px;
  padding: 7px 25px 7px 10px;
  border-radius: 8px;
  gap: 8px;
  padding-right: 10px;
  padding-left: 25px;
  font-family: Montserrat;
  font-size: 14px;
}

.right-0 {
  right: 0 !important;
}

.btn-dropdown:focus,
.btn-dropdown:focus-visible {
  border: 1px solid #CAE5F5;
  box-shadow: 0px 0px 0px 2px #66C6FE47;
  outline: none !important;
}

/* .w-110-px{
  width: 110px;
} */

.category-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  max-height: 139px;
  overflow-y: auto;
  overflow-x: hidden;
  /* width: 168px; */
  padding: 4px 3px 4px 3px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.category-dropdown.active {
  display: block;
  z-index: 1;
}

.category-dropdown ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.category-dropdown li {
  width: 160px;
  height: 32px;
  padding: 7px 12px 7px 12px;
  border-radius: 8px;
  gap: 8px;
}

.category-dropdown li:hover {
  background: #E2F2FF;
}

.category-dropdown li.active {
  background: #E2F2FF;
}

.multi-select-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  max-height: 232px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 168px;
  max-height: 232px;
  padding: 4px 12px 4px 3px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.multi-select-dropdown.active {
  display: block;
  z-index: 1;
}

.multi-select-row {
  min-width: 160px;
  height: 32px;
  padding: 8px 12px 7px 13px;
  border-radius: 8px;
  gap: 8px;
  display: flex;
  position: relative;
}

.multi-select-row.active {
  background: #E2F2FF;
}

.multi-select-checkbox {
  position: relative;
  width: 14px;
  height: 14px;
  top: 1px;
  left: 1px;
  border-radius: 2px;
  border: 1px;

  border: 1px solid #D5DBE1;
}

.label-text {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #242B42;
  cursor: pointer;
}

.multi-select-row.all {
  background: #E2F2FF;
}

.multi-select-row.all>span {
  background: #0570DE;
  border: 1px solid #0570DE;
}

/* .multi-select-row.all>img{
  position: absolute;
  top: 13px;
  left: 15px;
} */

.risk-cat-1 {
  background: #F2DD58 !important;
  border: 1px solid #F2DD58 !important;
}

.risk-cat-2 {
  background: #F37C53 !important;
  border: 1px solid #F37C53 !important;
}

.risk-cat-3 {
  background: #E14456 !important;
  border: 1px solid #E14456 !important;
}

.risk-cat-4 {
  background: #E14456 !important;
  border: 1px solid #E14456 !important;
}

.multi-select-checkbox.selected {
  background: #0570DE;
  border: 1px solid #0570DE;
  border-radius: 2px;
}

.multi-select-checkbox.color-25 {
  background: #49D6A3;
  border: 1px solid #49D6A3;
}

.multi-select-checkbox.color-30 {
  background: #6D59F3;
  border: 1px solid #6D59F3;
}

.multi-select-checkbox.color-35 {
  background: #C3CB51;
  border: 1px solid #C3CB51;
}

.multi-select-checkbox.color-40 {
  background: #FF93BE;
  border: 1px solid #FF93BE;
}

.multi-select-checkbox.color-45 {
  background: #FF9350;
  border: 1px solid #FF9350;
}

.multi-select-checkbox.color-50 {
  background: #FACD59;
  border: 1px solid #FACD59;
}

.multi-select-checkbox.color-55 {
  background: #00B6E6;
  border: 1px solid #00B6E6;
}

.check-icon {
  position: absolute;
  top: 12px;
  left: 15px;
}

.rect-check-icon {
  position: absolute;
  top: 14px;
  left: 16px;
}

.hr {
  border-top: 1px solid rgba(197, 210, 231, 0.6) !important;
}


.table-body {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: left;
}

.table-body td {
  padding-left: 15px
}

.risk-type {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  width: auto;
  height: 40px;
  padding: 7px 12px 7px 12px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #C5D2E766;
}


/* CSS class to increase row height */
tr.increased-height {
  height: 50px;
  border-bottom: 1px solid #C5D2E766;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  padding: 15px;
}

.risk-type-value {
  font-family: Montserrat !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  letter-spacing: 0em !important;
  text-align: left !important;
  border: 1px solid #D5DBE1 !important;
}

#serotype-breakdown-table {
  margin-top: 1px;
}

.serotype-box {
  border: 1px solid #C5D2E7;
  display: none;
  border-radius: 8px;
  background: white;
  width: 100%;
}

.serotype-box h6 {
  display: inline-block;
  font-size: 16px !important;
  padding: 15px 0px 15px 15px;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 0em;
  text-align: left;
}


.serotype-box hr {
  color: #C5D2E7;
  height: 1.8px;
  margin: auto;
  margin-bottom: 0px;
}

.table-body tr td {
  padding: 15px;
}

.risk-type-value:hover {
  background: #E2F2FF;
  border-radius: 8px;
}


.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 15px;
  line-height: 1.42857143 !important;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
  width: 227px;
  height: 40px;
  padding: 16px;
  gap: 8px;
  background: #C5D2E766;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 600;
  line-height: 8px;
}


.ssm-serotype-tbl-col-1 {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  padding: 15px !important;
}

.ssm-serotype-tbl-col-3 {
  text-align: right;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  padding: 15px !important;
}

.ssm-serotype-tbl-col-2 {
  text-align: center;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  padding: 15px !important;
}



.ssm-serotype-tbl-col-4 {
  text-align: center;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  padding: 15px !important;
}

.ssm-serotype-tbl-col-5 {
  text-align: right;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  padding: 15px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.m-0 {
  margin: 0;
}

.age-lbl {
  background: white;
  padding: 5px;
  border-radius: 8px
}

.m-l-10px {
  margin-left: 10px;
}

.category-clr {
  background: #EBEEF466;
}

.ta-r {
  text-align: right;
}



.action-dropdown-item-csm {
  width: 160px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  border-radius: 8px;
  gap: 8px;
  display: none;
  margin-top: 10px;
  box-shadow: 0px 2px 6px rgb(231, 231, 231);
  background-color: white;
  position: absolute;
  left: -125;
}

.ta-c {
  text-align: center !important;
}

.f-r {
  float: right;
}

.p-15px {
  padding: 15px;
}

.m-t-16px {
  margin-top: 16px;
}

.m-t-10px {
  margin-top: 10px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-20px {
  padding-top: 20px;

}

.p-b-20px {
  padding-bottom: 20px;
}

.t-10px {
  top: 10px
}

.t-95px {
  top: 95px !important;
}

.p-t-15 {
  padding-top: 15px;
}

.stack-bar-ul {
  list-style-type: disc;
  padding-left: 10px;
}

.m-l-20px {
  margin-left: 20px;
}

.risk-score-warn {
  background: #FA595918;
  color: #FA5959;
}

.m-t--15px {
  margin-top: -15px;
}

.m-b--15px {
  margin-bottom: -15px;
}

.m-t--2px {
  margin-top: -2px;
}

.action-dropdown-item-risk {
  width: 130px;
  border-radius: 8px;
  gap: 8px;
  display: none;
  margin-top: 10px;
  box-shadow: 0px 2px 6px rgb(231, 231, 231);
  background-color: white;
  position: absolute;
  right: 0;
}

.action-dropdown-item-risk:hover {
  /* background-color: #E2F2FF;
  border-radius: 8px;
  border: 1px solid #D5DBE1; */
}

.action-dropdown-action-item-csm:hover {
  background-color: #E2F2FF;
  border-radius: 8px;
  /* border: 1px solid #D5DBE1; */
}

.action-dropdown-risk {
  padding-top: 37px;
  position: relative;
  margin-top: 4px;

  /* top: 35px; */
  border-radius: 8px;
}

.disable rect {
  fill: #BEC5CF !important;
}

.disable text {
  fill: #BEC5CF !important;
}

.unselect-all>span {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D5DBE1, #D5DBE1) !important;
  border: 1px solid #D5DBE1 !important;
}


.export-ellipsis-button {
  width: 36px;
  position: relative;
  float: right;
  top: 12px;
  right: 2px;
  z-index: 2;
}

.export-ellipsis-button-risk-analysis {
  width: 36px;
  position: relative;
  float: right;
  top: 12px;
  right: 2px;
}

.export-ellipsis-button .fa {
  position: absolute;
  z-index: 2;
  color: #7E8B9F
}

.export-ellipsis-button .action-dropdown-risk {
  /* left: -125px; */
  padding-top: 0 !important;
  margin-top: -10px;
}

.display-option div.selected {
  background-color: #D5DBE1 !important;
}

.risk-container {
  float: right;
  position: relative;
  margin-right: 17px;
}

.risk-dropdown {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(0deg, #CAE5F5, #CAE5F5);

  border: 1px solid #C5D2E766;
  /* width: 82px; */
  height: 40px;
  padding: 7px 25px 7px 10px;
  border-radius: 8px;
  gap: 8px;
}

.risk-dropdown:focus {
  border: 1px solid #CAE5F5;
  box-shadow: 0px 0px 0px 2px #66C6FE47;

}


.risk-search-icon {
  transform: translateY(-27px);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.05em;
  text-align: left;
  height: 13%;
  width: 15px;
  margin-right: 0px;
  margin-top: 0px;
  padding-top: 0px;
  position: absolute;
  right: 10px;
}


.risk-category-dropdown {
  display: none;
  position: absolute;
  right: 0;
  background-color: #fff;
  max-height: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 168px;
  padding: 4px 12px 4px 3px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.risk-category-dropdown.active {
  display: block;
  z-index: 1;
}

.risk-category-dropdown ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.risk-category-dropdown li {
  width: 160px;
  height: 32px;
  padding: 7px 12px 7px 12px;
  border-radius: 8px;
  gap: 8px;
}

.risk-category-dropdown li:hover {
  background: #E2F2FF;
}

.risk-category-dropdown li.active {
  background: #E2F2FF;
}

.mul-select-row {
  width: 160px;
  height: 32px;
  padding: 8px 12px 7px 13px;
  border-radius: 8px;
  gap: 8px;
  display: flex;
  position: relative;
}

.risk-serotype {
  margin-left: 24px;
}


.action-dropdown-intervention-analysis {
  width: 160px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  border-radius: 8px;
  gap: 8px;
  display: none;
  margin-top: 10px;
  box-shadow: 0px 2px 6px rgb(231, 231, 231);
  background-color: white;
}

.action-dropdown-intervention-analysis:hover {
  background-color: #E2F2FF;
  border-radius: 8px;
  border: 1px solid #D5DBE1;
}

.intervention-bar {
  padding: 9px, 15px, 9px, 15px;
  border-radius: 0px, 4px, 4px, 0px;
  gap: 8px;
}

.bar-label {
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
}


.y-axis-label {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: right;
  background: #242B42;
}

.intervention-applied-board {

  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
  width: 60px;
  height: 18px;

}

.serotypes-detected {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 5px;
}

.risk-category-child-unselect {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D5DBE1, #D5DBE1) !important;
  border: 1px solid #D5DBE1 !important;
}

#search-risk-category {
  cursor: default !important;
  border: 1px solid #C5D2E766;
  width: 114px;
  height: 40px;
  padding: 7px 25px 7px 10px;
  border-radius: 8px;
  gap: 8px;
}

#search-risk-category:focus {
  border: 1px solid #CAE5F5;
  box-shadow: 0px 0px 0px 2px #66C6FE47;
}

.max-h {
  max-height: 550px;
  margin-bottom: 10px
}

.serotype-clustering {
  position: relative;
  overflow: hidden;
  height: 453px;
  margin: -20px -15px 0 -15px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.serotype-clustering-map {
  position: initial !important;

}

.heading-cluster {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  color: #242B42;
  text-align: left;
  width: 100%;
}

.info-clustor-tooltip {
  font-weight: 500;
  text-align: left;
}

.heatmap-tooltip {
  font-weight: lighter;
  text-align: left;
  padding: inherit;
}

.coccidia-profile-tooltip {
  font-weight: lighter;
  text-align: left;
  padding: inherit;
}

.serotyping-cluster-progress-bar {
  height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
}

.serotyping-cluster-progress-bar-ssm-home {
  height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
}

.serotyping-cluster-modal {
  background: white;
  position: absolute;
  top: 10px;
  transition: 0.2s all ease-in-out;
  right: 11px;
  max-width: 310px;
  overflow-y: hidden;
  border-radius: 8px;
  box-shadow: 0px 4px 20px 0px #00000029;
  max-height: 430px;
}

.csm-cluster-modal {
  background: white;
  position: absolute;
  top: 10px;
  transition: 0.2s all ease-in-out;
  right: 11px;
  max-width: 310px;
  overflow-y: hidden;
  border-radius: 8px;
  box-shadow: 0px 4px 20px 0px #00000029;
  max-height: 430px;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden;
}

.csm-modal {
  margin: 0;
  padding: 0;
}

.cluster-modal {
  height: 100%;
  margin: 5px 10px 15px 0px;
}

.prevalencePlus {
  background: #49D6A314;
  border-radius: 3px;
  color: #009F60;
}

.expandable-icon-cluster {
  width: 35px;
  position: relative;
  padding: 10px;
  cursor: pointer;
}

.csm-sub-heading {
  padding: 5px 20px 0;
  margin-top: 10px;
  justify-content: space-between;
  display: flex;
}

.csm-expandable-cluster {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  margin: 0;
  padding: 0px 20px 5px;
}

.csm-hr {
  margin: 0;
  height: 0;
  border: 0.5px solid rgba(197, 210, 231, 1);
  height: 0 !important;
  width: 100%;

}

.csm-scrolbar {
  padding: 5px 20px 0;
}

.expandable-cluster {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.nav-ref-icon-cluster {
  width: 35px;
  position: relative;
  padding: 10px;
  cursor: pointer;
  top: 7px;
}

.nav-ref-cluster {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.prevalenceMinus {
  background: #FA595914;
  border-radius: 3px;
  color: #E14456;
  ;
}

.prevalencePercen {

  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  padding: 0 5px;
}

.serotypes {
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: right;
}

.progress {
  height: 9px !important;
  background-color: #f5f5f5;
  border-radius: 11px !important;
}

.progress-bar {
  background: #E14456 !important;
}

.sub-heading {
  justify-content: space-between;
  display: flex;
  margin-bottom: 20px;
  margin-top: 15px;
  padding: 4px 0px;
}

.sub-heading span {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: right;
  color: #242B42;
}

.bar-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.bar-label {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}

.percents {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}

.trace-chart {
  height: 55vh;
  overflow-y: scroll;
}

.line-series-chart {
  fill: none;
  stroke-width: 2px;
}

.view-all {
  display: none;
}

.search-container-interventions {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  /* z-index: 2; */
}

.search-interventions {
  cursor: default !important;
  border: 1px solid #C5D2E766;
  width: 162px;
  height: 40px;
  padding: 7px, 12px, 7px, 12px;
  border-radius: 8px;
  gap: 8px;
}

.search-interventions:focus {
  border: 1px solid #CAE5F5;
  box-shadow: 0px 0px 0px 2px #66C6FE47;
}


.dropdownInterventions {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  max-height: 232px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 182px;
  padding: 4px 12px 4px 12px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.dropdownInterventions.active {
  display: block;
  z-index: 1;
}

.position-right {
  position: relative;
  right: 122px;
}

.compared-to-style {
  position: relative;
  display: inline-block;
  top: 22px;
  right: 18px;
  /* top: 10px;
  right: -3px; */
  margin-right: 15px;
}

.picker {
  padding: 10px 25 0 25;
}

.risk-picker-button {
  width: 160;
}

.trace-chart {
  height: 53vh;
  overflow-y: scroll;
}


.nav-ref-link {
  margin-top: 10px;
  margin-left: 10px;
  text-decoration: underline;
  text-underline-position: under;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #0039A4;
  cursor: pointer;
}

.nav-ref-icon {
  width: 9px;
  height: 14px;
  font-family: Font Awesome 6 Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-align: left;
  fill: #0039A4;
  position: absolute;
  top: 0;
  right: 0;
}


.search-interventions-container {
  position: relative;
  display: inline-block;
  margin-left: 15px;
}


#search-intervention {
  cursor: default !important;
  border: 1px solid #C5D2E766;
  height: 40px;
  padding: 7px, 12px, 7px, 12px;
  border-radius: 8px;
  gap: 8px;
  width: 162px;
}

#search-intervention:focus {
  border: 1px solid #CAE5F5;
  box-shadow: 0px 0px 0px 2px #66C6FE47;
}


.dropdown-intervention {
  right: 0;
  display: none;
  position: absolute;
  top: 100%;
  background-color: #fff;
  max-height: 232px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 181px;
  padding: 4px 12px 4px 12px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}



.dropdown-intervention.active {
  display: block;
  z-index: 1;
}

#search-complex {
  cursor: default !important;
  border: 1px solid #C5D2E766;
  height: 40px;
  border-radius: 8px;
  gap: 8px;
  width: 146px;
  padding: 7px, 12px, 7px, 12px;
}

#search-complex:focus {
  border: 1px solid #CAE5F5;
  box-shadow: 0px 0px 0px 2px #66C6FE47;
}

.dropdown-complex {
  display: none;
  position: absolute;
  top: 100%;
  background-color: #fff;
  max-height: 232px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 181px;
  padding: 4px 12px 4px 12px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.dropdown-complex.active {
  display: block;
  z-index: 1;
}

#search-farms {
  cursor: default !important;
  border: 1px solid #C5D2E766;
  height: 40px;
  padding: 7px, 12px, 7px, 12px;
  border-radius: 8px;
  gap: 8px;
  width: 112px;
}

#search-farms:focus {
  border: 1px solid #CAE5F5;
  box-shadow: 0px 0px 0px 2px #66C6FE47;
}

.dropdown-farm {
  display: none;
  position: absolute;
  top: 100%;
  background-color: #fff;
  max-height: 232px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 148px;
  padding: 4px 12px 4px 12px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.dropdown-farm.active {
  display: block;
  z-index: 1;
}

.overlayText {
  display: none;
}

/* notifcation section  */

.bell-icon {
  position: relative;
  margin-right: 20px;
  cursor: pointer;
  top: 14px
}

.badge {
  position: absolute;
  top: 7px;
  right: 77px;
  background-color: red;
  color: white;
  border-radius: 100%;
  padding: 5px 3px;
  font-size: 9px;
  height: 20px;
  width: 20px;
  z-index: 2;
}

#notification {
  color: black !important
}

.notification-area {
  position: absolute;
  top: 50px;
  right: 66px;
  display: none;
  position: absolute;
  padding: 10px;
  z-index: 1;
}

.notificationsempty-container {
  width: 100%;

}

.notificationsempty-notificationsempty {
  gap: 16px;
  width: 440px;
  height: auto;
  display: flex;
  overflow: hidden;
  box-shadow: 0px 4px 19px 0px rgba(24, 33, 51, 0.23999999463558197);
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 12px;
  flex-direction: column;
  background-color: white;
}

.notificationsempty-header {
  gap: 8px;
  display: flex;
  padding: 16px;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 0 0 1px;
  flex-direction: column;
  justify-content: center;
}

.notificationsempty-titledescr {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
}

.notificationsempty-text {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  flex-grow: 1;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: Montserrat;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.notificationsempty-frame48244 {
  gap: 12px;
  height: 24px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.notificationsempty-more {
  gap: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  padding: 8px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
}

.notificationsempty-text2 {
  color: var(--dl-color-default-anceracontentsecondary);
  height: auto;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: Font Awesome 6 Pro;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.notificationsempty-emptystate {
  gap: 24px;
  display: flex;
  padding: 40px 0;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.notificationsempty-nothingfoundsmall {
  gap: 8px;
  width: 60px;
  height: 60px;
  display: flex;
  padding: 16px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 999px;
  justify-content: center;
  background-image: linear-gradient(180deg, rgba(0, 182, 230, 1) 0%, rgba(0, 182, 230, 0) 100%);
}

.notificationsempty-text3 {
  color: var(--dl-color-default-anceraprimary);
  height: auto;
  font-size: 32px;
  font-style: Light;
  text-align: left;
  font-family: Font Awesome 6 Pro;
  font-weight: 300;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.notificationsempty-titledescr1 {
  gap: 4px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.notificationsempty-text4 {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: SemiBold;
  text-align: center;
  font-family: Montserrat;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.notification-description {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  display: block;
  margin-top: 5px;
}

.notificationsempty-text6 {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 14px;
  align-self: stretch;
  font-style: Regular;
  text-align: center;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 20px;
  font-stretch: normal;
  text-decoration: none;
}

/* notfication filled container html */
.notificationsfilled-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}

.notificationsfilled-notificationsfilled {
  width: 440px;
  height: auto;
  display: flex;
  overflow: hidden;
  box-shadow: 0px 4px 19px 0px rgba(24, 33, 51, 0.23999999463558197);
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 12px;
  flex-direction: column;
  background-color: white;
}

.notificationsfilled-header {
  gap: 8px;
  display: flex;
  padding: 0 16px 0 0;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 0 0 1px;
  justify-content: space-between;
}

.notificationsfilled-tabs {
  gap: 16px;
  display: flex;
  padding: 0 16px;
  align-self: stretch;
  align-items: center;
}

.notificationsfilled-tabitems {
  gap: -2px;
  height: 56px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}

.notificationsfilled-framelabel {
  gap: 10px;
  height: 56px;
  display: flex;
  padding: 16px 0;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: center;
}

.notificationsfilled-text {
  color: #242B42;
  height: auto;
  font-size: 14px;
  /* font-style: Medium; */
  /* text-align: center; */
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  font-stretch: normal;
  text-decoration: none;
}

.notificationsfilled-image-borderbottom {
  width: auto;
  height: 2px;
  align-self: stretch;
}

.notificationsfilled-rectangle {
  width: 1px;
  height: 18px;
}

.notificationsfilled-rectangle-max {
  width: 1px;
  height: 20px;
}

.notificationsfilled-tabitems-max-gap {
  gap: 10px !important;
}

.notificationsfilled-frame-max-height {
  gap: 8px;
  height: 24px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: -5px;
}

.notificationsfilled-more {
  gap: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  padding: 8px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
}


.notificationsfilled-frame-recent-activty {
  gap: 8px;
  display: flex;
  padding: 16px;
  z-index: 1;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
}


.notificationsfilled-notification {
  gap: 12px;
  display: flex;
  padding: 7px;
  z-index: 2;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}

.notificationsfilled-avatar-image {
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 20px;
}

.notificationsfilled-frame-labeldescription {
  gap: 2px;
  display: flex;
  overflow: hidden;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}


.notificationsfilled-notification1 {
  gap: 12px;
  display: flex;
  padding: 16px;
  z-index: 3;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}

.notificationsfilled-icon {
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 20px;
  background-color: var(--dl-color-success-background);
}

.notificationsfilled-frame-labeldescription-max-gap {
  gap: 4px !important;
  display: flex;
  overflow: hidden;
  align-items: center !important;
}

.notificationsfilled-ellipse {
  width: 2px;
  height: 2px;
}

.notificationsfilled-ellipse-max {
  width: 8px;
  height: 8px;
}

.notificationsfilled-frame {
  gap: 4px;
  width: 368px;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}

.notificationsfilled-avatarlogo {
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 20px;
  background-color: var(--dl-color-brand-700primary);
}

.notificationsfilled-ancera-logo-mark {
  top: 11px;
  left: 10.999954223632812px;
  width: 18px;
  height: 18px;
  position: absolute;
}



.notificationsfilled-scroll {
  top: 105px;
  left: 433px;
  width: 3px;
  height: 96px;
  z-index: 9;
  position: absolute;
  border-radius: 24px;
}

.notificationsfilled-footer {
  gap: 8px;
  width: 440px;
  display: flex;
  padding: 16px 8px;
  z-index: 10;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.09000000357627869);
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(197, 210, 231, 0.4000000059604645);
  border-style: solid;
  border-width: 1px 0 0;
  justify-content: center;
  background-color: var(--dl-color-default-surface);
}

.notificationsfilled-text-bold {
  font-style: SemiBold !important;
  text-align: left !important;
  font-family: Montserrat;
  font-weight: 600 !important;
  line-height: 20px;
}



.root-filter-container {
  position: relative;
  display: inline-block;
  margin-left: 15px;
}

.root-filter-container-modal {
  position: relative;
  display: inline-block;
  margin-left: 24px;
}

.ssm-home-tbl-header th {
  font-family: Montserrat !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  letter-spacing: 0px !important;
  text-align: left !important;
  width: auto !important;
}

.ssm-home-tbl-header-color {
  color: #C5D2E766 !important;
}

.table-body-ssmhome {
  display: block;
  height: 210px;
  border-top: none !important;
  overflow: auto;
}

.table-head-ssmhome,
.table-body-ssmhome tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}


.summary-home {
  border: 1px solid #C5D2E7;
  border-radius: 8px;
  background: white;
  margin: 0 10px;
  flex-basis: calc(50% - 20px);
  padding: 35px 25px;
  height: 164px;
}

.summary-home h6 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 900;
  line-height: 10px;
  text-align: left;
}

.summary-home p {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
}

.summary-home label {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
}

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

.display-block {
  display: block !important;
}

.display-table-tr {
  display: table-row !important;
}

.m-l-r-6 {
  margin: 0 6px;
}

#treatment-program-list {
  margin: 0 22px 0 15px;
  height: 140px;
  overflow-y: auto;
}

#treatment-program-list-intervention {
  margin: 0 22px 0 15px;
  height: 145px;
  overflow-y: auto;
}


.treatment-program-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3px;
  /* margin-right: 5px; */
  align-items: center;
}

.afcr-data-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3px;
  align-items: flex-start;
  flex-direction: column;
  padding-right: 15px;
}

.treatment-dosage {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.home-summary-tbl {
  border: 1px solid #C5D2E7;
  display: none;
  border-radius: 8px;
  background: white;
  height: 344;
}

.home-summary-tbl-intervention {

  height: auto !important;
  margin-right: 25px;
}

.home-summary-tbl h6 {
  display: inline-block;
  font-size: 16px !important;
  padding: 15px 0px 15px 15px;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 0em;
  text-align: left;
}


.home-summary-tbl hr {
  color: #C5D2E7;
  height: 1.8px;
}

.hide-border-btm {
  border-bottom-style: hidden;
}

.treatment-label {
  margin: 6px 0px;
}

.afcr-label {
  margin: 6px 0px;
  color: #2C3445C7;
  font-weight: 500;
  font-size: 14px;
}

.nav-ref-link-home-screen {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin-left: 15px;
}

.nav-ref-icon-home-screen {
  width: 9px;
  height: 14px;
  font-family: Font Awesome 6 Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-align: left;
  position: absolute;
  top: 12px;
  right: 24px;
}

.engagement-dtl-tbl-thead {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}

.table-container {
  height: 270px;
  overflow: auto;
}

.overlay_tooltip {
  position: absolute;
  display: none;
  width: 260px;
  height: 72px;
  padding: 7px, 8px, 7px, 8px;
  border-radius: 8px;
  z-index: 1;
  background: #242B42CC;
  box-shadow: 0px 4px 12px 0px #00000014;
}

.intervention-window::first-line {
  width: 174px;
  height: 51px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: center;
  color: #FFFFFF;
}

.intervention-window {
  text-align: center;
}

.w-150vw {
  width: 150vw !important;
}

.pointer-events-none {
  cursor: not-allowed !important;
  pointer-events: none;
}

.ssm-home-act-itm-heading {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  color: #242B42;
  margin-bottom: 0;
}

.ssm-home-act-itm-description {
  color: #697386;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}

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

.img-h-8 {
  height: 8px;
}

.img-h-19px {
  height: 19px !important;
}

.font-12 {
  font-size: 12px !important;
}

.multi-select-dropdown-label-overflow {
  text-overflow: ellipsis !important;
  max-width: 100px;
  overflow-x: clip;
  white-space: nowrap;
}

.w-51 {
  width: 51% !important
}


.min-height {
  min-height: 370px !important;
}



.intervention-efficacy-tbl {
  border: 1px solid #C5D2E7;
  display: block;
  border-radius: 8px;
  background: white;
  height: 300px !important;
  margin-right: 20px;
}

.intervention-efficacy-tbl h6 {
  display: inline-block;
  font-size: 16px !important;
  padding: 15px 0px 15px 15px;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 0em;
  text-align: left;
}


.intervention-efficacy-tbl hr {
  color: #C5D2E7;
  height: 1.8px;
}

.intervention-efficacy-lbl {
  padding-top: 70px;
  padding-left: 88px;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 28px;
  line-height: 28px
}

.p-l-56 {
  padding-left: 56px
}

.p-0 {
  padding: 0;
}

.no-wrap {
  white-space: nowrap;
}

.action-dropdown-cost-analysis {
  width: 160px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  border-radius: 8px;
  gap: 8px;
  display: none;
  margin-top: 10px;
  box-shadow: 0px 2px 6px rgb(231, 231, 231);
  background-color: white;
}

.action-dropdown-cost-analysis:hover {
  background-color: #E2F2FF;
  border-radius: 8px;
  border: 1px solid #D5DBE1;
}

.img-h-12 {
  height: 12px;
}

.notification-setting-desc {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #7E8B9F;
  margin-bottom: 2rem;
}

.nt-setting-expanfable {
  border: none;
  background: transparent;
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nt-setting-toogle {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  display: block;
  color: #242B42;
}

.nt-setting-toogle-desc {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  display: block;
  color: #7E8B9F;

}

.nt-card-header {
  background: #F7F8FB;
  padding: 10px, 16px, 10px, 16px;
}

.nt-card {
  border: 1px solid #E3E9F3;
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
}

.cb-nt {
  display: flex;
  width: fit-content;
  align-items: center;
}

.cb-nt-label {
  margin-left: 10px;
  font-weight: 500 !important;
}

.cb-nt-hr {
  border: 0;
  margin: 7px 7px 14px;
  border-bottom: 1px solid #C5D2E766;
  height: 0 !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-lable-nt {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #242B42;
  margin-right: 5px;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 5px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #0039A4;
  ;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch2 {
  position: relative;
  display: inline-block;
  width: 29px;
  height: 13px;
}

.switch2 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch2-lable-nt {
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: #242B42;
  margin-right: 5px;
}

.slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider2:before {
  position: absolute;
  content: "";
  height: 9px;
  width: 9px;
  left: 5px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider2 {
  background-color: #0039A4;
  ;
}

input:focus+.slider2 {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider2:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider2.round {
  border-radius: 34px;
}

.slider2.round:before {
  border-radius: 50%;
}

.accordion-nt {
  margin-bottom: 4rem;
}

.cb-input {
  width: auto !important;
  margin-top: 2px !important;
}

/* Notifications CSS */

.custom-pagination {
  text-align: center;
}

.page-length-dropdown {
  border: 0px;
  margin-left: 10px;
  margin-top: 3px;
}

.custom-page-length {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  margin: -35px 15px 5px 0;
  position: relative;
  width: 50%;
  float: right;
}

.font-style {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}

.page-link {
  margin-left: 0px !important;
  line-height: 0px !important;
  width: 32px;
  height: 32px;
  padding: 0 0 4px 0px !important;
  background: #FFFFFF;
  border: 1px solid #F0F1F3 !important;
  margin-right: 5px;
  cursor: pointer !important;
  border-radius: 8px !important;
}

.page-link img {
  position: absolute;
  top: -2px;
  right: 11px;
}

.custom-pagination-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  padding: 5px 0 10px 10px;
  position: relative;
  z-index: 2;
}

.custom-pagination-container .dataTables_info {
  padding-top: 0px !important;
}

.notification-container {
  margin-right: 25px;
  margin-bottom: 30px;
  border: 1px solid #F0F1F3;
  border-radius: 8px;
}

.notification-tbl {
  margin-top: -1px !important;
  margin-bottom: 5px;

}

/* .notification-tbl-header{
  text-align: left;
  width: 109px;
  height: 40px;
  background: #EBEEF466;
  border: 1px solid #C5D2E7;
} */

.b-t-l-r-5 {
  border-top-left-radius: 5px;
}

.b-t-r-r-5 {
  border-top-right-radius: 5px;
}

table {
  border-collapse: collapse;
  /* Ensure no spacing between cells */
}

table td,
table th {
  padding: 10px;
  /* Adjust the padding value as needed */
}

/* Hide the sorting arrows */
table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before {
  display: none;
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after {
  display: none;
}

table.dataTable tbody tr {
  border-bottom: 1px solid #F0F1F3;
}

.profile-img-span {
  display: inline-flex;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background: red;
  align-items: center;
  vertical-align: middle;
}

.profile-img-span img {
  padding-left: 7px;
}

.unread {
  color: #1443B0 !important;
}

.unread-bubble {
  background: #0039A4 !important;
}

.status-bubble {
  display: inline-flex;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #697386;
  align-items: center;
  margin-right: 10px
}

.info-clr {
  color: #7E8B9F;
}

.pagination {
  margin: 0px !important;
}


.mark-all-items {
  color: #0039A4;
  font-family: Montserrat !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  margin-left: 175px
}

.notificationTimeSpanColor {
  color: #7E8B9F
}

.status-bubble-margin {
  margin-left: auto;
}

.unread-background {
  background: #1443B0 !important;
}

.notificationsfilled-text.active {
  color: #0039A4;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  text-transform: capitalize;
}

.notificationsfilled-text:hover {
  cursor: pointer;
}

.notificationsfilled-tabitems.active {
  border-bottom: solid #0039A4;
}

.notificationsfilled-tabitems-log-view.active {
  border-bottom: solid #0039A4;
}

.notification-tooltip {
  display: none;
  width: 253px;
  height: 40px;
  background-color: #242B42CC;
  color: #ffffff !important;
  left: 17rem;
  top: 52px;
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  padding: 7px;
}

.notificationsfilled-text-bold .view-all-notifications {
  color: #242B42;
}

.single-select-dropdown-label-overflow {
  text-overflow: ellipsis !important;
  overflow-x: clip;
  white-space: nowrap;
}

.w-a {
  width: auto !important;
}

.m-l-r-10 {
  margin: 0 10px !important;
}

.notificationsfilled-header-gap {
  gap: 900px
}

.border-right-custom {
  background: #EBEEF4;
  width: 1.4px;
  height: 14px;
  margin-top: 3px;
}

.search-notification {
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.search-notification-icon {
  position: absolute;
  top: 41%;
  left: 9px;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.05em;
  text-align: left;
  height: 70%;
  width: 15px;
  margin-right: -9px;
  margin-top: 0px;
  padding-top: 10px;
}

.input-search-notification {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #CAE5F5, #CAE5F5);
  border: 1px solid #C5D2E766;
  height: 40px;
  padding: 7px 25px 7px 10px;
  border-radius: 8px;
}

.input-search-notification:focus {
  outline: none;
}

#date-range-input:focus {
  outline: none;
}

.page-length-dropdown:focus {
  outline: none;
}

.notification-action-dropdown {
  display: none;
  width: 168px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #D5DBE1;
  position: absolute;
  top: 180px;
  right: 25px;
  background-color: #FFFFFF;
}

.notification-action-dropdown.active {
  display: block;
  z-index: 1;
}

.table.notification-tbl {
  width: 100% !important;
}

.delete-confirmation-danger-btn {
  border-radius: 8px;
  background: var(--error-red-400, #FA5959);
  color: white;
  border-color: none;
  border: transparent;

}

.delete-confirmation-body-padding {
  padding: 13px 32px !important;
}

.notification-recent-activity-pd {
  padding: 0% !important;
  padding-top: 16px !important;
}

.mark-all-items-mr-left {
  margin-left: 84%
}

.notification-content-scroll {
  overflow-y: scroll;
  height: 65vh;
  /* scroll-padding-block: auto;
  scroll-margin: 66px;
  scrollbar-width: thin; 

   /* Webkit (Safari, Chrome) */
  /* scrollbar-width: thin;
   scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);

   /* Firefox */
  /* scrollbar-width: thin;
   scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0); */
}

.notificationTimeSpanColor .active {
  color: blue
}

.notification-tool-tip-label {
  color: var(--Surface, #FFF);
  font-size: 14px;
  font-weight: 400;
  margin-top: 3px;
}

.notification-tool-tip-carrot-icon {
  margin-top: -11px;
  margin-left: 202px;
}

.notify-only-unread-active {
  border-radius: 4px;
  background: var(--border-tertiary, rgba(197, 210, 231, 0.40));
}

.notification-setting-tooltip {
  display: none;
  width: 186px;
  height: 40px;
  background-color: #242B42CC;
  color: #ffffff !important;
  left: 26rem;
  top: 52px;
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  padding: 7px;
}

.notification-setting-header-tooltip {
  width: 186px;
  height: 40px;
  background-color: #242B42CC;
  color: #ffffff !important;
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  padding: 7px;
}

.notification-setting-tooltip-placement-header {
  right: -9px;
  top: 25px;
}

.notification-tooltip-sort-placement {
  right: -14px;
  top: 30px;
}

.notification-tooltip-sort {
  width: 253px;
  height: 40px;
  background-color: #242B42CC;
  color: #ffffff !important;
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  padding: 7px;
}

.notification-tool-setting-carrot-icon {
  margin-top: -11px;
  margin-left: 146px;
}

.notification-dot-icon {
  margin-top: 9px;
  padding-left: 5px;
  padding-right: 5px;
}

.notificationsfilled-text-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.notificationsfilled-text-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.text-active {
  color: #0039A4;
}

.notification-tooltip-placement {

  left: 162rem !important;
  top: 220px !important;

}

.notification-setting-tooltip-placement {
  left: 171rem !important;
  top: 223px !important;
}

.mark-all-read {
  text-align: right !important;
}

.notification-activity-row {
  padding-bottom: 20px;
  padding-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
}

.m-l-recent-activity {
  margin-left: -15px;
}

/* .m-r-recent-activity{
  margin-right: -30px;
} */

.mark-all-text {
  /* padding-right: 33px; */
  cursor: pointer;

}

.active-color {
  color: #0039A4;
}

.active-text-normal-font {
  font-style: normal;
  font-weight: 500;
}


.table-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 230px;
}

.table-ellipsis:hover {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 230px;
}

.notifiy-spn-text {
  float: left;
  margin-top: 9px !important;
}

.tooltip-info-bg {
  background: #EBEEF466;
  padding: 5px;
  border-radius: 8px;
  margin-right: 5px;
}

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

.w-250 {
  width: 250px;
}

.possition-relative {
  position: relative;
}

.custom-drop-down-size {
  width: 150px;
  height: 40px;
  text-align: left;
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.custom-dropdown {
  margin-right: -50px !important;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 200px;
  padding: 4px 12px 4px 1px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.search-box {
  margin-right: 0px !important;
  margin-top: -38px;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 217px;
  padding: 4px 12px 4px 1px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.search-box.active {
  display: block;
  z-index: 1;
}

.search-box ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.search-box li {
  margin-left: 3px;
  margin-right: -7px;
  margin-top: 2px;
  /* height: 33px; */
  padding: 6px 12px 7px 12px;
  border-radius: 8px;
}

.search-box li:hover {
  background: #E2F2FF;
}

.search-box li.active {
  background: #E2F2FF;
}

.custom-dropdown.active {
  display: block;
  z-index: 1;
}

.custom-dropdown ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.custom-dropdown li {
  margin-left: 3px;
  margin-right: -7px;
  margin-top: 2px;
  height: 33px;
  padding: 6px 12px 7px 12px;
  border-radius: 8px;
}

.custom-dropdown li:hover {
  background: #E2F2FF;
}

.custom-dropdown li.active {
  background: #E2F2FF;
}


.custom-drop-down-size .btn-dropdown {
  text-align: left;
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.possition-relative .btn-dropdown:focus {
  border: 0.25px solid #CAE5F5 !important;
  box-shadow: none !important;
}

.share-btn {
  padding: 10px 15px !important;
}

.share-btn-div {
  margin: 0 0 0 auto;
}


.padding25 {
  padding-top: 25px;
}

.fontweight400 {
  font-weight: 400 !important;
}

.fontweight800 {
  font-weight: 800;
}

.fontweight500 {
  font-weight: 500;
}

.fontsize30 {
  font-size: 30px;
}

.fontsize15 {
  font-size: 15px;
}

.textcentre {
  text-align: center;
}

.width100 {
  width: 100%;
}

.addPadding {
  padding-right: 15%;
  padding-left: 15%;
}

.apl-btn {
  display: inline-block;
  text-anchor: middle;
  font-size: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  text-decoration: none;
  background-color: #FFCB14 !important;
  color: white !important;
  border: 0px solid #FFCB14 !important;
  -webkit-text-size-adjust: none;
  text-align: center !important;
  font-weight: 700;
  margin-top: 7px;
  padding-block: 9px;
}

.paddingleft32 {
  padding-left: 32%;
}

.displayBlock {
  display: block;
}

#share-email-content p {
  display: block;
  width: auto;
  font-size: 14px;
  font-weight: 600;
  margin-left: 11px;
  margin-top: 14px;
  margin-bottom: 14px;
}

.font-poppins {
  font-family: poppins, arial, sans-serif;
}

.font-inter {
  font-family: inter, arial, sans-serif;
}

.m-l-100px {
  text-indent: 50px;
}

.main-div {
  border-left: 1px solid #C5D2E766;
  border-right: 1px solid #C5D2E766;
  border-top: 1px solid #C5D2E766;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
  background: #EBEEF466;
}

.img-section {

  width: 100%;
  height: 100%;
  position: absolute;
}

#share-email-chart {
  object-fit: contain;
  width: 90%;
  padding: 15px 0px;
  position: relative;
  left: 5%;
  height: 50%;
}

.main-msg {
  border-left: 1px solid #C5D2E766;
  border-right: 1px solid #C5D2E766;
  border-bottom: 1px solid #C5D2E766;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;

}

.message {
  vertical-align: middle;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  position: relative;
  left: 15px;

}

.message label {
  margin-left: 5px;
  font-size: 16px;
  font-weight: 500;
}

.message span {
  position: relative;
}

.main-msg label {
  position: relative;
  left: 65px;
  top: -1px;
  display: block;
  width: 90%;
  font-weight: 500;
  margin-bottom: 30px;
}

.overflow-x {
  overflow-x: auto;
}

.nothing-found {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
}

.nothoing-found-heading {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.3404020071029663px;
  text-align: center;
  margin-top: 15px;
}

.nothing-found-heading-small {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.3404020071029663px;
  text-align: center;
  margin-top: 15px;
}

.nothing-found-label {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
}

.serotype-risk-analysis {
  min-height: 80px;
}

.performace-criteria-csm {
  float: right;
  top: 14px;
}

.possition-relative {
  position: relative;
}

.performce-drop-down-size {
  width: 260px;
  height: 40px;
  text-align: left;
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  float: right;
  margin-top: 10px;
}

.performace-dropdown {
  /* margin-right: -50px !important; */
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 260px;
  padding: 4px 12px 4px 1px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.performace-dropdown.active {
  display: block;
  z-index: 1;
}

.performace-dropdown ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.performace-dropdown li {
  margin-left: 3px;
  margin-right: -7px;
  margin-top: 2px;
  height: 33px;
  padding: 6px 12px 7px 12px;
  border-radius: 8px;


}

.performace-dropdown li:hover {
  background: #E2F2FF;
}

.performace-dropdown li.active {
  background: #E2F2FF;
}


.custom-drop-down-size .btn-dropdown {
  text-align: left;
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.possition-relative .btn-dropdown:focus {
  border: 0.25px solid #CAE5F5 !important;
  box-shadow: none !important;
}

.csm-legends {
  gap: 8px;
  left: 10px;
  bottom: 10px;
  width: 150px;
  /* height: 96px; */
  display: flex;
  padding: 12px;
  position: absolute;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05000000074505806);
  align-items: flex-start;
  border-radius: 8px;
  flex-direction: column;
  background-color: white;
  position: absolute;
  z-index: 9;
}

.csm-legend {
  gap: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.legend-circle {
  width: 8px;
  height: 8px;
  border-radius: 8px;
}

.legend-circle-color-a {
  background: rgba(225, 68, 86, 1);
}

.legend-circle-color-b {
  background: rgba(235, 125, 137, 1);
}

.legend-circle-color-c {
  background: rgba(240, 158, 167, 1);
}

.legend-circle-color-d {
  background: rgba(251, 227, 230, 1);
}


.legend-circle-color-LC {
  background: rgba(243, 124, 83, 1);
}

.legend-circle-color-FC {
  background: rgba(0, 182, 230, 1);
}

.legend-circle-color-EC {
  background: rgba(73, 214, 163, 1);
}

.legend-circle-color-ND {
  background: rgba(190, 197, 207, 1);
}

.legend-label {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 10px;
  font-style: Medium;
  text-align: left;
  font-family: Montserrat;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.hr {

  height: 1px;
  flex-shrink: 0;
  border: 0.5px solid var(--Ancera---Content-Tertiary, #C5D2E7);
  opacity: 0.3;
}

.farm-cycling {
  color: #7E8B9F !important;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 20px;
  display: block;
}

.lower-case-font {
  text-transform: lowercase !important
}

.perormace-farm-list-values {
  color: #EB7D89;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 4px;
  background: rgba(235, 125, 137, 0.08)
}

.farm-name {
  color: #242B42;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.farm-details-perfromace-card {
  /* border: solid; */
  border-radius: 4px;
  border: 1px solid var(--border-secondary, rgba(197, 210, 231, 0.60));
  background: var(--Surface, #FFF);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  height: 254px;
}


.perfromace-card {
  border: 1px solid rgba(197, 210, 231, 0.60);
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Card header styles */
.perfromace-card-header {
  background-color: #fff;
  /* Header background color */
  color: #242B42;
  /* Header text color */
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid rgba(197, 210, 231, 0.40);
}

/* Card content styles */
.perfromace-card-content {
  padding: 10px;
}

.performace-cat-name {
  color: #242B42;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.perform-cat-li-text {
  color: #242B42;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  text-transform: capitalize;
}

#farm-list-heatmap li {
  list-style-position: outside;
}

#farm-list-heatmap li::marker {
  font-size: 3rem;
}

.bullet-text-align {
  top: -5px;
  position: relative;
}

.perform-badge {
  border-radius: 4px;
  border: 1px solid var(--border-secondary, rgba(197, 210, 231, 0.60));
  height: 15px;
  border-radius: 4px;
  background: #E14456;
}

.perform-point-value {
  /* float: left; */
  padding-top: 0px;
  color: #FA5959;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.024px;
  display: block;
}


.badge-button {
  border-radius: 4px;
  background: #E14456;
  display: inline-block;
  padding: 0px 6px;
  /* background-color: #0074d9; */
  color: #fff;
  /* border: 2px solid #0074d9; */
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 20px;
  font-size: 12px;
  padding-top: 2px;
}

.farm-details-container {
  max-height: 325px;
  overflow-y: auto;
  padding: 10px 0px;
  margin: 0 !important;
}

.margin-0 {
  margin: 0px !important
}

.m-r-0 {
  margin-right: 0px !important;
}

/* .perorm-ul li{
  color: #fff;
} */

.perorm-ul li {
  color: #FA5959;
}

.perform-frm-details-ul li {
  color: #fff;
}

.perform-frm-details-ul li span {
  color: #242B42;
}


.perorm-ul li span {
  color: #242B42;
}

.text-point-val-color {
  color: #E14456 !important
}

.day-17-color {
  color: #1443B0
}

.day-28-color {
  color: #FF8F00
}

.day-37-color {
  color: #7B1FA2
}

.opg-color-span {
  color: #242B42
}

.late-cycling-color {
  color: #FF9350
}

.flate-cycling-color {
  color: #00B6E6
}

.late-cycling-badge {
  /* width: 100px !important; */
  background-color: #FF9350;
  margin-left: -28px;
}

.early-mid-cycling-badge {
  /* width: 131px !important; */
  background-color: #49d6a329;
  margin-left: -59px;
  color: #49D6A3 !important;
}

.no-cycling-badge {
  background-color: #bec5cf2b;
  margin-left: -1px;
  color: #BEC5CF !important;
}

.flate-cycling-badge {
  width: 90px !important;
  background-color: #00b6e626;
  margin-left: -16px;
  color: #00B6E6 !important;
  padding: 2px 9px;
}

.flate-cycling-light {
  background: linear-gradient(0deg, rgba(0, 182, 230, 0.08), rgba(0, 182, 230, 0.08)), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  color: #00B6E6 !important;
}

.early-cycling-light {
  background-color: #49d6a326;
  color: #009F60 !important;
}

.late-cycling-light {
  background-color: #ff93501f;
  color: #ff9350f7 !important;
}


.short-cycling-pin-light {
  background: #fcf9f7;
  color: rgba(250, 192, 199, 1) !important;
}

.medium-cycling-pin-light {
  background-color: #fcf9f7;
  color: rgba(240, 158, 167, 1) !important;
}

.long-cycling-pin-light {
  /* background-color: #fcf9f7; */
  background-color: #eb7d8930;
  color: rgba(235, 125, 137, 1) !important;
}

.very-long-cycling-pin-light {
  /* background-color: #fcf9f7; */
  background-color: #e1445633;
  color: rgba(225, 68, 86, 1) !important;

}

.no-cycling-pin-light {
  background-color: #bec5cf40;
  color: rgba(190, 197, 207, 1) !important;
}

.height-220px {
  height: 220px !important;
}

.height-350px {
  height: 350px !important;
}

.summary-home-no-data {
  font-weight: bold !important;
  text-align: left !important;
  justify-content: flex-start;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.no-data-found-div {
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  margin: auto;
}

.farm-list-pad {
  padding-left: 18px;
  padding-right: 10px;
  max-height: 280px !important;
  overflow-x: hidden;
}

.csm-export-to-pdf {
  width: 197px !important;
  height: auto !important;
  line-height: 32px !important;
  left: -172px;



}

.margin-btm-7rem {
  margin-bottom: 7rem
}

.csm-action-items {
  width: 197px !important;
  height: auto !important;
  line-height: 32px !important;
  left: -172px;
  bottom: -139px;
}

.text-item-center {
  justify-content: center;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.sero-breakdown-act-dropdown {
  position: absolute;
  right: 0;
  top: -12px;
}

.toggle-btn-container {
  background: #EBEEF466;
  width: 180px;
  height: 32px;
  top: 84px;
  left: 16px;
  padding: 2px;
  border-radius: 8px;
  margin-bottom: 15px
}

.quant-toggle-btn-container {
  background: #EBEEF466;
  width: 180px;
  height: 32px;
  top: 84px;
  left: 16px;
  padding: 2px;
  border-radius: 8px;
  margin-bottom: 15px
}

.toggle-btn {
  border: 0px;
  width: 85px;
  height: 28px;
  padding: 4px 12px;
  border-radius: 8px;
  gap: 8px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: #242B42;
  background: none;
}

.toggle-view-btn {
  border: 0px;
  width: 85px;
  height: 37px;
  padding: 4px 12px;
  border-radius: 8px;
  gap: 8px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: #242B42;
  background: none;
}

.toggle-btn.selected {
  font-weight: 600;
  color: #232C3E;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px #00000014;
}

.toggle-view-btn.selected {
  font-weight: 600;
  color: #232C3E;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px #00000014;
  cursor: not-allowed !important;
}

.toggle-view-btn-container {
  background: #EBEEF466;
  width: 180px;
  height: 40px;
  top: 84px;
  left: 16px;
  padding: 2px;
  border-radius: 8px;
  margin-bottom: 15px;
  cursor: pointer;
}

.black-color {
  color: #242B42;
}

.m-t-60 {
  margin-top: 60px !important
}

.cocidia-cycling-badge {
  margin-top: 2px;
  padding-top: 5px;
  margin-left: -4px;
}

.m-r-175 {
  margin-right: 175px;
}

.farm-details-icon {
  /* float: left; */
  margin-right: 8px;
  margin-left: -28px;
  margin-top: -7px;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.m-t-n-10 {
  margin-top: -10px !important;
}

.height-15 {
  height: 15px;
}

.font-afcr-color {
  color: #fff !important;
  font-weight: 500 !important;
}


.no-cycling-badge-text {
  background-color: #BEC5CF;
  margin-left: -1px;
  color: #fff !important;
}

.early-mid-cycling-badge-text {
  background-color: #49D6A3;
  margin-left: -2px;
  color: #fff !important;
}

.flate-cycling-badge-text {
  width: 90px !important;
  background-color: #00B6E6;
  margin-left: -2px;
  color: #fff !important;
}


.late-cycling-badge-text {
  background-color: #FF9350;
  margin-left: -2px;
  color: #fff !important;
}

.info-tooltip-style {
  background: #EBEEF466;
  padding: 5px;
  border-radius: 8px;
}

.non-prod {
  display: none;
}

/* Vue */

.d-scheduler-d-scheduler {

  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}



.d-scheduler-title {
  gap: 12px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
}

.d-scheduler-text {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 20px;
  font-style: Regular;
  text-align: left;
  font-family: Font Awesome 6 Pro;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
  cursor: pointer;
}

.d-scheduler-text01 {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 20px;
  font-style: SemiBold;
  text-align: left;
  font-family: Montserrat;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.d-scheduler-text03 {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 20px;
  font-style: Regular;
  text-align: left;
  font-family: Montserrat;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.d-scheduler-tab {
  gap: 12px;
  display: flex;
  align-items: center;
}

.d-scheduler-text04 {
  color: var(--dl-color-default-anceracontentprimary);
  width: 27px;
  height: auto;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: Font Awesome 6 Pro;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.d-scheduler-text05 {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 20px;
  font-style: SemiBold;
  text-align: left;
  font-family: Montserrat;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.add-farm {
  padding: 35px 30px 20px;
  min-height: 73vh;
}

.table-farm {
  min-height: 88vh;
}

.farm-select-complex {
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 20px;
  font-stretch: normal;
  margin-bottom: 10px;
}

.farm-select-complex-modal {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;

}

.schedule-modal-main-header {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: left;

}

.farm-select-date {
  /* margin-top: 24px; */
  color: var(--dl-color-default-anceracontentprimary);
  height: auto;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 20px;
  font-stretch: normal;
  /* margin-bottom: 10px; */
}

.farm-dropdown {
  gap: 148px;
  width: 255px;
  height: 40px;
  display: flex;
  padding: 8px 10px;
  align-items: center;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  outline: none;
}

.width-255px {
  width: 255px
}

.farm-date-picker {
  width: 255px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px;
  border: 1px solid #C5D2E799;
  background: #fff;
  height: 40px;
}

.date-input {
  width: 100%;
  outline: none;
  border: 0;
}

.collection-dates {
  gap: 10px 40px;
}

.collectionDateBtn {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  margin-inline: 10px;
  margin: 0 13px auto auto;
  height: 40px;
  /* position: absolute; */
  right: 0;
  top: 54px;


}

.unselect-program-all>span {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D5DBE1, #D5DBE1) !important;
  border: 1px solid #D5DBE1 !important;
}

.multi-select-csm-drop-down {
  width: 225px !important
}

.multi-select-csm-drop-down-lable {
  max-width: 168px !important
}

.multi-select-csm-row {
  width: 215px !important
}

.m-t-30 {
  margin-top: 30px !important;
}

.non-prod {
  display: none;
}

.p-r-3 {
  padding-right: 3px !important;
}

.p-t-8 {
  padding-top: 8px !important;
}

.mt-230 {
  height: 230px !important;
}

.w-90px {
  width: 90px !important;
}

.w-40 {
  width: 40px !important;
}

.m-t-17 {
  margin-top: 17px;
}

.display-flex {
  display: flex !important;
}

.t-1 {
  top: 1px;
}

.height-300 {
  height: 300px;
}

.collapse-chart-box {
  min-height: 50px;
  height: 95px;
  overflow: hidden;
}

.m-r-32 {
  margin-right: 32px !important;
}

.table-layout-fixed {
  table-layout: fixed !important;
}

.table-transition {
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.max-width-100 {
  max-width: 100px !important
}

.max-width-125px {
  max-width: 125px !important
}

.max-width-280px {
  max-width: 280px !important
}

.max-height-440px {
  max-height: 440px !important;
}

.load-more-farms {
  display: flex;
  justify-content: center;
}

.load-more-farms p {
  font-size: 12px;
  font-weight: bold;
  color: #23527c;
}

.mt-230 {
  height: 230px !important;
}


.clr-orange {
  color: #F88E4D !important
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-26 {
  margin-left: 26px;
}

.w-a {
  width: auto;
}

.afcr-cost {
  margin-right: 5px;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
}

.afcr-cost-prediction {
  margin-right: 5px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}

.afcr-description {
  margin-right: 5px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  color: #7E8B9F;
}

.afcr-row-info {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.w-100 {
  width: 100% !important;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-30px {
  width: 30px !important;
}

/* .min-height-csm-home-gadget{
  height: 400px !important;
} */

.orange-clr {
  color: #FF9350;
}

.blue-clr {
  color: #0039A4;
}

.m-t-20px {
  margin-top: 20px;
}

.flockAge {
  gap: 148px;
  width: 255px;
  height: 40px;
  display: flex;
  padding: 8px 10px;
  align-items: center;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  outline: none;
  background-color: transparent !important;
}

.rowperpageSelector {
  border: 1px solid rgba(197, 210, 231, 0.6000000238418579);
  border-radius: 4px;
}

.n-base-selection-label {
  background-color: transparent !important;
}

#printTable {
  /* border: 1px solid #ddd; */
  padding: 20px;
}

.n-base-selection-tags {
  background-color: transparent !important;
}

.selectedHouses {
  /* display: flex; */
  gap: 35px;
  /* align-items: baseline; */
  gap: 148px;
  width: 255px;
  height: 40px;
  display: flex;
  padding: 8px 10px;
  align-items: center;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  outline: none;
}

.flex-direction-column {
  flex-direction: column;
}

.menu-btn {
  width: 255px;
  border-radius: 8px;
  height: 40px;
  text-align: justify;
  padding: 8px 10px;
  align-items: center;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  outline: none;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  background: white;
}

.menu {
  padding-top: 10px;
  z-index: 200;
  margin-top: 4px;
  background-color: white;
  position: absolute;
  width: 255px;
  border-radius: 8px;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  outline: none;
}

.menu-option {
  padding: 6px 20px 6px;
}

#overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.farmList {
  position: relative;
}

.addFarmBtn {
  position: absolute;
  top: 0;
  right: 71px;
}

.deleteFarm {
  right: 48px;
  background: rgba(225, 68, 86, 1);
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  outline: none;
  border: none;
  margin: 20px 67px auto auto;
}

.csm-home-sub-heading {
  color: #5A616E;
  margin-top: 18px;

}

.coccidia_cycle>a {
  margin-top: 18px;
}



.action-dropdown-item-cp {
  width: 160px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  border-radius: 8px;
  gap: 8px;
  display: none;
  margin-top: 10px;
  box-shadow: 0px 2px 6px rgb(231, 231, 231);
  background-color: white;
  position: absolute;
  left: -125;
}

.action-csv-export {
  width: 160px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  border-radius: 8px;
  gap: 8px;
  display: none;
  margin-top: -28px;
  box-shadow: 0px 2px 6px rgb(231, 231, 231);
  background-color: white;
  position: absolute;
  left: -121px;
}


.action-dropdown-item-cp:hover {
  background-color: #E2F2FF;
  border-radius: 8px;
  border: 1px solid #D5DBE1;
}


.delete-collection-btn {
  margin: 0 -7px auto auto;
  background: rgba(225, 68, 86, 1);
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  outline: none;
  border: none;
}

.schedule-table {
  margin-top: 0px !important;
  margin-bottom: 0px;
}

.schedule-no-data {
  margin-top: 0px !important;
  position: relative;
  top: -187px;
  margin-right: 117px;
}

.visibility-hidden {
  visibility: hidden;
}

.schedule-th {
  width: auto !important;
  padding: 13px 15px 10px !important;
  min-width: 240px;
}

.schedule-th-260 {
  width: auto !important;
  padding: 13px 15px 10px !important;
  min-width: 290px;
}

.action-schedule-th {
  width: auto !important;
  padding: 13px 15px 10px !important;
}


.schedule-th-filter-selected {
  background-color: #000 !important;
  color: #fff !important;
  border-right: 1px solid white;
}

.schedule-th-filter-selected-icon {
  color: #fff;
  float: right;
  /* margin-top: 4px; */
  cursor: pointer;
}

.schedule-sorting-selected {
  float: none;
  margin-left: 15px;
  margin-right: 10px;
  margin-top: -1;
  cursor: pointer;
}



.schedule-table-container {
  margin-bottom: 5px !important;
}

.overflow-x-auto {
  overflow-x: auto
}

.overflow-hidden {
  overflow-x: hidden
}

.xy-overflow-hidden {
  overflow: hidden !important;
}

.schedule-table-div {
  width: 178vw;
  min-height: 35rem;
}

.pagination-btn {
  outline: none;
  border: none;
  margin: 0 5px;
  border-radius: 5px;
}

.hr-bar {
  border: 1px solid rgba(197, 210, 231, 1);
  background: rgba(197, 210, 231, 1);
  margin-top: 33px;
  margin-bottom: 33px;
  width: 99%;
}

.next-btn {
  margin: auto auto 0;
}

.farms-border {
  width: 100%;
  margin-left: -5px;
  padding: 0 14px;
  margin-top: 25px;
  border: 1px solid rgba(213, 219, 225, 1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding-bottom: 37px;

}


.btn-container {
  place-content: center;
  margin: auto auto 0;
}


.dp__input {
  border: none !important;
  font-family: Montserrat !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  letter-spacing: 0em !important;
  text-align: left;
  padding: 0 !important;

}



.dp__action_cancel {
  display: none !important;
}

.dp__action_select {
  width: 93px !important;
  place-content: center !important;
  height: 35px !important;
  margin-right: 5 !important;
  background: rgba(0, 57, 164, 1) !important;
  font-family: Montserrat !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: 0em !important;
  text-align: left !important;
  border-radius: 8px !important;
}

.dp__selection_preview {
  font-family: Montserrat !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: 0em !important;
  padding: 5px 15px !important;
  border-radius: 8px !important;
  width: 100px !important;
  text-align: center !important;
  margin-left: 5px !important;
}

.dp__active_date {
  background: rgba(0, 57, 164, 1) !important;
}

.error {
  color: red;
}


.n-base-selection {

  border-radius: 6px;
  --n-border-active: 1px solid transparent !important;
  --n-caret-color: rgba(0, 57, 164, 1) !important;
  --n-border-focus: 1px solid rgba(0, 57, 164, 1) !important;
  --n-border-hover: 1px solid transparent !important;
  --n-option-color-pending: #E2F2FF !important;
  --n-border-hover: 1px solid #C5D2E799;
  --n-border-focus: 1px solid #C5D2E799;
  height: 40px;
  padding-top: 3px;
}


.n-base-select-menu .n-base-select-option.n-base-select-option--selected {
  color: rgba(0, 57, 164, 1) !important;
}

.n-base-select-menu .n-base-select-option:active {
  color: rgba(0, 57, 164, 1) !important;
}

.n-base-select-menu .n-base-select-option .n-base-select-option__check {
  color: rgba(0, 57, 164, 1) !important;
}

.m-t-20 {
  margin-top: 20px;
}


.add-schedule-btn {
  /* width: 80px !important; */
  margin-right: 10px;
}

.tree {
  width: 255px;
}


.schedule-sorting {
  margin: auto 0 auto auto;
  float: right;
  margin-top: 4px !important;
  cursor: pointer;
}

.flex-direction-column {
  flex-direction: column;
}

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

.gap-40px {
  gap: 40px;
}

.margin-top-35px {
  margin-top: 35px;
}

.edit-menu-btn {
  width: 100%;
  height: 30px;
  border: aliceblue;
  padding: 4px 5px;

}

.menu-btn-div {
  position: relative;
  text-align: center;
}

.schedule-page-length {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  margin: 5px 15px 5px 0;
  position: relative;
  width: 50%;
  float: right;
  padding: 13px 5px 10px;

}


/* .exportCsvSchedule {
  width: 145px;
  height: 37px;
  position: absolute;
  top: 40px;
  box-shadow: 0px 15px 35px 0px rgba(60, 66, 87, 0.12);
  border: 1px solid rgba(213, 219, 225, 1);
  text-align: center;
  display: block;
  padding: 12px;
  right: -27px;
  border-radius: 8px;
  background: white;
} */

.rotateImage {
  transform: rotate(180deg);
}

.exportCsvScheduleBtn {
  position: relative;
  margin-right: 30px;
}

.img-sorting {
  pointer-events: none;
  cursor: default;
}

.display-n {
  display: none;
}

.justify-content-flex-end {
  justify-content: flex-end !important;
}

.n-popover {
  cursor: pointer;
}

.exportScheduleBtn {
  --n-border-hover: 1px solid rgba(213, 219, 225, 1) !important;
  --n-border-pressed: 1px solid rgba(213, 219, 225, 1) !important;
  --n-border-focus: 1px solid rgba(213, 219, 225, 1) !important;
  --n-ripple-color: rgba(213, 219, 225, 1) !important;
  --n-text-color-hover: rgba(213, 219, 225, 1) !important;
  --n-text-color-pressed: rgba(213, 219, 225, 1) !important;
  --n-text-color-focus: rgba(213, 219, 225, 1) !important;
  height: 36px;
}

.pad-top-12 {
  padding-top: 10px;
}

.height-popup-body {
  height: 265px !important
}

.heading-line-height {
  line-height: 25px;
}

.dp__disabled {
  background: transparent !important;
}

.n-base-selection {
  background: transparent !important;
}

.calander-icon-margin {
  margin-top: -27px;
  margin-left: 229px;
}

.farm-date-picker .dp__input_wrap {
  width: 94% !important;
}

.date-calander-title-border {
  border: 1px solid rgba(197, 210, 231, 0.6) !important;
}

.line-seprator-border {
  border-top: 1px solid var(--border-tertiary, rgba(197, 210, 231, 0.40));
  width: 100% !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.shareFieldsSchedule {
  padding: 6px;
  border-radius: 4px;
}

.shareFieldsSchedule:hover {
  background: rgba(226, 242, 255, 1)
}


.add-seletion-schedule {
  align-items: center;
  margin: 15px 0;
}


.not-selected-sorting {
  opacity: 0.4;
}

.selected-sorting {
  opacity: 1;
}

.w-66 {
  width: 66%;
}

.h-68px {
  height: 68px;
}

.p-block-30 {
  padding-block: 30px;
}

.m-t-30 {
  margin-top: 30px;
}

.csm-afcr-gadget {
  border: 1px solid #C5D2E7;
  display: none;
  border-radius: 8px;
  background: white;
  /* height: 344; */
}

.csm-afcr-gadget h6 {
  display: inline-block;
  font-size: 16px !important;
  padding: 15px 0px 15px 15px;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 0em;
  text-align: left;
}

.csm-afcr-gadget hr {
  color: #C5D2E7;
  height: 1.8px;
}

.csm-engagement-details {
  border: 1px solid #C5D2E7;
  border-radius: 8px;
  background: white;
}

.csm-engagement-details h6 {
  display: inline-block;
  font-size: 16px !important;
  padding: 15px 0px 15px 15px;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 0em;
  text-align: left;
}

.csm-engagement-details hr {
  color: #C5D2E7;
  height: 1.8px;
}

.actual-vs-target-afcr {
  margin-right: 5px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
}

.lowercase-text {
  text-transform: lowercase;
}

.m-b-6 {
  margin-bottom: 6px;
}

.z-index-3000 {
  z-index: 3000;
}

#notification {
  color: black !important
}

.white-background {
  background-color: white !important;
}

.width-270 {
  width: 270 !important
}

.performacnce-creteria_allign {
  top: -60px !important;
  margin-right: 238px !important;
}

.label-tooltip {
  font-weight: lighter;
  text-align: justify;
  padding: 2px 6px;
}

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

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 2023;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 20px auto auto;
  ;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 615px;
  /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.align-content-left {
  justify-content: flex-start !important;
  height: 30px !important;
  align-items: center !important;
}

.m-t-36 {
  margin-top: 36px;
}

.m-l--24 {
  margin-left: -24px;
}

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

.m-t--15 {
  margin-top: -15px;
}

#modal-search-box {
  position: relative;
}

#modal-search-box img {
  position: absolute;
  left: 10px;
  /* Adjust the left positioning as needed */
  top: 47%;
  /* Vertically center the image */
  transform: translateY(-180%);
}

#farm-search-box {
  padding-left: 30px;
  /* Adjust the padding to make space for the image */
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* Two equal columns */
  grid-gap: 10px;
  /* Adjust the gap between columns */
}

.collapsible {
  margin: 5px;
}

.farm-header {
  padding: 10px;
  cursor: pointer;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;

  position: relative;
  top: 0px;
  margin-left: 25px;
  margin-top: -31px;
  padding-bottom: inherit;
  padding-top: 15px !important;
}

.farm-details {
  display: none;
  padding: 10px;
}

.farm-details.active {
  display: block;
}

.row.farm-detail-header {
  font-family: 'Montserrat';
  font-weight: 500;
  color: #7E8B9F;
}

.row.farm-detail-value {
  font-family: 'Montserrat';
  font-weight: 500;
}

.cancel-btn {
  border: 1px solid #C5D2E766;
  border-radius: 25px;
  background-color: transparent;
  color: gray;
  padding-left: 15px;
  margin-bottom: 0 !important;
  margin-right: 20px;
  font-weight: 400;
  padding-top: 9px;
  padding-bottom: 10px;
  border-radius: 8px;
  width: fit-content;
}

.divider-full-length {
  width: 108%;
  margin-left: -21px !important;
}

ul.ui-autocomplete {
  z-index: 5;
}

.z-index-2024 {
  z-index: 2024 !important;
}

.z-index-1 {
  z-index: 1;
}

.width-395 {
  width: 395px !important;
}

.farm-header-lcf {
  font-family: Montserrat;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  letter-spacing: 0em !important;
  text-align: left;

}

.export-btn-menu {
  width: min-content !important;
  border: none !important;
}

.export-btn-inMenu {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  border-radius: 8px;
  height: 40px;
  gap: 8px;
  border: 1px solid #C5D2E799;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(197, 210, 231, 0.6), rgba(197, 210, 231, 0.6));
}


.export-menu-icon {
  position: relative;
  top: -2px;
  color: #7E8B9F;
  right: 0px;
}


.action-dropdown-menu {
  width: 200px !important;
  position: absolute;
  top: 114% !important;
  background: white;
  z-index: 3 !important;
}

.csm-home-action-dropdown-menu {
  width: 255px !important;
  position: absolute;
  top: 114% !important;
  background: white;
  z-index: 3 !important;
}

.action-dropdown-item-menu {
  padding: 5px 12px 7px 12px !important;
  width: 192px !important;
}

.csm-home-action-dropdown-item-menu {
  padding: 5px 12px 7px 12px !important;
  width: 245px !important;
}

.top-100 {
  top: 100px !important;
}

.top-0 {
  top: 0 !important;
}

.lcc-percentage {
  margin: 0 5px 0 0 !important;
  width: fit-content !important;
}

.lcc-section {
  margin: 0 3px;
  display: inline;
}


.m-b-15 {
  margin-bottom: 15px;
}

.lcc-trendline {
  display: block;
  width: 100% !important;
  height: 100px;
  align-self: self-start;
  margin-left: -10px;
}

.border-right {
  border-right: 1px solid;
  border-color: rgba(197, 210, 231, 0.6);
}

.view-flock-a {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}


.csm-performance-svg {
  height: 242px;
  width: 100%;
}

.dark-grey-clr {
  color: rgba(36, 43, 66, 1);
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.lcf-modal {
  overflow-y: auto;
  height: 400px;
  overflow-x: hidden;
}

.line {
  fill: none;
  stroke-width: 3px;
}

.ssm-intervention-program-tooltip {
  display: block;
  width: max-content;
}

.total-mortality-program-tooltip {
  display: none;
  color: #ffffff !important;
  bottom: 250px;
  text-align: justify;
  font-size: 14px;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  background: #242B42CC;
}

.program-tooltip {
  display: none;
  color: #ffffff !important;
  /* bottom: 260px; */
  text-align: justify;
  font-size: 14px;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  background: #242B42CC;
}

.program-tooltip::after {
  content: "";
  position: absolute;
  bottom: -9.5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #242B42CC transparent;
  transform: rotateX(180deg);
}

.total-mortality-program-tooltip::after {
  content: "";
  position: absolute;
  bottom: -9.5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #242B42CC transparent;
  transform: rotateX(180deg);
}

.p-t-8 {
  padding-top: 8px;
}

.m-t-24 {
  margin-top: 24px;
}

.width-300 {
  width: 300px !important;
}

.mr-r-0 {
  margin-right: 0px !important;
}

.color-lcf-cancel {
  color: #242B42 !important;
  cursor: pointer;
}

.cancel-delete-notification-popup {
  width: fit-content;
  border: none;
  background-color: white;
  height: fit-content;
  margin-top: 14px;
}

.width-350 {
  width: 350px !important;
}



.actaul-vs-expected-tool-tip-afcr {
  width: 204px !important;
  left: -89px !important;
}

.actaul-vs-expected-tool-tip-weight {
  width: 222px !important;
  left: -98px !important;
}

.actaul-vs-expected-tool-tip-dailyGain {
  width: 244px !important;
  left: -108px !important;
}


.width-350 {
  width: 350px !important;
}



.actaul-vs-expected-tool-tip-afcr {
  width: 204px !important;
  left: -89px !important;
}

.actaul-vs-expected-tool-tip-weight {
  width: 222px !important;
  left: -98px !important;
}

.actaul-vs-expected-tool-tip-dailyGain {
  width: 244px !important;
  left: -108px !important;
}

.weekly-total-mortality-tool-tip {
  width: 170px !important;
  left: -73px !important;
}

.csm-opg-trending-tool-tip {
  width: 115px !important;
  left: -45px !important;
}

.csm-weight-variance-tool-tip {
  width: 240px !important;
  left: -113px !important;
}


.cancel-delete-notification-popup {
  width: fit-content;
  border: none;
  background-color: white;
  height: fit-content;
  margin-top: 14px;
}

.content-unset {
  justify-content: unset;
}

.draggable-icon {
  width: 20px;
  margin-right: 1em;
  cursor: move;
}

.w-97 {
  width: calc(100vw - 3%) !important;
}

.t-0 {
  top: 0 !important;
}

.t--7 {
  top: -7px !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-40 {
  margin-top: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.flock-list-searchfield {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.8em;
  width: 100%;
}


.height-fit-contnent {
  position: absolute;
  height: fit-content;
  width: fit-content;

  /* background-color: #fff; 
  border: 1px solid #ccc; */
  padding: 10px;

  display: none;
  z-index: 1000;

}

.height-fit-content-program-overview {
  position: relative;
  height: fit-content;
  width: fit-content;
  padding: 10px;
  display: none;
  z-index: 1000;

}

.height-fit-contnent ul {
  list-style-type: disc;
  padding-left: 10px;
  margin: 0;
}

.height-fit-contnent li {
  margin-bottom: 5px;
}

.afcr-less-than-zero-variance {
  /* background-color: #fcf9f7; */
  background-color: #93e4c830;
  color: rgba(32, 145, 98, 1) !important;
}

.summary-heatmap-scroll-style {
  overflow-y: auto;
  height: 230px;
}

.gradient-div {
  position: absolute;
  right: 65px;
  width: 15px;
  height: 220px;
}

.marks {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;

  position: relative;
  left: 20px;
  height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.t-20-p {
  top: 20%;
}

.m-t-44 {
  margin-top: 44px;
}

.d-none {
  display: none !important;
}

/* vue filters */

.add-filters {
  padding: 0 !important;
}

.filter-popup {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  /* letter-spacing: 0.02em; */
  color: #1C1C1D;
  text-transform: none;
  cursor: default;

}

.filter-popup__container {
  width: 290px;
  /* height: 290px; */
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 14px 24px rgba(51, 51, 51, 0.12);
  border-radius: 4px;
  padding-bottom: 10px;
}

.filter-popup__header {
  padding: 22px 10px 5px 10px;
  position: relative;
}

.filter-popup__search-container {
  padding: 0.25rem 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.filter-popup__search-input {
  position: relative;
  width: 100%;
  max-width: 100%;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.filter-popup__close {
  font-size: 2.25rem;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 100;
}

.filter-popup__action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px 5px 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}

.filter-popup__action--clear-all {
  color: #0e0e2b;
  cursor: pointer;

}

.filter-popup__action--wildcard {
  color: #1C1C1D;
  margin-right: 2px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}

.filter-popup__wildcard-options {
  display: flex;
  align-items: center;
  white-space: normal;
  word-wrap: break-word;
  padding-top: 16px;
  padding-left: 14px;
  padding-bottom: 4px;
}

.form-check-input {
  position: absolute;
  margin-top: 0.2rem;
  margin-left: -1rem;
}


.filter-popup__body {
  padding: 0px 0px 0px 10px;
}

.filter-popup__filter-container {

  height: 11rem !important;
  overflow-y: auto !important;

  & ul {
    list-style: none;
    padding-left: 0 !important;
  }
}

.filter-popup__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px 8px 10px;

  &--count {
    flex: 1;
    color: #1c1c1d;
  }

  &--view-all {
    color: #0e0e2b;
    cursor: pointer;
  }


  &--apply {
    padding: 1px 13px;
    background: #0e0e2b;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
  }
}

.filter-btn-disabled {
  background: rgba(14, 14, 43, 0.5);
  cursor: not-allowed;
}

.schedule-filter-btn-disabled {
  cursor: not-allowed;
}

.li-schedule-filter {
  display: flex;
  align-items: center;
}

.li-input-schedule-filter {
  margin: 0 10px 0 0 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.margin-right-3px {
  margin-right: 3px;
}

.n-switch.n-switch--active .n-switch__rail {
  background-color: #0039a4 !important;
}

.filter-icon {
  margin-right: 15px;
  margin-top: -4px;
  background: black;
  padding: 4px;
  border-radius: 4px;
}

.schdeule-datatable-data {

  margin-left: 36px;
  display: flex;
  min-width: fit-content;
}


.filter-datePopup__body {
  padding: 0 10px;
}


.filter-datepopup-footer {
  margin-top: 5px;
}

.vue-datepicker-naive {
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 4px rgba(51, 51, 51, .04), 0 4px 24px rgba(51, 51, 51, .24);
}


.font-size-12 {
  font-size: 12px;
}


.margin-float-right {
  margin: auto 0 auto auto;
}

.apply-btn-schedule {
  height: auto;
  padding: 7px 10px;
}

.schedule-radio-btn {
  font-size: 12px;
  margin-left: 10px;
  --n-box-shadow-hover: inset 0 0 0 1px #0039a4 !important;
  --n-box-shadow-focus: inset 0 0 0 1px #0039a4, 0 0 0 2px rgba(24, 160, 88, 0.2) !important;
  --n-dot-color-active: #0039a4 !important;
}

.wildCardBody {
  --n-box-shadow-focus: inset 0 0 0 1px #0039a4, 0 0 0 2px rgba(24, 160, 88, 0.2) !important;
  --n-dot-color-active: #0039a4 !important;
  --n-box-shadow-hover: inset 0 0 0 1px #0039a4 !important;
  margin: 30px 0px 10px !important;
}

.n-radio .n-radio__label {
  padding: 0 0px 0 5px !important;
  font-weight: 12px !important;
}

/* css for complex score card */
.color-high {
  background: rgba(225, 68, 86, 1);
}

.color-no-data {
  background: rgba(200, 200, 200, 1);
}

.color-medium {
  background: rgba(235, 125, 137, 1);
}

.color-low {
  background: rgba(240, 158, 167, 1);
}

.color-very-low {
  background: rgba(251, 227, 230, 1);
}

.h-60 {
  padding: 10px, 16px, 10px, 16px;
  border: 0px, 0px, 1px, 0px;
  gap: 8px;
  background: linear-gradient(0deg, #C5D2E7, #C5D2E7),
    linear-gradient(0deg, rgba(235, 238, 244, 0.4), rgba(235, 238, 244, 0.4));
  border-bottom: 1px solid #C5D2E7;
  font-family: Montserrat;
}

#complexReportCardTable .col-0 {
  width: 83px !important;
  text-align: start;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
}

#complexReportCardTable .col-1 {
  width: 176px !important;
  text-align: start;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
}

#complexReportCardTable .col-2 {
  width: 160px !important;
  text-align: start;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
}


#complexReportCardTable .col-3 {
  width: 137.6px !important;
  text-align: center !important;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
}


#complexReportCardTable .col-4 {
  width: 137.6px !important;
  text-align: center !important;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
}


#complexReportCardTable .col-5 {
  width: 137.6px !important;
  text-align: center;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
}


#complexReportCardTable .col-6 {
  width: 137.6px !important;
  text-align: center !important;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
}


#complexReportCardTable .col-7 {
  width: 138px !important;
  text-align: center !important;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
}

#complexReportCardTable .tb-col-0 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}

#complexReportCardTable .tb-col-1 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}

#complexReportCardTable .tb-col-2 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
}

#complexReportCardTable .tb-col-3 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
}

#complexReportCardTable .tb-col-4 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
}

#complexReportCardTable .tb-col-5 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
}

#complexReportCardTable .tb-col-6 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
}

#complexReportCardTable .tb-col-7 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
}

#complexReportCardTable .cell-data {
  border-radius: 4px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  height: 38px !important;
  padding-top: 8px !important;
}

.m-l-15 {
  margin-left: 15px;
  margin-top: 8px;
}

.m-l-15px {
  margin-left: 15px !important;
}

.chart-box-complex {
  border: 1px solid #C5D2E7;
  display: none;
  border-radius: 8px;
  background: white;
}

.p-0 {
  padding: 0px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}


#complexReportCardTable tbody td a {
  text-decoration: underline;
  cursor: pointer;
}

#complexReportCardTable tbody td.tb-col-3 {
  border: 1px solid #C5D2E799;
}

.m-r-t {
  margin-right: 50px !important;
  margin-top: 12px;
}

.settlement-dates {
  width: 228px;
  height: 33px;
  padding: 8px, 12px, 8px, 12px;
  border-radius: 8px;
  gap: 8px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  margin: 5px;
}

.date-filter {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  margin: 5px;
  cursor: pointer;
}

.b-t-0>tbody>tr>td,
.b-t-0>tbody>tr>th,
.b-t-0>tfoot>tr>td,
.b-t-0>tfoot>tr>th,
.b-t-0>thead>tr>td,
.b-t-0>thead>tr>th {
  border-top: 0px !important;
  margin-bottom: -2px !important;
}

.m-h-0 {
  min-height: 0px !important;
}

.max-h-50 {
  max-height: 50px;
}

.geo-form-list-style {
  background: #FFFFFF;
  position: absolute;
  right: 15;
  top: 15;
  cursor: pointer;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 4px 20px 0px #00000029;
}

.notificationsfilled-text-item {
  color: #242B42;
  height: auto;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 20px;
  font-stretch: normal;
  text-decoration: none;
}

.opacity-point-5 {
  opacity: 0.5;
}

.b-g {
  background: #EBEEF466 !important;
  overflow: hidden !important;
}

.mg-b-0 {
  margin-bottom: 0px !important;
  border-top: 1px solid #C5D2E799 !important;
}

.b-t {
  border-top: 2px solid #C5D2E799 !important;
}

.center {
  text-align: center;
  cursor: pointer;
  vertical-align: middle !important;
}

.cursor {
  cursor: pointer;
  vertical-align: middle !important;
}

#complexReportCardTable tbody td {
  padding: 6px 8px 6px 8px !important;
  height: 52px;
}

#complexReportCardTable th {
  padding: 0px 11px !important;
  vertical-align: middle !important;

}

.table>:not(:first-child) {
  border-top: none !important;
}

.notification-description-bold {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  display: block;
  margin-top: 5px;
}

#complexReportCardTable>thead>tr>th {
  vertical-align: middle !important;
}

.border-all {
  border-left: 1px solid #C5D2E799 !important;
  border-right: 1px solid #C5D2E799 !important;
}

.drag-background-color {
  border: 1px #0039A4 dashed !important;
  background-color: rgba(223, 225, 232, 0.5) !important;
  padding: 10px !important;
  border-radius: 8px;
}

.chart-box-outter-div {
  width: -webkit-fill-available !important;
  display: flex !important;
}

.m-block-10 {
  margin-block: 10px !important;
}

.p-l-120 {
  padding-left: 120px !important;
}

.m-block-20 {
  margin-block: 20px !important;
}

.m-block-0 {
  margin-block: 0px !important;
}

.m-inline--15 {
  margin-inline: -15px !important;
}

.min-height-auto {
  min-height: auto;
}

.m-l--3 {
  margin-left: -3px !important;
}

.m-b--2 {
  margin-bottom: -2px !important;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-l-10 {
  margin-left: 10px;
}

.intervention-program-td {
  font-family: Montserrat !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: 0px !important;
}

.intervention-program-change-td {
  background-color: linear-gradient(0deg, rgba(250, 89, 89, 0.08), rgba(250, 89, 89, 0.08)),
    linear-gradient(0deg, #FFFFFF, #FFFFFF) !important;
}

.close-tooltip {
  background: none;
  border: white;
  margin-top: 8px;
  float: right;
}

.tooltip-farm-detail-name {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 13px;
}

.tooltip-farm-detail-age {
  font-family: 'Montserrat';
  font-weight: 500;
  color: #7E8B9F;
}

.tooltip-farm-detail-padding {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 0 !important;
}

.tooltip-farm-detail-table {
  width: 350px !important;
}

/* ul.a {
  list-style-type: circle;
  padding: 0;
}

.feed-category {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
} */

.bullet {
  margin-left: 25px;
  margin-top: -20px;
  font-size: 14px;
  font-weight: bold;
}

.ages {
  margin-left: 25px;
  margin-top: -20px;
  font-size: 12px;
  color: #7E8B9F;
}

.ages-value {
  margin-left: 10px;
  margin-top: -20px;
  font-size: 12px;
}

.previous-program-header {
  margin-left: 25px;
  margin-top: -20px;
  font-size: 14px;
  color: #7E8B9F
}

.program-name {
  margin-left: 25px;
  font-weight: bold;
}

.top-33 {
  top: -33px !important
}

.top-25 {
  top: -25px !important
}

.h-340px {
  height: 340px !important;
}

.top-35 {
  top: -35px !important
}

.m-r-270 {
  margin-right: 270px;
}



.engagement-export-ellipsis-button {
  width: 36px;
  position: relative;
  float: right;
  top: 0;
  right: 30px;
}

.engagement-collaspe-button {
  display: inline-block;
  width: 36px;
  position: relative;
  float: right;
  top: 15px;
  right: -40px;
  z-index: 2;
}

.engagement-overview {
  border: 1px solid #C5D2E7;
  border-radius: 8px 8px 0 0;
  background: white;
  padding: 15px 15px 0;
  min-height: 0px;
}

.engagement-main-overview {
  height: 72px;
}

.engagement-secondary-div {
  border: 1px solid #C5D2E7;
  width: 98%;
  min-height: 280px;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #F7F8FB;
  padding: 15px;
}

.risk-score-engagement {
  background: #fff;
  border: 1px solid #C5D2E7;
  width: 49%;
  border-radius: 8px;
  height: 300px;

}

.engagement-detail-widget {
  width: 49%;
  height: 300px;
}

.engagement-dtl-body {
  background: #fff;
  border: 1px solid #C5D2E7;
  border-radius: 8px;
}

.engagement-dtl-top-border {
  border-top: 1px solid #C5D2E766;
}

.engagement-details-table-header {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}

.engagement-details-table {
  font-family: Montserrat;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle !important;

}

.grey-background {
  background: #F7F8FB;
}

.w-1000 {
  width: 1000px !important;
}

.w-100px {
  width: 100px !important;
}

.w-80px {
  width: 80px !important;
}

.border-radius-8px {
  border-radius: 8px !important;
}

.border-grey {
  border: 1px solid #D5DBE1;
}

.engagement-dtl-count {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: -10px;
  padding-top: 16px;
}

.grid-ratio-1 {
  grid-template-columns: 1fr;
}

.align-self-center {
  align-self: center;
}

.bold {
  font-weight: bold;
}

.csm-engagment-dtl-grid-container {
  display: grid;
  grid-template-columns: 0.75fr 0.75fr 0.5fr 0.5fr 1.5fr;
}

.ssm-engagment-dtl-grid-container {
  display: grid;
  grid-template-columns: 1.6fr 1.1fr 1.1fr 2fr;
}

.csm-engagment-monitoring-dtl-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.csm-engagment-dtl-grid-container-hdr {
  color: #7E8B9F;
  padding-left: 18px;
  font-size: 14px;
}


.csm-engagment-dtl-grid-container-border {
  border-right-color: rgba(197, 210, 231, 0.6);
  border-right-style: solid;
  border-width: thin;
}

.csm-engagment-dtl-grid-container-txt {
  padding-left: 18px;
  font-weight: 500;
}

.csm-engagment-dtl-complex-hdr {
  height: 50px;
  padding-top: 15px;
  font-size: 14px;
}

.ssm-engagment-dtl-complex-hdr {
  font-size: 14px;
}

.align-content-center {
  align-content: center;
}

.min-height-64 {
  min-height: 64px;
}

.engagement-dtl-complex-dtl {
  font-weight: 500;
  grid-template-columns: 1fr;
  display: grid;
  align-items: center;
  position: relative;
}


.engagement-overview-export-action-btn {
  padding-top: 0;
  position: relative;
  margin-top: -8px;
  /* top: 35px; */
  border-radius: 8px;
}

.farm-tooltip-text {
  font-family: Montserrat;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
}

.farm-tooltip-date {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
}

.pagination-count {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}

.bord-col-sep {
  border-collapse: collapse !important;
}

/* show the additional border on notifications table */
/* .paginate_button {
  border: 1px solid #C5D2E799 !important;
  border-radius: 8px !important;
} */

.paginate_button:hover {
  color: white !important;
  border: 1px solid #C5D2E799 !important;
  background: #eee !important;
}

.border-bottom {
  border-bottom: 2px solid #C5D2E799 !important;
}

.farm-prof-svg-div-height {
  height: 200px;
}

.engagement-details-table-body-ssm {
  border-bottom: 1px solid #C5D2E766;
}


.engagement-details-table-header-ssm-main {
  overflow: hidden;
}


.font-style-italic {
  font-style: italic;
}


.padding-top-5 {
  padding-top: 5%;
}

.margin-top-165px {
  margin-top: 165px !important;
}

.max-date-info {
  margin-left: -5rem;
  margin-top: 5px;
}

.srs-info {
  margin-left: -22.6rem;
  margin-top: 5px;
}

.engagement-dtl-complex-dtl-monitoring-strategy-ssm {
  grid-template-columns: 1fr;
  display: grid;
  align-items: center;
}

.font-weight-300 {
  font-weight: 300;
}

.engagement-dtl-tbl-style {
  max-height: 50px;
  padding: 15px;
}

.tbody-Riskbar-ssm {
  max-height: 198px;
  overflow-y: auto;
}

.margin-top-177px {
  margin-top: 177px !important;
}

.margin-top-91px {
  margin-top: 91px !important;
}

.non-uat {
  display: none;
}

.expand-bar-btn {
  position: relative;
  display: inline-block;
  top: 12px;
  right: 17px;
  border-radius: 8px;
  height: 40px;
  margin-right: 0px;
  border: 1px solid #C5D2E766;
  cursor: pointer;
}

.expand-bar-icon {
  position: relative;
  top: -3px;
  color: #7E8B9F;
  right: 0px;
}

.no-serotype-ssm {
  color: #606D81;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}

.wtree_main {
  width: 38.1%;
}

.wtree {
  margin-right: 20px;
  width: fit-content;
  margin-top: 13px;
  float: inline-end;

  li {
    list-style-type: none;
    margin: -14px 0 0px 0px;
    position: relative;

    &:before {
      content: "";
      position: absolute;
      top: 8px;
      right: -20px;
      border-bottom: 1px solid #7E8B9F66;
      width: 20px;
      height: 15px;
      border-radius: 0px 0px 8px 0px
    }

    &:after {
      position: absolute;
      content: "";
      top: -12px;
      right: -20px;
      border-right: 1px solid #7E8B9F66;
      width: 20px;
      height: 75%;
    }
  }

  &:last-child:after {
    display: none;
  }

  span {
    display: block;

    text-decoration: none;

  }

  .farm-data-row {
    display: block;
    padding: 11px 10px 10px;
    text-decoration: none;
  }
}

.farmAge {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: #7E8B9F;
  margin-right: 5px;
}

.farm-name-risk-summary {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  margin-right: 11px;
}

.backGround-tr-table {
  background: #F7F8FBE0 !important;

}

.background-white {
  background: white !important;
}

.background-tr-parent {
  background: linear-gradient(0deg, rgba(197, 210, 231, 0.4), rgba(197, 210, 231, 0.4)),
    linear-gradient(0deg, rgba(0, 92, 230, 0.08), rgba(0, 92, 230, 0.08));

}

.categories-Low {
  background-color: #f2dd5833;
  color: #F2DD58 !important;
}

.categories-High {
  background-color: #fcf9f7;
  color: #F8A745 !important;
}

.categories-Critical {
  background-color: #f37c5324;
  color: #F37C53 !important;
}

.categories-KPI {
  background-color: #eb7d8930 !important;
  color: #E14456 !important;
}


.KPI-color {
  color: #E14456 !important;
}

.Critical-color {
  color: #F37C53 !important;
}

.High-color {
  color: #F8A745 !important;
}

.Low-color {
  color: #F2DD58 !important;
}





.categories-details-Low {
  background-color: #F2DD58;
  color: #fff !important;
}

.categories-details-High {
  background-color: #F37C53;
  color: #fff !important;
}

.categories-details-Critical {
  background-color: #F37C53;
  color: #fff !important;
}

.categories-details-KPI {
  background-color: #E14456 !important;
  color: #fff !important;
}

.farm-profle-li-txt {
  color: #BEC5CF;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  text-transform: capitalize;
}

.farm-profile-heading-txt-color {
  color: #242B42;
}

.farm-profile-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.024px;
  display: block;
}

.seroTye-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 2.50;
}

.list-style-disc {
  list-style-type: disc;
}

.list-style-none {
  list-style-type: none;
}

.m-l-40 {
  margin-left: 40px !important;
}

.white-color {
  color: #fff !important;
}

.w-99 {
  width: 99%;
}

.f-l {
  float: left !important;
}

.p-l-2px {
  padding-left: 2px !important;
}

.hide-outline:focus {
  box-shadow: none;
}

.sort-by-drop-dwn {
  position: relative;
  display: inline-block;
}

.l-z {
  left: 0 !important;
}

.sort-by-dropdown {
  display: none;
  position: absolute;
  right: 0;
  background-color: #fff;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 220px;
  padding: 4px 12px 4px 3px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.sort-by-dropdown.active {
  display: block;
  z-index: 1;
}

.sort-by-dropdown ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
  height: 100;
}

.sort-by-dropdown li {
  width: 212px;
  padding: 7px 12px 7px 12px;
  border-radius: 8px;
  gap: 8px;
  display: flex;
  align-items: baseline;
  font-size: 11px;
  font-weight: 400;
}

.sort-by-dropdown li:hover {
  background: #E2F2FF;
}

.sort-by-dropdown li.active {
  background: #E2F2FF;
}

.sort-by-dropdown hr {
  margin: 15px -4px 15px 4px;
}

.sort-by-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 5px 0px 12px;
}

.sort-header-close-icon {
  height: 10px;
  width: 10px;
  cursor: pointer;
}

.sort-header-label {
  font-size: 12px;
  font-weight: 600;
}

.m-l-3 {
  margin-left: 3px !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.h-520px {
  height: 520px !important;
}

.h-260px {
  height: 260px !important;
}

.m-t-1 {
  margin-top: 1px !important;
}

.width-280 {
  width: 280px !important;
}

.hr-global-action-dropdown {
  margin: 5px;
  border: #C5D2E766;
}

.global-action-style {
  width: auto;
  height: 32px;
  padding: 0px 0px 40px 0px !important;
  border-radius: 8px;
}

.m-l-10 {
  margin-left: 10px;
}

.coccidia_status-vue-table-th {
  background-color: rgba(235, 238, 244, 0.4) !important;
}


.add-farm-Btn-add-schedule {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  padding: 10px 14px;
  border-radius: 10px;
  margin-inline: 10px;
  height: 40px;
}

.n-select-menu {
  --n-option-color-pending: #E2F2FF !important;
}

.multi-select-checkbox.color-sq-age {
  background: #6B7BCC;
  border: 1px solid #6B7BCC;
}


.m-t-10-r {
  margin-top: 10rem !important;
}

.list-style-none li {
  list-style-type: none;
}

.multistate-highest-infection {
  display: flex;
  align-items: center;
}

.edit-chart-icon {
  position: absolute;
  margin-block: 11px;
  margin-inline: 5px;
  padding-left: 5px;
}

.b-r-0 {
  border-radius: 0px !important;
}

.m-i-3 {
  margin-inline: 3px !important;
}

.m-i-5 {
  margin-inline: 5px !important;
}

.m-i-23 {
  margin-inline: 23px !important
}

.w-90 {
  width: 90% !important;
}

.min-height-auto {
  min-height: auto !important;
}

.img-h-10 {
  height: 10px !important;
}

.m-block-14 {
  margin-block: 14px !important;
}

.m-block-11 {
  margin-block: 11px;
}

.edit-chart-filter {
  display: flex;
  background: #EBEEF466;
  border-radius: 20px;
  padding-inline: 20px !important;
  padding-block: 3px;
  margin-block: 8px;
}

.edit-chart-dd {
  display: none;
  position: absolute;
  background-color: #fff;
  max-height: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 168px;
  padding: 4px 12px 4px 3px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 5px 15px 0px #00000014;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.edit-chart-dd.active {
  display: block;
  z-index: 1;
}

.edit-chart-dd ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.edit-chart-dd li {
  width: 160px;
  height: 32px;
  padding: 7px 12px 7px 12px;
  border-radius: 8px;
  gap: 8px;
}

.edit-chart-dd li:hover {
  background: #E2F2FF;
}

.edit-chart-dd li.active {
  background: #E2F2FF;
}

.edit-chart-dd li.selected {
  opacity: 0.5;
}

.edit-chart-dd li.not-selected {
  display: list-item;
}

.width-max-content {
  width: max-content !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

#edit-chart-div {
  & .collapse-chart-box {
    height: 50px;
    overflow: hidden;
  }
}


.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.engg-tooltip {
  /* max-width: 400px; */
  min-width: 250px;
  background-color: #242B42CC;
  color: #ffffff !important;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -46;
}

.engg-tooltip-lbl {
  color: var(--Surface, #FFF);
  font-size: 12px;
  font-weight: 400;
  margin-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.schedule-settlement-sorting {
  margin: auto 0 auto auto;
  cursor: pointer;
  margin-left: 15px;
}

.rotateImageSettlement {
  transform: rotate(180deg);
  margin-left: 15px;

}

.segments-schedule {
  width: 123px;
  justify-content: space-around;
  background: #EBEEF466;
  border-radius: 8px;
  margin-left: 8px;
  align-items: center;
  overflow: hidden;
  padding: 5px 5px;
}

.tab-img-span {
  width: 99%;
  text-align: center;
}

.height-30px {
  height: 30px;
  width: 100%;
  border-radius: 6px;
  text-align: center;
}

.tab-img {
  width: 20px;
  cursor: pointer;

}

.tab-img-selected {
  background: white;
  text-align: center;
}

.add-event-btn-schedule {
  width: 130px !important;
  margin-inline: 10px;
  font-size: 16px;
  padding: 5px;
  border-radius: 10px;
  font-family: 'Poppins';
  height: 36px;

}


.schedule-filter-map {
  width: 15px !important;
}

.schedule-map-filters {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  border-radius: 8px;
  height: 39px;
  padding: 10px 10px 10px 10px;
  border: none;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(197, 210, 231, 0.6), rgba(197, 210, 231, 0.6));
  box-shadow: 0px 2px 4px 0px #00000014;
}

.filter-segment-header {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: #242B42;
  margin-bottom: 15px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;

}

.filter-icon-schedule-segment {
  margin-right: 15px;
  background: black;
  padding: 4px;
  border-radius: 4px;
}

.filter-list-segment-list-item {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  padding: 10px 9px 10px 5px;
  border-radius: 8px;
}

.filter-segment {
  width: 235px;
}

.filter-segmet-list {
  overflow: auto;
  height: 212px;
}

.schedule-sorting-map-segment {
  margin-left: 10px;
  float: right;
  margin-top: 2px;
  cursor: not-allowed;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.schedule-th-filter-selected-icon-segment {
  color: #fff;
  float: right;
  margin-top: 4px;
  margin-left: 7px;
  /* cursor: pointer; */
}

.schedule-map-div {
  margin-top: 15px;
  position: relative;
  overflow: hidden;
  width: 98%;
  display: list-item;
  height: 72vh;
}



.schedule-map-div-tooltip-header {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;

}

.schedule-map-div-tooltip-body {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 5px;
}

.margin-top-6px {
  margin-top: 6px;
}

.target_icon {
  width: 18px;
}

.z-index-3 {
  z-index: 3 !important;
}

.m-r--15px {
  margin-right: -15px !important;
}

.m-l--15px {
  margin-left: -15px !important;
}

.border-left {
  border-left: 1px solid #C5D2E799 !important;
}

.border-right {
  border-right: 1px solid #C5D2E799 !important;
}

.color-transparent {
  color: transparent !important;
}

.justify-content-space-between {
  justify-content: space-between !important;
}

#inter-report-card-table {
  font-size: 14px;
  font-weight: 500;

  & thead {
    & tr {
      & th {
        /* width: auto !important; */
        height: auto !important;
        padding-block: 6px !important;
        line-height: 20px !important;
        font-weight: 600;
        font-size: 14px;
        padding-inline: 10px !important;
      }
    }
  }

  & a {
    text-decoration: underline;
  }
}

.calendar-heading {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #242B42;
}

.schedule-calendar-div {
  margin-top: 15px;
  position: relative;
  overflow: hidden;
  width: 98%;
  display: list-item;
  height: 1100px;
}

.calendar-main-selector {
  width: 87px;
  margin-left: 10px;
}

.calendar-selector .n-base-selection {
  height: auto !important;
  padding-top: 0 !important;
}


.jcalendar-controls {
  display: none !important;
}

.jcalendar-update {
  display: none !important;
}

.jcalendar-month {
  display: none !important;
}


.more-farms-schedule {
  color: #0039A4;
  margin-top: 19px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: center;
}



.test-result-card {
  font-family: 'Montserrat';
  margin-top: 15px;
  position: relative;
  user-select: none;
}

.test-result-card .img-timeline {
  position: absolute;
  top: 18px;
}

.test-result-card .main-card-section {
  border: 2px solid #C5D2E799;
  background: #F7F8FB;
  padding: 20px 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-left: 35px;

}

.test-result-card .nav-img {
  float: right;
  height: 8px;
  margin-top: 6px;
  margin-right: 10px;
  cursor: pointer;
}

.test-result-card .nav-img.sub-nav {
  margin-right: 21px;
  height: 7px;
  margin-block: 22px;
}

.test-result-card .acm-filter-icon {
  margin-left: 15px;
  cursor: pointer;
}

.test-result-card .main-card-section .lbl-sample {
  color: #606D81;
  font-weight: 600;
  font-size: 14px;
  margin-left: 15px;
}

.test-result-card .main-card-section .lbl-date {
  color: #242B42;
  font-size: 16px;
  font-weight: 600;
}

.test-result-card .sub-card-section {
  border-bottom: 2px solid #C5D2E799;
  border-left: 2px solid #C5D2E799;
  border-right: 2px solid #C5D2E799;
  background: white;
  margin-left: 35px;

}

.test-result-card .sub-card-section label {
  color: black;
  margin-left: 10px;
  margin-block: 15px;
}

.circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  background: #7E8B9F66;
  position: relative;
  left: 10px;
  top: -2px;
}

.dotted-line {
  position: absolute;
  border-left: 2px dashed #C5D2E799;
  /* Adjust width and color as needed */
  height: 0px;
  /* Adjust height as needed */
  margin: 0 auto;
  /* Center the line horizontally */
  left: 12px;
  top: 45px;
}

.hidden {
  display: none;
}

.test-result-card table {
  width: 100%;
  border-collapse: collapse;
  background-color: #F7F8FB;
  border-radius: 8px;
}

.test-result-card th,
.test-result-card td {
  padding: 10px;
  text-align: left;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 2em;
}

.test-result-card th {
  background-color: #e8ecfc;
  border-bottom: 2px solid #C5D2E766;
  border-top: 2px solid #C5D2E766;
  color: #242B42 !important;
  font-weight: 600 !important;
  padding: 10px;
  position: sticky;
  z-index: 1;
  top: -2px;
}

.sub-card-details {
  display: none;
  overflow: auto;
  width: 100%;
}

.table-acm-header {
  display: flex;
  width: max-content;
  padding-left: 30px;

}

.table-active {
  border: 2px solid #1C4BBA !important;
  border-radius: 8px !important;
  margin: -1px !important;
  max-height: 350px !important;
}

.tooltip-farm {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  padding-bottom: 8px;
  display: inline-block;
}

.tooltip-lat-long {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  line-height: 15.85px;
  text-align: left;
  display: inline-block;
}

.tooltip-complex {
  font-family: Montserrat;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 14.63px;
  text-align: left;
  padding: 3px 0;
}

.tooltip-farm-house {
  font-family: Montserrat;
  font-size: 12px;

  font-weight: 400;
  line-height: 14.63px;
  text-align: left;
  padding: 3px 0;
}

.tooltip-prevalence {
  width: 30px;
  height: 19pxpx;
  padding: 2px 4px 2px 4px;
  gap: 8px;
  border-radius: 4px 0px 0px 0px;
  opacity: 0px;
  background: #EBEEF466;
}

.map-schedule-tooltip {
  overflow: auto;
  max-height: 300px;
}

.map-collection-Date-tooltip {
  display: block;
  margin-top: 10px !important;
  margin-bottom: -15px;
}

.all-border {
  border: 1px solid #C5D2E799 !important;
}

.color-grey-medium {
  color: #7E8B9F !important
}

.color-grey-light {
  color: #242B4299 !important;
}

.table-serotype {
  font-size: small;
  width: -webkit-fill-available;

  & tr {
    border-bottom: 1px solid #C5D2E799 !important;
  }
}

.w-220px {
  width: 220px !important;
}

.w-185px {
  width: 185px !important;
}

.map-schedule-tooltip {
  overflow: auto;
  max-height: 300px;
}

.map-collection-Date-tooltip {
  display: block;
  margin-top: 10px !important;
  margin-bottom: -15px;
}

.overflow-y-auto {
  overflow-y: auto;
}

.p-l-0 {
  padding-left: 0;
}

.justify-content-space-around {
  display: flex !important;
  justify-content: space-around !important;
}


.calendar-schedule-tooltip {
  z-index: 2;
  overflow: auto;
  max-height: 300px;
}


.add-event-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.add-farm-modal {
  padding: 0px 0px;
  min-height: 67vh;
}

.width-225px {
  width: 225px
}

.calander-icon-margin-modal {
  margin-top: -28px;
  margin-left: 200px;
}

.farm-date-picker-modal {
  width: 225px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px;
  border: 1px solid #C5D2E799;
  background: #fff;
  height: 40px;
}

.flockAge-modal {
  width: 225px;
  height: 40px;
  padding: 8px 10px;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  outline: none;
  background-color: transparent !important;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}

.collectionDateBtn-modal {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.63px;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  margin-inline: 10px;
  margin: 0 13px auto auto;
  height: 40px;
}

.add-seletion-schedule-modal {
  align-items: center;
  margin: 15px 0 1px;
}

.gap-13px {
  gap: 13px;
}

.gap-25px {
  gap: 25px;
}

.modal-content-add-event {
  width: 750px !important;
}

.add-farm-Btn-add-schedule-modal {
  padding: 10px 20px;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.63px;
  letter-spacing: 0em;
  text-align: left;
  padding: 10px 20px;
  border-radius: 10px;
  margin-inline: 10px;
  height: 40px;
  margin: 0 13px auto auto;
}

.padding-10 {
  padding: 10px;
}

.selectedHousesModal {
  width: 225px;
  height: 40px;
  display: flex;
  padding: 8px 10px;
  align-items: center;
  border-color: rgba(197, 210, 231, 0.6000000238418579);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  outline: none;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}

.margin-top-18px {
  margin-top: 18px;
}

.collection-dates-modal {
  gap: 18px 40px;
}



.btn-container-modal-schedule {
  position: absolute;
  bottom: 15px;
  right: 8px;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 12.63px;
  text-align: left;
}


.btn-schdeule-modal {
  border-radius: 10px;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.63px;
  border: 0;
  padding: 10px;
  margin-inline: 5px;
  width: 75px;
}

.modal-logview-scheduler-main-div {
  width: max-content;
  margin-bottom: 5px;

}

.logview-scheduler-main-div {
  border: 1px solid #C5D2E766;
  border-radius: 8px;
  margin-top: 20px;
  padding-bottom: 6px;
}

.modal-farm-error {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 300;
  line-height: 14.63px;
}

.modal-close-btn:hover {
  color: #242B42 !important;
}

.risk-score-complex {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  line-height: 15.85px;
  text-align: left;
}

.risk-score-tooltip {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.63px;
  text-align: left;
}

.risk-score-tooltip-ul {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.63px;
  text-align: left;
  width: 152px;
  height: 15px;
  gap: 0px;
  opacity: 0px;
  padding-top: 4px;
}

.riskanalysis-global-filter-size {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.riskanalysis-global-filter-margin {
  margin-left: 6px !important;
}

.riskanalysis-share-btn {
  padding: 10px 10px !important;
}

.riskanalysis-risk-filter {
  width: 110px !important;
  padding-left: 5px !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.bottom-radius-8px {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important
}



.acm.popup .content-popup-body {
  height: 500px !important;
  flex-direction: row;
  transition: all 1s ease-in-out;
}

.acm.popup .content-popup-body .sub-heading {
  font-weight: normal !important;
  font-size: 14px;
}

.acm.popup .document-list-div {
  margin-top: 20px;
}

.acm.popup .document-list-div .document-item {
  padding: 10px 5px;
  border: 1px solid #C5D2E766;
  border-radius: 8px;
  display: flex;
}

.acm.popup .document-list-div .document-item .doc-title {
  margin-left: 10px;
  font-weight: 600;
  padding-top: 8px;
  max-width: 250px;
}

.acm.popup .document-list-div .document-item .doc-title>span {
  font-weight: normal;
}

.acm.popup .btn-primary {
  margin-left: auto;
  width: 110px !important;
}

.acm.popup .btn-primary span {
  font-weight: normal !important;
}

.acm.popup .btn-cancel {
  margin-left: auto;
  width: 80px;
  margin-top: auto;
  bottom: 0;
  position: absolute;
  height: 40px;
  right: 0;
}

.acm.popup .document-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 305px;

}

.acm.popup .default-icon {
  width: 26px;
  height: 26px;
  position: relative;
  top: 20px;
}


.acm.popup input {
  width: 50px !important;
  margin-top: 19px;
}

.d-flex {
  display: flex !important;
}

.acm.popup .divider {
  display: block;
}

.acm.popup .doc-section {
  position: relative;
  height: 100%;
  width: 100%;
}

.acm.popup .close-share-popup {
  right: 0 !important;
  top: 0 !important;
}

.acm.popup .doc-preview {
  position: relative;
  height: 100%;
  display: none;
  width: 100%;
}

.m-l-300px {
  margin-left: 300px !important;
}

.acm.popup object {
  height: 100%;
  width: 100%;
}


.sub-heading-share-schedule-modal {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  justify-content: space-between;
  display: flex;
  margin-top: 0px;
  padding: 4px 0px;

}

.sub-heading-share-schedule-modal-div {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.fa-times-schedule {
  font-size: 15px !important;
  cursor: pointer;
}

.emailTo {
  margin: auto;
}

.emailCC {
  margin-top: 10px;
}

.share-btn-schedule {
  margin: 15px 0 0 auto;
  background: #0039A4 !important;
  font-family: 'Poppins';
  border: none;
  padding: 6px 10px;
  color: #ffffff !important;
  text-align: center;
  font-size: 14px;
  border-radius: 8px;
  display: block;
  transition: .1s all ease-in;
}


.n-input {
  --n-border-hover: 1px solid #C5D2E799 !important;
  --n-border-focus: 1px solid #C5D2E799 !important;
}



.svg-email-schedule {
  margin: 10px auto 0px;
  text-align: -webkit-center;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 15px;
  justify-content: center;

}

.n-base-select-menu__empty {
  display: none !important;
}


.show-no-data {
  display: none;
  background: skyblue;
}

.addSamppleSourceicon {
  fill: white;
  /* Change the color here */
}

.addnewOptionBtn {
  margin-right: 2px;
  margin-top: 10px;
}


.nav-ui-select {
  line-height: 36px;
  /* position: absolute; */
  top: 42px;
  padding-left: 10px;
  color: blue;
  cursor: pointer;
  right: 0;
  border: solid 1px #80808047;
  left: 0;
  border-radius: 3px;
  z-index: 2000;
}


.nav-ui-select-modal {
  line-height: 36px;
  /* position: absolute; */
  top: 42px;
  padding-left: 10px;
  font-size: 13px;
  cursor: pointer;
  right: 0;
  border: solid 1px #80808047;
  left: 0;
  border-radius: 3px;
  z-index: 2000;
}

.height-10 {
  height: 10px !important
}

.over-flow-text-add-sample-plan {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.monitoring-cycle-tooltip {
  display: none;
  color: #ffffff !important;
  bottom: 250px;
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  background: #242B42CC;
}

.monitoring-cycle-tooltip::after {
  content: "";
  position: absolute;
  bottom: -9.5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #242B42CC transparent;
  transform: rotateX(180deg);
}

.acm.popup-dialogbox {
  z-index: 2023 !important;
}

.acm.popup-dialogbox .popup-dialogbox-body {
  max-height: 700px;
  height: fit-content;
  width: 600px !important;
}

.acm.popup-dialogbox.engagement .popup-dialogbox-body {
  max-height: 700px;
  height: 350px;
  width: 600px !important;
  transition: all .5s ease-in-out;
}

.acm.popup-dialogbox.tabular .popup-dialogbox-body {
  max-height: 700px;
  height: fit-content;
  width: 90% !important;
  position: relative;
  transition: all .5s ease-in-out;
}

.acm.popup-dialogbox.tabular .popup-dialogbox-body .export-ellipsis-button {
  width: 36px;
  top: 3px !important;
  z-index: 2;
}

.fa.fa-table:hover {
  box-shadow: 0px 2px 2px lightgray;
  cursor: pointer;
}

.acm.popup-dialogbox.tabular .popup-dialogbox-body .export-btn-section {
  font-size: 12px;
}

.acm.popup-dialogbox.tabular .popup-dialogbox-body .action-dropdown-item-risk {
  margin-top: 0px !important;
}

.opacity-point-4 {
  opacity: 0.5;
}

.w-150 {
  width: 150px;
}

.production-type-style {
  font-style: italic;
  font-size: 13px;
  font-weight: 400;
}

.f-weight-600 {
  font-weight: 600 !important;
}

.ssm-summary-info-style {
  position: absolute;
  margin-top: 2.5px;
}

.padding-r {
  padding-right: 33px !important;
}

/* ACM Styling*/

.acm-upper-section {
  margin-top: 10px;
}

.acm-table {
  width: 100%;
}

.acm-table-details {

  width: 100%;
}

.acm-table table {
  width: 100%;
  border-collapse: collapse;
  background-color: #F7F8FB;
  border-radius: 8px;
  border: 1px solid #C5D2E799;
}


.acm-table tr {
  /* border-collapse: collapse; */
  border-bottom: 1px solid #C5D2E799;
}

.acm-table th {
  background-color: #EBEEF466;
  border-bottom: 2px solid #C5D2E766;
  border-top: 2px solid #C5D2E766;
  color: #242B42 !important;
  font-weight: 600 !important;
  padding: 10px;
}


.acm-table th,
.acm-table td {
  padding: 10px;
  text-align: left;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 2em;
}

.acm-table td {
  background-color: #fff;
}

.acm-cursor-point {
  cursor: pointer;
}

.acm-table-action-dropdown-menu {
  width: 200px !important;
  position: absolute;
  top: 114% !important;
  background: white;
  z-index: 3 !important;
  border: 1px solid #F3F4F9;
  border-radius: 6px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.acm-table-action-dropdown-item-menu {
  padding: 5px 12px 7px 12px !important;
  width: 200px !important;
}

.acm-table-action-delete {
  color: #FA5959;
}

.acm-table-action-icon {
  padding-bottom: 5px;
}

.acm-table-action-dropdown-item-menu:hover {
  background-color: #E2F2FF;
  border-radius: 8px;
  width: 200px !important;
}

.table-action-tooltip {
  position: absolute;
}

.acm-table-column-500-w {
  width: 500px;
}


.acm-table-th {
  border-right: 1px solid #C5D2E766;
}


.acm-table-th-div {

  display: flex;
  width: max-content;
  padding-left: 10px;
  font-size: 12px !important;
}

.acm-table-td {
  font-size: 14px;
  padding-left: 10px;
}


.acm-fw-600 {
  font-weight: 600;
}

.status-completed {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.002em;
  text-align: left;
  color: #49D6A3;
}

.acm-column-w-110 {
  width: 110px;
  max-width: 110px;
}

.acm-product {
  text-overflow: ellipsis !important;
  white-space: nowrap;
  /* overflow: hidden; */
}




.status-in-progress {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.002em;
  text-align: left;
  color: #242B42;
}

.completed_icon {
  width: 12px;
  height: 16px;
  gap: 0px;
  opacity: 0px;
}

.in_progress_icon {
  width: 9px;
  height: 16px;
  gap: 0px;
  opacity: 0px;
}

.acm .divider {
  left: 0 !important;
  width: 100% !important;
}

.height-570px {
  height: 570px !important;
}

.acm .userprofile-form {
  max-height: 450px;
  height: fit-content;
  width: 100% !important;
  margin: 0px !important;
  border: none !important;
  padding: 0px !important;
  /* padding-inline: 23px !important; */
  text-align: left !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

.acm .userprofile-form .divider {
  width: auto !important;
  margin-inline: -23px !important;
  height: 0.5px;
}

.acm .calendar-section {
  background: #fff;
  border: 1px solid #C5D2E799;
  display: flex;
  border-radius: 8px;
  padding: 3px
}

.acm .date-range-picker-alt-input {
  border-radius: 8px;
  border: none;
  margin: 0px;
  outline: none;
  color: #3E3E3C;
  padding: 0px 0px 0px 10px !important;
  cursor: pointer !important;
}

.flatpickr-day {
  border-radius: 5px !important;
  border: 1px solid transparent;
}

.flatpickr-day:hover {
  background-color: #0039A4 !important;
  color: #ffffff !important;
}

.flatpickr-day.today {
  border-color: #0039A4 !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.nextMonthDay {
  border-radius: 5px !important;
  background-color: #0039A4 !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-23 {
  font-size: 23px !important;
}

.rotate-90 {
  transform: rotate(90deg) !important;
}

.acm input[type=radio] {
  width: auto;
  margin-inline: 10px;
  margin-block: 0px;
  transform: none;
  padding: 0;
}

/* Default radio button styling */
.acm input[type="radio"] {
  /* Hide the default radio button */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Create a custom radio button */
  width: 20px;
  height: 20px;
  border: 2px solid #0570DE;
  ;
  /* Border color */
  border-radius: 50%;
  /* Makes the border round */
  outline: none;
  /* Remove the outline when focused */
}

/* Styling for when the radio button is checked */
.acm input[type="radio"]:checked {
  background-color: #0570DE;
  /* Change background color when checked */
}

/* Styling for the inner dot of the radio button */
.acm input[type="radio"]:checked::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: white;
  border-radius: 50%;
  margin: 4px;
}

.tab {
  display: none;
}

.single-dd-btn {
  text-align: left !important;
  width: 100%;
  height: 44.6px;
  margin-top: 4px;
  border: 1px solid lightgray;
  padding: 7px 25px 7px 10px;
  border-radius: 8px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #CAE5F5, #CAE5F5);
}

.acm-icon-angle-div {
  transform: translateY(-32px);
  position: absolute;
  right: 10px;
}

.height-25px {
  height: 25px !important;
}

.acm .single-dd {
  display: none;
  position: absolute;
  right: 0;
  background-color: #fff;
  max-height: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  width: -webkit-fill-available;
  padding: 4px 3px 4px 3px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.acm .single-dd.active {
  display: block;
  z-index: 1;
}

.acm .single-dd ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.acm .single-dd li {
  height: 32px;
  width: -webkit-fill-available;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: -webkit-fill-available;
  padding: 7px 12px 7px 12px;
  border-radius: 8px;
}

.acm .single-dd li.active {
  background: #E2F2FF;
}

.acm .single-dd li:hover {
  background: #E2F2FF;
}

.acm .label-desc {
  font-weight: 500 !important;
  color: #7E8B9F !important;
}

.acm .footer-btn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.m-5 {
  margin: 5px !important;
}

.w-32 {
  width: 32% !important;
}

.acm .add-event-btn {
  color: #0039A4;
  font-weight: 500;
}

.l-0 {
  left: 0px;
}

.m-block-5px {
  margin-block: 5px !important;
}

.m-i-10px {
  margin-inline: 10px !important;
}

.acm .selected-vlaue-container {
  max-height: 90px;
  height: auto;
  overflow-y: scroll;
  margin-right: -5px;
}

.h-a {
  height: auto !important;
}

.acm .selected-assay-div {
  width: fit-content;
  border: 1px solid lightgray;
  padding-block: 3px;
  padding-left: 12px;
  border-radius: 5px;
  padding-right: 3px;
  margin: 2px;
}

.m-block-8px {
  margin-block: 8px !important;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.acm .selected-event-div {
  height: 44.6px;
  width: 100%;
  padding-block: 12px;
  padding-left: 12px;
  border-radius: 5px;
  padding-right: 3px;
  margin-block: 4px;
  border: 1px solid lightgray;
}

.acm .input-form .input-field {
  margin-top: 10px !important;
}

.h-fit-contnent {
  height: fit-content !important;
}

.max-h-120px {
  max-height: 120px !important;
}

.max-h-200px{
  max-height: 200px;
}

.p-t-b-15{
  padding-top: 15px;
  padding-bottom: 15px;
}

.max-h-115px{
  max-height: 115px !important;
}

.m-i-0px {
  margin-inline: 0px !important;
}

.text-align-end {
  text-align: end !important;
}

.acm .project-review-info {
  margin-inline: -6px;
  margin-block: 5px;
  opacity: 80%;
}

.bottom-30px {
  bottom: 30px !important;
}

.h-44-point-6px {
  height: 44.6px !important;
}

.flex-direction-column {
  display: flex;
  flex-direction: column;
}

/* Style the progress bar */
.progress-bar {
  width: 150px;
  background-color: #ffffff !important;
  display: flex;
  flex-direction: row;
  padding: 5px;
  height: auto !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-bar div {
  width: 33%;
  height: 7px;
  background-color: #EBEEF4;
  transition: width 0.3s ease;
  border-radius: 8px;
  margin: 2px;
}

.progress-bar-section {

  height: 7px;
  background-color: #0039A4;
  transition: width 0.3s ease;
  border-radius: 8px;

}


.customer_engagement_text {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.9px;
  text-align: left;
  color: #7E8B9F;
}

.hover-pointer:hover {
  cursor: pointer;
}

.modal-content-w-100 {
  width: 100% !important;
}

.acm-title-label {
  font-size: 14px !important;
  font-weight: 600;
}

.acm-custom-dropdown {
  position: absolute;
  display: none;
  background-color: #fff;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 200px;
  padding: 4px 12px 4px 1px;
  border-radius: 8px;
  gap: 8px;
  border: 1px solid #D5DBE1;
  box-shadow: 0px 15px 35px 0px #3C42571F;
}

.acm-custom-dropdown.active {
  display: block;
  z-index: 10;
}

.acm-custom-dropdown ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.acm-custom-dropdown li {
  margin-left: 3px;
  margin-right: -7px;
  margin-top: 2px;
  height: 33px;
  padding: 6px 12px 7px 12px;
  border-radius: 8px;
}

.acm-custom-dropdown li:hover {
  background: #E2F2FF;
}

.acm-custom-dropdown li.active {
  background: #E2F2FF;
}

.acm-input-field {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  max-height: 100px;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
}

.acm-dropdown-input {
  border: none;
  outline: none;
  flex-grow: 1;
  font-size: 14px;
  margin-top: 0;
  margin-left: 5px;
  min-height: 41px;
}

.acm-calendar-date {
  background: transparent !important;
}

.acm-disable-input {
  background: transparent !important;
  cursor: default !important;
}

.modal-background {
  background: transparent !important;
}



.acm .eng-calendar-section {
  background: #fff;
  border: 1px solid #CCC;
  display: flex;
  border-radius: 4px;
  padding: 3px;
}

.field-form {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
}


.field-form input {
  width: 100%;
  accent-color: dodgerblue;
}

.border-ouline-none {
  border: none;
  outline: none;
}

.p-l-8 {
  padding-left: 8px;
}

.m-l-r--8 {
  margin-left: -8px;
  margin-right: -8px;
}

.min-h-45 {
  min-height: 45px;
}

.multiple-complex-scroll-div {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;

}

.p-l-r-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.acm-input-field-icon {
  width: 23px;
}

.p-l-7px {
  padding-left: 7px !important;
}

.acm .multi-select-row.all {
  background: #FFFFFF;
}

.m-r-12px {
  margin-right: 12px !important;
}

.no-scroll {
  max-height: max-content !important;
  overflow: visible !important;
}


.acm-ellipsis-overflow {
  text-overflow: ellipsis !important;
  white-space: nowrap;
  overflow: hidden;
}


.acm-table-column-300-w {
  width: 300px;
}

.acm-table-column-200-w {
  width: 200px;
}

.acm-w-60 {
  width: 60% !important;
}

.acm-footer {
  background: #EBEEF4;
}


.disabled {
  pointer-events: none;
  background: rgba(223, 225, 232, 0.25);
}

.disabled-2 {
  pointer-events: none;
  color: #d4cbcb
}

.scroll-trails {
  margin-right: 22px;
  max-height: 230px;
  overflow-y: scroll;
}


.overflow-auto {
  overflow: auto;
}

.margin-right-0 {
  margin: 0 0 0 auto !important;
}

.margin-bottom-0 {
  margin: auto auto 0;
}

.m-block-9px {
  margin-block: 9px !important;
}

.acm-project-column-w-fit-content {
  width: max-content !important;
  max-width: max-content !important;
}


.timeline-result-card {
  font-family: 'Montserrat';
  /* margin-top: 15px; */
  position: relative;
  user-select: none;
}


.timeline-result-card .img-timeline {
  position: absolute;
  top: 18px;
  width: 28px;
  margin-left: 2px;
}

.timeline-result-card .timeline-detail {
  margin-left: 45px;
  padding-top: 6px;
}

.timeline-result-card .span-lbl {
  color: #7E8B9F;
  font-weight: 400;
  font-size: 13px;
  /* font-size: 18px; */
  line-height: 22px;
}

.timeline-detail .sub-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 27px;
}

.dotted-timeline {
  position: absolute;
  border-left: 2px dashed #C5D2E799;
  height: 0px;
  margin: 0 auto;
  left: 28px;
  top: 50px;
}


.acm-analytics-container {
  width: 100% !important;
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;

}

.p-l-20 {
  padding-left: 20px;
}

.max-height-150 {
  height: 150px;
}

.timeline-icon {
  box-shadow: 0px 2px 5px lightgray;
  padding: 5px;
  border-radius: 8px;
  position: absolute;
  right: 10px;
  width: 36px;
  height: 36px;
  object-fit: scale-down;
}

.timeline-div {
  display: none;
  border-left: 1px solid #DDDDDD;
}

.width-transition {
  transition: all .5s ease-in-out;
}

.h-100 {
  height: 100% !important;
}

.timeline-container {

  max-height: 600px;
  overflow-y: scroll;
  padding-bottom: 30px;
}

.f-s-11px {
  font-size: 11px !important;
}

.export-btn-section {
  padding: 10px;
  width: 260px;
}

.export-btn-section:hover {
  background-color: #E2F2FF;
  border-radius: 8px;
  width: 130px;
}

.action-btn-risk-ssm-summary {
  z-index: 1000;
  position: relative;
}

.grid-reorder-logview {
  border-radius: 6px;
  outline: 0;
  border: 1px solid #C5D2E766;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  margin-top: 10px;
  height: 400px;
  overflow: hidden auto;
}

.coulmn-item-order {
  padding: 12px 10px;
  display: flex;
  border-bottom: 1px solid #C5D2E766;
  align-items: center;
}


.drag-icon-column-order {
  margin: auto 0 auto auto;
  cursor: pointer;
}

.cb-column-order {
  margin: 0 4px 0 !important;
  line-height: normal !important;
  width: 15px;
  /* Set width */
  height: 15px;
  /* Set height */
}

.border-bottom-grey-3px {
  border-bottom: rgba(223, 225, 228, 255) 3px solid !important;
}

.border-grey {
  border: 1px solid #C5D2E7 !important;
  border-radius: 5px !important;
}

.border-right-black-2px {
  border-right: #000 2px solid !important;
}

.border-bottom-black-2px {
  border-bottom: #000 2px solid !important;
}

.align-baseline {
  align-content: baseline !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-14 {
  font-size: 14px !important;
}

.width-webkit-fill-available {
  width: -webkit-fill-available !important;
}

.single-select-li-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto !important;
  white-space: nowrap;
  cursor: pointer;
}

.max-width-200px {
  max-width: 200px !important;
}

.no-gps-alert {
  background: white;
  position: absolute;
  top: 350px;
  transition: 0.2s all ease-in-out;
  left: 11px;
  max-width: 314px;
  border-radius: 8px;
  box-shadow: 0px 4px 20px 0px #00000029;
  bottom: 13px;
  height: fit-content;
}

.error-header {
  color: #C32325;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}

.error-txt {
  font-size: 12px;
  line-height: 16px;
  width: fit-content;
}

.m-l-14px {
  margin-left: 14px;
}

.m-l-5px {
  margin-left: 5px;
}


.w-95 {
  width: 95%;
}

.m-b-5px {
  margin-bottom: 5px;
}

.close-icon {
  top: -7px;
  width: 29px;
}

.w-25p {
  width: 25%;
}

.quantification-toggle-btn {
  border: 0px;
  width: 85px;
  height: 28px;
  padding: 4px 12px;
  border-radius: 8px;
  gap: 8px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: #242B42;
  background: none;
}

.quantification-toggle-btn.selected {
  font-weight: 600;
  color: #232C3E;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px #00000014;
}

.risk-analysis-tooltip-hr {
  margin: 0 10px;
  background: #b4b4b466;
}

.multi-select-csm-row:hover {
  background: #E2F2FF !important;
}


.multi-select-csm-row.selected {
  background: #E2F2FF !important;
}

.multi-select-csm-row.disabled {
  pointer-events: none;
  background: rgba(223, 225, 232, 0.25);
}

.nav-administration {
  transition: 0.3s;
  width: 90%;
  opacity: 0.6;
  display: flex;
  margin-bottom: 3px;
  padding: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  color: white;
  gap: 10px;
  cursor: pointer;

}

.nav-administration:hover {
  background: #444D60CC;
  border-radius: 8px;
}

.left--3px {
  left: -3px !important;
}

.pad-0 {
  padding: 0% !important;
}

.confirmation-kpi-serotype-cross {
  display: flex;
  flex-direction: row-reverse;
}

/* EDIT SEROTYPE POPUP STYLE START */

.edit-serotype-heading {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 18px;
  margin-left: 15px;
}

.edit-serotype-sub-heading {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 14px;
}

.download-serotype-opt {
  margin-left: 40px;
  background: #F7F8FB;
  width: 90px;
  padding: 5px;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}

.h-14px {
  height: 14px;
}

.h-240px {
  height: 240px !important;
}

.edit-serotype-chart-box {
  border-radius: 6px;
  background: white;
  padding: 15px;
  min-height: 350px;
  width: 49%;
  border: 1.5px solid #C5D2E73D;
}

.edit-serotype-reset-btn {
  padding: 5px 70px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #C5D2E766;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 500;
  cursor: pointer;
  margin-right: 10px;
}

.edit-serotype-save-btn {
  padding: 5px 70px;
  border-radius: 8px;
  background: #0039A4;
  color: #FFFFFF;
  border: 1px solid #C5D2E766;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 500;
  cursor: pointer;
  margin-left: 10px;
}

.edit-serotype-footer {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 15px 40px;
  border-top: 1.5px solid #C5D2E73D;
  background: #FFFFFF;
  /* right: 0; */
}

.edit-serotype-section {
  display: flex;
  width: 100%;
  padding: 0px 15px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
}

.serotype-risk-cat-section {
  display: block;
  background: #EBEEF466;
  font-size: 16px;
  font-weight: 500;
  border: 0px;
  padding: 10px 20px 0px 20px;
  border-radius: 8px;
  margin-bottom: 15px;
}

.serotype-counter {
  padding: 4.5px 3px;
  background: #232C3E;
  border-radius: 100%;
  font-family: Montserrat;
  font-size: 8px;
  font-weight: 600;
  text-align: center;
  color: #FFFFFF;
  margin-left: 10px;
  height: 18px;
  width: 18px;
}

.edit-serotype-risk-cat-heading {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}

.sero-list-search-lbl {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 500;
  color: #7E8B9F;
  margin: 6px 0px;
}

.search-icon-sero-list {
  position: absolute;
  top: 10px;
  left: 8px;
}

.search-field-sero-list {
  padding: 7px 30px;
  width: 100%;
  border: 1px solid #C5D2E799;
  border-radius: 6px;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 500;
}

/* 
.arrow-down-sero-list{
  position: absolute;
  top: 12;
  right: 12px;
} */

.edit-sero-list-container {
  margin: 15px 45px;
  height: 300px;
  overflow-y: auto;
}

.sero-list-ul {
  max-height: 200px;
  overflow-y: auto;
  margin: 15px 0 0 0;
  padding: 0;
}

.sero-list-ul li {
  list-style-type: none;
  margin: 5px 0px;
  font-size: 16px;
  font-weight: 500;
}

.edit-sero-list-li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.multi-select-sero-li {
  height: 32px;
  padding: 8px 12px 7px 13px;
  border-radius: 8px;
  gap: 8px;
  display: flex;
  position: relative;
}

.sero-search-field-container {
  position: relative;
  margin-bottom: 15px;
}

.flex-d-r {
  flex-direction: row !important;
}

.w-450px {
  width: 450px !important;
}

/* EDIT SEROTYPE POPUP STYLE END */

.error-message-scheduler {
  font-size: 10px;
  color: red;
  margin-left: 3px;
}

.div-max-content {
  width: max-content;
}


.hr-margin {
  margin: 15px 0 5px 10px !important;
}

.quant-tooltip-bold-style {
  padding: 5px;
  background: #EBEEF466;
  border-radius: 8px;
}

.bullet-feed {
  margin-left: 25px;
  margin-top: -10px;
  font-size: 14px;
  font-weight: bold;
}

.align-items-end {
  align-items: end;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.production-type-left {
  left: -3px;
  top: 34px;
  width: fit-content;
  max-width: 132px;
}

.production-type-right {
  top: 34px;
  width: fit-content;
  right: 52px;
}

.p-l-60 {
  padding-left: 60px;
}

.r-45px {
  right: 45px;
}

.prod-type-label {
  position: absolute;
  top: 14px;
  width: max-content;
}

.min-height-155 {
  min-height: 155px;
}


.flex-direction-row {
  flex-direction: column;
}

.img-nav-timeline {
  position: absolute;
  top: 28px;
}

.img-timeline-detail {
  position: absolute;
  top: 55px;
}

.span-lbl {
  margin-left: 15px;
}



.width-98 {
  width: 98%;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-4 {
  top: 0px !important;
}

.btn-primary-reporting {
  font-weight: 600 !important;
  font-family: 'Montserrat';
  border: none;
  padding: 10px;
  color: #100e0e !important;
  text-align: center;
  font-size: 14px;
  border-radius: 8px;
  display: inline;
  transition: .1s all ease-in;
  float: inline-end;
  margin-right: 10px;
}

.p-site-dropdown-style {
  width: auto !important;
  left: 0 !important;
  padding: 5px !important;

}


.gridview-header {
  display: flex;
  align-items: center;
}

#sample-config-container.list-container {
  display: flex;
  gap: 20px;
  font-size: 13px;
  justify-content: space-around;
}

#sample-config-container ul {
  list-style: none;
  padding: 0;
  width: 200px;
  min-height: 150px;
  border: 1px solid #ccc;
  padding: 10px;
  max-height: 325px;
  overflow-y: scroll;
  border-radius: 8px;
}

#sample-config-container li {
  padding: 5px;
  margin: 5px;
  border: 1px solid #ccc;
  border-radius: 8px;
  cursor: move;
}

#sample-config-container li.non-draggable {
  background-color: lightgray;
  cursor: not-allowed;
}

.file-icon {
  box-shadow: 0px 2px 5px lightgray;
  padding: 7px 8px 7px 7px;
  border-radius: 8px;
}

.m-r-3px {
  margin-right: 3px;
}

.toggle-btn-container-w
{
  width: 208px !important;
}

.w-130
{
  width: 130px !important;
}

.w-125px
{
  width: 125px !important;
}

.serotype-heatmap-yaxis
{
  position: sticky; 
  left: 0; 
  z-index: 1; 
  background-color: white; 
  margin-right: 10px;
                    
}
.serotype-heatmap-body
{
  width: 100%; 
  max-width: 1200px; 
  overflow-x: auto; 
  overflow-y: hidden;
                    
}

.w-3000
{
  width: 3000px;
}  

.quick-filters {
  position: relative;
  top: -7px;
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.quick-filters .btn-dropdown {
  display: flex;
  justify-content: space-between;
  width: 160px;
  padding-inline: 5px !important;
  padding-block: 5px !important;
  align-items: center;
  height: 28px;
  font-size: 13px;
}

.quick-filters .custom-dropdown {
  z-index: 1;
  overflow-y: hidden !important;
  right: auto;
}

.quick-filters .custom-dropdown li {
  display: flex;
  justify-content: space-between;
}

.quick-filters .custom-dropdown.sub-filter {
  z-index: 1;
  width: max-content;
  position: absolute;
  left: 220px !important;
  min-width: 200px !important;
  margin-right: 0 !important;
  overflow-y: scroll !important;
  z-index: 100;
}

.filter-active,
.filter-active:hover {
  background-color: #E2F2FF;
}


.filter-badge {
  width: 20px;
  height: 20px;
  border-radius: 25%;
  background-color: #E6E9F7;
  color: #0039A4;
  font-weight: bold;
  padding-inline: 6px;
}

.filter-dot {
  width: 10px;
  display: none;
  height: 10px;
  border-radius: 50%;
  background-color: #0039A4;
  margin-top: 5px;
}


.quick-filters .daterange {
  width: 317px !important;
  height: 342px;
  max-height: 342px;
}

.quick-filter-date-range {
  position: relative;
}

.date-range-display {
  display: flex;
  justify-content: space-between;
  font-size: 12px;

}

.clear-filter-btn {
  color: #0039A4;
  position: relative;
  top: 2px;
  left: 10px;
  font-size: 13px;
  cursor: pointer;
}

#acm-toggle-btn.toggle-btn-container {
  display: flex;
}

#acm-toggle-btn .toggle-btn {
  display: flex;
  font-size: 13px;
  align-items: center;
}