/* You can add global styles to this file, and also import other style files */
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
[data-tippy-root]{max-width:calc(100vw - 10px)}
.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}
.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}
.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}
.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}
.tippy-box[data-placement^=left]>.tippy-arrow{right:0}
.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}
.tippy-box[data-placement^=right]>.tippy-arrow{left:0}
.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}
.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}
.tippy-arrow{width:16px;height:16px;color:#333}
.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}
.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-animation=scale-extreme][data-placement^=top]{transform-origin:bottom}
.tippy-box[data-animation=scale-extreme][data-placement^=bottom]{transform-origin:top}
.tippy-box[data-animation=scale-extreme][data-placement^=left]{transform-origin:right}
.tippy-box[data-animation=scale-extreme][data-placement^=right]{transform-origin:left}
.tippy-box[data-animation=scale-extreme][data-state=hidden]{transform:scale(0);opacity:.25}
#edit-unit-table tbody {
  display: block;
  overflow-x: hidden;
}
@media screen and (min-width: 1024px) {
  .side-tree {
    max-height: 593px;
    overflow-x: auto;
    overflow-y: auto;
    max-width: 500px;
    width: auto;
    white-space: nowrap;
  }
}
#edit-unit-table {
  overflow-x: auto !important;
}
.edit-unit-pop-up {
  max-width: 850px !important;
}
#edit-unit-table thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#edit-unit-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#edit-unit-table thead th:nth-child(2),
#edit-unit-table tbody td:nth-child(2) {
  width: 8%;
}
#edit-unit-table thead th:nth-child(6),
#edit-unit-table tbody td:nth-child(6) {
  width: 17%;
}
#edit-unit-table thead th:nth-child(3),
#edit-unit-table tbody td:nth-child(3) {
  width: 14%;
}
@media (max-width: 1024px) {
  #edit-unit-table thead th:first-child {
    width: 20%;
  }
  #edit-unit-table tbody td:first-child {
    width: 20%;
  }
  #edit-unit-table thead th:nth-child(6),
#edit-unit-table tbody td:nth-child(6) {
    width: 17% !important;
  }
}
@media (min-width: 1300px) {
  #edit-unit-table thead th:first-child {
    width: 24%;
  }
  #edit-unit-table tbody td:first-child {
    width: 24%;
  }
}
.idu-btn {
  min-width: 100px;
  border-radius: 100px;
}
.arrow-svg {
  background-image: url('dn-arrow-btn.ea3968e2b6be5e16.svg');
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
}
#set-point-two {
  -webkit-appearance: none !important;
  text-align: right;
  width: 30px;
  height: 42px;
  border: 1px solid gray;
  border-radius: 0px 8px 8px 0px;
  border-left: 0px;
  margin: 0 0 0 -7px;
  background: white;
  padding: 8px 10px 8px 0px;
}
.divider-line {
  padding: 17px 0px !important;
}
.fan-speed-box {
  width: 349px;
  height: 120px;
}
.vertical-border-right {
  border-right: 1px solid #cedce3 !important;
}
.air-flow-box {
  width: 280px;
  height: 144px;
}
.h-air-flow-box {
  width: 280px;
  height: 100px;
}
.setback-setpt {
  align-items: center;
}
.setpt-restrition {
  align-items: center;
}
@media (max-width: 600px) {
  .setPointMobileR {
    flex-direction: column;
  }
}
.horizontalAir {
  margin-left: 24px;
}
@media (max-width: 650px) {
  .fan-speed-box {
    width: 90%;
    height: auto;
  }
  .fan-speed-svg {
    width: 95%;
  }
  .setback-setpt {
    flex-direction: column;
    align-items: flex-start;
  }
  .setpt-restrition {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 950px) {
  .airFlowMobileR {
    flex-direction: column;
  }
  .horizontalAir {
    margin-left: 0px !important;
  }
  .vertical-border-right {
    border-right: none !important;
  }
}
.arrow-btn-size {
  width: 28px;
  height: 30px;
  background-repeat: no-repeat;
}
.error-border-left {
  border-left: 0px !important;
}
.error-msg-div {
  display: flex;
  width: fit-content;
  padding: 8px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 8px;
}
.error-message {
  font-size: 13px;
  font-weight: 700;
}
.Cancel-Save-Btn {
  margin-top: 2%;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-right: 9%;
}
.work-in-progress {
  display: flex;
  justify-content: center;
  background-color: ghostwhite;
  font-size: 60px;
  font-family: fangsong;
  font-weight: 800;
}
.pac-container {
  z-index: 10000 !important;
}
.gmnoprint a,
.gmnoprint span {
  display: none;
}
[data-letters]:before {
  content: attr(data-letters);
}
.disabled-label {
  pointer-events: none;
  cursor: none;
  opacity: 0.5;
}
.disabled-custom-label {
  pointer-events: none;
  cursor: none;
  opacity: 0.5;
  background-color: #e9ecef;
}
.xAxis-scrollbar {
  overflow: scroll hidden;
  white-space: nowrap;
}
.alarms-card .alarms-card-body .alarm-row button {
  max-width: 54px !important;
}
.addOverflowStyle {
  overflow-y: auto !important;
  max-height: 396px;
}
.removeOverflowStyle {
  overflow-y: unset !important;
}
.piping-values-popover-body {
  overflow-x: auto !important;
}
.asterisk {
  font-size: 17px;
  color: red;
}
.text-danger {
  font-size: 12px;
  font-family: var(--bs-body-font-family);
  font-weight: var(--bs-body-font-weight);
}
#site-list-content,
#user-list-content,
#alarm-list-content,
#equipment-list-content {
  position: relative;
}
.unit-card :hover {
  background-color: #cedce3;
}
.card-hover :hover {
  background-color: #cedce3;
}
.card-hover-disabled :hover {
  background-color: #004b70;
  border-radius: 8px !important;
}
#notificatios-popover {
  cursor: pointer;
}
.site-tooltip {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.site-tooltiptext {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-color: #000;
  color: #fff;
  white-space: nowrap;
  padding: 2px 6px;
  border-radius: 7px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease;
  font-weight: 500;
  font-size: 0.75rem;
}
.site-tooltiptext::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 10px solid;
  border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.site-tooltip :hover .site-tooltiptext {
  top: -95%;
  visibility: visible;
  opacity: 1;
}
.parameter-input {
  background-color: #ffffff !important;
  border-color: #8c8c8c !important;
  border-width: 1px;
}
.no-underline {
  text-decoration: none !important;
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default;
}
.hover-disabled {
  pointer-events: none !important;
}
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.permission-list:last-child {
  border: none !important;
}
#filters .input-daterange .dropdown {
  max-width: 75px !important;
  width: 75px !important;
  min-width: unset;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #fff;
}
#capacity-check-tab:hover,
#custom-preset-1-tab:hover {
  background-color: rgba(0, 151, 224, 0.1019607843);
  cursor: pointer;
}
.datepicker-dropdown {
  min-width: 0px !important;
}
.dropdown-item:hover {
  background-color: #cedce3;
  cursor: pointer !important;
}
.paraClass .accordion-header:hover {
  background-color: #cedce3 !important;
  cursor: pointer !important;
}
.accordion-item.trendingParaClass .accordion-header:hover {
  background-color: #ebebeb;
  cursor: pointer !important;
}
.trendingParaClass {
  line-height: 25px;
}
.license-expired {
  color: #e00000;
}
.presets-parameters-list .accordion-button:hover {
  background-color: #cedce3;
}
.timepicker-Disabled {
  pointer-events: none;
  cursor: none;
  opacity: 0.5;
}
.parameters-class {
  padding: 0 1rem 0 2.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.btn-custom-width {
  min-width: 30%;
}
.loading {
  cursor: default;
  pointer-events: none;
  color: #8c8c8c !important;
}
.trending-data-parameters-popover-body {
  overflow-x: hidden;
  padding-right: 6px;
}
.active-correction {
  background-color: #e6f5fc;
}
.marginFronTop {
  margin-top: 50px !important;
}
.user-name:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.user-Icon {
  height: 35px;
  width: 35px;
  background-color: rgba(0, 151, 224, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: small;
  color: #0097e0;
}
.selectGroups {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.selectGroupsChildMenu {
  margin-top: 3px;
  color: #8c8c8c;
  margin-left: 1.7rem !important;
}
.modal-max-width {
  max-width: 1100px !important;
}
#addUserToSite .modal-dialog .modal-content {
  height: 735px;
}
.table-border {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  overflow-x: hidden;
}
#edit-table tbody {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}
#edit-table thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#edit-table tbody tr {
  display: table;
  table-layout: fixed;
}
.edit-modal-padding {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 1.5rem !important;
}
.edit-modal-padding-search {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 0.5rem !important;
}
div.flexcontainer {
  display: flex;
  width: 100%;
}
div.columns:nth-of-type(1) {
  flex: 15;
  width: 50%;
}
div.columns:nth-of-type(2) {
  flex: 10;
}
.search-unit-wrapper {
  margin-top: 20px;
}
.edit-request-modal-padding {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 0.5rem !important;
}
.units-list-margin {
  margin-top: 20px;
  margin-bottom: 10px;
}
.tableErrorMargin {
  margin-top: 16px;
  margin-bottom: 16px;
}
.form-check-margin {
  margin-right: 5px;
}
.field-value {
  margin-top: 10px;
}
.editable-field-value {
  margin-top: 10px;
  align-items: center;
}
.left-panel-alarms-tab {
  margin-right: 12px;
}
.no-results-row {
  font-size: 19px;
  line-height: 26px;
  height: 218px;
}
.bg-normal {
  background-color: #13ce66;
}
.banner-container {
  position: relative;
  width: 100%;
  height: 75px;
}
.z-index-0 {
  z-index: 0;
}
.op-mode-legend-dot {
  width: 16px;
  height: 16px;
}
.operation-mode-icons {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
@media (min-width: 576px) {
  .modal-dialog-group-edit-field {
    min-height: calc(50% - 3.5rem) !important;
  }
}
@media (min-width: 605px) {
  .banner-container {
    height: 95px;
  }
}
@media (max-width: 517px) {
  .col-cards {
    min-width: 43% !important;
  }
  .card-bg,
.op-mobile-card {
    justify-content: center !important;
  }
}
@media (max-width: 405px) {
  #alarm-list-content #filters .first-row-col-wrapper {
    width: 68.5%;
  }
  #alarm-list-content #filters .date-time-filter-col {
    width: 31% !important;
  }
  #alarm-list-content #filters .date-time-filter-col .reset-button {
    width: 100%;
  }
}
@media (max-width: 382px) {
  #idu-col-cards .col-cards {
    min-width: 41% !important;
  }
  #idu-equipment-details-page .two-columns-layout .right-column .card .unit-details .row:first-child > div {
    height: auto !important;
  }
}
@media (max-width: 716px) {
  .dummyBlock {
    display: none;
  }
}
.ng2-pdf-viewer-container {
  overflow-x: hidden !important;
  height: auto !important;
}
.eula-footer {
  border: none !important;
}
.eula-content {
  height: auto !important;
}
.loader-modal-ht {
  height: 566px;
}
.advance-charting-popover {
  top: 6.7% !important;
  right: 30.31% !important;
  min-height: fit-content !important;
  border-radius: 8px !important;
}
.tab-container {
  width: 50%;
}
.advance-chart-tab {
  width: 100% !important;
}
.multiLineToasterCard {
  top: 12vw;
  right: 2.4vh;
  min-width: 20%;
  z-index: 2;
  padding: 25px 8px;
}
.danger-icon-container {
  background: #ff4949;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
}
.success-icon-container {
  background: #37c470;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
}
.toaster-icon {
  width: 25px;
}
.errorMessages {
  display: flex;
  align-items: center;
  width: 100% !important;
  justify-content: space-between;
  margin-bottom: 10px !important;
}
.multiLine-toaster-close {
  position: inherit !important;
  transform: none !important;
  margin-right: 10px !important;
}
.toaster-card-body {
  max-height: 290px;
  overflow-y: auto;
  padding: 0px 13px;
}
.exportDrodpownMenu {
  max-width: fit-content;
}
#dashboard-map .map-container {
  position: absolute !important;
}
@media screen and (min-width: 1920px) {
  .advance-charting-popover {
    width: 640px !important;
  }
  .content-hidden-container {
    min-height: 500px !important;
  }
  .multiLineToasterCard {
    top: 8vw;
    right: 4.6vh;
    min-width: 20%;
    z-index: 2;
    padding: 25px 8px;
  }
  .delete-site-button {
    margin-right: 30.7%;
  }
}
@media screen and (max-width: 1919px) {
  .advance-charting-popover {
    width: 550px !important;
  }
  .loader-modal-ht {
    height: 477px !important;
  }
  .odu-panel .table-responsive {
    height: 311px !important;
  }
  .toogleiconvisit {
    background-color: #f6f6f6;
    border: 2px solid #8c8c8c;
  }
  .linked-indoor-units-panel .table-responsive {
    height: 311px !important;
  }
  .filterable-dropdown #unitsToggle {
    min-width: 295px;
  }
}
@media (min-width: 1366px) and (max-width: 1367px) {
  .multiLineToasterCard {
    top: 11vw;
    right: 6.4vh;
    min-width: 20%;
    z-index: 2;
    padding: 25px 8px;
  }
}
@media (min-width: 1600px) and (max-width: 1601px) {
  .multiLineToasterCard {
    top: 9.5vw;
    right: 18.4vh;
    min-width: 20%;
    z-index: 2;
    padding: 25px 8px;
  }
}
@media (min-width: 2560px) and (max-width: 2561px) {
  .multiLineToasterCard {
    top: 6vw;
    right: 25.6vh;
    min-width: 20%;
    z-index: 2;
    padding: 25px 8px;
  }
}
@media (min-width: 3440px) and (max-width: 3441px) {
  .multiLineToasterCard {
    top: 4.5vw;
    right: 56.2vh;
    min-width: 20%;
    z-index: 2;
    padding: 25px 8px;
  }
}
@media (min-width: 3840px) and (max-width: 3841px) {
  .multiLineToasterCard {
    top: 4.1vw;
    right: 46.7vh;
    min-width: 20%;
    z-index: 2;
    padding: 25px 8px;
  }
}
@media (min-width: 1024px) {
  .small-device-nav {
    display: none;
  }
  .content-hidden-container {
    min-height: 450px !important;
  }
}
@media (min-width: 1366px) {
  .support-materials-card-header-mb {
    border: none !important;
  }
}
@media (max-width: 1365px) {
  .l-panel-border {
    display: none !important;
  }
  .linked-idus-list-container {
    padding: 1rem 0rem !important;
    height: 50%;
  }
  .no-idus-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100% !important;
  }
  .support-materials-card {
    justify-content: center;
  }
  .content-hidden {
    display: none !important;
  }
  .refrigerent-content-hidden {
    height: 20rem !important;
  }
  .map-card-without-sub {
    top: 126px !important;
    left: 52% !important;
  }
  .dashboard-map-container-shorter {
    height: 468px !important;
  }
  .support-materials-card-header-mb {
    padding: 16px 24px !important;
    border-bottom: 1px solid #cedce3;
  }
  .support-materials-mb {
    margin: 0 !important;
  }
  .support-materials-card-buttons-wrapper {
    padding: 16px 24px !important;
  }
}
@media (max-width: 1023.9px) {
  .no-idus-container {
    padding: 12px 0px;
    justify-content: flex-start !important;
  }
  .mobile-d-none {
    display: none !important;
  }
  .refrigerent-content-hidden {
    height: 20rem;
  }
  .mobile-padding {
    padding: 0 0.75rem !important;
  }
  .sign-in-eula-modal {
    margin: 0px;
  }
  .eula-content {
    height: 100vh !important;
  }
  .sticky-nav {
    position: sticky;
    top: 0;
    z-index: 1001;
  }
  .hidden-content-mobile {
    padding: 1rem !important;
  }
  .content-hidden-container {
    margin: 1rem 1rem 1rem 1rem;
    min-height: 300px;
    border: 1px solid #cedce3 !important;
    border-radius: 8px;
  }
  .live-data-hidden {
    margin: 1.5rem !important;
  }
  .op-unit-module {
    margin: 10px 5px 10px 11px !important;
  }
  .support-materials-card-header-mb {
    padding: 0 16px 16px 16px !important;
    border: none !important;
  }
  .header-nav-div {
    overflow-y: auto;
    height: 300px;
    overflow-x: hidden;
  }
  .control-request-dropdown {
    width: 100% !important;
  }
  .key-toggle {
    width: 100%;
  }
}
/* CSS specific to iOS devices */
.loader-bkg {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  transform: translate(-24px, -24px);
  border-radius: 8px;
}
.stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 500;
  background-color: fade(#ffffff, 50%);
  padding-top: 15px;
}
.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0097e0;
  color: #0097e0;
  box-shadow: 9999px 0 0 -5px #0097e0;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: 0.25s;
  margin-left: 22px;
}
.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0097e0;
  color: #0097e0;
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #0097e0;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #0097e0;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: 0.5s;
}
.new-device-list-page-search {
  width: 273px;
  min-width: 273px;
  max-width: 273px;
}
@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #0097e0;
  }
  30% {
    box-shadow: 9984px 0 0 2px #0097e0;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px #0097e0;
  }
}
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #0097e0;
  }
  30% {
    box-shadow: 9999px 0 0 2px #0097e0;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px #0097e0;
  }
}
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #0097e0;
  }
  30% {
    box-shadow: 10014px 0 0 2px #0097e0;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px #0097e0;
  }
}
.marginForRemoveIcon {
  margin-right: 10px;
}
.selectGroups {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.selectGroupsChildMenu {
  margin-top: 3px;
  color: #8c8c8c;
  margin-left: 1.7rem !important;
}
.add-modalScroll {
  max-height: 300px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.add-modalScroll-to-add-group-to-site {
  max-height: 365px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.default-modal-height-group-sites {
  height: 300px !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-for-drop-down {
  padding: 0;
  max-height: 12em;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.live-data-hidden {
  font-size: 1rem;
  margin-top: 1.5rem;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cedce3 !important;
  border-radius: 8px;
}
#dashboard-content .site-alerts-card-gm {
  position: absolute;
  width: 305px;
  z-index: 1;
  padding: 14px;
  background-color: #ffffff;
}
#dashboard-content .unit-card-gm .unit-card-icon-container-gm img {
  width: 18px;
  height: 18px;
}
#dashboard-content .unit-card-gm .unit-card-body-gm {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 12px;
}
#dashboard-content .unit-card-gm .unit-card-icon-container-gm {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#dashboard-content .unit-card-gm {
  text-decoration: none;
  color: #1c2325;
  border-radius: 4px;
  display: flex;
  overflow: hidden;
  margin-top: 9px;
}
.site-alerts-card-gm .site-alert-card-body-gm {
  margin-top: 13px;
  padding-top: 12px;
}
.site-alerts-card-gm .site-alert-card-body-gm .map-tabs {
  height: 50px !important;
}
.site-alerts-card-gm .site-alert-card-body-gm .btn-shadow {
  box-shadow: 0px -2px 19px 0px rgba(2, 82, 120, 0.1019607843);
}
.site-alerts-card-gm .site-alerts-card-title-gm {
  margin-bottom: 6px;
  text-decoration: underline;
  color: #0097e0;
  cursor: pointer;
}
.unit-card-gm :hover {
  background-color: #cedce3;
}
#dashboard-content .site-alerts-card-gm {
  display: block;
}
.gm-style-iw {
  padding-right: 0px !important;
  padding: 0px !important;
  padding-bottom: 0px !important;
  max-width: fit-content !important;
  max-height: fit-content !important;
  min-width: 0px;
}
.gm-style-iw-d {
  overflow: hidden !important;
  max-height: fit-content !important;
}
.gm-ui-hover-effect > span {
  background-color: #000;
  width: 25px !important;
  height: 25px !important;
}
.gm-ui-hover-effect {
  opacity: 0.6;
  width: 44px !important;
  height: 48px !important;
  z-index: 1 !important;
}
.gm-style .gm-style-iw-tc::after {
  background: #fff;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  height: 12px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 25px;
}
.site-alerts-card-gm .site-alert-card-body-gm .unit-card-gm {
  margin-top: 12px;
}
.license-expired,
.license-expired:hover {
  color: red !important;
}
.banner-notification {
  background-color: #ff4949;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.banner-close-btn {
  position: absolute;
  right: 2%;
  cursor: pointer;
}
.banner-close-btn img {
  width: 13px;
}
.dryOpModeCompare {
  background-color: #166f9b !important;
}
.idu-dark-bg-card {
  background-color: #f7f9fa;
  border-radius: 8px;
}
.alert-text-content {
  white-space: normal !important;
}
.license-primary {
  background-color: #004882;
}
.license-danger {
  background-color: #e00000;
}
.unit-name-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chart-border-bottom {
  border-bottom: 1px solid #cedce3 !important;
}
.opacity-none {
  opacity: 1 !important;
}
.label-for-light {
  color: #212529 !important;
}
.highlighted {
  cursor: pointer;
}
.bg-data-grey {
  --bs-bg-opacity: 1;
  background-color: #d5d5d5 !important;
}
.bg-ed-grey-light {
  --bs-bg-opacity: 1;
  background-color: #f2f2f2 !important;
}
.min-ht-idu {
  min-height: 455px;
}
.min-ht-odu {
  min-height: 668px;
}
.navbar-item-margin {
  margin-left: 36px;
}
.disabled-click {
  pointer-events: none;
}
/* Style the radio button input */
.custom-btn {
  appearance: none;
  /* Remove default radio button styles */
  width: 20px !important;
  /* Set the width of the radio button */
  height: 20px !important;
  /* Set the height of the radio button */
  border: 2px solid #0097e0 !important;
  /* Border color and width for the radio button */
  border-radius: 50%;
  /* Make it a circle */
  margin-right: 5px;
  /* Add spacing between the indicator and label */
  cursor: pointer;
  /* Show pointer cursor on hover */
  position: relative;
  /* Create a positioning context for the inner circle */
}
/* Style the radio button when checked */
.custom-btn:checked {
  background-color: white;
  /* Background color when checked */
}
/* Hover effect for the radio button */
.custom-btn:hover {
  border-color: #0097e0;
  /* Change border color on hover */
}
/* Style the radio button label */
.radio-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
/* Style the radio button label text */
.radio-container label {
  flex: 1;
  /* Take up the remaining space */
}
/* Style the inner circle (dot) */
.custom-btn::after {
  content: "";
  width: 10px;
  /* Set the width of the inner circle */
  height: 10px;
  /* Set the height of the inner circle */
  background-color: #0097e0;
  /* Background color of the inner circle */
  border-radius: 100%;
  /* Make it a circle */
  opacity: 0;
  /* Initially hide the inner circle */
  position: absolute;
  /* Position the inner circle absolutely */
  top: 50%;
  /* Center vertically */
  left: 50%;
  /* Center horizontally */
  transform: translate(-50%, -50%);
  /* Center the inner circle */
}
/* Style the inner circle when checked */
.custom-btn:checked::after {
  opacity: 1;
  /* Show the inner circle when checked */
}
input#radio_Main,
input#radio_Sub-1,
input#radio_Sub-2,
input#Live\ Data,
input#Date\ Range {
  border-color: #0097e0 !important;
}
.key-toggle::after {
  content: none;
}
.blur-background {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
#verify-phone-modal.modal .modal-content {
  border-radius: 8px;
  border: none;
}
#verify-phone-modal.modal .modal-content .modal-body .otp-input {
  width: 42px;
  height: 42px;
  border: 1px solid #8c8c8c;
  border-radius: 5px;
  text-align: center;
}
#verify-phone-modal.modal .modal-content .modal-body .otp-input:focus:focus-visible {
  outline: 1px solid #8c8c8c;
}
#verify-phone-modal.modal .modal-content .modal-body h5 {
  font-weight: bold;
}
#verify-phone-modal.modal .modal-content .modal-body .form-group label {
  font-style: normal;
  font-weight: 500;
}
#verify-phone-modal.modal .modal-content .modal-body .form-group input {
  border: 1px solid #8c8c8c;
  background-color: transparent;
  border-radius: 8px;
  height: 46px;
}
#verify-phone-modal.modal .modal-content .modal-body .btn-link {
  text-decoration: none;
  color: #0097e0;
  font-weight: 500;
}
#verify-phone-modal.modal .modal-content .modal-footer .btn {
  min-width: 130px;
}
.multiple-site-comparison {
  max-height: 150px;
  overflow-y: scroll;
}
#list-table-scroll table {
  width: 130.5%;
}
#equipment-list-content #list-table-scroll table {
  width: 176.5%;
}
#list-table-scroll tbody {
  display: block;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: auto;
}
#list-table-scroll thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#list-table-scroll tbody tr {
  display: table;
  width: calc(100% - 0.1em);
  table-layout: fixed;
}
@media screen and (min-width: 1920px) {
  #list-table-scroll thead tr {
    width: calc(100% - 1em);
  }
  #list-table-scroll tbody tr {
    width: calc(100% - 1em);
  }
}
.folder-icon-size {
  width: 20px;
  height: 16px;
}
.request-access {
  height: 46px;
}
.request-access::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
/* Chrome, Safari, Edge, Opera Removed spin button*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.site-comparison {
  height: 265px;
  overflow-y: hidden;
}
.label-color {
  color: #0097e0;
}
.circle-for-commissioning {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
#equipment-list-content #list-table-scroll .table thead tr th:nth-child(1),
#equipment-list-content #list-table-scroll .table tbody tr td:nth-child(1) {
  position: relative !important;
}
#alarm-list-content #list-table-scroll .table thead tr th:nth-child(1),
#alarm-list-content #list-table-scroll .table tbody tr td:nth-child(1) {
  position: relative !important;
}
.card-background-notification {
  background: #f5f7f8;
}
.idu-details-button-wrapper-mb {
  background: #ffffff;
}
.administrationMenu-ul {
  min-width: 150px;
}
.error-message-color-otp {
  background-color: rgba(224, 0, 0, 0.1);
  border-radius: 8px;
  color: #9d0000;
}
.configuration-Settings-odu .edit-modal-table-padding {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 0.5rem !important;
}
.configuration-Settings-odu .checkbox-height {
  height: 17px !important;
  width: 17px;
}
@media (min-width: 1024px) {
  .configuration-Settings-odu #edit-table tbody tr {
    display: table;
    width: 192%;
    table-layout: fixed;
  }
  .configuration-Settings-odu .pdf-view-label-mobile {
    display: none;
  }
  .configuration-Settings-odu .pdf-view-label-desktop {
    display: contents;
  }
  .configuration-Settings-odu .mobile-view-values {
    display: none;
  }
  .configuration-Settings-odu .mobile-view-values-col {
    display: contents;
  }
  .configuration-Settings-odu .col-1-desktop {
    width: 33.5% !important;
  }
  .configuration-Settings-odu .configuration-modal-max-width {
    max-width: 976px;
  }
  .configuration-Settings-odu .modal-footer {
    align-items: center !important;
    justify-content: flex-end !important;
  }
  .configuration-Settings-odu .col-1-width {
    width: 64%;
  }
  .configuration-Settings-odu .col-2-width {
    width: 36%;
  }
  .configuration-Settings-odu #filters {
    padding-bottom: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1365.9px) {
  .configuration-Settings-odu #filters {
    padding-left: 12px !important;
  }
  .configuration-Settings-odu .modal-dialog {
    min-height: 640px;
  }
  .configuration-Settings-odu .modal-dialog .edit-modal-table-padding {
    height: 491px;
  }
  .configuration-Settings-odu .modal-dialog .edit-modal-table-padding #edit-table {
    height: calc(100% - 70px);
  }
  .configuration-Settings-odu .modal-dialog .edit-modal-table-padding #edit-table table {
    height: 100%;
  }
  .configuration-Settings-odu .modal-dialog .edit-modal-table-padding #edit-table table tbody {
    height: 100%;
  }
  .configuration-Settings-odu .checkbox-height {
    height: 17px !important;
    width: 16px !important;
  }
}
@media (min-width: 1366px) {
  .configuration-Settings-odu .modal-dialog {
    height: 80vh;
  }
  .configuration-Settings-odu .edit-modal-table-padding {
    height: calc(80vh - 149px);
  }
  .configuration-Settings-odu .edit-modal-table-padding #edit-table {
    height: calc(100% - 71px);
  }
  .configuration-Settings-odu .edit-modal-table-padding #edit-table table {
    height: 100%;
  }
  .configuration-Settings-odu .edit-modal-table-padding #edit-table table tbody {
    height: 100%;
  }
}
@media (max-width: 1023.9px) {
  .configuration-Settings-odu .checkbox-height {
    height: 17px !important;
    width: 17px;
  }
  .configuration-Settings-odu .col-1-desktop {
    width: 103%;
  }
  .configuration-Settings-odu .pdf-view-label-mobile {
    display: contents;
  }
  .configuration-Settings-odu .pdf-view-label-desktop {
    display: none;
  }
  .configuration-Settings-odu .mobile-view-values {
    display: contents;
  }
  .configuration-Settings-odu .mobile-view-values-col {
    display: none;
  }
  .configuration-Settings-odu .col-1-mobile-view {
    display: flex;
    flex-direction: column;
  }
  .configuration-Settings-odu .configuration-settings-modal table th:nth-child(2),
.configuration-Settings-odu .configuration-settings-modal table th:nth-child(3) {
    display: none;
  }
  .configuration-Settings-odu .modal-dialog {
    min-height: 100%;
    height: fit-content;
    width: 100%;
    max-width: none;
    margin: 0px;
    background: #ffffff;
    border: none;
  }
  .configuration-Settings-odu .modal-content {
    padding: 0px !important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    border: none;
  }
  .configuration-Settings-odu .edit-modal-table-padding {
    height: calc(100vh - 150px);
  }
  .configuration-Settings-odu .edit-modal-table-padding #edit-table {
    height: calc(100% - 100px);
  }
  .configuration-Settings-odu .edit-modal-table-padding #edit-table table {
    height: 100%;
  }
  .configuration-Settings-odu .edit-modal-table-padding #edit-table table tbody {
    height: 100%;
  }
}
.configuration-Settings-odu .modal-footer .btn {
  width: 147px !important;
}
.text-color-white {
  color: #ffffff !important;
}
.unit-name-l {
  padding-top: 13px;
  padding-bottom: 15px;
  padding-left: 24px;
}
.div-table-row :hover {
  background-color: #e6f5fc;
}
#add-object .btn-outline-primary:hover {
  background-color: #e6f5fc !important;
}
#add-object button.dropdown-toggle {
  background-color: transparent !important;
}
.proEdge-error {
  font-size: 14px;
  margin-top: 5px;
  color: red !important;
}
.mobile-view-menu {
  padding: 6px 30px !important;
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
}
.menu-active {
  background-color: #0097e0;
  border-radius: 8px;
  color: #ffffff;
}
.gm-style-iw-chr {
  height: 27px;
}
.gm-style-iw-chr .gm-style-iw-ch {
  padding-top: 0px;
}
.gm-ui-hover-effect > span {
  margin-top: 0px !important;
}
.small-device-nav .accordion-button::after {
  float: right;
}
.schedule-eventbar.tippy-box {
  border-radius: 8px !important;
  background-color: white;
}
.tippy-box.schedule-eventbar {
  left: 20px !important;
  top: 26px !important;
}
.schedule-eventbar .tippy-content {
  padding: 0px !important;
  border-radius: 8px !important;
  background-color: white;
}
.tippy-box.odus-list-devices {
  border-radius: 8px !important;
  background-color: white;
}
.tippy-box.odus-list-devices {
  left: 35px !important;
}
.odus-list-devices .tippy-content {
  padding: 0px !important;
  border-radius: 8px !important;
  background-color: white;
}
.hover-odu-list {
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.1019607843);
  width: 200px;
  max-height: 250px;
  color: #000;
  overflow-y: auto;
  overflow-x: hidden;
}
.tippy-box.unit-control-unit-list[data-placement^=top] > .tippy-arrow {
  margin-left: 10px !important;
}
div.tippy-box.unit-control-unit-list {
  max-width: 295px !important;
}
div.tippy-box.unit-control-unit-list > .tippy-content {
  padding: 0.5rem !important;
}
.tippy-box.unit-control-unit-list[data-animation=scale-extreme][data-placement^=top] {
  left: -14px !important;
  bottom: -6px !important;
  transform-origin: bottom !important;
}
.tippy-box.emergency-stop-mobile[data-placement^=bottom] {
  left: -14px !important;
  bottom: -6px !important;
  transform-origin: bottom !important;
  background-color: #0b1118 !important;
}
.tippy-box.emergency-stop-mobile[data-placement^=bottom] > .tippy-arrow {
  margin-left: 15px !important;
  color: #0b1118 !important;
}
.tippy-box.siteAdress-toolTip {
  width: fit-content;
  max-width: fit-content !important;
  padding: 3px;
  top: 10px !important;
}
.siteAdress-toolTip .tippy-content {
  width: fit-content;
}
.chart-list-devices .tippy-content {
  padding: 0px !important;
  border-radius: 8px !important;
  background-color: white;
  width: 135px !important;
}
.tippy-box.chart-list-devices {
  border-radius: 8px !important;
  background-color: transparent;
}
.tippy-box.chart-list-devices {
  left: 1px !important;
  bottom: 15px !important;
}
.chart-list-devices .tippy-content {
  padding: 0px !important;
  border-radius: 8px !important;
  background-color: transparent;
}
.site-detail-list-menu .tippy-content {
  padding: 0px !important;
  border-radius: 8px !important;
  background-color: white;
}
.tippy-box.site-detail-list-menu {
  border-radius: 8px !important;
  background-color: transparent;
}
.tippy-box.site-detail-list-menu {
  left: 1px !important;
  bottom: 15px !important;
}
.site-detail-list-menu .tippy-content {
  padding: 0px !important;
  border-radius: 8px !important;
  background-color: transparent;
}
.dropdownTransform {
  transform: translate(0px, 46px) !important;
}
.dropdownTransformTopZero {
  top: 0px !important;
  transform: translate(0px, 46px) !important;
}
.tippy-box.order-form-tooltip[data-placement^=bottom] {
  left: -14px !important;
  bottom: 14px !important;
  transform-origin: bottom !important;
  background-color: #0b1118 !important;
}
.tippy-box.order-form-tooltip[data-placement^=bottom] > .tippy-arrow {
  margin-left: -60% !important;
  color: #0b1118 !important;
}
#release.accordian-arrow {
  background-image: url('black-up-arrow.ef3a1b1951ff1757.svg');
}
.tippy-box.Primary-tenant[data-placement^=top] {
  left: -14px !important;
  bottom: -6px !important;
  transform-origin: bottom !important;
  background-color: #0b1118 !important;
}
.tippy-box.Primary-tenant[data-placement^=top] > .tippy-arrow {
  margin-left: 15px !important;
  color: #0b1118 !important;
}
@media (max-width: 1023.98px) {
  daikin-temperature-widget {
    display: inline-block;
    width: 100%;
  }
  #alarm-details-content {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.image-name-container {
  display: flex;
  /* Align children horizontally */
  align-items: center;
  /* Vertically align image and name */
  gap: 10px;
  padding: 10px;
}
.image {
  width: 36px;
  /* Set the image width to 36px */
  height: 36px;
  /* Set the image height to 36px */
  border-radius: 50%;
  /* Optional: makes the image circular */
}
.text-container {
  display: flex;
  /* Keep name and designation aligned vertically */
  flex-direction: column;
  /* Stack the name and designation */
}
.name {
  font-size: 16px;
  /* Set the font size for the name */
  font-weight: bold;
  /* Optional: makes the name bold */
}
.designation {
  font-size: 14px;
  /* Set the font size for the designation */
  color: gray;
  /* Optional: make designation text gray */
}
.border-bottomTenant {
  border-bottom: 1px solid #cedce3;
}
.tilebgColor {
  background-color: #edf8fd;
}
.red-box-tenant {
  background-color: rgba(224, 0, 0, 0.1019607843);
}
.light-dark-mode-bg {
  background-color: white;
}
.red-box-top-content {
  font-weight: 700;
  font-size: 16px;
  color: #9d0000;
}
.red-box-bottom-content {
  font-weight: 500;
  font-size: 15px;
  color: #9d0000;
}
.red-unit-compare {
  color: red;
}
.mobile-card_UnitList {
  background-color: #fff;
}
.no-result-found-2 {
  width: fit-content;
  height: 72px;
  border-radius: 8px;
  padding: 24px;
  font-size: 19px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.highlight-event {
  background-color: white;
}
.blue-background {
  background-color: rgba(0, 151, 224, 0.07);
  border-radius: 8px !important;
}
.on-site {
  color: #1c2325;
}
.left-panel-on-site {
  border: 1px solid #cedce3;
  background-color: #ffffff;
}
#site-navigation .nav-link.active,
#site-navigation .sub-menu-item.active {
  background-color: #e6f5fc;
  color: #0097e0;
  font-weight: bold;
  border-radius: 0;
}
#site-navigation .nav-link {
  border-bottom: 1px solid #cedce3;
}
.site-info-border {
  border: 1px solid #cedce3;
}
.maintenance-section-header {
  height: 32px;
  background-color: #f6f6f6;
  color: #39454a;
  border: 1px solid #cedce3;
}
.visit-type {
  border-bottom: 1px solid #cedce3;
}
.maintenance-freq-label {
  color: #8c8c8c;
}
.view-all {
  padding-left: 0px !important;
  font-size: 14px !important;
  color: #0097e0;
}
.view-link {
  color: #0097e0;
  text-decoration: none;
  font-size: 14px !important;
}
.ppdAvailability {
  border: 1px solid black;
  width: 54px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.font-15 {
  font-size: 15px;
}
.setting {
  border: 4px solid #e6f5fc;
  background-color: #ffffff;
}
.time-label {
  color: #8c8c8c;
}
.daikin-basic-wrapper {
  border: 1px solid #cedce3;
}
.marginLeft-15 {
  margin-left: 15px;
}
.marginLeft-10 {
  margin-left: 10px;
}
.marginLeft-35 {
  margin-left: 35px;
}
.all-choices-bg-color {
  background-color: #f6f6f6;
}
.tippy-box.license-expired-tooltip[data-placement^=bottom] {
  left: 10px !important;
  bottom: 14px !important;
  transform-origin: bottom !important;
  background-color: #0b1118 !important;
}
.tippy-box.license-expired-tooltip[data-placement^=bottom] > .tippy-arrow {
  margin-left: -50% !important;
  color: #0b1118 !important;
}
.tippy-box.add-maintenance-tooltip[data-placement^=bottom] {
  left: 14px !important;
  top: 0 !important;
  transform-origin: left !important;
  background-color: #0b1118 !important;
}
.tippy-box.add-maintenance-tooltip[data-placement^=bottom] > .tippy-arrow {
  left: -8px !important;
  color: #0b1118 !important;
}
.icon-1 {
  background-image: url("/assets/icons/ui/mr_notification-icon_1.png");
}
.icon-2 {
  background-image: url("/assets/icons/ui/mr-notification-icon_2.png");
}
.icon-next-enable {
  background-image: url("/assets/icons/ui/Right_Arrow_Active.svg");
}
.icon-next-disable {
  background-image: url("/assets/icons/ui/Right_Arrow_Disabled.svg");
}
.icon-previous-enable {
  background-image: url("/assets/icons/ui/Left_Arrow_Active.svg");
}
.icon-previous-disable {
  background-image: url("/assets/icons/ui/Left_Arrow_Disabled.svg");
}
.time-zone {
  color: #39454a;
}
.unchecked-btn:not(.btn-primary) {
  border: 1px solid #cedce3;
  color: #0097e0;
}
.required-bg {
  background-color: #e6f5fc;
}
.c-red {
  color: #e00000;
}
.custom-table-ppd {
  border-left: 1px solid #cedce3;
  border-right: 1px solid #cedce3;
  border-bottom: 1px solid #cedce3;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
.tippy-box.table-row-left-arrow-tooltip[data-placement^=bottom] {
  max-width: fit-content !important;
  top: 5px !important;
  margin-left: 0px;
  bottom: 14px !important;
  transform-origin: bottom !important;
  background-color: #0b1118 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 48px;
  font-weight: 400;
  font-size: 14px;
}
.tippy-box.table-row-left-arrow-tooltip[data-placement^=bottom] > .tippy-arrow {
  margin-left: -8px !important;
  color: #0b1118 !important;
}
@media (min-width: 1919.99px) {
  .tippy-box.table-row-left-arrow-tooltip[data-placement^=bottom] > .tippy-arrow {
    margin-left: -45px !important;
  }
}
.tippy-box.table-row-right-arrow-tooltip[data-placement^=bottom] {
  left: 10px !important;
  bottom: 14px !important;
  transform-origin: bottom !important;
  background-color: #0b1118 !important;
}
.tippy-box.table-row-right-arrow-tooltip[data-placement^=bottom] > .tippy-arrow {
  margin-left: -5% !important;
  color: #0b1118 !important;
}
.individual-card-body-schedule {
  background-color: #f6f6f6;
}
.individual-card-header-schedule {
  background-color: #fff;
}
.custom-border {
  border: 1px solid #8c8c8c;
}
.disabled-add-schedule {
  cursor: auto !important;
  opacity: 0.5;
}
.reminder-button {
  width: 235px;
  height: 40px;
  color: #0097e0;
  border-color: #0097e0;
}
input:checked + .slider {
  background-color: #0097e0;
  border-color: #0097e0;
}
.maintenace-btn[disabled] {
  color: #0097e0;
  border-color: #0097e0;
}
.start-button-pmc {
  width: 56px;
  height: 2rem;
}
.start-button-pmc[disabled] {
  color: #0097e0;
  border-color: #0097e0;
}
.ellipsis-button {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: none;
  background-color: transparent;
  border-radius: 4px;
  padding: 0;
  font-size: 12px;
  cursor: pointer;
  overflow: hidden;
}
@media (min-width: 1024px) {
  #navbarScroll .stretched-NavMainDiv {
    left: 0px !important;
  }
}
.ellipsis-button .dots {
  font-weight: bold;
  line-height: 1;
}
.ellipsis-icon {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.stretched-NavMainDiv {
  width: 100%;
}
.stretched-nav {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 0;
}
.stretched-nav-item {
  flex: 1 1 auto; /* each item grows to fill space */
  text-align: center;
}
.stretched-nav-item a,
.stretched-nav-item .dropdown > a {
  align-items: center;
  height: 100%;
  width: 100%;
  margin-right: 6px;
  text-align: left !important;
  padding: 8px 12px;
  text-decoration: none;
}
.stretched-nav-item .dropdown .childMenu {
  text-align: left !important;
}
.stretched-nav-item .administrationMenu-ul {
  max-width: 100%;
}
.stretched-nav-item .dropdown > ul {
  text-align: left !important;
}
.stretched-nav-item .dropdown-toggle::after {
  margin-right: 0.5em;
}
.ellipsis-wrapper {
  position: relative;
}
.ellipsis-dropdown {
  position: absolute;
  top: 100%;
  right: 23px;
  z-index: 1000;
  border-radius: 4px;
  min-width: 220px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 4px 0;
  list-style: none;
}
.ellipsis-dropdown li {
  padding: 6px 0px;
  cursor: pointer;
}
#navbarScroll .administrationMenu-ul-Ellipsis li a {
  padding: 6px 12px 6px 24px !important;
}
.administrationMenu-ul-Ellipsis li a:hover {
  background: transparent !important;
}
.content-left {
  justify-content: left !important;
}
.menu-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.menu-content .menu-name {
  margin-left: 8px;
  white-space: nowrap;
}
.menu-content .arrow {
  margin-left: auto;
  font-size: 12px;
  color: #888;
}
#navbarScroll .ellipsis-dropdown .nav-link.active::after,
.ellipsis-dropdown .dropdown-toggle::after {
  display: none;
}
.arrow img {
  width: 24px;
  height: 24px;
  display: block;
}
.ellipsis-dropdown > li {
  position: relative;
}
.administrationMenu-ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-width: 150px;
  border-radius: 4px;
  z-index: 1001;
  padding: 0;
  margin: 0;
}
.header-nav-div .administrationMenu-ul {
  width: auto;
  max-width: 200%;
}
.header-nav-div .dropdown-toggle::after {
  margin-right: 0.5em;
}
.administrationMenu-ul-Ellipsis {
  position: relative;
  top: 100%;
  background: transparent;
  width: 100%;
  border-radius: 4px;
  z-index: 1001;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.ellipsis-dropdown-item {
  position: relative;
  padding: 4px 0; /* adds space between buttons */
}
/* Main link layout */
.ellipsis-dropdown-item > a {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  cursor: pointer;
  text-decoration: none;
}
.administrationMenu-ul-Ellipsis li {
  padding: 6px 12px;
  cursor: pointer;
}
.administrationMenu-ul-Ellipsis li:hover {
  background-color: #f8f9fa;
}
.ellisisSimpleRoute {
  width: 100%;
  padding-left: 6px;
}
.arrow-icon {
  margin-left: auto;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.maintenace-btn[disabled] {
  color: #0097e0;
  border-color: #0097e0;
}
.toogleiconvisit {
  background-color: #f6f6f6;
  border: 2px solid #8c8c8c;
}
.modalZindex {
  z-index: 1111;
}
.validation-msg {
  color: rgb(174, 84, 0);
  border: 1px solid rgba(255, 140, 33, 0.05);
  background: rgba(255, 140, 33, 0.05);
}
.nav-wrapper {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.status-container {
  cursor: default;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  /* Prevents wrapping */
}
.status-circle {
  width: 10px;
  height: 10px;
  background-color: #ff8a49;
  border-radius: 50%;
  margin-right: 8px;
}
.report-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.text-rightAlign {
  text-align: right;
}
.groups-dropdown {
  background-color: #fff;
}
.light-dark-border {
  border: 1px solid #8c8c8c;
}
.review-request {
  background-color: #fff;
}