@import url('https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css');
.offscreen {
  border: 0; /* Comment: Removes any border */
  clip: rect(0 0 0 0); /* Comment: Clips the element to be invisible */
  height: 1px; /* Comment: Sets the height of the element to 1 pixel */
  margin: -1px; /* Comment: Offsets the element by -1 pixel to hide it from view */
  overflow: hidden; /* Comment: Hides any overflowing content */
  padding: 0; /* Comment: Removes padding */
  position: absolute; /* Comment: Positions the element absolutely */
  width: 1px; /* Comment: Sets the width of the element to 1 pixel */
}
:root {
  /* --factory-primary-blue: #2196f3; */
  --child-primaryColor: var(--spk-primaryColor, #2699fb);
  --factory-pink: #f263fc;
  /* button status */
  --status-healthy: #3fde83;
  --status-on_hold-warn: #ffc400;
  --status-on_hold-red: #ff0000;
  --status-on_disabled: #aaaaaa;
  --factory-grey_bold: #484848;
  --model-bg: var(--factory-pink);
  /* --model-bg: #bb55ff; */
  --primaryColor: #08090a;
  --factory_mainTitle: 24px;
  /* GlobalCss variable - Added by sayali*/
  --app-primary-color: #2699FB;
  --app-secondary-color: #3BD0EE;
  --app-background-color: #2699FB; 
  --app-secondary-background-color: #ffffff;
  --app-focused-color: #3c8ed2;
  --app-disabled-color: #E6E5E5;
  --app-error-color: #EC3410;
  --app-selected-color: #47DCFA;
  --app-primary-text-color: #ffffff; 
  --app-secondary-text-color: #2699FB; 
  --app-content-color: #575656; 
  --app-border-radius: 6px; 
  --app-border-weight: 2px;
  --app-primary-font-family: Calibri;
  --app-primary-font-size: 14px;
  --app-secondary-font-size: 18px;
  --app-header-font-size: 20px; 
  --app-drop-shadow: 0px 0px 5px 0px #f1efef;
  --app-primary-border-color: #2699FB;
  --app-secondary-border-color: #BCE0F5;
  --app-selected-item-background-color: #31C2E1;
  --app-selected-item-border-color: #72BDFC;
}

.ui-resizable-s {
  cursor: s-resize;
  background: #2699fb;
  height: 4px;
  width: 20%;
  min-width: 10px;
  max-width: 100px;
  border-radius: 4px;
  margin: auto;
  bottom: -2.5px;
  left: 50%;
  transform: translate(-50%);
}
.ui-resizable-e {
  cursor: e-resize;
  width: 4px;
  top: 50%;
  height: 40%;
  min-height: 10px;
  max-height: 100px;
  background: #2699fb;
  border-radius: 4px;
  transform: translatey(-50%);
  right: -2.5px;
}
.ui-resizable-n {
  cursor: n-resize;
  top: -2.5px;
  background: #2699fb;
  height: 4px;
  width: 20%;
  min-width: 10px;
  max-width: 100px;
  border-radius: 4px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.ui-resizable-w {
  cursor: w-resize;
  width: 4px;
  right: 0;
  top: 50%;
  height: 40%;
  min-height: 10px;
  max-height: 100px;
  background: #2699fb;
  border-radius: 4px;
  left: -2px;
  transform: translatey(-50%);
}
.ui-resizable-se,
.ui-resizable-ne,
.ui-resizable-sw,
.ui-resizable-nw,
.ui-icon,
.ui-widget-content {
  background-image: none;
  /* background-color: #2699fb; */
  border: 1px solid #2699fb;
  width: 15px;
  border-radius: 50%;
  height: 15px;
  background-color: white;
  background-position: unset;
  right: -5px;
  bottom: -6px;
}
.hidden {   opacity: 0;   height: 0 !important;   padding: 0;   overflow: hidden;   transition: opacity 0.3s ease, height 0.3s ease, padding 0.3s ease; }
.css-default {
  font-family: "Segoe UI";
  font-size: 16px;
}
.body-default {
  margin: 0;
  overflow: hidden;
  position: relative;
}
::-webkit-scrollbar {
  width: 0; /* Remove scrollbar space */
}