/* open-sans-cyrillic-ext-400-normal*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(01b11c560bc52c756c23.woff2) format('woff2'), url(cb2542fccedadc68d737.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,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(5a546777799f438b6bb4.woff2) format('woff2'), url(cb2542fccedadc68d737.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(1ed998a42083750e175e.woff2) format('woff2'), url(cb2542fccedadc68d737.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(3064bf7e87155fcb14a1.woff2) format('woff2'), url(cb2542fccedadc68d737.woff) format('woff');
  unicode-range: U+0370-03FF;
}
/* open-sans-hebrew-400-normal*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(daafcec89c2332b84c25.woff2) format('woff2'), url(cb2542fccedadc68d737.woff) format('woff');
  unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
/* open-sans-vietnamese-400-normal*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(473f6b09ca8f5658857e.woff2) format('woff2'), url(cb2542fccedadc68d737.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,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(ccfa20f8de7f73249c39.woff2) format('woff2'), url(cb2542fccedadc68d737.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,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(a1535f451fb7bb98f526.woff2) format('woff2'), url(cb2542fccedadc68d737.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: milestoneIcons;
    src: url(58200bbc528df301cae9.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FFFF;
}
:root {  
/*#region Sizes*/
  --primary-full-width: 100%;
  --primary-full-height: 100%;
  --primary-header-height: 56px;
  --primary-dropdown-width: 164px;
  --primary-font-size: 14px;
  --primary-title-font-size: 42px;
  --primary-title-line-height: 32px;
  --primary-title-font-weight: 300;
  --primary-subtitle-font-size: 16px;
  --primary-line-height: 20px; 
  --primary-padding: 11px 12px 11px 12px;
  --primary-padding-none: 0;
  --primary-margin-none: 0;
  --primary-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3);
  --label-placeholder-video-color: rgba(255, 255, 255, 0.6);
  --primary-label-font-size: 11px;
/*#endregion*/

/*#region Font Styling*/
  --primary-font-family: "Open Sans"; 
  --primary-font-weight-bold: 600;
  --primary-font-weight-regular: 400;
  --primary-font-style-normal: normal;
  --primary-text-color: #070809;
  /*#endregion*/
}
:root {
/*#region Inherited Variables*/
  --button-menu-width: var(--primary-dropdown-width);
  --button-menu-color: var(--night);
  --button-menu-background: var(--white);
  --button-menu-border: var(--mozart); 
  --button-menu-font-size: var(--primary-font-size);
  --button-menu-line-height: var(--primary-line-height);
  --button-menu-font-family: var(--primary-font-family);
  --button-menu-hover-color: var(--aja);
  --button-menu-box-shadow: var(--primary-box-shadow);
  --button-menu-margin: var(--primary-margin-none);
  --button-menu-handler-padding: var(--primary-padding-none);
  --nav-header-container-width: var(--primary-full-width);
  --neutral-white-color: var(--white);
  --sso-oauth-button-color: var(--white);
  --sso-oauth-button-font-family: var(--secondary-font-family);
  --sso-oauth-button-font-weight: var(--primary-font-weight-bold);
  --sso-oauth-button-font-size: var(--primary-font-size);
  --mlstn-button-font-family: var(--primary-font-family);
  --sso-oauth-button-background: var(--main-event);
  --preview-pane-image: url(29fc3901109af09f9e0a.svg);
  --preview-img-height: 82px;
/*#endregion*/

/*#region Specific Variables*/
  --content-top-bottom-padding: 15px;
  --first-level-tab-height: 57px;
  --second-level-tab-height: 48px;
  --destructive-color: #C00707;
  --sso-oauth-button-padding: 6px 12px;
  --sso-oauth-button-cursor: pointer;
  --mlstn-button-border-radius: 2px;
  --mlstn-button-font-size: 14px;
  --mlstn-button-font-weight: 600;
  --modal-max-width: 700px;
  --landing-page-background-image: url(b7afc96c53a6815bf61e.png);

/*Message bar*/
  --message-bar-info-background: rgba(240, 243, 244, 1) no-repeat 12px center;
  --message-bar-info-border-left: 4px solid #5D747D;
  --message-bar-info-border-right: 1px solid #D3DBDE;
  --message-bar-info-border-bottom: 1px solid #D3DBDE;
  --message-bar-info-content: "\E087";
  --message-bar-info-font-size: 16px;
  --message-bar-button-close-color: #070809;
  --message-bar-info-color: #5D747D;

  --message-bar-error-background: #fef0f0 no-repeat 12px center;
  --message-bar-error-content : "\E087";
  --message-bar-error-color: #ff0000;
  --message-bar-error-font-size: 16px;

  --message-bar-success-background: #f3fff0 no-repeat 12px center;
  --message-bar-success-content: "\E089";
  --message-bar-success-font-size: 16px;
  --message-bar-success-min-height: 40px;
  
  --message-bar-toastMsg-border-radius: 0px;
  --message-bar-toastMsg-font-family: var(--primary-font-family);
  --message-bar-toastMsg-font-style: var(--primary-font-style-normal);
  --message-bar-toastMsg-font-weight: var(--primary-font-weight-regular);
  --message-bar-toastMsg-font-size: var(--primary-font-size);
  --message-bar-toastMsg-line-height: var(--primary-line-height);
  --message-bar-toastMsg-color: var(--primary-text-color);

  --message-bar-button-close-background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTk5OCAyLjIwMDc4TDcuNzk5OCAwLjgwMDc4MUw0Ljk5OTggMy42MDA3OEwyLjE5OTggMC44MDA3ODFMMC43OTk4MDUgMi4yMDA3OEwzLjU5OTggNS4wMDA3OEwwLjc5OTgwNSA3LjgwMDc4TDIuMTk5OCA5LjIwMDc4TDQuOTk5OCA2LjQwMDc4TDcuNzk5OCA5LjIwMDc4TDkuMTk5OCA3LjgwMDc4TDYuMzk5ODEgNS4wMDA3OEw5LjE5OTggMi4yMDA3OFoiIGZpbGw9IiMwNzA4MDkiLz4KPC9zdmc+Cg==) no-repeat 12px center;
  
  --message-bar-link-font-family: var(--primary-font-family);
  --message-bar-link-font-size: var(--primary-font-size);
  --message-bar-link-font-style: var(--primary-font-style-normal);
  --message-bar-link-font-weight: var(--primary-font-weight-bold);
  --message-bar-link-font-height: var(--primary-line-height);
  --message-bar-link-text-decoration: none;
  --message-bar-link-color: var(--button-color);
  --message-bar-link-cursor: pointer;
  --message-bar-link-position: absolute;
  --message-bar-link-right: 55px;

  /*Modal confirm*/
  --modal-close-font-size: 16px;

  /*Scroll bar*/
  --scroll-bar-neutral-active-thumb-background-color: #BECACF;
  --scroll-bar-neutral-hover-thumb-background-color: #BECACF;
  --scroll-bar-neutral-default-thumb-background-color: #BECACF;
  --scroll-bar-default-width: 10px;

  --tab-menu-dropdown-max-width:196px;
}
cmx-app::part(index-landing-page) {
    background-image: url(532ccbd2bb0fb05e89e4.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow-y: hidden;
    height: 100%;
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: var(--primary-font-family, "sans-serif");
}
*{
  margin: 0px;
}

tool-tip::part(container)  {
  border-radius: 2px;
  background: #BECACF;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  word-break: break-word;
}

:root { 
}