/* 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.e8fcf0c080a88b24607b.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: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  align-items: flex-start;
  grid-gap: 8px;
  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 #0000 #0000 #0000;
}
.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: #0097E01A;
  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;
}
.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;
}
.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: -moz-fit-content !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: -moz-fit-content;
  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;
  }

  .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 #0252781A;
}
.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: -moz-fit-content !important;
  max-width: fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
  min-width: 0px;
}
.gm-style-iw-d {
  overflow: hidden !important;
  max-height: -moz-fit-content !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 {
  -webkit-appearance: none;
          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: 50%;
  /* 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: calc(640px - 149px);
  }
  .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: -moz-fit-content;
    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 #0000001A;
  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: -moz-fit-content;
  width: fit-content;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  padding: 3px;
  top: 10px !important;
}
.siteAdress-toolTip .tippy-content {
  width: -moz-fit-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.9c18d51dc66ea779ef8d.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 */
  grid-gap: 10px;
  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: #e000001a;
}
.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 {
  background-color: rgba(0, 151, 224, 0.07);
  width: -moz-fit-content;
  width: fit-content;
  height: 72px;
  border-radius: 8px;
  padding: 24px;
  font-size: 19px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}