/* open-sans-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-cyrillic-ext-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-cyrillic-ext-400-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* open-sans-cyrillic-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-cyrillic-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-cyrillic-400-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* open-sans-greek-ext-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-greek-ext-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-greek-ext-400-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* open-sans-greek-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-greek-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-greek-400-normal.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* open-sans-hebrew-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-hebrew-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-hebrew-400-normal.woff) format('woff');
  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}

/* open-sans-math-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-math-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-math-400-normal.woff) format('woff');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* open-sans-symbols-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-symbols-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-symbols-400-normal.woff) format('woff');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* open-sans-vietnamese-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-vietnamese-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-vietnamese-400-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* open-sans-latin-ext-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-latin-ext-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-latin-ext-400-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* open-sans-latin-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/p/open-sans-latin-400-normal.woff2) format('woff2'), url(/assets/p/open-sans-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* common css for the application */

/* search input cancel button styling */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  margin-left: .4em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23777%27><path d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/></svg>");
  cursor: pointer;
}

/* using filled input for search fields SearchTextFieldComponent */
/*.searchInput .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel) {
  margin-top: 4px;
}*/
.searchInput .MuiFilledInput-underline:before,
.searchInput .MuiFilledInput-underline:after {
  display: none;
}

.highlightButton {
  background-color: #cfae2454 !important;
}

.summaryLabel {
  min-width: 50px;
}

.appbar-header-name {
  /*  color: var(--haccah-palette-primary-contrastText); */
  color: #ffffff;
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 1px;
}

/* pushes content down from the top to account for the appbar */
.appbar-height-spacer {
  height: 55px;
}
/* pushes content down from the top to account for the appbar */
.appbar-height-spacer-client {
  height: 45px;
}

/* for sticky headers to account for the appbar */
.appbar-top-space,
.appbar-top-space-administer,
.appbar-top-space-administer-client,
.appbar-top-space-preview  {
  z-index: 10 !important;
}

.appbar-top-space {
  top: 44px !important; 
}

.appbar-top-space-preview-client {
  top: 60px !important; 
}

.appbar-top-space-preview {
  top: 65px !important; 
}

.appbar-top-space-administer-client {
  top: 48px !important; 
}

.appbar-top-space-administer {
  top: 45px !important;
}


.label-link:hover {
  color: var(--haccah-palette-secondary-dark);
  text-decoration: underline;
}

.label-link {
  color: var(--haccah-palette-secondary-main);
  text-decoration: none;
}

.dg-action-cell {
  background-color: var(--haccah-palette-background-default);
  /*text-decoration: none;*/
}
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
/*  opacity: 0.5;*/
  transition: all 0.3s ease-out;
}
.introjs-showElement {
  z-index: 9999999 !important;
}
tr.introjs-showElement > td {
  z-index: 9999999 !important;
  position: relative;
}
tr.introjs-showElement > th {
  z-index: 9999999 !important;
  position: relative;
}
.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: var(--haccah-palette-background-main);
  opacity: 0;
}
.introjs-relativePosition {
  position: relative;
}
.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: var(--haccah-shape-borderRadius);
  transition: all 0.3s ease-out;
/*  box-shadow: none !important;*/
  box-shadow: var(--haccah-shadows-10) !important;
  border: 2px solid var(--haccah-palette-primary-main);
  margin-top: -2px;
}
.introjs-helperLayer * {
  box-sizing: content-box;
}
.introjs-helperLayer :before {
  box-sizing: content-box;
}
.introjs-helperLayer :after {
  box-sizing: content-box;
}
.introjs-tooltipReferenceLayer {
/*  font-family: 'Helvetica Neue', Inter, ui-sans-serif, 'Apple Color Emoji', Helvetica, Arial,*/
/*    sans-serif;*/
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  transition: all 0.3s ease-out;
}
/*.introjs-tooltipReferenceLayer * {}*/
.introjs-helperNumberLayer {
  text-align: center;
  margin-top: 14px;
  position: absolute;
  left: 100px;
}
.introjs-arrow {
  border: 5px solid transparent;
  content: '';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: var(--haccah-palette-background-main);
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: var(--haccah-palette-background-main);
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: var(--haccah-palette-background-main);
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: var(--haccah-palette-background-main);
}
.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: var(--haccah-palette-background-main);
}
.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: var(--haccah-palette-background-main);
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: var(--haccah-palette-background-main);
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: var(--haccah-palette-background-main);
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: var(--haccah-palette-background-main);
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: var(--haccah-palette-background-main);
}
.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: var(--haccah-palette-background-main);
  min-width: 250px;
  max-width: 300px;
  border-radius: var(--haccah-shape-borderRadius);
/*  box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);*/
  box-shadow: var(--haccah-shadows-10) !important;
  transition: opacity 0.1s ease-out;
  margin: 5px;
}

.darkStyles .introjs-tooltip {
  background-color: var(--haccah-palette-background-main);
}

.introjs-tooltiptext {
  padding: 10px;
  max-height: 125px;
  overflow: scroll;
}
.introjs-dontShowAgain {
  padding-left: 20px;
  padding-right: 20px;
}
.introjs-dontShowAgain input {
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
  display: inline;
  width: 10px;
  height: 10px;
}
.introjs-dontShowAgain label {
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  margin: 0 0 0 5px;
  padding: 0;
  background-color: #fff;
  color: #616161;
  -webkit-user-select: none;
  user-select: none;
}
.introjs-tooltip-title {
  font-size: 18px;
  width: 90%;
  min-height: 1.5em;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1.5;
}
.introjs-tooltip-header {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  min-height: 1.5em;
}

.introjs-tooltipbuttons {
/*  border-top: 1px solid #e0e0e0;*/
  padding: 8px;
  text-align: right;
  white-space: nowrap;
}

.introjs-tooltipbuttons:after {
  content: '';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  padding: 4px 10px;
  font-weight: 500;
  line-height: 1.75;
  text-decoration: none;
  color: var(--haccah-palette-secondary-contrastText);
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: var(--haccah-palette-secondary-main);
  border-radius: var(--haccah-shape-borderRadius);
  display: inline;

}
.introjs-button:hover {
  background-color: var(--haccah-palette-secondary-dark);
}
/* 
.introjs-button:focus {}
.introjs-button:active {}
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
*/

.introjs-skipbutton {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 45px;
  height: 45px;
/*  line-height: 45px;*/
  color: var(--haccah-palette-superlightgrey-main);
  font-size: 26px;
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}
.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
  color: var(--haccah-palette-primary-light);
  outline: 0;
  text-decoration: none;
}
.introjs-prevbutton {
  float: left;
  background-color: unset !important;
  box-shadow: none !important;
  color: var(--haccah-palette-primary-light) !important;
}
.introjs-nextbutton {
  float: right;
}
.introjs-disabled {
  color: #9e9e9e;
  border-color: #bdbdbd;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-disabled:focus,
.introjs-disabled:hover {
  color: #9e9e9e;
  border-color: #bdbdbd;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}


.introjs-hidden {
  display: none !important;
}
.introjs-bullets {
  text-align: center;
  margin-top: 14px;
  position: absolute;
  left: 100px;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 0 auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  transition: width 0.1s ease-in;
  box-sizing: content-box;
  display: block;
  width: 8px;
  height: 8px;
  background: var(--haccah-palette-superlightgrey-main);
  border-radius: 2px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
  background: var(--haccah-palette-primary-light);
  text-decoration: none;
  outline: 0;
}
.introjs-bullets ul li a.active {
  background: var(--haccah-palette-primary-light);
}
.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: var(--haccah-shape-borderRadius);
  background-color: var(--haccah-palette-superlightgrey-main);
}
.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: var(--haccah-palette-primary-light);
}
.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
.introjs-fixedTooltip {
  position: fixed;
}
.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: 0 0;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
  border: 0;
  outline: 0;
}
.introjs-hint:hover > .introjs-hint-pulse {
  background-color: rgba(60, 60, 60, 0.57);
}
.introjs-hidehint {
  display: none;
}
.introjs-fixedhint {
  position: fixed;
}
@keyframes introjspulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px transparent;
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 transparent;
  }
}
.introjs-hint-pulse {
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  transition: all 0.2s ease-out;
  animation: introjspulse 2s infinite;
}
.introjs-hint-no-anim .introjs-hint-pulse {
  animation: none;
}
.introjs-hint-dot {
  box-sizing: content-box;
  background: 0 0;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: 1;
  opacity: 0;
}