.svg-icon{display:inline-flex;align-self:center;height:1.14em;width:1.14em}.svg-icon svg{height:100%;width:100%;position:relative;fill:currentColor}.icon-size-small{font-size:16px;height:1em;width:1em}.icon-size-medium{font-size:32px;height:1em;width:1em}.icon-size-large{font-size:48px;height:1em;width:1em}.icon-size-x-large{font-size:64px;height:1em;width:1em}.icon-size-12px{font-size:12px;height:1em;width:1em}.icon-size-24px{font-size:24px;height:1em;width:1em}.icon-default-color{color:#677480}.icon-baseline svg{top:.2em}
.full-page-error-body{display:flex;flex-direction:column;flex:1 1 auto;justify-content:center;align-items:center;height:100%}.full-page-error-body>i.svg-icon{width:100%;height:auto;max-width:calc(100% / 3);min-width:260px;margin-bottom:25px}.full-page-error-body>i.svg-icon.explicit-64{height:64px}.full-page-error-body .full-page-error-explanation{margin-bottom:20px;text-align:center}.full-page-error-body .full-page-error-explanation i.icon-default-color path{fill:#9ba5ae}.full-page-error-body .full-page-error-correlation-id{color:#c7ccd1}
.bnt-hc-text-block{font-size:14px;font-weight:400;line-height:22px;padding:0;margin:0 0 22px}.bnt-hc-text-headline{font-size:32px;font-weight:300;line-height:44px;padding:0;margin:0 0 22px}.bnt-hc-text-leading{font-size:16px;font-weight:400;line-height:22px;padding:0;margin:0 0 22px}.bnt-hc-text-leading-2{font-size:16px;font-weight:700;line-height:22px;padding:0;margin:0 0 22px}.bnt-hc-text-muted{color:#9ba5ae}.bnt-hc-text-small{font-size:12px;font-weight:400;line-height:22px;padding:0;margin:0}.bnt-hc-text-subheading{font-size:18px;font-weight:400;line-height:33px;padding:0;margin:0 0 22px}.bnt-hc-text-subheading-2{font-size:18px;font-weight:600;line-height:33px;padding:0;margin:0 0 22px}.bnt-hc-text-title{font-size:24px;font-weight:300;line-height:33px;padding:0;margin:0 0 22px}.bnt-hc-text-title-2{font-size:24px;font-weight:400;line-height:33px;padding:0;margin:0 0 22px}
.bwc-text-block{font-size:14px;font-weight:400;line-height:22px;padding:0;margin:0 0 22px}.bwc-text-headline{font-size:32px;font-weight:300;line-height:44px;padding:0;margin:0 0 22px}.bwc-text-leading{font-size:16px;font-weight:400;line-height:22px;padding:0;margin:0 0 22px}.bwc-text-leading-2{font-size:16px;font-weight:700;line-height:22px;padding:0;margin:0 0 22px}.bwc-text-muted{color:#9ba5ae}.bwc-text-small{font-size:12px;font-weight:400;line-height:22px;padding:0;margin:0}.bwc-text-subheading{font-size:18px;font-weight:400;line-height:33px;padding:0;margin:0 0 22px}.bwc-text-subheading-2{font-size:18px;font-weight:600;line-height:33px;padding:0;margin:0 0 22px}.bwc-text-title{font-size:24px;font-weight:300;line-height:33px;padding:0;margin:0 0 22px}.bwc-text-title-2{font-size:24px;font-weight:400;line-height:33px;padding:0;margin:0 0 22px}
html,body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:22px;background-color:#fff;color:#2a2f34}b,strong{font-weight:700}caption,small{font-size:12px;font-weight:400;line-height:22px}p{margin-bottom:22px}h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:400;line-height:22px}.trial-banner{height:100%;padding:8px 16px;margin-right:60px;line-height:18px;border-left:2px solid #c7ccd1;border-right:2px solid #c7ccd1;font-size:14px;text-align:center;z-index:20;color:#000}.trial-banner.red{color:red;text-shadow:gray}html{font-size:unset !important}body{width:100vw}body.iui-body{background-color:#fff}#dropdown-portal{position:absolute;top:0;left:0;width:0;height:0}html,body,main.container,#root,#app,.app,.bnt-hc-app-container,.bnt-hc-app-content{margin:0;padding:0;min-height:100%;display:flex;flex:1 0 auto;width:100%;max-width:100vw}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){html,body,main.container,#root,#app,.app,.bnt-hc-app-container,.bnt-hc-app-content{min-height:100vh}}.bnt-hc-app-content{max-width:100vw}.bnt-hc-header-bar{position:fixed;max-width:100vw}.bnt-hc-side-navigation-container{position:fixed;top:56px;height:calc(100% - 56px)}.bnt-hc-app-content-with-footer{display:flex;width:100%;flex-direction:column;flex:1 0 auto}.bnt-hc-light-gray-background{background-color:#eef0f3}.bnt-hc-hide-footer footer{visibility:hidden}.bnt-hc-app-page-content{display:flex;flex-grow:1;flex-direction:column;position:relative}.app>.loading-container{background-color:#eef0f3}svg.bwc-icons-small.exit-svg{margin:0}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-alert{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
border-radius:4px;
box-sizing:border-box;
display:flex;
align-items:center;
border:1px solid #c7ccd1;
color:rgba(0, 0, 0, 0.8);
background-color:white;
border:1px solid var(--iui-color-background-5);
color:var(--iui-text-color);
background-color:var(--iui-color-background-1);
}
.iui-alert-icon{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:16px;
height:16px;
flex-shrink:0;
margin-left:16px;
}
@media (forced-colors: active){
.iui-alert-icon{
fill:CanvasText;
}
}
.iui-alert-icon.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-alert-icon.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-alert-icon.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-alert-icon.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-alert-message{
margin:11px 16px;
}
.iui-alert-link{
text-decoration:underline;
border-radius:4px;
cursor:pointer;
margin-left:8px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
white-space:nowrap;
}
.iui-alert-link:hover{
text-decoration:none;
}
.iui-alert > .iui-button{
margin-left:auto;
margin-right:8px;
}
.iui-alert.iui-sticky{
border-radius:0;
position:absolute;
top:0;
left:0;
width:100vw;
}
.iui-alert.iui-positive{
background:linear-gradient(rgba(83, 162, 26, 0.1), rgba(83, 162, 26, 0.1)), linear-gradient(white, white);
border-color:#53a21a;
background:linear-gradient(rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
border-color:var(--iui-color-foreground-positive);
}
.iui-alert.iui-positive .iui-alert-icon{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-alert.iui-positive .iui-alert-message::-moz-selection, .iui-alert.iui-positive .iui-alert-message *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-positive .iui-alert-message::selection,
.iui-alert.iui-positive .iui-alert-message *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-positive .iui-alert-link{
color:#53a21a;
-webkit-tap-highlight-color:rgba(83, 162, 26, 0.2);
color:var(--iui-color-foreground-positive);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-positive .iui-alert-link:focus-visible{
outline:1px solid var(--iui-color-foreground-positive);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-alert.iui-positive .iui-alert-link:focus{
outline:1px solid var(--iui-color-foreground-positive);
outline-offset:1px;
}
}
.iui-alert.iui-positive .iui-alert-link::-moz-selection, .iui-alert.iui-positive .iui-alert-link *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-positive .iui-alert-link::selection,
.iui-alert.iui-positive .iui-alert-link *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-positive .iui-alert-link:hover{
color:#3d7613;
color:var(--iui-color-foreground-positive-overlay);
}
.iui-alert.iui-positive > .iui-button{
outline-color:var(--iui-color-foreground-positive);
}
.iui-alert.iui-negative{
background:linear-gradient(rgba(209, 10, 10, 0.1), rgba(209, 10, 10, 0.1)), linear-gradient(white, white);
border-color:#d10a0a;
background:linear-gradient(rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
border-color:var(--iui-color-foreground-negative);
}
.iui-alert.iui-negative .iui-alert-icon{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-alert.iui-negative .iui-alert-message::-moz-selection, .iui-alert.iui-negative .iui-alert-message *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-negative .iui-alert-message::selection,
.iui-alert.iui-negative .iui-alert-message *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-negative .iui-alert-link{
color:#d10a0a;
-webkit-tap-highlight-color:rgba(209, 10, 10, 0.2);
color:var(--iui-color-foreground-negative);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-negative .iui-alert-link:focus-visible{
outline:1px solid var(--iui-color-foreground-negative);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-alert.iui-negative .iui-alert-link:focus{
outline:1px solid var(--iui-color-foreground-negative);
outline-offset:1px;
}
}
.iui-alert.iui-negative .iui-alert-link::-moz-selection, .iui-alert.iui-negative .iui-alert-link *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-negative .iui-alert-link::selection,
.iui-alert.iui-negative .iui-alert-link *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-negative .iui-alert-link:hover{
color:#a10808;
color:var(--iui-color-foreground-negative-overlay);
}
.iui-alert.iui-negative > .iui-button{
outline-color:var(--iui-color-foreground-negative);
}
.iui-alert.iui-warning{
background:linear-gradient(rgba(241, 141, 19, 0.1), rgba(241, 141, 19, 0.1)), linear-gradient(white, white);
border-color:#f18d13;
background:linear-gradient(rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
border-color:var(--iui-color-foreground-warning);
}
.iui-alert.iui-warning .iui-alert-icon{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-alert.iui-warning .iui-alert-message::-moz-selection, .iui-alert.iui-warning .iui-alert-message *::-moz-selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-warning .iui-alert-message::selection,
.iui-alert.iui-warning .iui-alert-message *::selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-warning .iui-alert-link{
color:#f18d13;
-webkit-tap-highlight-color:rgba(241, 141, 19, 0.2);
color:var(--iui-color-foreground-warning);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-warning .iui-alert-link:focus-visible{
outline:1px solid var(--iui-color-foreground-warning);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-alert.iui-warning .iui-alert-link:focus{
outline:1px solid var(--iui-color-foreground-warning);
outline-offset:1px;
}
}
.iui-alert.iui-warning .iui-alert-link::-moz-selection, .iui-alert.iui-warning .iui-alert-link *::-moz-selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-warning .iui-alert-link::selection,
.iui-alert.iui-warning .iui-alert-link *::selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-warning .iui-alert-link:hover{
color:#c6720c;
color:var(--iui-color-foreground-warning-overlay);
}
.iui-alert.iui-warning > .iui-button{
outline-color:var(--iui-color-foreground-warning);
}
.iui-alert.iui-informational{
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
border-color:#008ae0;
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
border-color:var(--iui-color-foreground-primary);
}
.iui-alert.iui-informational .iui-alert-icon{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-alert.iui-informational .iui-alert-message::-moz-selection, .iui-alert.iui-informational .iui-alert-message *::-moz-selection{
background-color:rgba(0, 138, 224, 0.2);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-informational .iui-alert-message::selection,
.iui-alert.iui-informational .iui-alert-message *::selection{
background-color:rgba(0, 138, 224, 0.2);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-informational .iui-alert-link{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
}
.iui-alert.iui-informational .iui-alert-link:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-alert.iui-informational .iui-alert-link:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
.iui-alert.iui-informational .iui-alert-link:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
.iui-alert.iui-informational > .iui-button{
outline-color:var(--iui-color-foreground-primary);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
html{
--iui-color-background-1-rgb:255, 255, 255;
--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
--iui-color-background-2-rgb:249, 249, 251;
--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
--iui-color-background-3-rgb:237, 239, 242;
--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
--iui-color-background-4-rgb:221, 225, 228;
--iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
--iui-color-background-5-rgb:199, 204, 209;
--iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
--iui-color-background-primary-rgb:0, 138, 224;
--iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
--iui-color-background-positive-rgb:83, 162, 26;
--iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
--iui-color-background-warning-rgb:241, 141, 19;
--iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
--iui-color-background-negative-rgb:209, 10, 10;
--iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
--iui-color-background-disabled-rgb:237, 239, 242;
--iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
--iui-color-background-border-rgb:199, 204, 209;
--iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
--iui-color-foreground-body-rgb:0, 0, 0;
--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
--iui-color-foreground-body-invert-rgb:255, 255, 255;
--iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
--iui-color-foreground-accessory-rgb:255, 255, 255;
--iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
--iui-color-foreground-primary-rgb:0, 138, 224;
--iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
--iui-color-foreground-positive-rgb:83, 162, 26;
--iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
--iui-color-foreground-warning-rgb:241, 141, 19;
--iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
--iui-color-foreground-negative-rgb:209, 10, 10;
--iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
--iui-color-background-1-overlay-rgb:242, 242, 242;
--iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
--iui-color-background-primary-overlay-rgb:0, 107, 173;
--iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
--iui-color-background-positive-overlay-rgb:61, 118, 19;
--iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
--iui-color-foreground-primary-overlay-rgb:0, 107, 173;
--iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
--iui-color-foreground-positive-overlay-rgb:61, 118, 19;
--iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
--iui-color-foreground-warning-overlay-rgb:198, 114, 12;
--iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
--iui-color-foreground-negative-overlay-rgb:161, 8, 8;
--iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
--iui-opacity-1:1;
--iui-opacity-2:0.8;
--iui-opacity-3:0.6;
--iui-opacity-4:0.4;
--iui-opacity-5:0.2;
--iui-opacity-6:0.1;
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
--iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color-primary:var(--iui-color-foreground-primary);
--iui-icons-color-positive:var(--iui-color-foreground-positive);
--iui-icons-color-warning:var(--iui-color-foreground-warning);
--iui-icons-color-negative:var(--iui-color-foreground-negative);
}
@media (prefers-color-scheme: dark){
html{
--iui-color-background-1-rgb:90, 104, 114;
--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
--iui-color-background-2-rgb:79, 92, 100;
--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
--iui-color-background-3-rgb:69, 81, 89;
--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
--iui-color-background-4-rgb:55, 67, 73;
--iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
--iui-color-background-5-rgb:46, 56, 61;
--iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
--iui-color-background-primary-rgb:0, 138, 224;
--iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
--iui-color-background-positive-rgb:83, 162, 26;
--iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
--iui-color-background-warning-rgb:241, 141, 19;
--iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
--iui-color-background-negative-rgb:209, 10, 10;
--iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
--iui-color-background-disabled-rgb:69, 81, 89;
--iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
--iui-color-background-border-rgb:46, 56, 61;
--iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
--iui-color-foreground-body-rgb:255, 255, 255;
--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
--iui-color-foreground-body-invert-rgb:0, 0, 0;
--iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
--iui-color-foreground-accessory-rgb:255, 255, 255;
--iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
--iui-color-foreground-primary-rgb:163, 214, 245;
--iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
--iui-color-foreground-positive-rgb:194, 224, 174;
--iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
--iui-color-foreground-warning-rgb:249, 214, 169;
--iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
--iui-color-foreground-negative-rgb:239, 169, 169;
--iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
--iui-color-background-1-overlay-rgb:101, 118, 129;
--iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
--iui-color-background-primary-overlay-rgb:0, 154, 250;
--iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
--iui-color-background-positive-overlay-rgb:94, 184, 30;
--iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
--iui-color-foreground-primary-overlay-rgb:209, 234, 250;
--iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
--iui-color-foreground-positive-overlay-rgb:222, 238, 211;
--iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
--iui-color-foreground-warning-overlay-rgb:252, 237, 217;
--iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
--iui-color-foreground-negative-overlay-rgb:247, 212, 212;
--iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
--iui-opacity-1:1;
--iui-opacity-2:0.85;
--iui-opacity-3:0.65;
--iui-opacity-4:0.45;
--iui-opacity-5:0.25;
--iui-opacity-6:0.1;
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
--iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color-primary:var(--iui-color-foreground-primary);
--iui-icons-color-positive:var(--iui-color-foreground-positive);
--iui-icons-color-warning:var(--iui-color-foreground-warning);
--iui-icons-color-negative:var(--iui-color-foreground-negative);
}
}
@media (prefers-color-scheme: light) and (prefers-contrast: more){
html{
--iui-color-background-1-rgb:255, 255, 255;
--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
--iui-color-background-2-rgb:249, 250, 251;
--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
--iui-color-background-3-rgb:238, 240, 242;
--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
--iui-color-background-4-rgb:221, 226, 228;
--iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
--iui-color-background-5-rgb:198, 206, 210;
--iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
--iui-color-background-primary-rgb:0, 88, 133;
--iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
--iui-color-background-positive-rgb:0, 97, 32;
--iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
--iui-color-background-warning-rgb:112, 84, 0;
--iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
--iui-color-background-negative-rgb:158, 0, 0;
--iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
--iui-color-background-disabled-rgb:238, 240, 242;
--iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
--iui-color-background-border:rgba(0, 0, 0, 0.3);
--iui-color-foreground-body-rgb:0, 0, 0;
--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
--iui-color-foreground-accessory-rgb:255, 255, 255;
--iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
--iui-color-foreground-primary-rgb:0, 78, 117;
--iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
--iui-color-foreground-positive-rgb:0, 82, 27;
--iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
--iui-color-foreground-warning-rgb:97, 73, 0;
--iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
--iui-color-foreground-negative-rgb:143, 0, 0;
--iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
--iui-color-background-1-overlay-rgb:226, 231, 233;
--iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
--iui-color-background-primary-overlay-rgb:0, 54, 82;
--iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
--iui-color-background-positive-overlay-rgb:0, 46, 15;
--iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
--iui-color-foreground-primary-overlay-rgb:0, 44, 66;
--iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
--iui-color-foreground-positive-overlay-rgb:0, 31, 10;
--iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
--iui-color-foreground-warning-overlay-rgb:46, 34, 0;
--iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
--iui-color-foreground-negative-overlay-rgb:92, 0, 0;
--iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
--iui-opacity-1:1;
--iui-opacity-2:0.86;
--iui-opacity-3:0.72;
--iui-opacity-4:0.67;
--iui-opacity-5:0.3;
--iui-opacity-6:0.06;
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
--iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color-primary:var(--iui-color-foreground-primary);
--iui-icons-color-positive:var(--iui-color-foreground-positive);
--iui-icons-color-warning:var(--iui-color-foreground-warning);
--iui-icons-color-negative:var(--iui-color-foreground-negative);
}
}
@media (prefers-color-scheme: dark) and (prefers-contrast: more){
html{
--iui-color-background-1-rgb:45, 53, 57;
--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
--iui-color-background-2-rgb:34, 40, 43;
--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
--iui-color-background-3-rgb:22, 27, 29;
--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
--iui-color-background-4-rgb:56, 66, 71;
--iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
--iui-color-background-5-rgb:67, 80, 86;
--iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
--iui-color-background-primary-rgb:0, 88, 133;
--iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
--iui-color-background-positive-rgb:0, 97, 32;
--iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
--iui-color-background-warning-rgb:112, 84, 0;
--iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
--iui-color-background-negative-rgb:158, 0, 0;
--iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
--iui-color-background-disabled-rgb:56, 66, 71;
--iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
--iui-color-background-border:rgba(255, 255, 255, 0.34);
--iui-color-foreground-body-rgb:255, 255, 255;
--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
--iui-color-foreground-accessory-rgb:255, 255, 255;
--iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
--iui-color-foreground-primary-rgb:148, 219, 255;
--iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
--iui-color-foreground-positive-rgb:112, 255, 160;
--iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
--iui-color-foreground-warning-rgb:255, 223, 128;
--iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
--iui-color-foreground-negative-rgb:255, 194, 194;
--iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
--iui-color-background-1-overlay-rgb:67, 80, 86;
--iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
--iui-color-background-primary-overlay-rgb:0, 122, 184;
--iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
--iui-color-background-positive-overlay-rgb:0, 148, 49;
--iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
--iui-color-foreground-primary-overlay-rgb:199, 236, 255;
--iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
--iui-color-foreground-positive-overlay-rgb:163, 255, 194;
--iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
--iui-color-foreground-warning-overlay-rgb:255, 236, 179;
--iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
--iui-color-foreground-negative-overlay-rgb:255, 245, 245;
--iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
--iui-opacity-1:1;
--iui-opacity-2:0.94;
--iui-opacity-3:0.88;
--iui-opacity-4:0.76;
--iui-opacity-5:0.34;
--iui-opacity-6:0.07;
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
--iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color-primary:var(--iui-color-foreground-primary);
--iui-icons-color-positive:var(--iui-color-foreground-positive);
--iui-icons-color-warning:var(--iui-color-foreground-warning);
--iui-icons-color-negative:var(--iui-color-foreground-negative);
}
}
html.iui-theme-light{
--iui-color-background-1-rgb:255, 255, 255;
--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
--iui-color-background-2-rgb:249, 249, 251;
--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
--iui-color-background-3-rgb:237, 239, 242;
--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
--iui-color-background-4-rgb:221, 225, 228;
--iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
--iui-color-background-5-rgb:199, 204, 209;
--iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
--iui-color-background-primary-rgb:0, 138, 224;
--iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
--iui-color-background-positive-rgb:83, 162, 26;
--iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
--iui-color-background-warning-rgb:241, 141, 19;
--iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
--iui-color-background-negative-rgb:209, 10, 10;
--iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
--iui-color-background-disabled-rgb:237, 239, 242;
--iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
--iui-color-background-border-rgb:199, 204, 209;
--iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
--iui-color-foreground-body-rgb:0, 0, 0;
--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
--iui-color-foreground-body-invert-rgb:255, 255, 255;
--iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
--iui-color-foreground-accessory-rgb:255, 255, 255;
--iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
--iui-color-foreground-primary-rgb:0, 138, 224;
--iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
--iui-color-foreground-positive-rgb:83, 162, 26;
--iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
--iui-color-foreground-warning-rgb:241, 141, 19;
--iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
--iui-color-foreground-negative-rgb:209, 10, 10;
--iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
--iui-color-background-1-overlay-rgb:242, 242, 242;
--iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
--iui-color-background-primary-overlay-rgb:0, 107, 173;
--iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
--iui-color-background-positive-overlay-rgb:61, 118, 19;
--iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
--iui-color-foreground-primary-overlay-rgb:0, 107, 173;
--iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
--iui-color-foreground-positive-overlay-rgb:61, 118, 19;
--iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
--iui-color-foreground-warning-overlay-rgb:198, 114, 12;
--iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
--iui-color-foreground-negative-overlay-rgb:161, 8, 8;
--iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
--iui-opacity-1:1;
--iui-opacity-2:0.8;
--iui-opacity-3:0.6;
--iui-opacity-4:0.4;
--iui-opacity-5:0.2;
--iui-opacity-6:0.1;
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
--iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color-primary:var(--iui-color-foreground-primary);
--iui-icons-color-positive:var(--iui-color-foreground-positive);
--iui-icons-color-warning:var(--iui-color-foreground-warning);
--iui-icons-color-negative:var(--iui-color-foreground-negative);
}
html.iui-theme-dark{
--iui-color-background-1-rgb:90, 104, 114;
--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
--iui-color-background-2-rgb:79, 92, 100;
--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
--iui-color-background-3-rgb:69, 81, 89;
--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
--iui-color-background-4-rgb:55, 67, 73;
--iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
--iui-color-background-5-rgb:46, 56, 61;
--iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
--iui-color-background-primary-rgb:0, 138, 224;
--iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
--iui-color-background-positive-rgb:83, 162, 26;
--iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
--iui-color-background-warning-rgb:241, 141, 19;
--iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
--iui-color-background-negative-rgb:209, 10, 10;
--iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
--iui-color-background-disabled-rgb:69, 81, 89;
--iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
--iui-color-background-border-rgb:46, 56, 61;
--iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
--iui-color-foreground-body-rgb:255, 255, 255;
--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
--iui-color-foreground-body-invert-rgb:0, 0, 0;
--iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
--iui-color-foreground-accessory-rgb:255, 255, 255;
--iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
--iui-color-foreground-primary-rgb:163, 214, 245;
--iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
--iui-color-foreground-positive-rgb:194, 224, 174;
--iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
--iui-color-foreground-warning-rgb:249, 214, 169;
--iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
--iui-color-foreground-negative-rgb:239, 169, 169;
--iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
--iui-color-background-1-overlay-rgb:101, 118, 129;
--iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
--iui-color-background-primary-overlay-rgb:0, 154, 250;
--iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
--iui-color-background-positive-overlay-rgb:94, 184, 30;
--iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
--iui-color-foreground-primary-overlay-rgb:209, 234, 250;
--iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
--iui-color-foreground-positive-overlay-rgb:222, 238, 211;
--iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
--iui-color-foreground-warning-overlay-rgb:252, 237, 217;
--iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
--iui-color-foreground-negative-overlay-rgb:247, 212, 212;
--iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
--iui-opacity-1:1;
--iui-opacity-2:0.85;
--iui-opacity-3:0.65;
--iui-opacity-4:0.45;
--iui-opacity-5:0.25;
--iui-opacity-6:0.1;
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
--iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color-primary:var(--iui-color-foreground-primary);
--iui-icons-color-positive:var(--iui-color-foreground-positive);
--iui-icons-color-warning:var(--iui-color-foreground-warning);
--iui-icons-color-negative:var(--iui-color-foreground-negative);
}
html.iui-theme-light-hc{
--iui-color-background-1-rgb:255, 255, 255;
--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
--iui-color-background-2-rgb:249, 250, 251;
--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
--iui-color-background-3-rgb:238, 240, 242;
--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
--iui-color-background-4-rgb:221, 226, 228;
--iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
--iui-color-background-5-rgb:198, 206, 210;
--iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
--iui-color-background-primary-rgb:0, 88, 133;
--iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
--iui-color-background-positive-rgb:0, 97, 32;
--iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
--iui-color-background-warning-rgb:112, 84, 0;
--iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
--iui-color-background-negative-rgb:158, 0, 0;
--iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
--iui-color-background-disabled-rgb:238, 240, 242;
--iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
--iui-color-background-border:rgba(0, 0, 0, 0.3);
--iui-color-foreground-body-rgb:0, 0, 0;
--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
--iui-color-foreground-accessory-rgb:255, 255, 255;
--iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
--iui-color-foreground-primary-rgb:0, 78, 117;
--iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
--iui-color-foreground-positive-rgb:0, 82, 27;
--iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
--iui-color-foreground-warning-rgb:97, 73, 0;
--iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
--iui-color-foreground-negative-rgb:143, 0, 0;
--iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
--iui-color-background-1-overlay-rgb:226, 231, 233;
--iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
--iui-color-background-primary-overlay-rgb:0, 54, 82;
--iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
--iui-color-background-positive-overlay-rgb:0, 46, 15;
--iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
--iui-color-foreground-primary-overlay-rgb:0, 44, 66;
--iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
--iui-color-foreground-positive-overlay-rgb:0, 31, 10;
--iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
--iui-color-foreground-warning-overlay-rgb:46, 34, 0;
--iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
--iui-color-foreground-negative-overlay-rgb:92, 0, 0;
--iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
--iui-opacity-1:1;
--iui-opacity-2:0.86;
--iui-opacity-3:0.72;
--iui-opacity-4:0.67;
--iui-opacity-5:0.3;
--iui-opacity-6:0.06;
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
--iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color-primary:var(--iui-color-foreground-primary);
--iui-icons-color-positive:var(--iui-color-foreground-positive);
--iui-icons-color-warning:var(--iui-color-foreground-warning);
--iui-icons-color-negative:var(--iui-color-foreground-negative);
}
html.iui-theme-dark-hc{
--iui-color-background-1-rgb:45, 53, 57;
--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
--iui-color-background-2-rgb:34, 40, 43;
--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
--iui-color-background-3-rgb:22, 27, 29;
--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
--iui-color-background-4-rgb:56, 66, 71;
--iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
--iui-color-background-5-rgb:67, 80, 86;
--iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
--iui-color-background-primary-rgb:0, 88, 133;
--iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
--iui-color-background-positive-rgb:0, 97, 32;
--iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
--iui-color-background-warning-rgb:112, 84, 0;
--iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
--iui-color-background-negative-rgb:158, 0, 0;
--iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
--iui-color-background-disabled-rgb:56, 66, 71;
--iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
--iui-color-background-border:rgba(255, 255, 255, 0.34);
--iui-color-foreground-body-rgb:255, 255, 255;
--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
--iui-color-foreground-accessory-rgb:255, 255, 255;
--iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
--iui-color-foreground-primary-rgb:148, 219, 255;
--iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
--iui-color-foreground-positive-rgb:112, 255, 160;
--iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
--iui-color-foreground-warning-rgb:255, 223, 128;
--iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
--iui-color-foreground-negative-rgb:255, 194, 194;
--iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
--iui-color-background-1-overlay-rgb:67, 80, 86;
--iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
--iui-color-background-primary-overlay-rgb:0, 122, 184;
--iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
--iui-color-background-positive-overlay-rgb:0, 148, 49;
--iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
--iui-color-foreground-primary-overlay-rgb:199, 236, 255;
--iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
--iui-color-foreground-positive-overlay-rgb:163, 255, 194;
--iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
--iui-color-foreground-warning-overlay-rgb:255, 236, 179;
--iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
--iui-color-foreground-negative-overlay-rgb:255, 245, 245;
--iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
--iui-opacity-1:1;
--iui-opacity-2:0.94;
--iui-opacity-3:0.88;
--iui-opacity-4:0.76;
--iui-opacity-5:0.34;
--iui-opacity-6:0.07;
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
--iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
--iui-icons-color-primary:var(--iui-color-foreground-primary);
--iui-icons-color-positive:var(--iui-color-foreground-positive);
--iui-icons-color-warning:var(--iui-color-foreground-warning);
--iui-icons-color-negative:var(--iui-color-foreground-negative);
}
.iui-body{
background-color:#f9f9fb;
color:rgba(0, 0, 0, 0.8);
background-color:var(--iui-color-background-2);
color:var(--iui-text-color);
font-size:14px;
line-height:22px;
scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
scrollbar-width:thin;
scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
scrollbar-width:thin;
font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.iui-body::-webkit-scrollbar{
width:8px;
height:8px;
}
.iui-body::-webkit-scrollbar-thumb{
background-color:rgba(0, 0, 0, 0.4);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
border-radius:4px;
}
.iui-body::-webkit-scrollbar-thumb:hover{
background-color:rgba(0, 0, 0, 0.6);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
}
.iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
background-color:transparent;
}
.iui-body.iui-no-webfonts{
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.iui-anchor{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
text-decoration:none;
}
.iui-anchor:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-anchor:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
.iui-anchor:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
.iui-anchor:hover{
text-decoration:underline;
}
@media (prefers-contrast: more){
.iui-anchor{
text-decoration:underline;
}
.iui-anchor:hover{
text-decoration:none;
}
}
.iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
text-decoration:none;
}
.iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
text-decoration:underline;
}
.iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
text-decoration:underline;
}
.iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
text-decoration:none;
}
.iui-visually-hidden{
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
overflow:hidden;
position:absolute;
white-space:nowrap;
height:1px;
width:1px;
padding:0;
margin:-1px;
border-width:0;
}
[class*=iui-],
[class*=iui-] *{
scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
scrollbar-width:thin;
scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
scrollbar-width:thin;
}
[class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
background-color:rgba(0, 138, 224, 0.2);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
}
[class*=iui-]::selection,
[class*=iui-] *::selection,
[class*=iui-] *::selection,
[class*=iui-] * *::selection{
background-color:rgba(0, 138, 224, 0.2);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
}
[class*=iui-]::-webkit-scrollbar,
[class*=iui-] *::-webkit-scrollbar{
width:8px;
height:8px;
}
[class*=iui-]::-webkit-scrollbar-thumb,
[class*=iui-] *::-webkit-scrollbar-thumb{
background-color:rgba(0, 0, 0, 0.4);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
border-radius:4px;
}
[class*=iui-]::-webkit-scrollbar-thumb:hover,
[class*=iui-] *::-webkit-scrollbar-thumb:hover{
background-color:rgba(0, 0, 0, 0.6);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
}
[class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
[class*=iui-] *::-webkit-scrollbar-track,
[class*=iui-] *::-webkit-scrollbar-corner{
background-color:transparent;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-button{
--_iui-button-active-stripe-inset:initial;
--_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-family:inherit;
display:inline-flex;
align-items:center;
vertical-align:middle;
justify-content:center;
position:relative;
box-sizing:border-box;
border-radius:4px;
line-height:22px;
box-shadow:none;
font-size:14px;
font-weight:400;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
white-space:nowrap;
border:1px solid transparent;
color:rgba(0, 0, 0, 0.8);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
color:var(--_iui-button-text-color);
padding:0 16px;
height:38px;
gap:8px;
padding:0 16px;
height:38px;
gap:8px;
}
@media (prefers-reduced-motion: no-preference){
.iui-button{
transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
}
.iui-button:hover{
--_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
text-decoration:none;
}
.iui-button:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-button:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-button[disabled], .iui-button:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-button.iui-active::after{
content:"";
position:absolute;
inset:var(--_iui-button-active-stripe-inset);
background-color:var(--iui-color-foreground-primary);
}
.iui-button.iui-active[disabled]::after, .iui-button.iui-active:disabled::after{
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-button.iui-default{
background-color:white;
border-color:rgba(0, 0, 0, 0.4);
background-color:var(--iui-color-background-1);
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
.iui-button.iui-default:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
@supports not selector(*:focus-visible){
.iui-button.iui-default:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
}
.iui-button.iui-default:hover, .iui-button.iui-default:active{
background-color:#f2f2f2;
border-color:black;
background-color:var(--iui-color-background-1-overlay);
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
}
.iui-button.iui-default:hover .iui-notification-primary::before,
.iui-button.iui-default:hover .iui-notification-positive::before,
.iui-button.iui-default:hover .iui-notification-warning::before,
.iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before,
.iui-button.iui-default:active .iui-notification-positive::before,
.iui-button.iui-default:active .iui-notification-warning::before,
.iui-button.iui-default:active .iui-notification-negative::before{
border-color:#f2f2f2;
border-color:var(--iui-color-background-1-overlay);
}
.iui-button.iui-default.iui-dropdown{
padding-right:8px;
}
.iui-button.iui-default.iui-dropdown.iui-small{
padding-right:4px;
}
.iui-button.iui-default.iui-dropdown.iui-large{
padding-right:12px;
}
.iui-button.iui-default.iui-active:enabled{
position:relative;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-button.iui-default.iui-active:enabled::before{
content:"";
position:absolute;
inset:0;
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-button.iui-high-visibility{
--_iui-button-text-color:var(--iui-color-foreground-accessory);
background-color:#008ae0;
border-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
border-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
color:var(--_iui-button-text-color);
}
.iui-button.iui-high-visibility:focus-visible{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
@supports not selector(*:focus-visible){
.iui-button.iui-high-visibility:focus{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
}
.iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{
background-color:#006bad;
border-color:#006bad;
background-color:var(--iui-color-background-primary-overlay);
border-color:var(--iui-color-background-primary-overlay);
}
.iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-button.iui-cta{
--_iui-button-text-color:var(--iui-color-foreground-accessory);
background-color:#53a21a;
border-color:#53a21a;
color:white;
background-color:var(--iui-color-background-positive);
border-color:var(--iui-color-background-positive);
color:var(--iui-color-foreground-accessory);
color:var(--_iui-button-text-color);
}
.iui-button.iui-cta:focus-visible{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
@supports not selector(*:focus-visible){
.iui-button.iui-cta:focus{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
}
.iui-button.iui-cta:hover, .iui-button.iui-cta:active{
background-color:#3d7613;
border-color:#3d7613;
background-color:var(--iui-color-background-positive-overlay);
border-color:var(--iui-color-background-positive-overlay);
}
.iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-button.iui-idea{
--_iui-button-text-color:var(--iui-color-foreground-accessory);
background-color:#008ae0;
border-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
border-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
color:var(--_iui-button-text-color);
border-radius:22px;
box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
position:fixed;
bottom:11px;
right:16px;
}
.iui-button.iui-idea:focus-visible{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
@supports not selector(*:focus-visible){
.iui-button.iui-idea:focus{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
}
.iui-button.iui-idea:hover, .iui-button.iui-idea:active{
background-color:#006bad;
border-color:#006bad;
background-color:var(--iui-color-background-primary-overlay);
border-color:var(--iui-color-background-primary-overlay);
}
.iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-button.iui-borderless{
border-color:transparent;
background-color:transparent;
padding:0 8px;
height:38px;
gap:8px;
}
.iui-button.iui-borderless > .iui-button-icon:only-child{
margin-left:3px;
margin-right:3px;
}
.iui-button.iui-borderless:hover{
background-color:rgba(0, 0, 0, 0.1);
border-color:transparent;
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
border-color:transparent;
}
.iui-button.iui-borderless.iui-active{
background-color:rgba(0, 138, 224, 0.1);
color:#008ae0;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
color:var(--iui-color-foreground-primary);
border-color:transparent;
}
.iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
background-color:transparent;
border-color:transparent;
background-color:transparent;
border-color:transparent;
}
.iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-button.iui-small{
padding:0 8px;
height:27px;
gap:4px;
}
.iui-button.iui-small.iui-borderless{
padding:0 2px;
height:27px;
gap:4px;
}
.iui-button.iui-large{
padding:0 24px;
height:49px;
font-size:16px;
gap:12px;
}
.iui-button.iui-large.iui-borderless{
padding:0 12px;
height:49px;
font-size:16px;
gap:12px;
}
.iui-button-group{
display:inline-flex;
align-items:center;
isolation:isolate;
}
.iui-button-group > *{
display:flex;
}
.iui-button-group > * .iui-input-container, .iui-button-group > * .iui-button, .iui-button-group > * .iui-input:where(:not(.iui-input-container .iui-input)){
position:relative;
--_iui-button-active-stripe-inset:2px 2px calc(100% - 4px);
}
.iui-button-group > * .iui-input-container:hover, .iui-button-group > * .iui-button:hover, .iui-button-group > * .iui-input:where(:not(.iui-input-container .iui-input)):hover{
z-index:1;
}
.iui-button-group > * .iui-input-container:focus, .iui-button-group > * .iui-input-container:focus-within, .iui-button-group > * .iui-button:focus, .iui-button-group > * .iui-button:focus-within, .iui-button-group > * .iui-input:where(:not(.iui-input-container .iui-input)):focus, .iui-button-group > * .iui-input:where(:not(.iui-input-container .iui-input)):focus-within{
z-index:2;
}
.iui-button-group > * .iui-input-container:disabled, .iui-button-group > * .iui-input-container.iui-disabled, .iui-button-group > * .iui-input-container[aria-disabled=true], .iui-button-group > * .iui-button:disabled, .iui-button-group > * .iui-button.iui-disabled, .iui-button-group > * .iui-button[aria-disabled=true], .iui-button-group > * .iui-input:where(:not(.iui-input-container .iui-input)):disabled, .iui-button-group > * .iui-input:where(:not(.iui-input-container .iui-input)).iui-disabled, .iui-button-group > * .iui-input:where(:not(.iui-input-container .iui-input))[aria-disabled=true]{
z-index:-1;
}
.iui-button-group > * .iui-input, .iui-button-group > * .iui-button:where(:not(.iui-borderless)){
border-radius:0;
transition-duration:0ms;
}
.iui-button-group > * .iui-input:hover, .iui-button-group > * .iui-input:focus, .iui-button-group > * .iui-button:where(:not(.iui-borderless)):hover, .iui-button-group > * .iui-button:where(:not(.iui-borderless)):focus{
transition-duration:0.2s;
}
.iui-button-group > *:first-child .iui-input, .iui-button-group > *:first-child .iui-button:where(:not(.iui-borderless)){
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
.iui-button-group > *:last-child .iui-input, .iui-button-group > *:last-child .iui-button:where(:not(.iui-borderless)){
border-bottom-right-radius:4px;
border-top-right-radius:4px;
}
.iui-button-group > * + *{
margin-left:-1px;
}
.iui-button-group > *:not(:first-child) :where(.iui-button.iui-default):disabled, .iui-button-group > *:not(:first-child) :where(.iui-button.iui-default).iui-disabled, .iui-button-group > *:not(:first-child) :where(.iui-button.iui-default)[aria-disabled=true]{
border-left-color:var(--iui-color-background-4);
}
.iui-button-group-vertical{
display:inline-flex;
align-items:center;
isolation:isolate;
flex-direction:column;
max-height:100%;
}
.iui-button-group-vertical > *{
display:flex;
}
.iui-button-group-vertical > * .iui-input-container, .iui-button-group-vertical > * .iui-button, .iui-button-group-vertical > * .iui-input:where(:not(.iui-input-container .iui-input)){
position:relative;
--_iui-button-active-stripe-inset:2px calc(100% - 4px) 2px 2px;
}
.iui-button-group-vertical > * .iui-input-container:hover, .iui-button-group-vertical > * .iui-button:hover, .iui-button-group-vertical > * .iui-input:where(:not(.iui-input-container .iui-input)):hover{
z-index:1;
}
.iui-button-group-vertical > * .iui-input-container:focus, .iui-button-group-vertical > * .iui-input-container:focus-within, .iui-button-group-vertical > * .iui-button:focus, .iui-button-group-vertical > * .iui-button:focus-within, .iui-button-group-vertical > * .iui-input:where(:not(.iui-input-container .iui-input)):focus, .iui-button-group-vertical > * .iui-input:where(:not(.iui-input-container .iui-input)):focus-within{
z-index:2;
}
.iui-button-group-vertical > * .iui-input-container:disabled, .iui-button-group-vertical > * .iui-input-container.iui-disabled, .iui-button-group-vertical > * .iui-input-container[aria-disabled=true], .iui-button-group-vertical > * .iui-button:disabled, .iui-button-group-vertical > * .iui-button.iui-disabled, .iui-button-group-vertical > * .iui-button[aria-disabled=true], .iui-button-group-vertical > * .iui-input:where(:not(.iui-input-container .iui-input)):disabled, .iui-button-group-vertical > * .iui-input:where(:not(.iui-input-container .iui-input)).iui-disabled, .iui-button-group-vertical > * .iui-input:where(:not(.iui-input-container .iui-input))[aria-disabled=true]{
z-index:-1;
}
.iui-button-group-vertical > * .iui-input, .iui-button-group-vertical > * .iui-button:where(:not(.iui-borderless)){
border-radius:0;
transition-duration:0ms;
}
.iui-button-group-vertical > * .iui-input:hover, .iui-button-group-vertical > * .iui-input:focus, .iui-button-group-vertical > * .iui-button:where(:not(.iui-borderless)):hover, .iui-button-group-vertical > * .iui-button:where(:not(.iui-borderless)):focus{
transition-duration:0.2s;
}
.iui-button-group-vertical > *:first-child .iui-input, .iui-button-group-vertical > *:first-child .iui-button:where(:not(.iui-borderless)){
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.iui-button-group-vertical > *:last-child .iui-input, .iui-button-group-vertical > *:last-child .iui-button:where(:not(.iui-borderless)){
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}
.iui-button-group-vertical > * + *{
margin-top:-1px;
}
.iui-button-group-vertical > *:not(:first-child) :where(.iui-button.iui-default):disabled, .iui-button-group-vertical > *:not(:first-child) :where(.iui-button.iui-default).iui-disabled, .iui-button-group-vertical > *:not(:first-child) :where(.iui-button.iui-default)[aria-disabled=true]{
border-top-color:var(--iui-color-background-4);
}
.iui-button-group-overflow-x{
width:100%;
}
.iui-button-split-menu{
display:inline-flex;
align-items:center;
isolation:isolate;
}
.iui-button-split-menu > *{
display:flex;
}
.iui-button-split-menu > * .iui-input-container, .iui-button-split-menu > * .iui-button, .iui-button-split-menu > * .iui-input:where(:not(.iui-input-container .iui-input)){
position:relative;
--_iui-button-active-stripe-inset:2px 2px calc(100% - 4px);
}
.iui-button-split-menu > * .iui-input-container:hover, .iui-button-split-menu > * .iui-button:hover, .iui-button-split-menu > * .iui-input:where(:not(.iui-input-container .iui-input)):hover{
z-index:1;
}
.iui-button-split-menu > * .iui-input-container:focus, .iui-button-split-menu > * .iui-input-container:focus-within, .iui-button-split-menu > * .iui-button:focus, .iui-button-split-menu > * .iui-button:focus-within, .iui-button-split-menu > * .iui-input:where(:not(.iui-input-container .iui-input)):focus, .iui-button-split-menu > * .iui-input:where(:not(.iui-input-container .iui-input)):focus-within{
z-index:2;
}
.iui-button-split-menu > * .iui-input-container:disabled, .iui-button-split-menu > * .iui-input-container.iui-disabled, .iui-button-split-menu > * .iui-input-container[aria-disabled=true], .iui-button-split-menu > * .iui-button:disabled, .iui-button-split-menu > * .iui-button.iui-disabled, .iui-button-split-menu > * .iui-button[aria-disabled=true], .iui-button-split-menu > * .iui-input:where(:not(.iui-input-container .iui-input)):disabled, .iui-button-split-menu > * .iui-input:where(:not(.iui-input-container .iui-input)).iui-disabled, .iui-button-split-menu > * .iui-input:where(:not(.iui-input-container .iui-input))[aria-disabled=true]{
z-index:-1;
}
.iui-button-split-menu > * .iui-input, .iui-button-split-menu > * .iui-button:where(:not(.iui-borderless)){
border-radius:0;
transition-duration:0ms;
}
.iui-button-split-menu > * .iui-input:hover, .iui-button-split-menu > * .iui-input:focus, .iui-button-split-menu > * .iui-button:where(:not(.iui-borderless)):hover, .iui-button-split-menu > * .iui-button:where(:not(.iui-borderless)):focus{
transition-duration:0.2s;
}
.iui-button-split-menu > *:first-child .iui-input, .iui-button-split-menu > *:first-child .iui-button:where(:not(.iui-borderless)){
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
.iui-button-split-menu > *:last-child .iui-input, .iui-button-split-menu > *:last-child .iui-button:where(:not(.iui-borderless)){
border-bottom-right-radius:4px;
border-top-right-radius:4px;
}
.iui-button-split-menu > * + *{
margin-left:-1px;
}
.iui-button-split-menu > *:not(:first-child) :where(.iui-button.iui-default):disabled, .iui-button-split-menu > *:not(:first-child) :where(.iui-button.iui-default).iui-disabled, .iui-button-split-menu > *:not(:first-child) :where(.iui-button.iui-default)[aria-disabled=true]{
border-left-color:var(--iui-color-background-4);
}
.iui-button-split-menu:hover{
background-color:rgba(0, 0, 0, 0.1);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
}
.iui-button-split-menu > *:first-child > .iui-borderless:hover{
background-color:transparent;
}
.iui-button-split-menu > *:last-child > .iui-button{
padding:4px;
}
.iui-button-split-menu > *:last-child > .iui-small{
padding:2px;
}
.iui-button-split-menu > *:last-child > .iui-large{
padding:8px;
}
.iui-button-split-menu > *:first-child > .iui-high-visibility,
.iui-button-split-menu > *:first-child > .iui-cta{
border-right-color:rgba(255, 255, 255, 0.4);
border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
}
.iui-button-split-menu > *:last-child > .iui-high-visibility,
.iui-button-split-menu > *:last-child > .iui-cta{
border-left-color:rgba(255, 255, 255, 0.4);
border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
}
.iui-button-split-menu.iui-disabled{
background-color:transparent;
background-color:transparent;
}
.iui-button-split-menu[disabled], .iui-button-split-menu:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-button-icon{
width:16px;
height:16px;
transition:fill 0.2s ease-out;
fill:currentColor;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-backdrop{
z-index:998;
isolation:isolate;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.4);
background-color:rgba(0, 0, 0, var(--iui-opacity-4));
transition:visibility 0s linear, opacity 0.2s ease-out;
transition-delay:0.2s, 0s;
}
.iui-backdrop:not(.iui-backdrop-visible){
visibility:hidden;
opacity:0;
}
.iui-backdrop.iui-backdrop-visible{
transition-delay:0s;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-badge{
--iui-badge-background-color:#c7ccd1;
--_iui-badge-text-color:rgba(0, 0, 0, 0.6);
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:inline-block;
font-size:12px;
padding:0 6px;
margin:6px 0;
border-radius:4px;
background-color:var(--iui-badge-background-color);
color:var(--_iui-badge-text-color);
text-transform:uppercase;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
max-width:20ch;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-weight:600;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-breadcrumbs{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
align-items:center;
}
.iui-breadcrumbs-list{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
align-items:center;
list-style-type:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.iui-breadcrumbs-item{
display:flex;
align-items:center;
line-height:38px;
height:38px;
}
.iui-breadcrumbs-item > *{
max-width:26ch;
}
.iui-breadcrumbs-item-overrides > *{
padding:0 8px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.iui-breadcrumbs-item-overrides > *:not(.iui-button){
color:rgba(0, 0, 0, 0.8);
color:var(--iui-text-color);
}
.iui-breadcrumbs-item-overrides > :-webkit-any-link{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
text-decoration:none;
}
.iui-breadcrumbs-item-overrides > :-moz-any-link{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
text-decoration:none;
}
.iui-breadcrumbs-item-overrides > :any-link{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
text-decoration:none;
}
.iui-breadcrumbs-item-overrides > :-webkit-any-link:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
.iui-breadcrumbs-item-overrides > :-moz-any-link:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
.iui-breadcrumbs-item-overrides > :any-link:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-breadcrumbs-item-overrides > :-webkit-any-link:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
.iui-breadcrumbs-item-overrides > :-moz-any-link:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
.iui-breadcrumbs-item-overrides > :any-link:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
.iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
.iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
.iui-breadcrumbs-item-overrides > :any-link:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
.iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
text-decoration:underline;
}
.iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
text-decoration:underline;
}
.iui-breadcrumbs-item-overrides > :any-link:hover{
text-decoration:underline;
}
@media (prefers-contrast: more){
.iui-breadcrumbs-item-overrides > :-webkit-any-link{
text-decoration:underline;
}
.iui-breadcrumbs-item-overrides > :-moz-any-link{
text-decoration:underline;
}
.iui-breadcrumbs-item-overrides > :any-link{
text-decoration:underline;
}
.iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
text-decoration:none;
}
.iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
text-decoration:none;
}
.iui-breadcrumbs-item-overrides > :any-link:hover{
text-decoration:none;
}
}
.iui-theme-light .iui-breadcrumbs-item-overrides > :-webkit-any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-webkit-any-link{
text-decoration:none;
}
.iui-theme-light .iui-breadcrumbs-item-overrides > :-moz-any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-moz-any-link{
text-decoration:none;
}
.iui-theme-light .iui-breadcrumbs-item-overrides > :any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :any-link{
text-decoration:none;
}
.iui-theme-light .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
text-decoration:underline;
}
.iui-theme-light .iui-breadcrumbs-item-overrides > :-moz-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
text-decoration:underline;
}
.iui-theme-light .iui-breadcrumbs-item-overrides > :any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :any-link:hover{
text-decoration:underline;
}
.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link{
text-decoration:underline;
}
.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-moz-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-moz-any-link{
text-decoration:underline;
}
.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :any-link{
text-decoration:underline;
}
.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
text-decoration:none;
}
.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-moz-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
text-decoration:none;
}
.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :any-link:hover{
text-decoration:none;
}
.iui-breadcrumbs-item-overrides > :-webkit-any-link:focus{
outline-offset:-1px;
}
.iui-breadcrumbs-item-overrides > :-moz-any-link:focus{
outline-offset:-1px;
}
.iui-breadcrumbs-item-overrides > :any-link:focus{
outline-offset:-1px;
}
.iui-breadcrumbs-item-overrides .iui-button.iui-button{
border-color:transparent;
background-color:transparent;
padding:0 8px;
height:38px;
gap:8px;
border:none;
}
.iui-breadcrumbs-item-overrides .iui-button.iui-button > .iui-button-icon:only-child{
margin-left:3px;
margin-right:3px;
}
.iui-breadcrumbs-item-overrides .iui-button.iui-button:hover{
background-color:rgba(0, 0, 0, 0.1);
border-color:transparent;
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
border-color:transparent;
}
.iui-breadcrumbs-item-overrides .iui-button.iui-button.iui-active{
background-color:rgba(0, 138, 224, 0.1);
color:#008ae0;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
color:var(--iui-color-foreground-primary);
border-color:transparent;
}
.iui-breadcrumbs-item-overrides .iui-button.iui-button[disabled], .iui-breadcrumbs-item-overrides .iui-button.iui-button:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
background-color:transparent;
border-color:transparent;
background-color:transparent;
border-color:transparent;
}
.iui-breadcrumbs-item-overrides .iui-button.iui-button[disabled].iui-active, .iui-breadcrumbs-item-overrides .iui-button.iui-button:disabled.iui-active{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-breadcrumbs-item-overrides .iui-button.iui-button:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-breadcrumbs-item-overrides .iui-button.iui-button:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-breadcrumbs-item-overrides .iui-button-label{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.iui-breadcrumbs-item-overrides .iui-button:not([aria-current]), .iui-breadcrumbs-item-overrides .iui-button:not([aria-current]):hover, .iui-breadcrumbs-item-overrides .iui-button:not([aria-current]):active{
--_iui-button-text-color:var(--iui-color-foreground-primary);
}
.iui-breadcrumbs-text{
padding:0 8px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
a.iui-breadcrumbs-text{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
text-decoration:none;
}
a.iui-breadcrumbs-text:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
a.iui-breadcrumbs-text:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
a.iui-breadcrumbs-text:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
a.iui-breadcrumbs-text:hover{
text-decoration:underline;
}
@media (prefers-contrast: more){
a.iui-breadcrumbs-text{
text-decoration:underline;
}
a.iui-breadcrumbs-text:hover{
text-decoration:none;
}
}
.iui-theme-light a.iui-breadcrumbs-text, .iui-theme-dark a.iui-breadcrumbs-text{
text-decoration:none;
}
.iui-theme-light a.iui-breadcrumbs-text:hover, .iui-theme-dark a.iui-breadcrumbs-text:hover{
text-decoration:underline;
}
.iui-theme-light-hc a.iui-breadcrumbs-text, .iui-theme-dark-hc a.iui-breadcrumbs-text{
text-decoration:underline;
}
.iui-theme-light-hc a.iui-breadcrumbs-text:hover, .iui-theme-dark-hc a.iui-breadcrumbs-text:hover{
text-decoration:none;
}
a.iui-breadcrumbs-text:focus{
outline-offset:-1px;
}
.iui-breadcrumbs-button{
--_iui-button-active-stripe-inset:initial;
--_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-family:inherit;
display:inline-flex;
align-items:center;
vertical-align:middle;
justify-content:center;
position:relative;
box-sizing:border-box;
border-radius:4px;
line-height:22px;
box-shadow:none;
font-size:14px;
font-weight:400;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
white-space:nowrap;
border:1px solid transparent;
color:rgba(0, 0, 0, 0.8);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
color:var(--_iui-button-text-color);
border-color:transparent;
background-color:transparent;
padding:0 8px;
height:38px;
gap:8px;
padding:0;
border:none;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
@media (prefers-reduced-motion: no-preference){
.iui-breadcrumbs-button{
transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
}
.iui-breadcrumbs-button:hover{
--_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
text-decoration:none;
}
.iui-breadcrumbs-button:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-breadcrumbs-button:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-breadcrumbs-button[disabled], .iui-breadcrumbs-button:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-breadcrumbs-button > .iui-button-icon:only-child{
margin-left:3px;
margin-right:3px;
}
.iui-breadcrumbs-button:hover{
background-color:rgba(0, 0, 0, 0.1);
border-color:transparent;
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
border-color:transparent;
}
.iui-breadcrumbs-button.iui-active{
background-color:rgba(0, 138, 224, 0.1);
color:#008ae0;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
color:var(--iui-color-foreground-primary);
border-color:transparent;
}
.iui-breadcrumbs-button[disabled], .iui-breadcrumbs-button:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
background-color:transparent;
border-color:transparent;
background-color:transparent;
border-color:transparent;
}
.iui-breadcrumbs-button[disabled].iui-active, .iui-breadcrumbs-button:disabled.iui-active{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-breadcrumbs-button[aria-current]{
color:rgba(0, 0, 0, 0.8);
color:var(--iui-text-color);
}
.iui-breadcrumbs-separator{
display:flex;
margin:0 2px;
}
.iui-breadcrumbs-separator svg{
width:12px;
height:12px;
display:flex;
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
}
@media (forced-colors: active){
.iui-breadcrumbs-separator svg{
fill:CanvasText;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-popover.tippy-box{
all:revert;
}
.iui-popover.tippy-box[data-reference-hidden]{
visibility:hidden;
pointer-events:none;
}
.iui-popover .tippy-content{
all:revert;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-menu{
--iui-surface-background-color:var(--iui-color-background-1);
--iui-surface-border-radius:0;
--iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
background-color:var(--iui-surface-background-color);
border-radius:var(--iui-surface-border-radius);
box-shadow:var(--iui-surface-elevation);
box-sizing:border-box;
color:var(--iui-text-color);
margin:0;
padding:0;
border:none;
vertical-align:baseline;
list-style-type:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
width:100%;
margin:0;
padding:0;
}
@media (forced-colors: active){
.iui-menu{
border:1px solid transparent;
}
}
.iui-menu .iui-header-menu-icon{
margin:0 4px;
}
.iui-menu div.iui-header-menu-icon{
margin:0;
width:24px;
height:24px;
border-radius:4px;
}
.iui-menu.iui-scroll{
overflow-y:auto;
overflow-y:overlay;
}
.iui-menu-item{
display:flex;
align-items:center;
font-size:14px;
padding:0 13px;
height:38px;
cursor:pointer;
box-sizing:border-box;
line-height:normal;
}
.iui-menu-item + .iui-menu-item{
margin-top:-1px;
}
.iui-menu-item .iui-content,
.iui-menu-item .iui-menu-label,
.iui-menu-item .iui-menu-description{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.iui-menu-item .iui-content{
flex:1 1 auto;
}
.iui-menu-item .iui-content + .iui-icon{
margin-right:0;
margin-left:8px;
}
.iui-menu-item .iui-menu-description{
display:none;
font-size:12px;
opacity:0.6;
opacity:var(--iui-opacity-3);
}
.iui-menu-item > .iui-icon{
width:16px;
height:16px;
flex:0 0 auto;
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
}
.iui-menu-item > .iui-icon + .iui-content{
margin-left:8px;
}
.iui-menu-item:hover{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-menu-item:focus, .iui-menu-item.iui-focused{
outline:thin solid var(--iui-color-foreground-primary);
outline-offset:-1px;
outline:thin solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
.iui-menu-item:focus:not(:focus-visible){
outline:none;
}
.iui-menu-item.iui-large{
height:49px;
}
.iui-menu-item.iui-large .iui-menu-description{
display:block;
}
.iui-menu-item.iui-active, .iui-menu-item.iui-active:hover{
background-color:rgba(0, 138, 224, 0.1);
color:#008ae0;
outline:thin solid var(--iui-color-foreground-primary);
outline-offset:-1px;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
color:var(--iui-color-foreground-primary);
outline:thin solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
.iui-menu-item.iui-active .iui-menu-description{
opacity:1;
}
.iui-menu-item.iui-active > .iui-icon{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-menu-item.iui-active:focus, .iui-menu-item.iui-active.iui-focused{
outline-width:2px;
outline-offset:-2px;
}
.iui-menu-item.iui-active:focus:not(:focus-visible){
outline:thin solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
.iui-menu-item.iui-disabled, .iui-menu-item.iui-disabled:hover{
cursor:not-allowed;
outline:none;
background-color:white;
color:rgba(0, 0, 0, 0.2);
background-color:var(--iui-color-background-1);
color:var(--iui-text-color-placeholder);
}
.iui-menu-item.iui-disabled > .iui-icon, .iui-menu-item.iui-disabled:hover > .iui-icon{
fill:rgba(0, 0, 0, 0.2);
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-menu-item-skeleton{
--iui-menu-item-content-skeleton-max-width:30%;
cursor:auto;
}
.iui-menu-item-skeleton .iui-content{
max-width:var(--iui-menu-item-content-skeleton-max-width);
}
.iui-menu-item-skeleton .iui-menu-label{
width:100%;
height:14px;
vertical-align:middle;
}
.iui-menu-item-skeleton .iui-menu-description{
width:70%;
height:12px;
vertical-align:middle;
margin-top:4px;
}
.iui-menu-item-skeleton:hover{
background-color:unset;
}
.iui-menu-content{
padding:11px 13px;
}
.iui-menu-divider{
height:1px;
width:calc(100% - 24px);
margin:1px auto;
background-color:#c7ccd1;
background-color:var(--iui-color-background-border);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-carousel{
overflow:hidden;
border-radius:4px;
}
.iui-carousel:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:4px;
}
@supports not selector(*:focus-visible){
.iui-carousel:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:4px;
}
}
.iui-carousel-slider{
display:flex;
gap:8px;
list-style:none;
margin:0;
padding:0;
-ms-scroll-snap-type:x mandatory;
scroll-snap-type:x mandatory;
overflow-x:auto;
overflow-x:overlay;
scrollbar-width:none;
}
.iui-carousel-slider::-webkit-scrollbar{
display:none;
}
.iui-carousel-slider-item{
width:100%;
flex-shrink:0;
box-sizing:border-box;
scroll-snap-align:center;
}
.iui-carousel-navigation{
display:flex;
align-items:center;
height:33px;
box-sizing:border-box;
border-top:2px solid #dde1e4;
border-top:2px solid var(--iui-color-background-4);
}
.iui-carousel-navigation-left, .iui-carousel-navigation-right{
display:flex;
align-items:center;
flex:1;
}
.iui-carousel-navigation-left button[data-pressed=true], .iui-carousel-navigation-right button[data-pressed=true]{
outline-offset:-1px;
outline:1px solid #008ae0;
outline:1px solid var(--iui-color-foreground-primary);
}
.iui-carousel-navigation-dots{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
flex:2;
max-width:256px;
border-radius:4px;
white-space:nowrap;
overflow-x:auto;
overflow-x:overlay;
scrollbar-width:none;
}
.iui-carousel-navigation-dots:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-carousel-navigation-dots:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-carousel-navigation-dots::-webkit-scrollbar{
display:none;
}
.iui-carousel-navigation-dot{
padding:0 8px;
height:27px;
gap:4px;
background-color:transparent;
border:none;
cursor:pointer;
}
.iui-carousel-navigation-dot:hover::after{
background-color:rgba(0, 0, 0, 0.6);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
}
.iui-carousel-navigation-dot::after{
content:"";
display:block;
width:12px;
height:12px;
border-radius:50%;
box-sizing:border-box;
border:1px solid transparent;
background-color:rgba(0, 0, 0, 0.4);
box-shadow:inset 0 0 0 0 white;
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
box-shadow:inset 0 0 0 0 var(--iui-color-background-1);
}
.iui-carousel-navigation-dot.iui-first::after{
transform:scale(0.5);
}
.iui-carousel-navigation-dot.iui-second::after{
transform:scale(0.75);
}
.iui-carousel-navigation-dot.iui-active::after{
background-color:#008ae0;
border-color:#008ae0;
box-shadow:inset 0 0 0 1px white;
background-color:var(--iui-color-foreground-primary);
border-color:var(--iui-color-foreground-primary);
box-shadow:inset 0 0 0 1px var(--iui-color-background-1);
}
@media (forced-colors: active){
.iui-carousel-navigation-dot.iui-active::after{
border-width:6px;
}
}
.iui-carousel-navigation-right{
justify-content:flex-end;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-input-container{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:-ms-grid;
display:grid;
-ms-grid-rows: auto auto;
-ms-grid-columns: auto 1fr;
grid-template:"label label" "inputs inputs"/auto 1fr;
cursor:default;
}
.iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
-ms-grid-row:2;
-ms-grid-column:2;
}
.iui-input-container.iui-inline-icon > .iui-input,
.iui-input-container.iui-inline-icon > .iui-textarea{
padding-right:40px;
}
.iui-input-container.iui-inline-icon > .iui-input:last-child,
.iui-input-container.iui-inline-icon > .iui-textarea:last-child{
padding-right:12px;
}
.iui-input-container.iui-with-message{
-ms-grid-rows: auto auto auto;
-ms-grid-columns: auto 1fr;
grid-template:"label label" "inputs inputs" "icon message"/auto 1fr;
}
.iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
margin-top:3px;
}
.iui-input-container .iui-input,
.iui-input-container .iui-input-with-icon,
.iui-input-container .iui-textarea,
.iui-input-container .iui-input-group{
-ms-grid-row:2;
-ms-grid-column:1;
-ms-grid-column-span:2;
grid-area:inputs;
-ms-grid-row:2;
-ms-grid-column:1;
-ms-grid-column-span:2;
}
.iui-input-container .iui-input-group .iui-toggle-switch-wrapper{
padding:6px 0;
}
label.iui-input-container{
cursor:pointer;
}
label.iui-input-container.iui-disabled{
cursor:not-allowed;
}
.iui-input-container.iui-disabled label{
cursor:not-allowed;
}
.iui-input-container .iui-checkbox-wrapper,
.iui-input-container .iui-radio-wrapper{
min-height:22px;
}
.iui-input-container.iui-inline-label{
-ms-grid-rows: auto;
-ms-grid-columns: auto 1fr auto;
grid-template:"label inputs icon"/auto 1fr auto;
}
div.iui-input-container.iui-inline-label{
-ms-grid-columns:auto min-content auto;
}
.iui-input-container.iui-inline-label .iui-input,
.iui-input-container.iui-inline-label .iui-input-with-icon,
.iui-input-container.iui-inline-label .iui-textarea,
.iui-input-container.iui-inline-label .iui-input-group{
-ms-grid-row:1;
-ms-grid-column:2;
}
.iui-input-container.iui-inline-label .iui-input-icon{
-ms-grid-row:1;
-ms-grid-column:3;
}
.iui-input-container.iui-inline-label.iui-with-message{
-ms-grid-rows: auto auto;
-ms-grid-columns: auto auto 1fr;
grid-template:"label inputs inputs" ". icon message"/auto auto 1fr;
}
.iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
-ms-grid-row:2;
-ms-grid-column:2;
}
.iui-input-container.iui-inline-label.iui-with-message .iui-message{
-ms-grid-row:2;
-ms-grid-column:3;
}
.iui-input-container.iui-inline-label > .iui-input-group{
display:flex;
gap:16px;
}
.iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox-wrapper,
.iui-input-container.iui-inline-label > .iui-input-group > .iui-radio-wrapper,
.iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch-wrapper{
margin-right:16px;
}
@supports (gap: 16px){
.iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox-wrapper,
.iui-input-container.iui-inline-label > .iui-input-group > .iui-radio-wrapper,
.iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch-wrapper{
margin-right:0;
}
}
.iui-input-container.iui-inline-label > .iui-input-group:not(:last-child){
margin-right:16px;
}
.iui-input-container > .iui-label{
-ms-grid-row:1;
-ms-grid-column:1;
-ms-grid-column-span:2;
font-weight:600;
margin-bottom:3px;
grid-area:label;
-ms-grid-row-align:center;
align-self:center;
}
.iui-input-container > .iui-label.iui-required::after{
content:"*";
margin-left:4px;
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
.iui-input-container .iui-input-icon{
-ms-grid-row:3;
-ms-grid-column:1;
display:flex;
grid-area:icon;
width:16px;
height:16px;
-ms-grid-row-align:center;
align-self:center;
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
}
.iui-input-container .iui-input-icon:not(:last-child){
margin-right:4px;
}
.iui-input-container .iui-message{
-ms-grid-row:3;
-ms-grid-column:2;
font-size:12px;
grid-area:message;
margin-top:3px;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-input-container .iui-message a{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.iui-input-container.iui-inline-icon > .iui-input-icon{
-ms-grid-row:1;
-ms-grid-column:3;
grid-area:inputs;
-ms-grid-column-align:end;
justify-self:end;
margin:0 14px 0 0;
position:relative;
}
.iui-input-container.iui-inline-icon > .iui-input-icon svg{
width:16px;
height:16px;
}
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{
height:100%;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
margin-right:0;
border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-right-radius:inherit;
border-bottom-right-radius:inherit;
}
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{
align-items:center;
height:90%;
margin-right:2px;
padding:0 12px;
cursor:pointer;
background-position:center;
transition:background 0.4s ease-out;
}
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{
background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%;
}
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{
background-color:var(--iui-color-background-2);
background-size:100%;
transition:background 0s;
}
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
transition:transform 0.2s ease-out;
}
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
transform:rotate(180deg);
}
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled{
cursor:not-allowed;
}
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled svg{
fill:rgba(0, 0, 0, 0.2);
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-input-container.iui-inline-label > .iui-label{
margin:0 16px 0 0;
-ms-grid-column-span:1;
}
.iui-input-container.iui-inline-label > .iui-label.iui-required{
margin-right:6px;
}
.iui-input-container.iui-positive::-moz-selection, .iui-input-container.iui-positive *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-input-container.iui-positive::selection,
.iui-input-container.iui-positive *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-input-container.iui-positive .iui-input-icon{
fill:#53a21a;
fill:var(--iui-color-foreground-positive);
}
.iui-input-container.iui-positive .iui-message{
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-input-container.iui-positive .iui-message a{
text-decoration:underline;
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-input-container.iui-positive .iui-message a:hover{
text-decoration:none;
color:#3d7613;
color:var(--iui-color-foreground-positive-overlay);
}
.iui-input-container.iui-positive .iui-input,
.iui-input-container.iui-positive .iui-textarea{
padding-bottom:6px;
border-bottom:2px solid #53a21a;
border-bottom:2px solid var(--iui-color-foreground-positive);
}
.iui-input-container.iui-positive .iui-input.iui-small,
.iui-input-container.iui-positive .iui-textarea.iui-small{
padding-bottom:0.5px;
}
.iui-input-container.iui-positive .iui-input.iui-large,
.iui-input-container.iui-positive .iui-textarea.iui-large{
padding-bottom:11.5px;
}
.iui-input-container.iui-positive .iui-input:focus,
.iui-input-container.iui-positive .iui-textarea:focus{
border-bottom:2px solid #53a21a;
outline:2px solid #53a21a;
outline-offset:-2px;
border-bottom:2px solid var(--iui-color-foreground-positive);
outline:2px solid var(--iui-color-foreground-positive);
outline-offset:-2px;
}
.iui-input-container.iui-positive .iui-input-with-icon{
--_hover-color:var(--iui-color-foreground-positive);
--_focus-color:var(--iui-color-foreground-positive);
}
.iui-input-container.iui-positive .iui-select-button{
border-bottom:transparent;
}
.iui-input-container.iui-positive .iui-select-button::after{
content:"";
width:100%;
position:absolute;
bottom:0;
left:0;
height:2px;
background-color:#53a21a;
background-color:var(--iui-color-foreground-positive);
}
.iui-input-container.iui-negative::-moz-selection, .iui-input-container.iui-negative *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-input-container.iui-negative::selection,
.iui-input-container.iui-negative *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-input-container.iui-negative .iui-input-icon{
fill:#d10a0a;
fill:var(--iui-color-foreground-negative);
}
.iui-input-container.iui-negative .iui-message{
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
.iui-input-container.iui-negative .iui-message a{
text-decoration:underline;
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
.iui-input-container.iui-negative .iui-message a:hover{
text-decoration:none;
color:#a10808;
color:var(--iui-color-foreground-negative-overlay);
}
.iui-input-container.iui-negative .iui-input,
.iui-input-container.iui-negative .iui-textarea{
padding-bottom:6px;
border-bottom:2px solid #d10a0a;
border-bottom:2px solid var(--iui-color-foreground-negative);
}
.iui-input-container.iui-negative .iui-input.iui-small,
.iui-input-container.iui-negative .iui-textarea.iui-small{
padding-bottom:0.5px;
}
.iui-input-container.iui-negative .iui-input.iui-large,
.iui-input-container.iui-negative .iui-textarea.iui-large{
padding-bottom:11.5px;
}
.iui-input-container.iui-negative .iui-input:focus,
.iui-input-container.iui-negative .iui-textarea:focus{
border-bottom:2px solid #d10a0a;
outline:2px solid #d10a0a;
outline-offset:-2px;
border-bottom:2px solid var(--iui-color-foreground-negative);
outline:2px solid var(--iui-color-foreground-negative);
outline-offset:-2px;
}
.iui-input-container.iui-negative .iui-input-with-icon{
--_hover-color:var(--iui-color-foreground-negative);
--_focus-color:var(--iui-color-foreground-negative);
}
.iui-input-container.iui-negative .iui-select-button{
border-bottom:transparent;
}
.iui-input-container.iui-negative .iui-select-button::after{
content:"";
width:100%;
position:absolute;
bottom:0;
left:0;
height:2px;
background-color:#d10a0a;
background-color:var(--iui-color-foreground-negative);
}
.iui-input-container.iui-warning::-moz-selection, .iui-input-container.iui-warning *::-moz-selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-input-container.iui-warning::selection,
.iui-input-container.iui-warning *::selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-input-container.iui-warning .iui-input-icon{
fill:#f18d13;
fill:var(--iui-color-foreground-warning);
}
.iui-input-container.iui-warning .iui-message{
color:#f18d13;
color:var(--iui-color-foreground-warning);
}
.iui-input-container.iui-warning .iui-message a{
text-decoration:underline;
color:#f18d13;
color:var(--iui-color-foreground-warning);
}
.iui-input-container.iui-warning .iui-message a:hover{
text-decoration:none;
color:#c6720c;
color:var(--iui-color-foreground-warning-overlay);
}
.iui-input-container.iui-warning .iui-input,
.iui-input-container.iui-warning .iui-textarea{
padding-bottom:6px;
border-bottom:2px solid #f18d13;
border-bottom:2px solid var(--iui-color-foreground-warning);
}
.iui-input-container.iui-warning .iui-input.iui-small,
.iui-input-container.iui-warning .iui-textarea.iui-small{
padding-bottom:0.5px;
}
.iui-input-container.iui-warning .iui-input.iui-large,
.iui-input-container.iui-warning .iui-textarea.iui-large{
padding-bottom:11.5px;
}
.iui-input-container.iui-warning .iui-input:focus,
.iui-input-container.iui-warning .iui-textarea:focus{
border-bottom:2px solid #f18d13;
outline:2px solid #f18d13;
outline-offset:-2px;
border-bottom:2px solid var(--iui-color-foreground-warning);
outline:2px solid var(--iui-color-foreground-warning);
outline-offset:-2px;
}
.iui-input-container.iui-warning .iui-input-with-icon{
--_hover-color:var(--iui-color-foreground-warning);
--_focus-color:var(--iui-color-foreground-warning);
}
.iui-input-container.iui-warning .iui-select-button{
border-bottom:transparent;
}
.iui-input-container.iui-warning .iui-select-button::after{
content:"";
width:100%;
position:absolute;
bottom:0;
left:0;
height:2px;
background-color:#f18d13;
background-color:var(--iui-color-foreground-warning);
}
.iui-input-label{
font-weight:600;
margin-bottom:3px;
cursor:default;
display:block;
}
.iui-input-label.iui-required::after{
content:"*";
margin-left:4px;
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
label.iui-input-label{
cursor:pointer;
}
label.iui-input-label.iui-disabled{
cursor:not-allowed;
}
.iui-input-label.iui-inline{
margin:0 16px 0 0;
-ms-grid-column-span:1;
display:inline-flex;
align-items:center;
}
.iui-input-label.iui-inline.iui-required{
margin-right:6px;
}
.iui-input{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
width:100%;
font-family:inherit;
font-size:14px;
font-weight:400;
line-height:22px;
border-radius:4px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
padding:7px 12px;
min-height:38px;
color:rgba(0, 0, 0, 0.8);
background-color:white;
border:1px solid rgba(0, 0, 0, 0.4);
color:var(--iui-text-color);
background-color:var(--iui-color-background-1);
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
.iui-input:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
@supports not selector(*:focus-visible){
.iui-input:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
}
@media (prefers-reduced-motion: no-preference){
.iui-input{
transition:border-color 0.2s ease-out;
}
}
.iui-input.iui-small{
padding-top:1.5px;
padding-bottom:1.5px;
min-height:27px;
}
.iui-input.iui-large{
padding-top:12.5px;
padding-bottom:12.5px;
min-height:49px;
font-size:16px;
}
.iui-input::-moz-placeholder{
-moz-user-select:none;
user-select:none;
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
.iui-input:-ms-input-placeholder{
-ms-user-select:none;
user-select:none;
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
.iui-input::placeholder{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
.iui-input:-webkit-autofill{
border-color:#008ae0;
color:#008ae0;
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-input:autofill{
border-color:#008ae0;
color:#008ae0;
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-input:hover{
border-color:rgba(0, 0, 0, 0.8);
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
@media (prefers-reduced-motion: no-preference){
.iui-input:hover{
transition:border-color 0.2s ease-out;
}
}
.iui-input[disabled]{
background-color:#edeff2;
border-color:#edeff2;
background-color:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
cursor:not-allowed;
--_hover-color:var(--iui-color-background-disabled);
}
.iui-select-button{
width:100%;
margin:0;
border-radius:4px;
box-sizing:border-box;
padding:7px 12px;
min-height:38px;
transition:border-color 0.2s ease-out;
display:flex;
align-items:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:relative;
overflow:hidden;
color:rgba(0, 0, 0, 0.8);
background-color:white;
border:1px solid rgba(0, 0, 0, 0.4);
color:var(--iui-text-color);
background-color:var(--iui-color-background-1);
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
.iui-select-button:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
@supports not selector(*:focus-visible){
.iui-select-button:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
}
.iui-select-button.iui-small{
padding-top:1.5px;
padding-bottom:1.5px;
min-height:27px;
}
.iui-select-button.iui-large{
padding-top:12.5px;
padding-bottom:12.5px;
min-height:49px;
font-size:16px;
}
.iui-select-button.iui-disabled{
background-color:#edeff2;
border-color:#edeff2;
background-color:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
--_hover-color:var(--iui-color-background-disabled);
cursor:not-allowed;
}
.iui-select-button .iui-icon{
width:16px;
height:16px;
flex:0 0 auto;
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
fill:currentColor;
}
.iui-select-button .iui-icon + .iui-content{
margin-left:8px;
}
.iui-select-button .iui-content{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.iui-select-button.iui-placeholder{
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
.iui-select-tag-container{
position:absolute;
inset:0 40px 0 12px;
height:100%;
display:flex;
align-items:center;
gap:4px;
overflow:hidden;
}
.iui-select-tag-container > * + *{
margin-left:4px;
}
@supports (gap: 4px){
.iui-select-tag-container > * + *{
margin-left:0;
}
}
.iui-select-tag{
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
text-transform:lowercase;
display:inline-flex;
height:33px;
margin-top:3px;
margin-bottom:3px;
border-radius:9999px;
box-sizing:border-box;
padding:0 2px;
align-items:center;
transition:border-color 0.2s ease-out;
font-size:14px;
text-transform:none;
cursor:default;
-webkit-tap-highlight-color:transparent;
border:1px solid rgba(0, 0, 0, 0.4);
background-color:white;
color:rgba(0, 0, 0, 0.8);
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
background-color:var(--iui-color-background-1);
color:var(--iui-text-color);
margin-top:0;
margin-bottom:0;
display:inline-flex;
align-items:center;
height:80%;
max-height:33px;
}
.iui-select-tag:hover{
border-color:black;
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
}
.iui-select-tag-label{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:14px;
font-weight:400;
line-height:22px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
margin:0 4px 0 8px;
display:inline-flex;
align-items:center;
}
.iui-select-tag-label:only-child{
margin:0 8px;
}
.iui-select-button.iui-small .iui-select-tag-label{
font-size:12px;
line-height:16px;
}
.iui-select-tag-button{
--_iui-button-active-stripe-inset:initial;
--_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-family:inherit;
display:inline-flex;
align-items:center;
vertical-align:middle;
justify-content:center;
position:relative;
box-sizing:border-box;
border-radius:4px;
line-height:22px;
box-shadow:none;
font-size:14px;
font-weight:400;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
white-space:nowrap;
border:1px solid transparent;
color:rgba(0, 0, 0, 0.8);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
color:var(--_iui-button-text-color);
border-color:transparent;
background-color:transparent;
padding:0 8px;
height:38px;
gap:8px;
border-radius:50%;
padding:0 4px;
height:100%;
aspect-ratio:1/1;
}
@media (prefers-reduced-motion: no-preference){
.iui-select-tag-button{
transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
}
.iui-select-tag-button:hover{
--_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
text-decoration:none;
}
.iui-select-tag-button:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-select-tag-button:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-select-tag-button[disabled], .iui-select-tag-button:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-select-tag-button > .iui-button-icon:only-child{
margin-left:3px;
margin-right:3px;
}
.iui-select-tag-button:hover{
background-color:rgba(0, 0, 0, 0.1);
border-color:transparent;
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
border-color:transparent;
}
.iui-select-tag-button.iui-active{
background-color:rgba(0, 138, 224, 0.1);
color:#008ae0;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
color:var(--iui-color-foreground-primary);
border-color:transparent;
}
.iui-select-tag-button[disabled], .iui-select-tag-button:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
background-color:transparent;
border-color:transparent;
background-color:transparent;
border-color:transparent;
}
.iui-select-tag-button[disabled].iui-active, .iui-select-tag-button:disabled.iui-active{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-select-button.iui-small .iui-select-tag-button{
font-size:12px;
line-height:16px;
}
.iui-select-tag-button-icon{
width:16px;
height:16px;
transition:fill 0.2s ease-out;
fill:currentColor;
flex-shrink:0;
}
.iui-select-button.iui-small .iui-select-tag-button-icon{
width:12px;
height:12px;
}
.iui-textarea{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
width:100%;
font-family:inherit;
font-size:14px;
font-weight:400;
line-height:22px;
border-radius:4px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
padding:7px 12px;
min-height:38px;
color:rgba(0, 0, 0, 0.8);
background-color:white;
border:1px solid rgba(0, 0, 0, 0.4);
color:var(--iui-text-color);
background-color:var(--iui-color-background-1);
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
resize:vertical;
min-height:38px;
}
.iui-textarea:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
@supports not selector(*:focus-visible){
.iui-textarea:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
}
@media (prefers-reduced-motion: no-preference){
.iui-textarea{
transition:border-color 0.2s ease-out;
}
}
.iui-textarea.iui-small{
padding-top:1.5px;
padding-bottom:1.5px;
min-height:27px;
}
.iui-textarea.iui-large{
padding-top:12.5px;
padding-bottom:12.5px;
min-height:49px;
font-size:16px;
}
.iui-textarea::-moz-placeholder{
-moz-user-select:none;
user-select:none;
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
.iui-textarea:-ms-input-placeholder{
-ms-user-select:none;
user-select:none;
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
.iui-textarea::placeholder{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
.iui-textarea:-webkit-autofill{
border-color:#008ae0;
color:#008ae0;
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-textarea:autofill{
border-color:#008ae0;
color:#008ae0;
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-textarea:hover{
border-color:rgba(0, 0, 0, 0.8);
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
@media (prefers-reduced-motion: no-preference){
.iui-textarea:hover{
transition:border-color 0.2s ease-out;
}
}
.iui-textarea[disabled]{
background-color:#edeff2;
border-color:#edeff2;
background-color:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
cursor:not-allowed;
--_hover-color:var(--iui-color-background-disabled);
}
.iui-textarea[disabled], .iui-textarea[readonly]{
resize:none;
}
.iui-input-with-icon{
display:-ms-grid;
display:grid;
align-items:center;
cursor:pointer;
}
.iui-input-with-icon > :first-child{
-ms-grid-row:1;
grid-area:1/-1;
padding-right:40px;
}
.iui-input-with-icon:focus-within > :first-child{
outline:2px solid var(--_focus-color, var(--iui-color-foreground-primary));
outline-offset:-2px;
}
.iui-input-with-icon:hover > :first-child{
border-color:var(--_hover-color, rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)));
}
.iui-end-icon{
-ms-grid-row:1;
-ms-grid-column:3;
grid-area:inputs;
-ms-grid-column-align:end;
justify-self:end;
margin:0 14px 0 0;
position:relative;
display:flex;
grid-area:1/-1;
}
.iui-end-icon svg{
width:16px;
height:16px;
}
.iui-end-icon.iui-button{
height:100%;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
margin-right:0;
border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-right-radius:inherit;
border-bottom-right-radius:inherit;
}
.iui-end-icon.iui-actionable{
align-items:center;
height:90%;
margin-right:2px;
padding:0 12px;
cursor:pointer;
background-position:center;
transition:background 0.4s ease-out;
}
.iui-end-icon.iui-actionable:hover{
background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%;
}
.iui-end-icon.iui-actionable:active{
background-color:var(--iui-color-background-2);
background-size:100%;
transition:background 0s;
}
.iui-end-icon.iui-actionable svg{
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
transition:transform 0.2s ease-out;
}
.iui-end-icon.iui-actionable.iui-open svg{
transform:rotate(180deg);
}
.iui-end-icon.iui-disabled{
cursor:not-allowed;
}
.iui-end-icon.iui-disabled svg{
fill:rgba(0, 0, 0, 0.2);
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-checkbox{
--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-svg-color:var(--iui-color-foreground-primary);
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--_iui-checkbox-background-color:var(--iui-color-background-1);
--_iui-checkbox-mask-image:initial;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
width:16px;
height:16px;
position:relative;
border-radius:4px;
background-color:var(--_iui-checkbox-background-color);
flex-shrink:0;
cursor:pointer;
}
.iui-checkbox-wrapper{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
align-items:center;
font-size:14px;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:relative;
cursor:pointer;
color:rgba(0, 0, 0, 0.8);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
gap:8px;
}
.iui-checkbox-wrapper > * + *{
margin-left:8px;
}
@supports (gap: 8px){
.iui-checkbox-wrapper > * + *{
margin-left:0;
}
}
.iui-checkbox-wrapper.iui-loading{
cursor:wait;
color:var(--iui-text-color-muted);
}
.iui-checkbox-wrapper > .iui-checkbox-label,
.iui-checkbox-wrapper > .iui-radio-label{
display:flex;
align-items:center;
}
.iui-checkbox-wrapper > .iui-checkbox-label svg,
.iui-checkbox-wrapper > .iui-radio-label svg{
width:16px;
height:16px;
vertical-align:middle;
fill:currentColor;
}
.iui-checkbox-wrapper.iui-disabled{
cursor:not-allowed;
color:var(--iui-text-color-muted);
}
.iui-checkbox-wrapper.iui-disabled svg{
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-checkbox-wrapper.iui-positive{
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-checkbox-wrapper.iui-warning{
color:#f18d13;
color:var(--iui-color-foreground-warning);
}
.iui-checkbox-wrapper.iui-negative{
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
.iui-checkbox::before{
content:"";
position:absolute;
inset:0;
transition:border-color 0.2s ease-out;
border-radius:inherit;
border-style:solid;
border-width:1px;
border-color:var(--_iui-checkbox-border-color);
}
.iui-checkbox::after{
content:"";
position:absolute;
inset:0;
background-color:var(--_iui-checkbox-svg-color);
-webkit-mask:var(--_iui-checkbox-mask-image) no-repeat center;
mask:var(--_iui-checkbox-mask-image) no-repeat center;
}
.iui-checkbox:not(:checked){
--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
}
.iui-checkbox:checked{
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
--_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg);
}
.iui-checkbox:indeterminate{
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg);
}
.iui-checkbox:hover{
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
.iui-checkbox:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-checkbox:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-checkbox:disabled{
--_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
--_iui-checkbox-border-color:var(--iui-color-background-border);
--_iui-checkbox-background-color:var(--iui-color-background-disabled);
cursor:not-allowed;
}
.iui-checkbox.iui-checkbox-visibility{
--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-border-color:transparent;
--_iui-checkbox-background-color:transparent;
}
.iui-checkbox.iui-checkbox-visibility:where(:not(:checked):not(:indeterminate)){
--_iui-checkbox-svg-color:var(--iui-icons-color-actionable);
}
.iui-checkbox.iui-checkbox-visibility:where(:hover){
--_iui-checkbox-border-color:transparent;
--_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
}
.iui-checkbox.iui-checkbox-visibility:where(:disabled){
--_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
--_iui-checkbox-background-color:var(--iui-color-background-disabled);
}
.iui-checkbox.iui-loading{
--_iui-checkbox-border-color:transparent;
--_iui-checkbox-background-color:transparent;
opacity:0;
position:absolute;
cursor:wait;
}
.iui-radio{
--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-svg-color:var(--iui-color-foreground-primary);
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
--_iui-checkbox-background-color:var(--iui-color-background-1);
--_iui-checkbox-mask-image:initial;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
width:16px;
height:16px;
position:relative;
border-radius:4px;
background-color:var(--_iui-checkbox-background-color);
flex-shrink:0;
cursor:pointer;
border-radius:50%;
}
.iui-radio-wrapper{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
align-items:center;
font-size:14px;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:relative;
cursor:pointer;
color:rgba(0, 0, 0, 0.8);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
gap:8px;
}
.iui-radio-wrapper > * + *{
margin-left:8px;
}
@supports (gap: 8px){
.iui-radio-wrapper > * + *{
margin-left:0;
}
}
.iui-radio-wrapper.iui-loading{
cursor:wait;
color:var(--iui-text-color-muted);
}
.iui-radio-wrapper > .iui-checkbox-label,
.iui-radio-wrapper > .iui-radio-label{
display:flex;
align-items:center;
}
.iui-radio-wrapper > .iui-checkbox-label svg,
.iui-radio-wrapper > .iui-radio-label svg{
width:16px;
height:16px;
vertical-align:middle;
fill:currentColor;
}
.iui-radio-wrapper.iui-disabled{
cursor:not-allowed;
color:var(--iui-text-color-muted);
}
.iui-radio-wrapper.iui-disabled svg{
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-radio-wrapper.iui-positive{
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-radio-wrapper.iui-warning{
color:#f18d13;
color:var(--iui-color-foreground-warning);
}
.iui-radio-wrapper.iui-negative{
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
.iui-radio::before{
content:"";
position:absolute;
inset:0;
transition:border-color 0.2s ease-out;
border-radius:inherit;
border-style:solid;
border-width:1px;
border-color:var(--_iui-checkbox-border-color);
}
.iui-radio::after{
content:"";
position:absolute;
inset:0;
background-color:var(--_iui-checkbox-svg-color);
-webkit-mask:var(--_iui-checkbox-mask-image) no-repeat center;
mask:var(--_iui-checkbox-mask-image) no-repeat center;
}
.iui-radio:not(:checked){
--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
}
.iui-radio:checked{
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
--_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg);
}
.iui-radio:indeterminate{
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg);
}
.iui-radio:hover{
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
.iui-radio:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-radio:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-radio:disabled{
--_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
--_iui-checkbox-border-color:var(--iui-color-background-border);
--_iui-checkbox-background-color:var(--iui-color-background-disabled);
cursor:not-allowed;
}
.iui-radio.iui-checkbox-visibility{
--_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,');
--_iui-checkbox-border-color:transparent;
--_iui-checkbox-background-color:transparent;
}
.iui-radio.iui-checkbox-visibility:where(:not(:checked):not(:indeterminate)){
--_iui-checkbox-svg-color:var(--iui-icons-color-actionable);
}
.iui-radio.iui-checkbox-visibility:where(:hover){
--_iui-checkbox-border-color:transparent;
--_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
}
.iui-radio.iui-checkbox-visibility:where(:disabled){
--_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
--_iui-checkbox-background-color:var(--iui-color-background-disabled);
}
.iui-radio.iui-loading{
--_iui-checkbox-border-color:transparent;
--_iui-checkbox-background-color:transparent;
opacity:0;
position:absolute;
cursor:wait;
}
.iui-radio:checked{
--_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,');
}
.iui-radio:not(:checked), .iui-radio:indeterminate{
--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-progress-indicator-linear{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
text-align:left;
display:block;
}
.iui-progress-indicator-linear > .iui-track{
width:100%;
height:4px;
overflow:hidden;
background-color:#c7ccd1;
background-color:var(--iui-color-background-border);
}
.iui-progress-indicator-linear > .iui-track > .iui-fill{
display:inline-block;
height:100%;
vertical-align:top;
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
.iui-progress-indicator-linear > .iui-label{
align-items:center;
width:100%;
overflow:hidden;
margin-top:4px;
display:flex;
font-size:12px;
justify-content:space-between;
}
.iui-progress-indicator-linear > .iui-label > :only-child{
margin:0 auto;
}
.iui-progress-indicator-linear > .iui-label > :last-child:not(:first-child){
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.iui-progress-indicator-linear > .iui-label svg{
display:flex;
width:16px;
height:16px;
}
.iui-progress-indicator-linear.iui-positive > .iui-track,
.iui-progress-indicator-linear.iui-positive > .iui-track > *{
background-color:#53a21a;
background-color:var(--iui-color-foreground-positive);
}
.iui-progress-indicator-linear.iui-positive > .iui-label{
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-progress-indicator-linear.iui-positive > .iui-label svg{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-progress-indicator-linear.iui-positive > .iui-label > span::-moz-selection, .iui-progress-indicator-linear.iui-positive > .iui-label > span *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-progress-indicator-linear.iui-positive > .iui-label > span::selection,
.iui-progress-indicator-linear.iui-positive > .iui-label > span *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-progress-indicator-linear.iui-negative > .iui-track > *{
width:100%;
background-color:#d10a0a;
background-color:var(--iui-color-foreground-negative);
}
.iui-progress-indicator-linear.iui-negative > .iui-label{
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
.iui-progress-indicator-linear.iui-negative > .iui-label svg{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-progress-indicator-linear.iui-negative > .iui-label > span::-moz-selection, .iui-progress-indicator-linear.iui-negative > .iui-label > span *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-progress-indicator-linear.iui-negative > .iui-label > span::selection,
.iui-progress-indicator-linear.iui-negative > .iui-label > span *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-progress-indicator-linear > .iui-track > .iui-determinate{
transition:width 2s ease-in-out;
}
.iui-progress-indicator-linear:not(.iui-negative):not(.iui-positive) > .iui-track > .iui-indeterminate{
width:100%;
-webkit-animation:iui-progress-indicator-linear-animate-indeterminate 1.5s infinite linear;
animation:iui-progress-indicator-linear-animate-indeterminate 1.5s infinite linear;
}
@-webkit-keyframes iui-progress-indicator-linear-animate-indeterminate{
0%{
transform:translateX(-60%) scaleX(0);
}
40%{
transform:translateX(-40%) scaleX(0.4);
}
100%{
transform:translateX(100%) scaleX(0.5);
}
}
@keyframes iui-progress-indicator-linear-animate-indeterminate{
0%{
transform:translateX(-60%) scaleX(0);
}
40%{
transform:translateX(-40%) scaleX(0.4);
}
100%{
transform:translateX(100%) scaleX(0.5);
}
}
.iui-progress-indicator-radial-ie{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:inline-block;
position:relative;
box-sizing:border-box;
height:100%;
width:100%;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-progress-indicator-radial-ie::after{
position:relative;
box-sizing:border-box;
content:"";
width:100%;
height:100%;
display:inline-block;
border:3px solid currentColor;
border-radius:100%;
background-color:transparent;
-webkit-animation:dash 0.8s linear infinite;
animation:dash 0.8s linear infinite;
border-bottom-color:#c7ccd1;
border-bottom-color:var(--iui-color-background-border);
}
@-webkit-keyframes dash{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
@keyframes dash{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
.iui-progress-indicator-radial{
position:relative;
display:inline-block;
width:32px;
height:32px;
}
.iui-progress-indicator-radial > .iui-radial{
height:100%;
width:100%;
}
.iui-progress-indicator-radial > .iui-radial > circle.iui-fill{
stroke:#008ae0;
stroke:var(--iui-color-foreground-primary);
fill:none;
stroke-width:3.2;
}
.iui-progress-indicator-radial > .iui-radial > circle.iui-track{
stroke:#c7ccd1;
stroke:var(--iui-color-background-5);
fill:none;
stroke-width:3.2;
}
.iui-progress-indicator-radial .iui-inner-content{
position:absolute;
display:flex;
width:calc(100% - 8px);
height:calc(100% - 8px);
left:50%;
top:50%;
transform:translate(-50%, -50%);
align-items:center;
justify-content:center;
font-size:12px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
overflow:hidden;
}
.iui-progress-indicator-radial .iui-inner-content svg,
.iui-progress-indicator-radial .iui-inner-content img{
display:flex;
width:16px;
height:16px;
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
}
.iui-progress-indicator-radial .iui-inner-content svg:hover,
.iui-progress-indicator-radial .iui-inner-content img:hover{
fill:black;
fill:var(--iui-icons-color-actionable-hover);
}
.iui-progress-indicator-radial.iui-positive{
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-fill,
.iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-track{
stroke:#53a21a;
stroke:var(--iui-color-foreground-positive);
}
.iui-progress-indicator-radial.iui-positive .iui-inner-content svg{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie{
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie::after{
-webkit-animation:none;
animation:none;
border-bottom-color:#53a21a;
border-bottom-color:var(--iui-color-foreground-positive);
}
.iui-progress-indicator-radial.iui-negative{
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
.iui-progress-indicator-radial.iui-negative svg.iui-radial circle.iui-fill{
stroke:#d10a0a;
stroke:var(--iui-color-foreground-negative);
}
.iui-progress-indicator-radial.iui-negative .iui-inner-content svg{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie{
color:#d10a0a;
color:var(--iui-color-foreground-negative);
}
.iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie::after{
-webkit-animation:none;
animation:none;
border-bottom-color:#d10a0a;
border-bottom-color:var(--iui-color-foreground-negative);
}
.iui-progress-indicator-radial.iui-x-small{
width:16px;
height:16px;
}
.iui-progress-indicator-radial.iui-x-small .iui-inner-content{
display:none;
}
.iui-progress-indicator-radial.iui-small{
width:24px;
height:24px;
}
.iui-progress-indicator-radial.iui-large{
width:48px;
height:48px;
}
.iui-progress-indicator-radial.iui-large .iui-inner-content{
font-size:16px;
}
.iui-progress-indicator-radial.iui-large .iui-inner-content svg,
.iui-progress-indicator-radial.iui-large .iui-inner-content img{
width:24px;
height:24px;
}
.iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial{
transform:rotate(-90deg);
}
.iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial circle.iui-fill{
stroke-dasharray:88;
transition:stroke-dashoffset 0.5s ease-in-out;
}
.iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial{
-webkit-animation:rotate-indeterminate 2s linear infinite;
animation:rotate-indeterminate 2s linear infinite;
}
.iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial circle.iui-fill{
-webkit-animation:dash-indeterminate 1.5s ease-in-out infinite;
animation:dash-indeterminate 1.5s ease-in-out infinite;
}
@-webkit-keyframes rotate-indeterminate{
100%{
transform:rotate(360deg);
}
}
@keyframes rotate-indeterminate{
100%{
transform:rotate(360deg);
}
}
@-webkit-keyframes dash-indeterminate{
0%{
stroke-dasharray:1, 88;
}
50%{
stroke-dasharray:88, 88;
stroke-dashoffset:-22;
}
100%{
stroke-dasharray:88, 88;
stroke-dashoffset:-88;
}
}
@keyframes dash-indeterminate{
0%{
stroke-dasharray:1, 88;
}
50%{
stroke-dasharray:88, 88;
stroke-dashoffset:-22;
}
100%{
stroke-dasharray:88, 88;
stroke-dashoffset:-88;
}
}
.iui-progress-indicator-overlay{
width:100%;
height:100%;
position:absolute;
display:flex;
align-items:center;
justify-content:center;
top:0;
left:0;
z-index:10000;
pointer-events:none;
background-color:rgba(255, 255, 255, 0.8);
background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-2));
}
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
.iui-progress-indicator-overlay{
background-color:rgba(255, 255, 255, 0.6);
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-3));
backdrop-filter:blur(5px);
}
}
.iui-progress-indicator-overlay:focus, .iui-progress-indicator-overlay:focus-visible{
outline:0;
}
.iui-progress-indicator-overlay .iui-progress-indicator-linear{
width:50%;
max-width:33vw;
}
@-webkit-keyframes closeAnimation{
from{
opacity:1;
opacity:var(--iui-opacity-1);
}
to{
opacity:0;
}
}
@keyframes closeAnimation{
from{
opacity:1;
opacity:var(--iui-opacity-1);
}
to{
opacity:0;
}
}
.iui-progress-indicator-overlay .iui-overlay-exiting{
-webkit-animation:closeAnimation 0.2s linear;
animation:closeAnimation 0.2s linear;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-color-picker{
--iui-color-picker-selected-color:initial;
--iui-surface-background-color:var(--iui-color-background-1);
--iui-surface-border-radius:0;
--iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
background-color:var(--iui-surface-background-color);
border-radius:var(--iui-surface-border-radius);
box-shadow:var(--iui-surface-elevation);
box-sizing:border-box;
color:var(--iui-text-color);
box-sizing:border-box;
border-radius:4px;
display:inline-flex;
padding:11px 12px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
overflow-y:auto;
flex-direction:column;
max-height:495px;
}
@media (forced-colors: active){
.iui-color-picker{
border:1px solid transparent;
}
}
@supports (overflow-y: overlay){
.iui-color-picker{
overflow-y:overlay;
}
}
@supports (row-gap: 11px){
.iui-color-picker{
row-gap:11px;
}
}
.iui-color-picker > div:not(:last-child){
margin-bottom:11px;
}
@supports (row-gap: 11px){
.iui-color-picker > div:not(:last-child){
margin-bottom:0;
}
}
.iui-color-palette{
display:flex;
flex-wrap:wrap;
align-content:flex-start;
min-height:24px;
min-width:24px;
}
@supports (gap: 8px){
.iui-color-palette{
gap:8px;
}
}
.iui-color-palette button.iui-button.iui-borderless{
height:24px;
width:24px;
padding:0;
}
.iui-color-palette-wrapper{
max-width:280px;
}
.iui-color-palette-wrapper:only-child{
max-width:312px;
}
.iui-color-input{
display:flex;
align-items:center;
}
.iui-color-input-wrapper{
max-width:280px;
}
.iui-color-input .iui-button{
margin-right:4px;
}
.iui-color-input-fields{
display:flex;
width:100%;
gap:2px;
}
.iui-color-input-fields > *{
flex-grow:1;
}
.iui-color-input-fields > *:not(:last-child){
margin-right:2px;
}
@supports (gap: 2px){
.iui-color-input-fields > *:not(:last-child){
margin-right:0;
}
}
.iui-color-input-fields input{
text-transform:uppercase;
}
.iui-color-input-fields input[type=number]{
-webkit-appearance:textfield;
-moz-appearance:textfield;
appearance:textfield;
text-align:right;
}
.iui-color-input-fields input[type=number]::-webkit-inner-spin-button{
-webkit-appearance:none;
appearance:none;
}
.iui-color-swatch{
--iui-color-swatch-background:initial;
height:24px;
width:24px;
cursor:pointer;
border-radius:5px;
margin-bottom:4px;
margin-right:4px;
position:relative;
background-color:var(--iui-color-swatch-background);
forced-color-adjust:none;
background-position:0 0, 8px 8px;
background-size:16px 16px;
background-image:repeating-linear-gradient(45deg, #edeff2 25%, transparent 25%, transparent 75%, #edeff2 75%, #edeff2), repeating-linear-gradient(45deg, #edeff2 25%, #c7ccd1 25%, #c7ccd1 75%, #edeff2 75%, #edeff2);
background-image:repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, transparent 25%, transparent 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)), repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, var(--iui-color-background-5) 25%, var(--iui-color-background-5) 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3));
}
@supports (gap: 8px){
.iui-color-swatch{
margin-bottom:0;
margin-right:0;
}
}
.iui-color-swatch::after{
content:"";
position:absolute;
left:0;
top:0;
width:inherit;
height:inherit;
border-radius:inherit;
background-color:inherit;
box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-color-swatch:hover{
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-color-swatch:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-color-swatch:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
.iui-color-swatch.iui-active{
box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-color-swatch.iui-active:hover{
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3));
}
.iui-color-picker-section-label{
margin-bottom:5.5px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
flex-shrink:0;
}
.iui-color-selection-wrapper{
display:flex;
flex-direction:column;
min-width:280px;
}
.iui-color-field{
--iui-color-field-hue:initial;
position:relative;
cursor:crosshair;
width:100%;
height:209px;
forced-color-adjust:none;
background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--iui-color-field-hue));
}
.iui-color-field:not(:last-child){
margin-bottom:6px;
}
.iui-hue-slider .iui-slider-container .iui-slider-rail{
height:8px;
forced-color-adjust:none;
background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
}
.iui-hue-slider .iui-slider-container .iui-slider-thumb{
top:7px;
}
.iui-opacity-slider .iui-slider-container .iui-slider-rail{
height:8px;
forced-color-adjust:none;
background-position:0 0, 4px 4px;
background-size:8px 8px;
background-image:repeating-linear-gradient(45deg, #edeff2 25%, transparent 25%, transparent 75%, #edeff2 75%, #edeff2), repeating-linear-gradient(45deg, #edeff2 25%, #c7ccd1 25%, #c7ccd1 75%, #edeff2 75%, #edeff2);
background-image:repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, transparent 25%, transparent 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)), repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, var(--iui-color-background-5) 25%, var(--iui-color-background-5) 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3));
}
.iui-opacity-slider .iui-slider-container .iui-slider-rail::before{
display:block;
content:"";
width:100%;
height:100%;
background-image:linear-gradient(to right, transparent 0%, var(--iui-color-picker-selected-color) 100%);
}
.iui-opacity-slider .iui-slider-container .iui-slider-thumb{
top:7px;
}
.iui-color-dot{
--iui-color-dot-inset:initial;
position:absolute;
inset:var(--iui-color-dot-inset);
width:16px;
height:16px;
border-radius:50%;
transform:translate(-8px, -8px);
cursor:crosshair;
box-shadow:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-1)) 0 0 0 1px, inset 0 0 0 1px rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-6));
background-color:var(--iui-color-picker-selected-color);
}
.iui-color-dot:hover{
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-color-dot:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:0;
}
@supports not selector(*:focus-visible){
.iui-color-dot:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:0;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-slider-horizontal{
min-height:22px;
}
.iui-slider-horizontal .iui-slider-rail{
width:100%;
height:4px;
top:12px;
}
.iui-slider-horizontal .iui-slider-thumb{
top:5px;
transform:translateX(-50%);
}
.iui-slider-horizontal .iui-slider-track{
height:4px;
left:0;
}
.iui-slider-horizontal .iui-slider-ticks{
padding-top:16px;
}
.iui-slider-horizontal .iui-slider-ticks .iui-slider-tick{
flex-direction:column;
width:1px;
}
.iui-slider-horizontal .iui-slider-ticks .iui-slider-tick::before{
content:"";
width:1px;
height:11px;
}
.iui-slider-horizontal .iui-slider-min,
.iui-slider-horizontal .iui-slider-max{
margin-top:2px;
}
.iui-slider-horizontal .iui-slider-min{
margin-right:12px;
text-align:right;
}
.iui-slider-horizontal .iui-slider-max{
margin-left:12px;
}
.iui-slider-vertical{
flex-direction:column-reverse;
min-width:22px;
height:100%;
}
.iui-slider-vertical .iui-slider-rail{
width:4px;
height:100%;
left:12px;
}
.iui-slider-vertical .iui-slider-thumb{
transform:translateY(50%);
left:5px;
}
.iui-slider-vertical .iui-slider-track{
width:4px;
bottom:0;
left:12px;
}
.iui-slider-vertical .iui-slider-ticks{
padding-left:16px;
flex-direction:column-reverse;
align-items:flex-start;
height:100%;
}
.iui-slider-vertical .iui-slider-ticks .iui-slider-tick{
flex:row;
height:1px;
}
.iui-slider-vertical .iui-slider-ticks .iui-slider-tick::before{
content:"";
width:11px;
height:1px;
margin-right:11px;
}
.iui-slider-vertical .iui-slider-min,
.iui-slider-vertical .iui-slider-max{
margin-left:2px;
text-align:center;
}
.iui-slider-vertical .iui-slider-min{
margin-top:12px;
}
.iui-slider-vertical .iui-slider-max{
margin-bottom:12px;
}
.iui-slider-component-container{
display:flex;
}
.iui-slider-component-container.iui-disabled{
cursor:not-allowed;
}
.iui-slider-component-container.iui-disabled .iui-slider-container{
cursor:not-allowed;
pointer-events:none;
}
.iui-slider-component-container.iui-disabled .iui-slider-thumb{
cursor:not-allowed;
background-color:#dde1e4;
border-color:#dde1e4;
background-color:var(--iui-color-background-4);
border-color:var(--iui-color-background-4);
}
@media (forced-colors: active){
.iui-slider-component-container.iui-disabled .iui-slider-thumb{
background-color:GrayText;
border-color:GrayText;
}
}
.iui-slider-component-container.iui-disabled .iui-slider-track{
background-color:rgba(0, 0, 0, 0.4);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
@media (forced-colors: active){
.iui-slider-component-container.iui-disabled .iui-slider-track{
background-color:GrayText;
}
}
.iui-slider-component-container.iui-disabled .iui-slider-min,
.iui-slider-component-container.iui-disabled .iui-slider-max,
.iui-slider-component-container.iui-disabled .iui-slider-tick{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
@media (forced-colors: active){
.iui-slider-component-container.iui-disabled .iui-slider-min,
.iui-slider-component-container.iui-disabled .iui-slider-max,
.iui-slider-component-container.iui-disabled .iui-slider-tick{
color:GrayText;
}
}
.iui-slider-container{
position:relative;
flex-grow:1;
cursor:pointer;
touch-action:pan-y;
}
.iui-slider-container.iui-grabbing{
cursor:-webkit-grabbing;
cursor:grabbing;
}
.iui-slider-ticks{
position:relative;
display:flex;
pointer-events:none;
justify-content:space-between;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.iui-slider-ticks .iui-slider-tick{
position:relative;
display:flex;
pointer-events:none;
justify-content:center;
align-items:center;
}
.iui-slider-ticks .iui-slider-tick::before{
background-color:#dde1e4;
background-color:var(--iui-color-background-4);
}
@media (forced-colors: active){
.iui-slider-ticks .iui-slider-tick::before{
background-color:CanvasText;
}
}
.iui-slider-rail{
position:absolute;
background-color:#c7ccd1;
background-color:var(--iui-color-background-border);
}
@media (forced-colors: active){
.iui-slider-rail{
background-color:CanvasText;
}
}
.iui-slider-thumb{
position:absolute;
height:16px;
width:16px;
border-radius:100%;
z-index:1;
cursor:-webkit-grab;
cursor:grab;
background:white;
border:1px solid #c7ccd1;
background:var(--iui-color-background-1);
border:1px solid var(--iui-color-background-border);
}
.iui-slider-thumb:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-slider-thumb:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
@media (forced-colors: active){
.iui-slider-thumb{
background:Canvas;
border:1px solid CanvasText;
}
}
.iui-slider-thumb:active{
cursor:-webkit-grabbing;
cursor:grabbing;
}
.iui-slider-track{
pointer-events:none;
position:absolute;
top:12px;
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
@media (forced-colors: active){
.iui-slider-track{
background-color:Highlight;
}
}
.iui-slider-min,
.iui-slider-max{
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
}
.iui-slider-min svg,
.iui-slider-max svg{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:16px;
height:16px;
margin-top:4px;
}
@media (forced-colors: active){
.iui-slider-min svg,
.iui-slider-max svg{
fill:CanvasText;
}
}
.iui-slider-min svg.iui-informational,
.iui-slider-max svg.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-slider-min svg.iui-positive,
.iui-slider-max svg.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-slider-min svg.iui-warning,
.iui-slider-max svg.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-slider-min svg.iui-negative,
.iui-slider-max svg.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-tooltip-container{
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
height:-webkit-fit-content;
height:-moz-fit-content;
height:fit-content;
position:relative;
}
.iui-tooltip-container > .iui-tooltip{
position:absolute;
visibility:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
opacity:0;
}
@media (prefers-reduced-motion: no-preference){
.iui-tooltip-container > .iui-tooltip{
transition:visibility 0s linear 0.2s, opacity 0.2s ease-out;
}
}
.iui-tooltip-container > .iui-tooltip.iui-tooltip-visible, .iui-tooltip-container:hover > .iui-tooltip{
visibility:visible;
opacity:1;
}
.iui-tooltip{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:block;
text-align:center;
border-radius:4px;
font-size:12px;
overflow:hidden;
max-width:400px;
width:-webkit-max-content;
width:-moz-max-content;
width:max-content;
overflow-wrap:break-word;
box-sizing:content-box;
padding:4px 8px;
z-index:999;
box-shadow:0 3px 14px rgba(0, 0, 0, 0.25);
pointer-events:none;
background-color:rgba(0, 0, 0, 0.6);
color:white;
border:1px solid rgba(255, 255, 255, 0.4);
background-color:rgba(0, 0, 0, var(--iui-opacity-3));
color:var(--iui-color-foreground-accessory);
border:1px solid rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
}
}
.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-text-headline{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:32px;
font-weight:300;
line-height:44px;
}
.iui-text-title{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:24px;
font-weight:300;
line-height:33px;
}
.iui-text-subheading{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:18px;
font-weight:400;
line-height:33px;
}
.iui-text-leading{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:16px;
font-weight:400;
line-height:22px;
}
.iui-text-block{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:14px;
font-weight:400;
line-height:22px;
}
.iui-text-small{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:12px;
font-weight:400;
line-height:22px;
}
.iui-text-muted{
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-skeleton{
display:inline-block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:transparent;
border-radius:4px;
cursor:progress;
background:linear-gradient(292deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
background:linear-gradient(292deg, var(--iui-text-color-muted), var(--iui-text-color-muted), var(--iui-text-color-placeholder), var(--iui-text-color-muted), var(--iui-text-color-muted));
background-size:200% 100%;
}
@media (forced-colors: active){
.iui-skeleton{
forced-color-adjust:none;
background:linear-gradient(292deg, CanvasText, CanvasText, Canvas, CanvasText, CanvasText);
}
}
@media (prefers-reduced-motion: no-preference){
.iui-skeleton{
-webkit-animation:skeleton-shimmer 0.8s linear infinite;
animation:skeleton-shimmer 0.8s linear infinite;
}
@-webkit-keyframes skeleton-shimmer{
0%{
background-position:200% 50%;
}
50%{
background-position:100% 50%;
}
100%{
background-position:0% 50%;
}
}
@keyframes skeleton-shimmer{
0%{
background-position:200% 50%;
}
50%{
background-position:100% 50%;
}
100%{
background-position:0% 50%;
}
}
}
.iui-text-spacing{
padding:0;
margin:0 0 22px;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-surface{
--iui-surface-background-color:var(--iui-color-background-1);
--iui-surface-border-radius:0;
--iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
background-color:var(--iui-surface-background-color);
border-radius:var(--iui-surface-border-radius);
box-shadow:var(--iui-surface-elevation);
box-sizing:border-box;
color:var(--iui-text-color);
}
@media (forced-colors: active){
.iui-surface{
border:1px solid transparent;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-date-picker{
--iui-surface-background-color:var(--iui-color-background-1);
--iui-surface-border-radius:0;
--iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
background-color:var(--iui-surface-background-color);
border-radius:var(--iui-surface-border-radius);
box-shadow:var(--iui-surface-elevation);
box-sizing:border-box;
color:var(--iui-text-color);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
display:-ms-inline-grid;
display:inline-grid;
-ms-grid-columns:1fr auto;
grid-template-columns:1fr auto;
}
@media (forced-colors: active){
.iui-date-picker{
border:1px solid transparent;
}
}
.iui-date-picker .iui-time-picker{
height:0;
min-height:100%;
}
.iui-calendar-month-year{
display:inline-flex;
width:100%;
align-items:center;
justify-content:space-between;
padding:0 4px;
box-sizing:border-box;
font-weight:700;
gap:4px;
}
.iui-calendar-month-year > span{
width:156px;
white-space:nowrap;
display:inline-flex;
flex-shrink:0;
align-items:center;
justify-content:center;
line-height:44px;
}
.iui-calendar-month{
overflow:hidden;
max-width:15ch;
text-overflow:ellipsis;
white-space:nowrap;
flex-shrink:0;
}
.iui-calendar-weekdays{
line-height:36px;
display:flex;
padding:0 8px;
font-weight:700;
background-color:#f9f9fb;
background-color:var(--iui-color-background-2);
}
.iui-calendar-weekdays > div{
white-space:nowrap;
overflow:hidden;
width:40px;
text-align:center;
}
.iui-calendar-week{
white-space:nowrap;
line-height:36px;
display:flex;
padding:0 8px;
margin-bottom:2px;
}
.iui-calendar-day, .iui-calendar-day-today{
cursor:pointer;
text-align:center;
width:40px;
height:36px;
border-radius:4px;
font-variant-numeric:tabular-nums;
}
.iui-calendar-day:focus-visible, .iui-calendar-day-today:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day:focus, .iui-calendar-day-today:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-calendar-day:hover, .iui-calendar-day-today:hover{
font-weight:600;
color:#008ae0;
background-color:rgba(0, 138, 224, 0.1);
color:var(--iui-color-foreground-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-calendar-day-today{
position:relative;
font-weight:600;
}
.iui-calendar-day-today::before{
content:"";
position:absolute;
display:block;
width:32px;
height:32px;
border-radius:9999px;
box-sizing:border-box;
top:50%;
left:50%;
transform:translate(-50%, -50%);
border:2px solid rgba(0, 0, 0, 0.2);
border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-calendar-day-today:hover{
background-color:initial;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-calendar-day-today:hover::before{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-calendar-day-selected, .iui-calendar-day-selected-today{
cursor:pointer;
text-align:center;
width:40px;
height:36px;
border-radius:4px;
font-variant-numeric:tabular-nums;
font-weight:600;
background-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
cursor:default;
}
.iui-calendar-day-selected:focus-visible, .iui-calendar-day-selected-today:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day-selected:focus, .iui-calendar-day-selected-today:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-calendar-day-selected:focus-visible, .iui-calendar-day-selected-today:focus-visible{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day-selected:focus, .iui-calendar-day-selected-today:focus{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
}
.iui-calendar-day-selected-today{
position:relative;
font-weight:600;
}
.iui-calendar-day-selected-today::before{
content:"";
position:absolute;
display:block;
width:32px;
height:32px;
border-radius:9999px;
box-sizing:border-box;
top:50%;
left:50%;
transform:translate(-50%, -50%);
border:2px solid rgba(0, 0, 0, 0.2);
border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-calendar-day-selected-today:hover{
background-color:initial;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-calendar-day-selected-today:hover::before{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-calendar-day-selected-today:hover{
background-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
}
.iui-calendar-day-selected-today:hover::before{
background-color:initial;
background-color:initial;
}
.iui-calendar-day-selected-today::before{
border-color:rgba(255, 255, 255, 0.4);
border-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
}
.iui-calendar-day-outside-month, .iui-calendar-day-outside-month-today{
cursor:pointer;
text-align:center;
width:40px;
height:36px;
border-radius:4px;
font-variant-numeric:tabular-nums;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-calendar-day-outside-month:focus-visible, .iui-calendar-day-outside-month-today:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day-outside-month:focus, .iui-calendar-day-outside-month-today:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-calendar-day-outside-month:hover, .iui-calendar-day-outside-month-today:hover{
font-weight:600;
color:#008ae0;
background-color:rgba(0, 138, 224, 0.1);
color:var(--iui-color-foreground-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-calendar-day-outside-month-today{
position:relative;
font-weight:600;
}
.iui-calendar-day-outside-month-today::before{
content:"";
position:absolute;
display:block;
width:32px;
height:32px;
border-radius:9999px;
box-sizing:border-box;
top:50%;
left:50%;
transform:translate(-50%, -50%);
border:2px solid rgba(0, 0, 0, 0.2);
border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-calendar-day-outside-month-today:hover{
background-color:initial;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-calendar-day-outside-month-today:hover::before{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-calendar-day-range-start, .iui-calendar-day-range-start-today{
cursor:pointer;
text-align:center;
width:40px;
height:36px;
border-radius:4px;
font-variant-numeric:tabular-nums;
font-weight:600;
background-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
border-top-right-radius:0;
border-bottom-right-radius:0;
cursor:pointer;
}
.iui-calendar-day-range-start:focus-visible, .iui-calendar-day-range-start-today:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day-range-start:focus, .iui-calendar-day-range-start-today:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-calendar-day-range-start:focus-visible, .iui-calendar-day-range-start-today:focus-visible{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day-range-start:focus, .iui-calendar-day-range-start-today:focus{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
}
.iui-calendar-day-range-start-today{
position:relative;
font-weight:600;
}
.iui-calendar-day-range-start-today::before{
content:"";
position:absolute;
display:block;
width:32px;
height:32px;
border-radius:9999px;
box-sizing:border-box;
top:50%;
left:50%;
transform:translate(-50%, -50%);
border:2px solid rgba(0, 0, 0, 0.2);
border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-calendar-day-range-start-today:hover{
background-color:initial;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-calendar-day-range-start-today:hover::before{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-calendar-day-range-start-today:hover{
background-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
}
.iui-calendar-day-range-start-today:hover::before{
background-color:initial;
background-color:initial;
}
.iui-calendar-day-range-start-today::before{
border-color:rgba(255, 255, 255, 0.4);
border-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
}
.iui-calendar-day-range-end, .iui-calendar-day-range-end-today{
cursor:pointer;
text-align:center;
width:40px;
height:36px;
border-radius:4px;
font-variant-numeric:tabular-nums;
font-weight:600;
background-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.iui-calendar-day-range-end:focus-visible, .iui-calendar-day-range-end-today:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day-range-end:focus, .iui-calendar-day-range-end-today:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-calendar-day-range-end:focus-visible, .iui-calendar-day-range-end-today:focus-visible{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day-range-end:focus, .iui-calendar-day-range-end-today:focus{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
}
.iui-calendar-day-range-end-today{
position:relative;
font-weight:600;
}
.iui-calendar-day-range-end-today::before{
content:"";
position:absolute;
display:block;
width:32px;
height:32px;
border-radius:9999px;
box-sizing:border-box;
top:50%;
left:50%;
transform:translate(-50%, -50%);
border:2px solid rgba(0, 0, 0, 0.2);
border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-calendar-day-range-end-today:hover{
background-color:initial;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-calendar-day-range-end-today:hover::before{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-calendar-day-range-end-today:hover{
background-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
}
.iui-calendar-day-range-end-today:hover::before{
background-color:initial;
background-color:initial;
}
.iui-calendar-day-range-end-today::before{
border-color:rgba(255, 255, 255, 0.4);
border-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
}
.iui-calendar-day-range, .iui-calendar-day-range-today{
cursor:pointer;
text-align:center;
width:40px;
height:36px;
border-radius:4px;
font-variant-numeric:tabular-nums;
border-radius:0;
background-color:rgba(0, 138, 224, 0.2);
color:rgba(0, 0, 0, 0.8);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
color:var(--iui-text-color);
}
.iui-calendar-day-range:focus-visible, .iui-calendar-day-range-today:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-calendar-day-range:focus, .iui-calendar-day-range-today:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-calendar-day-range:hover, .iui-calendar-day-range-today:hover{
font-weight:600;
background-color:rgba(0, 138, 224, 0.4);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
}
.iui-calendar-day-range-today{
position:relative;
font-weight:600;
}
.iui-calendar-day-range-today::before{
content:"";
position:absolute;
display:block;
width:32px;
height:32px;
border-radius:9999px;
box-sizing:border-box;
top:50%;
left:50%;
transform:translate(-50%, -50%);
border:2px solid rgba(0, 0, 0, 0.2);
border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-calendar-day-range-today:hover{
background-color:initial;
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-calendar-day-range-today:hover::before{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-calendar-day-range-today:hover{
background-color:rgba(0, 138, 224, 0.2);
color:rgba(0, 0, 0, 0.8);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
color:var(--iui-text-color);
}
.iui-calendar-day-range-today:hover::before{
background-color:rgba(0, 138, 224, 0.4);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
}
.iui-calendar-day-range-today::before{
border-color:rgba(0, 138, 224, 0.4);
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-time-picker{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
text-align:center;
height:286px;
display:inline-flex;
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-time-picker:not(:first-child){
border-left:1px solid #c7ccd1;
border-left:1px solid var(--iui-color-background-border);
}
.iui-time-picker:first-child{
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
}
.iui-time{
padding:11px 8px;
overflow-y:auto;
overflow-y:overlay;
scrollbar-width:none;
}
.iui-time:not(:first-child){
border-left:1px solid #c7ccd1;
border-left:1px solid var(--iui-color-background-border);
}
.iui-time > ol{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
list-style:none;
}
.iui-time > ol > li{
padding:6px 16px;
border-radius:4px;
}
.iui-time > ol > li:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-time > ol > li:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-time > ol > li:hover{
cursor:pointer;
color:#008ae0;
background-color:rgba(0, 138, 224, 0.1);
color:var(--iui-color-foreground-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-time > ol > li.iui-selected{
font-weight:600;
cursor:default;
background-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
}
.iui-time > ol > li.iui-selected:focus-visible{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
@supports not selector(*:focus-visible){
.iui-time > ol > li.iui-selected:focus{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
}
.iui-period{
padding:11px 8px;
overflow-y:auto;
overflow-y:overlay;
scrollbar-width:none;
display:flex;
align-items:center;
}
.iui-period:not(:first-child){
border-left:1px solid #c7ccd1;
border-left:1px solid var(--iui-color-background-border);
}
.iui-period > ol{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
list-style:none;
}
.iui-period > ol > li{
padding:6px 16px;
border-radius:4px;
}
.iui-period > ol > li:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-period > ol > li:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-period > ol > li:hover{
cursor:pointer;
color:#008ae0;
background-color:rgba(0, 138, 224, 0.1);
color:var(--iui-color-foreground-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-period > ol > li.iui-selected{
font-weight:600;
cursor:default;
background-color:#008ae0;
color:white;
background-color:var(--iui-color-background-primary);
color:var(--iui-color-foreground-accessory);
}
.iui-period > ol > li.iui-selected:focus-visible{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
@supports not selector(*:focus-visible){
.iui-period > ol > li.iui-selected:focus{
outline:1px solid var(--iui-color-foreground-accessory);
outline-offset:-3px;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-dialog-wrapper{
position:relative;
overflow:hidden;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
transform:translateX(0);
}
.iui-dialog{
z-index:999;
isolation:isolate;
border-radius:4px;
box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
box-sizing:border-box;
position:fixed;
padding:11px 16px;
box-sizing:border-box;
padding:11px 16px;
overflow:hidden;
pointer-events:auto;
background-color:#FFF;
background-color:var(--iui-color-background-1);
transition:visibility 0s linear, opacity 0.2s ease-out;
transition-delay:0.2s, 0s;
}
@media (forced-colors: active){
.iui-dialog{
border:1px solid;
}
}
.iui-dialog:not(.iui-dialog-visible){
visibility:hidden;
opacity:0;
}
.iui-dialog.iui-dialog-visible{
transition-delay:0s;
}
.iui-dialog-default{
max-width:max(50%, 380px);
min-width:380px;
max-height:100vh;
}
.iui-dialog-default:not([data-iui-placement]){
left:50%;
top:33%;
transform:translate(-50%, -33%);
}
.iui-dialog-default[data-iui-placement=top-left]{
top:0;
left:0;
margin-left:11px;
margin-top:16px;
}
.iui-dialog-default[data-iui-placement=top-right]{
top:0;
right:0;
margin-right:11px;
margin-top:16px;
}
.iui-dialog-default[data-iui-placement=bottom-left]{
bottom:0;
left:0;
margin-left:11px;
margin-bottom:16px;
}
.iui-dialog-default[data-iui-placement=bottom-right]{
bottom:0;
right:0;
margin-right:11px;
margin-bottom:16px;
}
.iui-dialog-full-page{
border-radius:0;
height:100vh;
height:100dvh;
width:100vw;
top:0;
left:0;
display:flex;
flex-direction:column;
will-change:transform;
}
.iui-dialog-full-page:not(.iui-dialog-visible){
transform:translateY(100%);
}
@media (prefers-reduced-motion: no-preference){
.iui-dialog-full-page{
transition:visibility 0s linear 0.4s, opacity 0s linear 0.4s, transform 0.2s ease-in;
}
.iui-dialog-full-page.iui-dialog-visible{
transition:transform 0.4s ease-out;
}
}
.iui-dialog-draggable{
max-width:100%;
max-height:100vh;
min-width:380px;
min-height:144px;
display:flex;
flex-direction:column;
border:1px solid var(--iui-color-background-border);
}
.iui-dialog-title{
display:flex;
align-items:center;
font-size:inherit;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.5;
margin-right:auto;
}
.iui-dialog-title-bar{
display:flex;
align-items:center;
margin-bottom:11px;
box-sizing:border-box;
font-size:18px;
}
.iui-dialog-title-bar-filled{
font-size:16px;
padding:6px 16px;
margin:-11px -16px 11px -16px;
cursor:-webkit-grab;
cursor:grab;
background-color:var(--iui-color-background-3);
border-bottom:1px solid var(--iui-color-background-border);
}
.iui-dialog-title-bar-filled:active{
cursor:-webkit-grabbing;
cursor:grabbing;
}
.iui-dialog-content{
flex-grow:2;
margin:0 -16px;
padding:0 16px;
overflow-y:auto;
overflow-y:overlay;
}
.iui-dialog-button-bar{
margin-top:11px;
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
}
.iui-dialog-animation-enter{
transform:translateY(100%);
opacity:0;
}
.iui-dialog-animation-enter-active{
transform:translateY(0);
opacity:1;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-non-ideal-state{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
position:absolute;
left:50%;
top:40%;
min-width:220px;
transform:translate(-50%, -40%);
}
.iui-non-ideal-state > .iui-non-ideal-state-illustration{
max-width:220px;
max-height:242px;
margin-bottom:22px;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
}
.iui-non-ideal-state > .iui-non-ideal-state-title{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:32px;
font-weight:300;
line-height:44px;
padding:0;
margin:0 0 22px;
}
.iui-non-ideal-state > .iui-non-ideal-state-description{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:14px;
font-weight:400;
line-height:22px;
padding:0;
margin:0 0 22px;
}
.iui-non-ideal-state > .iui-non-ideal-state-actions{
display:flex;
align-items:center;
margin-bottom:8px;
}
.iui-non-ideal-state > .iui-non-ideal-state-actions > .iui-input-container{
display:inline-block;
width:200px;
text-align:left;
margin:0 4px 0 0;
}
.iui-non-ideal-state > .iui-non-ideal-state-actions > .iui-button{
margin:0 4px;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-expandable-block{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
flex-direction:column;
box-sizing:border-box;
width:100%;
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-expandable-block > .iui-header{
display:flex;
align-items:center;
padding:11px 12px;
cursor:pointer;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border:1px solid #edeff2;
border-bottom-color:#dde1e4;
background-color:#edeff2;
border:1px solid var(--iui-color-background-3);
border-bottom-color:var(--iui-color-background-4);
background-color:var(--iui-color-background-3);
}
.iui-expandable-block > .iui-header:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-expandable-block > .iui-header:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
@media (prefers-reduced-motion: no-preference){
.iui-expandable-block > .iui-header{
transition:background-color 0.2s ease-out;
}
}
.iui-expandable-block > .iui-header > .iui-icon,
.iui-expandable-block > .iui-header > .iui-status-icon{
display:inline-flex;
flex-shrink:0;
width:16px;
height:16px;
}
.iui-expandable-block > .iui-header > .iui-icon{
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
}
@media (prefers-reduced-motion: no-preference){
.iui-expandable-block > .iui-header > .iui-icon{
transition:transform 0.2s ease-out;
}
}
.iui-expandable-block > .iui-header > .iui-status-icon{
margin-left:12px;
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
}
@media (forced-colors: active){
.iui-expandable-block > .iui-header > .iui-status-icon{
fill:CanvasText;
}
}
.iui-expandable-block > .iui-header > .iui-status-icon.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-expandable-block > .iui-header > .iui-status-icon.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-expandable-block > .iui-header > .iui-status-icon.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-expandable-block > .iui-header > .iui-status-icon.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-expandable-block > .iui-header .iui-expandable-block-label{
display:flex;
flex-direction:column;
flex:auto;
min-width:0;
margin-left:12px;
color:rgba(0, 0, 0, 0.8);
color:var(--iui-text-color);
}
@media (prefers-reduced-motion: no-preference){
.iui-expandable-block > .iui-header .iui-expandable-block-label{
transition:color 0.2s ease;
}
}
.iui-expandable-block > .iui-header .iui-title,
.iui-expandable-block > .iui-header .iui-caption{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.iui-expandable-block > .iui-header .iui-title{
font-size:16px;
}
.iui-expandable-block > .iui-header .iui-caption{
font-size:12px;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-expandable-block > .iui-header:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-expandable-block > .iui-header:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-expandable-block .iui-expandable-content{
overflow:hidden;
box-sizing:border-box;
border-bottom:1px solid #dde1e4;
border-right:1px solid #dde1e4;
border-left:1px solid #dde1e4;
border-bottom:1px solid var(--iui-color-background-4);
border-right:1px solid var(--iui-color-background-4);
border-left:1px solid var(--iui-color-background-4);
}
.iui-expandable-block .iui-expandable-content.iui-enter{
opacity:0;
}
.iui-expandable-block .iui-expandable-content.iui-enter-active{
opacity:1;
}
@media (prefers-reduced-motion: no-preference){
.iui-expandable-block .iui-expandable-content.iui-enter-active{
transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
}
}
.iui-expandable-block .iui-expandable-content.iui-exit{
opacity:1;
}
.iui-expandable-block .iui-expandable-content.iui-exit-active{
opacity:0;
}
@media (prefers-reduced-motion: no-preference){
.iui-expandable-block .iui-expandable-content.iui-exit-active{
transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
}
}
.iui-expandable-block .iui-expandable-content > div{
padding:11px 12px;
}
.iui-expandable-block:hover > .iui-header{
background-color:#dde1e4;
background-color:var(--iui-color-background-4);
}
.iui-expandable-block:hover > .iui-header > .iui-icon{
fill:black;
fill:var(--iui-icons-color-actionable-hover);
}
.iui-expandable-block:hover > .iui-header .iui-caption,
.iui-expandable-block:hover > .iui-header .iui-title{
color:black;
color:var(--iui-color-foreground-body);
}
@media (prefers-reduced-motion: no-preference){
.iui-expandable-block:hover > .iui-header .iui-caption,
.iui-expandable-block:hover > .iui-header .iui-title{
transition:color 0.2s ease;
}
}
.iui-expandable-block.iui-expanded > .iui-header{
background-color:#edeff2;
border-left:1px solid #dde1e4;
border-top:1px solid #dde1e4;
border-right:1px solid #dde1e4;
background-color:var(--iui-color-background-3);
border-left:1px solid var(--iui-color-background-4);
border-top:1px solid var(--iui-color-background-4);
border-right:1px solid var(--iui-color-background-4);
}
.iui-expandable-block.iui-expanded > .iui-header:hover{
background-color:#dde1e4;
background-color:var(--iui-color-background-4);
}
.iui-expandable-block.iui-expanded > .iui-header:hover{
background-color:#dde1e4;
background-color:var(--iui-color-background-4);
}
.iui-expandable-block.iui-expanded > .iui-header > .iui-icon{
transform:rotate(90deg);
}
.iui-expandable-block.iui-small .iui-header{
padding:5.5px 8px;
}
.iui-expandable-block.iui-small .iui-header > .iui-icon{
width:12px;
height:12px;
}
.iui-expandable-block.iui-small .iui-header > .iui-expandable-block-label{
margin-left:8px;
}
.iui-expandable-block.iui-small .iui-header > .iui-status-icon{
margin-left:8px;
}
.iui-expandable-block.iui-borderless,
.iui-expandable-block.iui-borderless .iui-header,
.iui-expandable-block.iui-borderless .iui-expandable-content{
background-color:transparent;
border:initial;
}
.iui-expandable-block.iui-borderless .iui-header{
border-radius:4px;
}
.iui-expandable-block.iui-borderless .iui-header:hover{
background-color:rgba(0, 0, 0, 0.1);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
}
.iui-expandable-block.iui-borderless .iui-expandable-content > div{
padding:0;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-fieldset{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
padding:11px 12px;
border-radius:4px;
border:1px solid #c7ccd1;
background-color:white;
border:1px solid var(--iui-color-background-border);
background-color:var(--iui-color-background-1);
}
.iui-fieldset legend{
font-size:16px;
padding:1.5px 8px;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:#dde1e4;
color:rgba(0, 0, 0, 0.8);
background-color:var(--iui-color-background-4);
color:var(--iui-text-color);
}
.iui-fieldset[disabled]{
cursor:not-allowed;
}
.iui-fieldset[disabled] legend{
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-file-upload{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:14px;
font-weight:400;
position:relative;
display:flex;
}
.iui-file-upload > .iui-content{
visibility:hidden;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
padding:6px 12px;
background-color:#f9f9fb;
border:1px solid #f9f9fb;
background-color:var(--iui-color-background-2);
border:1px solid var(--iui-color-background-2);
}
.iui-file-upload > .iui-content .iui-browse-input{
width:0.1px;
height:0.1px;
opacity:0;
overflow:hidden;
position:absolute;
z-index:-1;
}
.iui-file-upload > .iui-content > svg,
.iui-file-upload > .iui-content .iui-template-icon{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:64px;
height:64px;
margin-top:11px;
margin-bottom:11px;
}
@media (forced-colors: active){
.iui-file-upload > .iui-content > svg,
.iui-file-upload > .iui-content .iui-template-icon{
fill:CanvasText;
}
}
.iui-file-upload > .iui-content > svg.iui-informational,
.iui-file-upload > .iui-content .iui-template-icon.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-file-upload > .iui-content > svg.iui-positive,
.iui-file-upload > .iui-content .iui-template-icon.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-file-upload > .iui-content > svg.iui-warning,
.iui-file-upload > .iui-content .iui-template-icon.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-file-upload > .iui-content > svg.iui-negative,
.iui-file-upload > .iui-content .iui-template-icon.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-file-upload > .iui-content:only-child{
visibility:visible;
position:relative;
flex-direction:row;
}
.iui-file-upload > .iui-content:only-child:focus-within{
outline:2px solid #008ae0;
outline-offset:-2px;
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
.iui-file-upload > .iui-content .iui-template-text{
margin-left:24px;
}
.iui-file-upload > .iui-content .iui-template-text > label{
font-weight:700;
}
.iui-file-upload.iui-drag > .iui-content{
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
border-color:#008ae0;
color:#008ae0;
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
border-color:var(--iui-color-foreground-primary);
color:var(--iui-color-foreground-primary);
visibility:visible;
}
.iui-file-upload.iui-drag > .iui-content > svg,
.iui-file-upload.iui-drag > .iui-content .iui-template-icon{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-legal-footer{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
text-align:center;
width:100%;
padding:11px 0;
font-size:12px;
}
.iui-legal-footer-list{
list-style-type:none;
margin:0 auto;
padding:0;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
.iui-legal-footer-item{
display:flex;
align-items:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
white-space:nowrap;
word-break:keep-all;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-legal-footer-item > a{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
text-decoration:none;
}
.iui-legal-footer-item > a:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-legal-footer-item > a:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
.iui-legal-footer-item > a:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
.iui-legal-footer-item > a:hover{
text-decoration:underline;
}
@media (prefers-contrast: more){
.iui-legal-footer-item > a{
text-decoration:underline;
}
.iui-legal-footer-item > a:hover{
text-decoration:none;
}
}
.iui-theme-light .iui-legal-footer-item > a, .iui-theme-dark .iui-legal-footer-item > a{
text-decoration:none;
}
.iui-theme-light .iui-legal-footer-item > a:hover, .iui-theme-dark .iui-legal-footer-item > a:hover{
text-decoration:underline;
}
.iui-theme-light-hc .iui-legal-footer-item > a, .iui-theme-dark-hc .iui-legal-footer-item > a{
text-decoration:underline;
}
.iui-theme-light-hc .iui-legal-footer-item > a:hover, .iui-theme-dark-hc .iui-legal-footer-item > a:hover{
text-decoration:none;
}
.iui-legal-footer-item > a, .iui-legal-footer-item > a:hover{
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-legal-footer-separator{
margin:0 8px;
width:1px;
height:11px;
background-color:rgba(0, 0, 0, 0.4);
background-color:var(--iui-text-color-muted);
}
.iui-legal-footer-developer{
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-page-header{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
justify-content:space-between;
width:100%;
height:57px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
box-sizing:border-box;
padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);
background-color:white;
border-bottom:2px solid #c7ccd1;
color:rgba(0, 0, 0, 0.8);
background-color:var(--iui-color-background-1);
border-bottom:2px solid var(--iui-color-background-border);
color:var(--iui-text-color);
}
@media (prefers-reduced-motion: no-preference){
.iui-page-header{
transition:height 0.2s ease-out;
}
}
.iui-page-header > .iui-left,
.iui-page-header > .iui-center,
.iui-page-header > .iui-right{
display:flex;
align-items:center;
height:100%;
}
.iui-page-header .iui-header-button-icon{
width:24px;
height:24px;
border-radius:4px;
}
@media (prefers-reduced-motion: no-preference){
.iui-page-header .iui-header-button-icon{
transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out;
}
}
.iui-page-header .iui-header-button.iui-header-button{
padding:0 12px;
height:49px;
font-size:16px;
gap:12px;
gap:0;
max-width:25vw;
height:100%;
border-radius:0;
overflow:hidden;
}
.iui-page-header .iui-header-button.iui-header-button:focus{
box-shadow:none;
outline-offset:-1px;
outline:1px solid #008ae0;
outline:1px solid var(--iui-color-foreground-primary);
}
.iui-page-header .iui-header-button.iui-header-button:focus:not(:focus-visible){
outline:0;
}
.iui-page-header .iui-header-button.iui-header-button > .iui-button-label{
text-align:left;
font-size:14px;
overflow:hidden;
}
.iui-page-header .iui-header-button.iui-header-button > .iui-button-label > div{
overflow:hidden;
text-overflow:ellipsis;
}
.iui-page-header .iui-header-button.iui-header-button .iui-description{
height:22px;
font-size:12px;
opacity:0.6;
opacity:var(--iui-opacity-3);
}
@media (prefers-reduced-motion: no-preference){
.iui-page-header .iui-header-button.iui-header-button .iui-description{
transition:all 0.2s ease;
}
}
.iui-page-header .iui-header-button.iui-header-button > .iui-button-icon{
flex-shrink:0;
}
.iui-page-header .iui-header-button.iui-header-button > * + *{
margin-left:12px;
}
.iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{
padding:4px;
width:16px;
height:16px;
border-radius:4px;
background-color:#edeff2;
fill:rgba(0, 0, 0, 0.4);
background-color:var(--iui-color-background-3);
fill:var(--iui-icons-color);
}
@media (prefers-reduced-motion: no-preference){
.iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{
transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out;
}
}
.iui-page-header .iui-header-button.iui-header-button.iui-active svg{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-page-header .iui-header-button.iui-header-button.iui-active .iui-description{
opacity:1;
}
.iui-page-header .iui-header-button.iui-header-button.iui-active, .iui-page-header .iui-header-button.iui-header-button.iui-active:hover{
box-shadow:0 2px 0 0 #008ae0;
background-color:rgba(0, 138, 224, 0.1);
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-page-header .iui-header-button.iui-header-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:hover .iui-header-button-icon{
fill:#008ae0;
background-color:rgba(0, 138, 224, 0.1);
fill:var(--iui-icons-color-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled{
background-color:rgba(0, 0, 0, 0.05);
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-button-label{
color:rgba(0, 0, 0, 0.2);
color:var(--iui-icons-color-actionable-disabled);
}
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-button-icon,
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-button-icon,
.iui-page-header .iui-header-button.iui-header-button.iui-active:disabled svg{
fill:rgba(0, 0, 0, 0.2);
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-header-button-icon{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-page-header .iui-header-button.iui-header-button:disabled .iui-header-button-icon{
filter:grayscale(1) opacity(0.7);
}
.iui-page-header.iui-slim > .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
width:12px;
height:12px;
padding:2px;
}
.iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
opacity:0;
height:0.1px;
width:0.1px;
margin:0;
padding:0;
}
.iui-page-header .iui-header-dropdown-button.iui-header-dropdown-button{
padding-right:8px;
}
.iui-page-header .iui-header-split-button{
max-width:25vw;
}
.iui-page-header .iui-header-split-button,
.iui-page-header .iui-header-split-button > *{
height:100%;
display:flex;
overflow:hidden;
}
.iui-page-header .iui-header-split-button .iui-button{
padding:0 12px;
height:49px;
font-size:16px;
gap:12px;
gap:0;
max-width:25vw;
height:100%;
border-radius:0;
overflow:hidden;
padding:0 4px;
}
.iui-page-header .iui-header-split-button .iui-button:focus{
box-shadow:none;
outline-offset:-1px;
outline:1px solid #008ae0;
outline:1px solid var(--iui-color-foreground-primary);
}
.iui-page-header .iui-header-split-button .iui-button:focus:not(:focus-visible){
outline:0;
}
.iui-page-header .iui-header-split-button .iui-button > .iui-button-label{
text-align:left;
font-size:14px;
overflow:hidden;
}
.iui-page-header .iui-header-split-button .iui-button > .iui-button-label > div{
overflow:hidden;
text-overflow:ellipsis;
}
.iui-page-header .iui-header-split-button .iui-button .iui-description{
height:22px;
font-size:12px;
opacity:0.6;
opacity:var(--iui-opacity-3);
}
@media (prefers-reduced-motion: no-preference){
.iui-page-header .iui-header-split-button .iui-button .iui-description{
transition:all 0.2s ease;
}
}
.iui-page-header .iui-header-split-button .iui-button > .iui-button-icon{
flex-shrink:0;
}
.iui-page-header .iui-header-split-button .iui-button > * + *{
margin-left:12px;
}
.iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{
padding:4px;
width:16px;
height:16px;
border-radius:4px;
background-color:#edeff2;
fill:rgba(0, 0, 0, 0.4);
background-color:var(--iui-color-background-3);
fill:var(--iui-icons-color);
}
@media (prefers-reduced-motion: no-preference){
.iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{
transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out;
}
}
.iui-page-header .iui-header-split-button .iui-button.iui-active svg{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-page-header .iui-header-split-button .iui-button.iui-active .iui-description{
opacity:1;
}
.iui-page-header .iui-header-split-button .iui-button.iui-active, .iui-page-header .iui-header-split-button .iui-button.iui-active:hover{
box-shadow:0 2px 0 0 #008ae0;
background-color:rgba(0, 138, 224, 0.1);
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-page-header .iui-header-split-button .iui-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:hover .iui-header-button-icon{
fill:#008ae0;
background-color:rgba(0, 138, 224, 0.1);
fill:var(--iui-icons-color-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled{
background-color:rgba(0, 0, 0, 0.05);
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-button-label{
color:rgba(0, 0, 0, 0.2);
color:var(--iui-icons-color-actionable-disabled);
}
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-button-icon,
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-button-icon,
.iui-page-header .iui-header-split-button .iui-button.iui-active:disabled svg{
fill:rgba(0, 0, 0, 0.2);
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-header-button-icon{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-page-header .iui-header-split-button .iui-button:disabled .iui-header-button-icon{
filter:grayscale(1) opacity(0.7);
}
.iui-page-header.iui-slim > .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
width:12px;
height:12px;
padding:2px;
}
.iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
opacity:0;
height:0.1px;
width:0.1px;
margin:0;
padding:0;
}
.iui-page-header .iui-header-split-button > *:first-child .iui-button{
padding-left:12px;
}
.iui-page-header .iui-header-split-button.iui-active svg{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-page-header .iui-header-split-button.iui-active .iui-description{
opacity:1;
}
.iui-page-header .iui-header-split-button.iui-active, .iui-page-header .iui-header-split-button.iui-active:hover{
box-shadow:0 2px 0 0 #008ae0;
background-color:rgba(0, 138, 224, 0.1);
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-page-header .iui-header-split-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-split-button.iui-active:hover .iui-header-button-icon{
fill:#008ae0;
background-color:rgba(0, 138, 224, 0.1);
fill:var(--iui-icons-color-primary);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-page-header .iui-header-split-button.iui-active .iui-button-label{
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-page-header .iui-header-split-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button.iui-active:disabled{
background-color:rgba(0, 0, 0, 0.05);
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
.iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-button-label{
color:rgba(0, 0, 0, 0.2);
color:var(--iui-icons-color-actionable-disabled);
}
.iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button-icon,
.iui-page-header .iui-header-split-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-button-icon,
.iui-page-header .iui-header-split-button.iui-active:disabled svg{
fill:rgba(0, 0, 0, 0.2);
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-header-button-icon{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless, .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless:hover{
background-color:transparent;
}
.iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless::after{
display:none;
}
.iui-page-header .iui-header-split-button.iui-active > *:last-child > .iui-button:hover{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button:last-child:hover{
background-color:transparent;
background-color:transparent;
}
.iui-page-header > .iui-left > nav{
display:flex;
align-items:center;
height:100%;
}
.iui-page-header > .iui-left,
.iui-page-header > .iui-left > nav{
overflow:hidden;
box-sizing:content-box;
margin-bottom:-4px;
padding-bottom:4px;
}
.iui-page-header > .iui-left .iui-chevron{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:12px;
height:12px;
flex-shrink:0;
margin:0 4px;
}
@media (forced-colors: active){
.iui-page-header > .iui-left .iui-chevron{
fill:CanvasText;
}
}
.iui-page-header > .iui-left .iui-chevron.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-page-header > .iui-left .iui-chevron.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-page-header > .iui-left .iui-chevron.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-page-header > .iui-left .iui-chevron.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-page-header > .iui-center{
justify-content:center;
}
.iui-page-header > .iui-right{
justify-content:flex-end;
}
@media (prefers-reduced-motion: no-preference){
.iui-page-header > .iui-right .iui-user-icon,
.iui-page-header > .iui-right .iui-user-icon *{
transition:all 0.2s ease-out;
}
}
.iui-page-header .iui-button{
height:100%;
border-radius:0;
}
.iui-page-header .iui-divider{
width:1px;
height:22px;
background-color:#c7ccd1;
background-color:var(--iui-color-background-border);
}
.iui-page-header.iui-slim{
height:30px;
}
.iui-page-header.iui-slim > .iui-left .iui-header-logo > .iui-label{
font-size:14px;
}
.iui-page-header.iui-slim > .iui-left .iui-header-logo .iui-header-button-icon{
margin:0 28px;
}
.iui-page-header.iui-slim > .iui-left .iui-header-button-icon{
width:16px;
height:16px;
margin:0 4px;
display:inline-flex;
}
.iui-page-header.iui-slim > .iui-right .iui-user-icon{
width:24px;
height:24px;
--_iui-user-icon-status-size:12px;
}
.iui-page-header.iui-slim > .iui-right .iui-user-icon > .iui-initials{
line-height:24px;
font-size:12px;
}
@media (max-width: 768px){
.iui-page-header .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
opacity:0;
height:0.1px;
width:0.1px;
margin:0;
padding:0;
}
.iui-page-header .iui-left .iui-button .iui-header-button-icon + .iui-button-label, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon + .iui-button-label{
margin-left:0;
}
}
@media (max-width: 1024px){
.iui-page-header .iui-left .iui-header-logo > .iui-label{
display:none;
}
}
.iui-header-logo{
display:inline-flex;
align-items:center;
white-space:nowrap;
height:100%;
}
a.iui-header-logo,
button.iui-header-logo, .iui-header-logo[role=button]{
cursor:pointer;
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-family:inherit;
background-color:unset;
color:unset;
}
a.iui-header-logo:focus,
button.iui-header-logo:focus, .iui-header-logo[role=button]:focus{
box-shadow:none;
outline-offset:-1px;
outline:1px solid #008ae0;
outline:1px solid var(--iui-color-foreground-primary);
}
a.iui-header-logo:focus:not(:focus-visible),
button.iui-header-logo:focus:not(:focus-visible), .iui-header-logo[role=button]:focus:not(:focus-visible){
outline:0;
}
a.iui-header-logo:hover,
button.iui-header-logo:hover, .iui-header-logo[role=button]:hover{
background-color:rgba(0, 0, 0, 0.1);
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
}
a.iui-header-logo:hover:not(:focus-visible):not(:hover),
button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[role=button]:hover:not(:focus-visible):not(:hover){
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-header-logo .iui-header-button-icon{
margin:0 24px;
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
}
.iui-header-logo > .iui-label{
margin-right:12px;
font-size:16px;
}
@media (prefers-reduced-motion: no-preference){
.iui-header-logo > .iui-label{
transition:font-size 0.2s ease-out;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-tabs-wrapper{
display:flex;
position:relative;
}
.iui-tabs-wrapper.iui-horizontal{
flex-direction:column;
}
.iui-tabs-wrapper.iui-horizontal .iui-tabs{
display:flex;
}
.iui-tabs-wrapper.iui-horizontal .iui-tab::after{
width:100%;
height:0;
}
.iui-tabs-wrapper.iui-horizontal .iui-tab.iui-active::after{
height:2px;
}
.iui-tabs-wrapper.iui-vertical .iui-tabs li,
.iui-tabs-wrapper.iui-vertical .iui-tabs .iui-tab{
width:100%;
white-space:nowrap;
}
.iui-tabs-wrapper.iui-vertical .iui-tabs ~ .iui-tabs-content{
flex-grow:1;
}
.iui-tabs-wrapper.iui-vertical .iui-tab::after{
width:0;
height:100%;
}
.iui-tabs-wrapper.iui-vertical .iui-tab.iui-active::after{
width:2px;
}
.iui-tabs{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
position:relative;
list-style:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.iui-tabs .iui-tab{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-family:inherit;
position:relative;
display:flex;
align-items:center;
font-size:14px;
min-height:38px;
height:100%;
cursor:pointer;
transition:background-color 0.2s ease-out;
color:rgba(0, 0, 0, 0.8);
color:var(--iui-text-color);
}
.iui-tabs .iui-tab.iui-active{
color:#008ae0;
color:var(--iui-color-foreground-primary);
}
.iui-tabs .iui-tab.iui-active .iui-tab-icon{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-tabs .iui-tab.iui-active .iui-tab-description{
opacity:1;
opacity:var(--iui-opacity-1);
}
.iui-tabs .iui-tab[disabled]{
cursor:not-allowed;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-tabs .iui-tab[disabled] .iui-tab-icon{
fill:rgba(0, 0, 0, 0.2);
fill:var(--iui-icons-color-actionable-disabled);
}
.iui-tabs .iui-tab:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-tabs .iui-tab:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-tabs .iui-tab-icon{
width:16px;
height:16px;
flex-shrink:0;
transition:fill 0.2s ease-out;
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
}
.iui-tabs .iui-tab-icon + .iui-tab-label{
margin-left:8px;
}
.iui-tabs .iui-tab-description{
display:none;
font-size:12px;
opacity:0.6;
opacity:var(--iui-opacity-3);
}
.iui-tabs.iui-green .iui-tab:focus{
outline-color:var(--iui-color-foreground-positive);
}
.iui-tabs.iui-green .iui-tab.iui-active{
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-tabs.iui-green .iui-tab.iui-active .iui-tab-icon{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-tabs ~ .iui-tabs-content{
padding-top:11px;
padding-bottom:11px;
box-sizing:border-box;
}
.iui-tabs.iui-default .iui-tab::after{
content:"";
position:absolute;
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
@media (prefers-reduced-motion: no-preference){
.iui-tabs.iui-default .iui-active::after{
transition:width 0.2s ease, height 0.2s ease;
}
}
.iui-tabs.iui-default.iui-green .iui-tab::after{
background-color:#53a21a;
background-color:var(--iui-color-foreground-positive);
}
.iui-tabs.iui-default .iui-tab{
padding:4px 16px;
box-sizing:border-box;
background-color:#f9f9fb;
border:1px solid #c7ccd1;
background-color:var(--iui-color-background-2);
border:1px solid var(--iui-color-background-5);
}
.iui-tabs.iui-default .iui-tab::after{
top:0;
left:0;
}
.iui-tabs.iui-default .iui-tab:hover{
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-tabs.iui-default .iui-tab.iui-active{
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-tabs.iui-default .iui-tab[disabled]{
background-color:#edeff2;
background-color:var(--iui-color-background-3);
}
.iui-tabs.iui-default .iui-tab:focus{
outline-width:2px;
outline-offset:-2px;
}
.iui-horizontal .iui-tabs.iui-default .iui-tab.iui-active{
border-bottom-color:transparent;
}
.iui-horizontal .iui-tabs.iui-default :not(:first-child) .iui-tab{
border-left:none;
}
.iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{
margin-top:-1px;
}
.iui-horizontal .iui-tabs.iui-default :where(.iui-button){
height:100%;
}
.iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{
border-right-color:transparent;
}
.iui-vertical .iui-tabs.iui-default :not(:first-child) .iui-tab{
border-top:none;
}
.iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{
margin-left:-1px;
}
.iui-vertical .iui-tabs.iui-default :where(.iui-button){
width:100%;
}
.iui-tabs.iui-default.iui-large .iui-tab{
min-height:49px;
}
.iui-tabs.iui-default.iui-large .iui-tab-description{
display:-webkit-box;
}
.iui-tabs.iui-default.iui-green .iui-tab::after{
background-color:#53a21a;
background-color:var(--iui-color-foreground-positive);
}
.iui-tabs.iui-default ~ .iui-tabs-content{
padding-left:16px;
padding-right:16px;
background-color:white;
border:1px solid #c7ccd1;
background-color:var(--iui-color-background-1);
border:1px solid var(--iui-color-background-5);
}
.iui-tabs.iui-borderless .iui-tab{
padding:4px 24px;
background-color:transparent;
}
.iui-tabs.iui-borderless .iui-tab::after{
bottom:0;
right:0;
}
.iui-tabs.iui-borderless .iui-tab:hover{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-tabs.iui-borderless .iui-tab.iui-active{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-horizontal .iui-tabs.iui-borderless ~ .iui-tabs-content{
margin-top:-2px;
border-top:2px solid #dde1e4;
border-top:2px solid var(--iui-color-background-4);
}
.iui-vertical .iui-tabs.iui-borderless ~ .iui-tabs-content{
margin-left:-2px;
padding-left:12px;
padding-right:12px;
border-left:2px solid #dde1e4;
border-left:2px solid var(--iui-color-background-4);
}
.iui-tabs.iui-borderless.iui-green .iui-active, .iui-tabs.iui-borderless.iui-green .iui-tab:hover{
background-color:rgba(83, 162, 26, 0.1);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
}
.iui-tabs.iui-borderless.iui-large .iui-tab{
min-height:49px;
}
.iui-tabs.iui-borderless.iui-large .iui-tab-description{
display:-webkit-box;
}
.iui-tabs.iui-borderless .iui-tab[disabled]:hover{
background-color:transparent;
background-color:transparent;
}
.iui-tabs.iui-pill{
justify-content:space-evenly;
}
.iui-tabs.iui-pill > li{
flex:1 1 0;
}
.iui-tabs.iui-pill > li:not(:last-child){
margin-right:2px;
}
.iui-tabs.iui-pill.iui-green .iui-tab:hover{
background-color:rgba(83, 162, 26, 0.1);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
}
.iui-tabs.iui-pill .iui-tab{
padding:4px;
background-color:transparent;
width:100%;
justify-content:center;
border-radius:4px;
}
.iui-tabs.iui-pill .iui-tab::after{
bottom:0;
left:0;
}
.iui-tabs.iui-pill .iui-tab:hover{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-tabs.iui-pill .iui-tab[disabled]:hover{
background-color:transparent;
background-color:transparent;
}
.iui-tabs.iui-animated::after{
position:absolute;
content:" ";
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
.iui-tabs.iui-animated.iui-green::after{
background-color:#53a21a;
background-color:var(--iui-color-foreground-positive);
}
.iui-horizontal .iui-tabs.iui-animated::after{
top:calc(100% - 2px);
height:2px;
left:var(--stripe-left);
width:var(--stripe-width);
}
@media (prefers-reduced-motion: no-preference){
.iui-horizontal .iui-tabs.iui-animated::after{
transition:width 0.2s ease-out, left 0.2s ease-out;
}
}
.iui-vertical .iui-tabs.iui-animated::after{
left:calc(100% - 2px);
width:2px;
top:var(--stripe-top);
height:var(--stripe-height);
}
@media (prefers-reduced-motion: no-preference){
.iui-vertical .iui-tabs.iui-animated::after{
transition:top 0.2s ease-out;
}
}
.iui-tabs.iui-not-animated .iui-tab::after{
content:"";
position:absolute;
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
@media (prefers-reduced-motion: no-preference){
.iui-tabs.iui-not-animated .iui-active::after{
transition:width 0.2s ease, height 0.2s ease;
}
}
.iui-tabs.iui-not-animated.iui-green .iui-tab::after{
background-color:#53a21a;
background-color:var(--iui-color-foreground-positive);
}
.iui-tab-label{
text-align:left;
max-width:60ch;
}
.iui-tab-label > *{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
@supports (-webkit-line-clamp: 1){
.iui-tab-label > *{
white-space:unset;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-information-panel-wrapper{
position:relative;
overflow:hidden;
}
.iui-information-panel{
position:absolute;
opacity:0;
visibility:hidden;
display:flex;
flex-direction:column;
box-sizing:border-box;
max-width:100%;
max-height:100%;
z-index:2;
background-color:white;
background-color:var(--iui-color-background-1);
}
@media (prefers-reduced-motion: no-preference){
.iui-information-panel{
transition:visibility 0s 0.2s ease-in, transform 0.2s ease-out, opacity 0.2s ease;
}
}
.iui-information-panel > .iui-resizer{
display:none;
position:absolute;
touch-action:none;
}
.iui-information-panel > .iui-resizer > .iui-resizer-bar{
background-color:#c7ccd1;
background-color:var(--iui-color-background-border);
}
.iui-information-panel > .iui-resizer:hover > .iui-resizer-bar{
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
.iui-information-panel .iui-information-header,
.iui-information-panel .iui-information-body{
padding-left:12px;
padding-right:12px;
box-sizing:border-box;
}
.iui-information-panel .iui-information-header{
height:55px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:space-between;
background-color:#edeff2;
background-color:var(--iui-color-background-3);
}
.iui-information-panel .iui-information-header .iui-information-header-label{
display:flex;
align-items:center;
overflow:hidden;
}
.iui-information-panel .iui-information-header .iui-information-header-label > *{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
}
.iui-information-panel .iui-information-header .iui-information-header-label svg{
display:flex;
width:24px;
height:24px;
margin-right:8px;
flex-shrink:0;
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
}
.iui-information-panel .iui-information-header .iui-information-header-actions{
flex-shrink:0;
margin-left:8px;
}
.iui-information-panel .iui-information-body{
padding-top:11px;
padding-bottom:11px;
height:100%;
overflow-x:hidden;
overflow-y:auto;
overflow-y:overlay;
}
.iui-information-panel .iui-information-body > hr{
border-color:#c7ccd1;
border-color:var(--iui-color-background-border);
}
.iui-information-panel.iui-right{
top:0;
right:0;
width:384px;
min-width:192px;
height:100%;
transform:translateX(100%);
box-shadow:-1px 0 10px rgba(0, 0, 0, 0.25);
-webkit-clip-path:inset(0 0 0 -15px);
clip-path:inset(0 0 0 -15px);
}
.iui-information-panel.iui-right > .iui-resizer{
height:100%;
width:16px;
top:0;
cursor:ew-resize;
justify-content:center;
}
.iui-information-panel.iui-right > .iui-resizer > .iui-resizer-bar{
height:100%;
width:1px;
}
@media (prefers-reduced-motion: no-preference){
.iui-information-panel.iui-right > .iui-resizer > .iui-resizer-bar{
transition:background-color 0.2s ease-out, width 0.2s ease-out;
}
}
.iui-information-panel.iui-right > .iui-resizer:hover > .iui-resizer-bar{
width:4px;
}
.iui-information-panel.iui-right > .iui-resizer{
left:-8px;
}
.iui-information-panel.iui-bottom{
left:0;
bottom:0;
height:384px;
min-height:192px;
width:100%;
transform:translateY(100%);
box-shadow:0 -1px 10px rgba(0, 0, 0, 0.25);
-webkit-clip-path:inset(-15px 0 0 0);
clip-path:inset(-15px 0 0 0);
}
.iui-information-panel.iui-bottom > .iui-resizer{
width:100%;
height:16px;
left:0;
cursor:ns-resize;
align-items:center;
}
.iui-information-panel.iui-bottom > .iui-resizer > .iui-resizer-bar{
width:100%;
height:1px;
}
@media (prefers-reduced-motion: no-preference){
.iui-information-panel.iui-bottom > .iui-resizer > .iui-resizer-bar{
transition:background-color 0.2s ease-out, height 0.2s ease-out;
}
}
.iui-information-panel.iui-bottom > .iui-resizer:hover > .iui-resizer-bar{
height:4px;
}
.iui-information-panel.iui-bottom > .iui-resizer{
top:-8px;
}
.iui-information-panel.iui-visible{
opacity:1;
visibility:visible;
transform:translate(0);
}
@media (prefers-reduced-motion: no-preference){
.iui-information-panel.iui-visible{
transition:transform 0.2s ease-out, opacity 0.2s ease;
}
}
.iui-information-panel.iui-visible > .iui-resizer{
display:flex;
}
.iui-information-body-content{
display:-ms-grid;
display:grid;
}
.iui-information-body-content .iui-input-label{
font-weight:400;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-information-body-content:not(.iui-inline) > *:nth-child(even):not(:last-child){
margin-bottom:11px;
}
.iui-information-body-content.iui-inline{
row-gap:11px;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
align-items:center;
}
.iui-information-body-content.iui-inline .iui-input-label{
margin:0 16px 0 0;
-ms-grid-column-span:1;
-ms-grid-column-align:end;
justify-self:end;
text-align:end;
}
.iui-information-body-content.iui-inline .iui-input-label.iui-required{
margin-right:6px;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-radio-tile{
cursor:pointer;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.1);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-radio-tile:first-of-type > .iui-radio-tile-content{
border-radius:4px 0 0 4px;
}
.iui-radio-tile:last-of-type > .iui-radio-tile-content{
border-radius:0 4px 4px 0;
}
.iui-radio-tile:not(:first-of-type) > .iui-radio-tile-content{
margin-left:-1px;
}
.iui-radio-tile-content{
width:160px;
height:100%;
box-sizing:border-box;
padding:8px;
position:relative;
z-index:1;
border:1px solid rgba(0, 0, 0, 0.4);
background-color:white;
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
background-color:var(--iui-color-background-1);
}
@media (prefers-reduced-motion: no-preference){
.iui-radio-tile-content{
transition:border-color 0.2s ease-out;
}
}
.iui-radio-tile-content:hover{
z-index:2;
border-color:rgba(0, 0, 0, 0.8);
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
.iui-radio-tile-content:hover .iui-radio-tile-icon{
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
}
@media (forced-colors: active){
.iui-radio-tile-content:hover .iui-radio-tile-icon{
fill:CanvasText;
}
}
.iui-radio-tile-container{
display:inline-flex;
flex-wrap:wrap;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:relative;
z-index:0;
}
.iui-radio-tile-input{
width:0;
height:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
opacity:0;
position:absolute;
}
.iui-radio-tile-input:focus-visible + *{
outline-offset:-4px;
outline:2px solid #008ae0;
outline:2px solid var(--iui-color-foreground-primary);
}
@media (forced-colors: active){
.iui-radio-tile-input:focus-visible + *{
outline-color:Highlight;
}
}
@supports not selector(*:focus-visible){
.iui-radio-tile-input:focus + *{
outline-offset:-4px;
outline:2px solid #008ae0;
outline:2px solid var(--iui-color-foreground-primary);
}
@media (forced-colors: active){
.iui-radio-tile-input:focus + *{
outline-color:Highlight;
}
}
}
.iui-radio-tile-input:checked + *{
padding:7px;
z-index:3;
border:2px solid #008ae0;
border:2px solid var(--iui-color-foreground-primary);
}
@media (forced-colors: active){
.iui-radio-tile-input:checked + *{
border-color:Highlight;
}
}
.iui-radio-tile-input:checked + * .iui-radio-tile-icon{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
@media (forced-colors: active){
.iui-radio-tile-input:checked + * .iui-radio-tile-icon{
fill:Highlight;
}
}
.iui-radio-tile-input:checked + *::after{
content:"";
width:16px;
height:16px;
position:absolute;
top:8px;
right:8px;
-webkit-mask:url('data:image/svg+xml;utf8,');
mask:url('data:image/svg+xml;utf8,');
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
@media (forced-colors: active){
.iui-radio-tile-input:checked + *::after{
background-color:Highlight;
}
}
.iui-radio-tile-input:disabled + *{
cursor:not-allowed;
z-index:0;
border-color:#edeff2;
background-color:#edeff2;
border-color:var(--iui-color-background-disabled);
background-color:var(--iui-color-background-disabled);
}
.iui-radio-tile-input:disabled + *::after{
background-color:rgba(0, 0, 0, 0.2);
background-color:var(--iui-icons-color-actionable-disabled);
}
@media (forced-colors: active){
.iui-radio-tile-input:disabled + *::after{
background-color:GrayText;
}
}
.iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
filter:grayscale(100%);
fill:rgba(0, 0, 0, 0.2);
fill:var(--iui-icons-color-actionable-disabled);
}
@media (forced-colors: active){
.iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
fill:GrayText;
}
}
@media (forced-colors: active){
.iui-radio-tile-input:disabled + * .iui-radio-tile-label,
.iui-radio-tile-input:disabled + * .iui-radio-tile-sublabel{
color:GrayText;
}
}
.iui-radio-tile-input:disabled + * .iui-radio-tile-label{
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-radio-tile-input:disabled:checked + *{
z-index:3;
border:2px solid rgba(0, 0, 0, 0.4);
border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
@media (forced-colors: active){
.iui-radio-tile-input:disabled:checked + *{
border-color:GrayText;
}
}
.iui-radio-tile-icon{
width:32px;
height:32px;
display:block;
margin:0 auto;
padding-top:6px;
padding-bottom:11px;
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
}
@media (prefers-reduced-motion: no-preference){
.iui-radio-tile-icon{
transition:fill 0.2s ease-out;
}
}
@media (forced-colors: active){
.iui-radio-tile-icon{
fill:CanvasText;
}
}
.iui-radio-tile-label{
font-size:14px;
font-weight:600;
line-height:22px;
text-align:center;
word-break:break-word;
color:rgba(0, 0, 0, 0.8);
color:var(--iui-text-color);
}
.iui-radio-tile-sublabel{
font-size:12px;
line-height:15px;
text-align:center;
word-break:break-word;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-side-navigation{
display:inline-flex;
flex:0 0 auto;
flex-direction:column;
height:100%;
background-color:#edeff2;
border-right:1px solid #c7ccd1;
background-color:var(--iui-color-background-3);
border-right:1px solid var(--iui-color-background-border);
}
@media (prefers-reduced-motion: no-preference){
.iui-side-navigation{
transition:max-width 0.2s ease-out;
}
}
.iui-side-navigation > .iui-sidenav-content{
display:flex;
flex-direction:column;
flex-grow:1;
width:100%;
}
.iui-side-navigation > .iui-sidenav-content > .iui-top,
.iui-side-navigation > .iui-sidenav-content > .iui-bottom{
flex-grow:1;
display:flex;
flex-direction:column;
}
.iui-side-navigation > .iui-sidenav-content > .iui-top .iui-sidenav-button:first-of-type{
border-top:none;
}
.iui-side-navigation > .iui-sidenav-content > .iui-top .iui-sidenav-button:not(:last-of-type){
border-bottom:none;
}
.iui-side-navigation > .iui-sidenav-content > .iui-bottom{
justify-content:flex-end;
}
.iui-side-navigation > .iui-sidenav-content > .iui-bottom .iui-sidenav-button{
border-bottom:none;
}
.iui-side-navigation > .iui-sidenav-content + .iui-sidenav-button.iui-expand{
border:none;
border-top:1px solid #c7ccd1;
border-top:1px solid var(--iui-color-background-border);
}
.iui-side-navigation.iui-collapsed{
min-width:72px;
max-width:72px;
}
@supports (min-width: max(0px)){
.iui-side-navigation.iui-collapsed{
min-width:max(24px * 3, 24px * 3 + env(safe-area-inset-left));
max-width:max(24px * 3, 24px * 3 + env(safe-area-inset-left));
}
}
.iui-side-navigation.iui-expanded,
.iui-side-navigation > .iui-sidenav-content{
max-width:288px;
}
.iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-button-icon,
.iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-button-icon{
transform:scaleX(-1);
}
.iui-side-navigation .iui-sidenav-button{
gap:24px;
border-radius:0;
border-left:none;
border-right:none;
overflow:hidden;
justify-content:flex-start;
--_iui-button-active-stripe-inset:0 0 0 calc(100% - 2px);
}
.iui-side-navigation .iui-sidenav-button:not(.iui-expand){
height:55px;
}
@supports (padding: max(0px)){
.iui-side-navigation .iui-sidenav-button:not(.iui-expand){
padding-left:max(24px, 24px + env(safe-area-inset-left));
}
}
.iui-side-navigation .iui-sidenav-button > .iui-button-label{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:hover, .iui-side-navigation .iui-sidenav-button[disabled]{
border-color:#c7ccd1;
border-color:var(--iui-color-background-border);
}
.iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-user-icon){
width:24px;
height:24px;
flex-shrink:0;
}
.iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-button-icon{
fill:#008ae0;
fill:var(--iui-color-foreground-primary);
}
.iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:disabled{
background-color:#f9f9fb;
background-color:var(--iui-color-background-2);
}
.iui-side-navigation .iui-sidenav-button.iui-expand{
height:22px;
justify-content:center;
border:none;
border-bottom:1px solid #c7ccd1;
border-bottom:1px solid var(--iui-color-background-border);
}
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:12px;
height:12px;
}
@media (forced-colors: active){
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
fill:CanvasText;
}
}
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
@media (prefers-reduced-motion: no-preference){
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
transition:transform 0.4s ease-out;
}
}
.iui-side-navigation-submenu{
min-width:192px;
max-width:50vw;
height:100%;
box-sizing:border-box;
overflow-x:hidden;
overflow-y:auto;
overflow-y:overlay;
resize:horizontal;
background-color:white;
border-right:1px solid #c7ccd1;
background-color:var(--iui-color-background-1);
border-right:1px solid var(--iui-color-background-border);
}
.iui-side-navigation-submenu.iui-enter{
opacity:0;
}
.iui-side-navigation-submenu.iui-enter-active{
opacity:1;
}
@media (prefers-reduced-motion: no-preference){
.iui-side-navigation-submenu.iui-enter-active{
transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
}
}
.iui-side-navigation-submenu.iui-exit{
opacity:1;
}
.iui-side-navigation-submenu.iui-exit-active{
opacity:0;
}
@media (prefers-reduced-motion: no-preference){
.iui-side-navigation-submenu.iui-exit-active{
transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
}
}
.iui-side-navigation-submenu.iui-enter-active, .iui-side-navigation-submenu.iui-exit-active{
display:flex;
}
.iui-side-navigation-submenu-content{
padding:0 12px 11px;
flex-shrink:0;
box-sizing:border-box;
}
.iui-side-navigation-submenu-header{
height:55px;
display:flex;
align-items:center;
justify-content:space-between;
}
.iui-side-navigation-submenu-header-label{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:24px;
font-weight:300;
line-height:33px;
display:flex;
align-items:center;
overflow:hidden;
}
.iui-side-navigation-submenu-header-label .iui-button{
flex-shrink:0;
}
.iui-side-navigation-submenu-header-label > *{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.iui-side-navigation-submenu-header-actions{
flex-shrink:0;
margin-left:8px;
}
.iui-side-navigation-wrapper{
display:flex;
position:relative;
height:100%;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-skip-to-content-link{
background-color:rgba(0, 0, 0, 0.8);
background-color:rgba(0, 0, 0, var(--iui-opacity-2));
color:white;
color:var(--iui-color-foreground-accessory);
border-radius:9999px;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
padding:8.25px 16px;
position:fixed;
text-align:center;
left:50%;
top:22px;
opacity:0;
z-index:99;
transform:translateX(-50%) translateY(-170%);
transition:background-color 0.2s ease-in-out;
}
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
.iui-skip-to-content-link{
background-color:rgba(0, 0, 0, var(--iui-opacity-3));
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
}
}
.iui-skip-to-content-link:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:2px;
}
@supports not selector(*:focus-visible){
.iui-skip-to-content-link:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:2px;
}
}
@media (prefers-reduced-motion: no-preference){
.iui-skip-to-content-link{
transition:opacity 0.8s ease-in-out, background-color 0.8s ease-in-out, transform 0.8s ease-in-out, box-shadow 0.8s ease-in-out;
}
}
.iui-skip-to-content-link:hover{
background-color:black;
background-color:rgba(0, 0, 0, var(--iui-opacity-1));
}
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
.iui-skip-to-content-link:hover{
background-color:rgba(0, 0, 0, var(--iui-opacity-2));
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
}
}
.iui-skip-to-content-link:focus{
opacity:1;
transform:translateX(-50%) translateY(0);
box-shadow:0 6px 30px rgba(0, 0, 0, 0.25);
}
@media (prefers-reduced-motion: no-preference){
.iui-skip-to-content-link:focus{
transition:opacity 0s ease-in-out, background-color 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@charset "UTF-8";
@layer itwinui-v1{
.iui-table{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
flex-direction:column;
isolation:isolate;
}
.iui-table *{
box-sizing:border-box;
}
.iui-table .iui-cell-end-icon,
.iui-table .iui-cell-start-icon{
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
}
.iui-table .iui-cell-end-icon svg:not(.iui-radial),
.iui-table .iui-cell-start-icon svg:not(.iui-radial){
display:flex;
width:16px;
height:16px;
}
.iui-table .iui-cell-start-icon{
margin-right:8px;
}
.iui-table .iui-cell-end-icon{
width:24px;
height:24px;
margin-right:12px;
margin-left:auto;
}
.iui-table.iui-condensed .iui-table-header .iui-cell,
.iui-table.iui-condensed .iui-paginator{
min-height:44px;
}
.iui-table.iui-condensed .iui-row .iui-cell{
min-height:46px;
}
.iui-table.iui-extra-condensed .iui-table-header .iui-cell,
.iui-table.iui-extra-condensed .iui-paginator{
min-height:33px;
}
.iui-table.iui-extra-condensed .iui-row .iui-cell{
min-height:35px;
}
.iui-table.iui-extra-condensed .iui-table-header .iui-cell{
padding-block:2.75px;
}
.iui-table-header-wrapper{
overflow:hidden;
display:flex;
flex-shrink:0;
}
@supports not (overflow: overlay){
.iui-table-header-wrapper{
overflow-y:scroll;
}
}
.iui-table-header{
display:flex;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
min-width:100%;
flex-shrink:0;
}
.iui-table-header .iui-row{
display:flex;
flex-grow:1;
min-width:100%;
}
.iui-table-header .iui-cell{
min-height:55px;
background-color:#edeff2;
background-color:var(--iui-color-background-3);
}
.iui-table-header .iui-cell:not(.iui-slot){
-moz-column-gap:4px;
column-gap:4px;
padding-block:5.5px;
}
.iui-table-header .iui-cell:not(.iui-slot):focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-table-header .iui-cell:not(.iui-slot):focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
cursor:pointer;
}
.iui-table-header .iui-cell:not(.iui-slot).iui-grabbing{
cursor:-webkit-grabbing;
cursor:grabbing;
}
.iui-table-header .iui-cell:not(.iui-slot) .iui-filter-button:not(.iui-active){
visibility:hidden;
}
.iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer{
height:100%;
width:16px;
position:absolute;
top:0;
right:0;
transform:translateX(50%);
touch-action:none;
cursor:ew-resize;
z-index:1;
opacity:0;
}
.iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
height:100%;
width:2px;
margin:0 auto;
background-color:#c7ccd1;
background-color:var(--iui-color-background-border);
}
@media (prefers-reduced-motion: no-preference){
.iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
transition:background-color 0.2s ease-out, width 0.2s ease-out;
}
}
.iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer:hover > .iui-resizer-bar{
width:4px;
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
.iui-table-header .iui-cell:not(.iui-slot):hover > .iui-resizer{
opacity:1;
}
.iui-table-header .iui-cell:not(.iui-slot):hover, .iui-table-header .iui-cell:not(.iui-slot):focus, .iui-table-header .iui-cell:not(.iui-slot):focus-within{
background-color:#dde1e4;
background-color:var(--iui-color-background-4);
}
.iui-table-header .iui-cell:not(.iui-slot):hover .iui-sort,
.iui-table-header .iui-cell:not(.iui-slot):hover .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus .iui-sort,
.iui-table-header .iui-cell:not(.iui-slot):focus .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-sort,
.iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-filter-button{
visibility:visible;
}
.iui-table-header .iui-reorder-bar{
position:absolute;
height:100%;
width:2px;
}
.iui-table-header .iui-reorder-column-right > .iui-reorder-bar{
right:0;
}
.iui-table-header .iui-reorder-column-left > .iui-reorder-bar{
left:0;
}
.iui-table-header .iui-reorder-column-left > .iui-reorder-bar,
.iui-table-header .iui-reorder-column-right > .iui-reorder-bar{
background-color:#008ae0;
background-color:var(--iui-color-foreground-primary);
}
.iui-table-header .iui-sort{
visibility:hidden;
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
}
.iui-table-header .iui-sorted{
background-color:#dde1e4;
background-color:var(--iui-color-background-4);
}
.iui-table-header .iui-sorted .iui-sort{
visibility:visible;
fill:rgba(0, 0, 0, 0.8);
fill:var(--iui-icons-color-actionable);
}
.iui-table-header-actions-container{
display:flex;
flex-grow:1;
align-items:center;
flex-wrap:wrap;
justify-content:flex-end;
margin-right:12px;
}
.iui-table-header-actions-container .iui-cell-end-icon{
width:28px;
height:28px;
margin-right:initial;
margin-left:auto;
}
.iui-table-body{
overflow-y:scroll;
overflow:overlay;
display:flex;
flex-direction:column;
flex-grow:1;
align-items:flex-start;
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-table-body.iui-scroll-snapping{
-ms-scroll-snap-type:y mandatory;
scroll-snap-type:y mandatory;
}
.iui-table-body.iui-scroll-snapping .iui-row{
scroll-snap-align:start none;
}
.iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected) .iui-cell{
background:linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), linear-gradient(white, white);
background:linear-gradient(rgba(var(--iui-color-foreground-body-rgb), 0.02), rgba(var(--iui-color-foreground-body-rgb), 0.02)), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-table-body .iui-row{
min-width:100%;
display:flex;
}
.iui-table-body .iui-row .iui-cell{
border-top:solid 1px transparent;
border-bottom:solid 1px transparent;
border-bottom-color:#c7ccd1;
border-bottom-color:var(--iui-color-background-border);
background-color:white;
background-color:var(--iui-color-background-1);
}
@media (prefers-reduced-motion: no-preference){
.iui-table-body .iui-row .iui-cell{
transition:border 0.2s ease-out;
}
}
.iui-table-body .iui-row > .iui-slot > .iui-more-options{
visibility:hidden;
}
.iui-table-body .iui-row:hover:not(.iui-disabled) .iui-cell{
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot:not(.iui-disabled) > .iui-more-options{
visibility:visible;
}
.iui-table-body .iui-row:focus-within > .iui-slot:not(.iui-disabled) > .iui-more-options{
visibility:visible;
}
@media (prefers-reduced-motion: no-preference){
.iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
transition:transform 0.2s ease-out;
}
}
.iui-table-body .iui-row.iui-row-expanded{
overflow:hidden;
}
.iui-table-body .iui-row.iui-row-expanded .iui-cell{
border-left-color:#dde1e4;
border-right-color:#dde1e4;
border-left-color:var(--iui-color-background-4);
border-right-color:var(--iui-color-background-4);
border-bottom-color:transparent;
}
.iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
transform:rotate(90deg);
}
.iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
border-left-color:#dde1e4;
border-right-color:#dde1e4;
border-left-color:var(--iui-color-background-4);
border-right-color:var(--iui-color-background-4);
}
.iui-table-body .iui-row.iui-expanded-content{
overflow:hidden;
border-left:1px solid transparent;
border-right:1px solid transparent;
border-bottom:1px solid #c7ccd1;
border-bottom:1px solid var(--iui-color-background-border);
}
.iui-table-body .iui-row.iui-expanded-content.iui-enter{
opacity:0;
}
.iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
opacity:1;
}
@media (prefers-reduced-motion: no-preference){
.iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
}
}
.iui-table-body .iui-row.iui-expanded-content.iui-exit{
opacity:1;
}
.iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
opacity:0;
}
@media (prefers-reduced-motion: no-preference){
.iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
}
}
.iui-table-body .iui-row:not(.iui-selected) + .iui-selected .iui-cell, .iui-table-body .iui-row.iui-selected:first-child .iui-cell{
border-bottom-color:transparent;
}
.iui-table-body .iui-row.iui-selected .iui-cell{
border-color:#008ae0;
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
border-color:var(--iui-color-foreground-primary);
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-table-body .iui-row.iui-selected + .iui-selected .iui-cell{
border-bottom-color:transparent;
border-top-color:rgba(0, 138, 224, 0.4);
border-top-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
}
.iui-table-body .iui-row.iui-selected:last-child .iui-cell{
border-bottom-color:#008ae0;
border-bottom-color:var(--iui-color-foreground-primary);
}
.iui-table-body .iui-row.iui-selected + :not(.iui-selected) .iui-cell,
.iui-table-body .iui-row.iui-selected + .iui-expanded-content + .iui-row:not(.iui-selected) .iui-cell{
border-top-color:#008ae0;
border-top-color:var(--iui-color-foreground-primary);
}
.iui-table-body .iui-row.iui-selected + .iui-expanded-content{
border-color:transparent #008ae0;
border-color:transparent var(--iui-color-foreground-primary);
}
.iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
border-bottom-color:#008ae0;
}
.iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
border-bottom-color:var(--iui-color-foreground-primary);
}
.iui-table-body .iui-row.iui-new{
font-weight:600;
}
.iui-table-body .iui-row.iui-new > .iui-main-column::before{
content:"•";
position:absolute;
left:0;
font-size:24px;
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-table-body .iui-row .iui-cell.iui-disabled, .iui-table-body .iui-row.iui-expanded-content.iui-disabled{
font-style:italic;
cursor:not-allowed;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-table-body .iui-row .iui-cell.iui-disabled.iui-slot:hover > .iui-more-options, .iui-table-body .iui-row.iui-expanded-content.iui-disabled.iui-slot:hover > .iui-more-options{
visibility:hidden;
}
.iui-table-body .iui-row .iui-cell.iui-disabled img,
.iui-table-body .iui-row .iui-cell.iui-disabled svg:not(.iui-radial),
.iui-table-body .iui-row .iui-cell.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-expanded-content.iui-disabled img,
.iui-table-body .iui-row.iui-expanded-content.iui-disabled svg:not(.iui-radial),
.iui-table-body .iui-row.iui-expanded-content.iui-disabled .iui-user-icon{
filter:grayscale(100%);
}
.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type,
.iui-table-body .iui-row.iui-positive + .iui-expanded-content{
box-shadow:inset 2px 0 0 0 #53a21a;
box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive);
}
.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::selection,
.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::selection,
.iui-table-body .iui-row.iui-positive + .iui-expanded-content::selection,
.iui-table-body .iui-row.iui-positive + .iui-expanded-content *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-table-body .iui-row.iui-positive .iui-cell-end-icon svg{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type,
.iui-table-body .iui-row.iui-warning + .iui-expanded-content{
box-shadow:inset 2px 0 0 0 #f18d13;
box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning);
}
.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::selection,
.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::selection,
.iui-table-body .iui-row.iui-warning + .iui-expanded-content::selection,
.iui-table-body .iui-row.iui-warning + .iui-expanded-content *::selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-table-body .iui-row.iui-warning .iui-cell-end-icon svg{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type,
.iui-table-body .iui-row.iui-negative + .iui-expanded-content{
box-shadow:inset 2px 0 0 0 #d10a0a;
box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative);
}
.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::selection,
.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::selection,
.iui-table-body .iui-row.iui-negative + .iui-expanded-content::selection,
.iui-table-body .iui-row.iui-negative + .iui-expanded-content *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-table-body .iui-row.iui-negative .iui-cell-end-icon svg{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-table-body > .iui-table-empty{
text-align:center;
padding:32px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex-grow:1;
-ms-grid-row-align:center;
align-self:center;
color:rgba(0, 0, 0, 0.4);
background-color:white;
color:var(--iui-text-color-muted);
background-color:var(--iui-color-background-1);
}
.iui-cell{
align-items:center;
display:flex;
flex-grow:1;
min-width:64px;
min-height:57px;
padding-left:16px;
flex-basis:64px;
position:relative;
word-break:break-word;
}
.iui-cell:first-of-type{
border-left:solid 1px transparent;
}
.iui-cell:last-of-type{
border-right:solid 1px transparent;
}
.iui-cell.iui-slot{
width:48px;
padding:0;
flex-grow:0;
min-width:0;
display:flex;
justify-content:center;
align-items:center;
flex-basis:48px;
}
.iui-cell.iui-cell-sticky{
position:-webkit-sticky;
position:sticky;
z-index:1;
left:var(--iui-table-sticky-left, initial);
right:var(--iui-table-sticky-right, initial);
}
.iui-cell:not(.iui-slot):last-child{
padding-right:16px;
}
.iui-cell.iui-positive{
background:linear-gradient(rgba(83, 162, 26, 0.1), rgba(83, 162, 26, 0.1)), linear-gradient(white, white);
background:linear-gradient(rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-cell.iui-positive::-moz-selection, .iui-cell.iui-positive *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-cell.iui-positive::selection,
.iui-cell.iui-positive *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-cell.iui-warning{
background:linear-gradient(rgba(241, 141, 19, 0.1), rgba(241, 141, 19, 0.1)), linear-gradient(white, white);
background:linear-gradient(rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-cell.iui-warning::-moz-selection, .iui-cell.iui-warning *::-moz-selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-cell.iui-warning::selection,
.iui-cell.iui-warning *::selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-cell.iui-negative{
background:linear-gradient(rgba(209, 10, 10, 0.1), rgba(209, 10, 10, 0.1)), linear-gradient(white, white);
background:linear-gradient(rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-cell.iui-negative::-moz-selection, .iui-cell.iui-negative *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-cell.iui-negative::selection,
.iui-cell.iui-negative *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-cell[contenteditable]{
outline-offset:-1px;
}
.iui-cell[contenteditable]:focus, .iui-cell[contenteditable]:hover{
outline:1px solid #008ae0;
outline:1px solid var(--iui-color-foreground-primary);
}
.iui-cell[contenteditable]:focus{
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-cell-shadow-left{
position:absolute;
top:-1px;
bottom:-1px;
width:24px;
pointer-events:none;
left:0;
transform:translate(-100%);
box-shadow:inset -10px 0 5px -10px rgba(0, 0, 0, 0.25);
}
.iui-table-header .iui-cell-shadow-left{
top:0;
bottom:0;
}
.iui-cell-shadow-right{
position:absolute;
top:-1px;
bottom:-1px;
width:24px;
pointer-events:none;
right:0;
transform:translate(100%);
box-shadow:inset 10px 0 5px -10px rgba(0, 0, 0, 0.25);
}
.iui-table-header .iui-cell-shadow-right{
top:0;
bottom:0;
}
.iui-paginator{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
justify-content:space-between;
align-items:center;
min-height:55px;
padding:0 16px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:#edeff2;
background-color:var(--iui-color-background-3);
}
.iui-paginator > .iui-left,
.iui-paginator > .iui-center,
.iui-paginator > .iui-right{
display:flex;
align-items:center;
position:relative;
flex:1;
min-width:0;
}
.iui-paginator > .iui-center{
justify-content:center;
flex:2 1;
color:rgba(0, 0, 0, 0.8);
color:var(--iui-text-color);
}
.iui-paginator > .iui-right{
justify-content:flex-end;
}
.iui-paginator-page-size-label{
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.iui-paginator-ellipsis{
display:flex;
justify-content:center;
align-items:center;
width:38px;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-paginator-ellipsis-small{
width:27px;
}
.iui-paginator-pages-group{
display:inline-flex;
align-items:center;
margin:0 8px;
}
.iui-paginator-page-button{
--_iui-button-active-stripe-inset:initial;
--_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-family:inherit;
display:inline-flex;
align-items:center;
vertical-align:middle;
justify-content:center;
position:relative;
box-sizing:border-box;
border-radius:4px;
line-height:22px;
box-shadow:none;
font-size:14px;
font-weight:400;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
white-space:nowrap;
border:1px solid transparent;
color:rgba(0, 0, 0, 0.8);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
color:var(--_iui-button-text-color);
border-color:transparent;
background-color:transparent;
padding:0 8px;
height:38px;
gap:8px;
width:38px;
--_iui-button-active-stripe-inset:calc(100% - 4px) 2px 2px;
}
@media (prefers-reduced-motion: no-preference){
.iui-paginator-page-button{
transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
}
.iui-paginator-page-button:hover{
--_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
text-decoration:none;
}
.iui-paginator-page-button:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-paginator-page-button:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-paginator-page-button > .iui-button-icon:only-child{
margin-left:3px;
margin-right:3px;
}
.iui-paginator-page-button:hover{
background-color:rgba(0, 0, 0, 0.1);
border-color:transparent;
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
border-color:transparent;
}
.iui-paginator-page-button.iui-active{
background-color:rgba(0, 138, 224, 0.1);
color:#008ae0;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
color:var(--iui-color-foreground-primary);
border-color:transparent;
}
.iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
background-color:transparent;
border-color:transparent;
background-color:transparent;
border-color:transparent;
}
.iui-paginator-page-button[disabled].iui-active, .iui-paginator-page-button:disabled.iui-active{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-paginator-page-button.iui-active::after{
content:"";
position:absolute;
inset:var(--_iui-button-active-stripe-inset);
background-color:var(--iui-color-foreground-primary);
}
.iui-paginator-page-button.iui-active[disabled]::after, .iui-paginator-page-button.iui-active:disabled::after{
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
}
.iui-paginator-page-button-small{
padding:0 8px;
height:27px;
gap:4px;
width:27px;
}
.iui-column-filter{
--iui-surface-background-color:var(--iui-color-background-1);
--iui-surface-border-radius:0;
--iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
background-color:var(--iui-surface-background-color);
border-radius:var(--iui-surface-border-radius);
box-shadow:var(--iui-surface-elevation);
box-sizing:border-box;
color:var(--iui-text-color);
padding:11px 12px;
display:inline-flex;
flex-direction:column;
align-items:flex-end;
}
@media (forced-colors: active){
.iui-column-filter{
border:1px solid transparent;
}
}
.iui-column-filter > .iui-input-container:not(.iui-inline-label){
width:100%;
}
.iui-column-filter > .iui-input-container,
.iui-column-filter > .iui-input{
margin-bottom:11px;
}
.iui-column-filter > .iui-button-bar{
display:flex;
width:100%;
align-content:center;
}
.iui-column-filter > .iui-button-bar > .iui-button:first-of-type{
margin-left:auto;
}
.iui-column-filter > .iui-button-bar > .iui-button:not(:last-child){
margin-right:8px;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-tag{
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
text-transform:lowercase;
display:inline-flex;
height:33px;
margin-top:3px;
margin-bottom:3px;
border-radius:9999px;
box-sizing:border-box;
padding:0 2px;
align-items:center;
transition:border-color 0.2s ease-out;
font-size:14px;
text-transform:none;
cursor:default;
-webkit-tap-highlight-color:transparent;
border:1px solid rgba(0, 0, 0, 0.4);
background-color:white;
color:rgba(0, 0, 0, 0.8);
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
background-color:var(--iui-color-background-1);
color:var(--iui-text-color);
}
.iui-tag:hover{
border-color:black;
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
}
.iui-tag-basic{
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
text-transform:lowercase;
display:inline-flex;
}
.iui-tag-basic:not(a){
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-tag-label{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:14px;
font-weight:400;
line-height:22px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
margin:0 4px 0 8px;
}
.iui-tag-label:only-child{
margin:0 8px;
}
.iui-tag-button{
border-radius:50%;
}
a.iui-tag-basic{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
text-decoration:none;
}
a.iui-tag-basic:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
a.iui-tag-basic:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
a.iui-tag-basic:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
a.iui-tag-basic:hover{
text-decoration:underline;
}
@media (prefers-contrast: more){
a.iui-tag-basic{
text-decoration:underline;
}
a.iui-tag-basic:hover{
text-decoration:none;
}
}
.iui-theme-light a.iui-tag-basic, .iui-theme-dark a.iui-tag-basic{
text-decoration:none;
}
.iui-theme-light a.iui-tag-basic:hover, .iui-theme-dark a.iui-tag-basic:hover{
text-decoration:underline;
}
.iui-theme-light-hc a.iui-tag-basic, .iui-theme-dark-hc a.iui-tag-basic{
text-decoration:underline;
}
.iui-theme-light-hc a.iui-tag-basic:hover, .iui-theme-dark-hc a.iui-tag-basic:hover{
text-decoration:none;
}
a.iui-tag-basic:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
a.iui-tag-basic:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
.iui-tag-container{
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-tag-container > a.iui-tag-basic{
margin:2px;
}
.iui-tag-container > *:not(last-child){
margin-right:4px;
}
.iui-tag-container > .iui-tag-basic:not(:last-child)::after{
content:",";
}
.iui-tag-container.iui-truncate{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
@supports (-webkit-line-clamp: 1){
.iui-tag-container.iui-truncate{
white-space:unset;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
}
}
.iui-tag-container.iui-scroll{
white-space:nowrap;
overflow-x:scroll;
}
.iui-tag-container.iui-visible{
border-radius:4px;
padding:3px 12px;
background-color:#edeff2;
background-color:var(--iui-color-background-3);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-tile{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
--iui-surface-background-color:var(--iui-color-background-1);
--iui-surface-border-radius:0;
--iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
background-color:var(--iui-surface-background-color);
border-radius:var(--iui-surface-border-radius);
box-shadow:var(--iui-surface-elevation);
box-sizing:border-box;
color:var(--iui-text-color);
display:inline-flex;
flex-direction:column;
width:288px;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
@media (forced-colors: active){
.iui-tile{
border:1px solid transparent;
}
}
.iui-tile:hover .iui-tile-more-options, .iui-tile:focus-within .iui-tile-more-options{
-webkit-clip-path:revert;
clip-path:revert;
overflow:visible;
position:static;
white-space:normal;
height:auto;
width:auto;
padding:0;
margin:0;
position:absolute;
}
.iui-tile:hover .iui-tile-metadata:not(:last-child), .iui-tile:focus-within .iui-tile-metadata:not(:last-child){
width:calc(100% - 32px);
}
.iui-tile.iui-new .iui-tile-name,
.iui-tile.iui-new .iui-tile-description{
font-weight:600;
}
.iui-tile.iui-selected{
outline:solid 2px #008ae0;
background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
outline:solid 2px var(--iui-color-foreground-primary);
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
}
.iui-tile.iui-selected:focus-visible{
outline:4px solid var(--iui-color-foreground-primary);
outline-offset:0;
}
@supports not selector(*:focus-visible){
.iui-tile.iui-selected:focus{
outline:4px solid var(--iui-color-foreground-primary);
outline-offset:0;
}
}
.iui-tile.iui-actionable{
cursor:pointer;
transition:box-shadow 0.2s ease-in-out;
}
.iui-tile.iui-actionable:focus-visible{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:2px;
}
@supports not selector(*:focus-visible){
.iui-tile.iui-actionable:focus{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:2px;
}
}
.iui-tile.iui-actionable:hover{
box-shadow:0 3px 14px rgba(0, 0, 0, 0.25);
}
.iui-tile.iui-actionable:hover .iui-tile-thumbnail-picture, .iui-tile.iui-actionable:focus-within .iui-tile-thumbnail-picture, .iui-tile.iui-actionable.iui-selected .iui-tile-thumbnail-picture{
transform:translateZ(0) scale(1.1);
}
.iui-tile.iui-folder{
display:inline-flex;
flex-direction:row;
flex-wrap:nowrap;
}
.iui-tile.iui-folder .iui-tile-thumbnail{
height:110px;
flex:1;
border-bottom:none;
border-right:1px solid #c7ccd1;
border-right:1px solid var(--iui-color-background-border);
}
.iui-tile.iui-folder .iui-tile-content{
flex:2;
}
.iui-tile.iui-folder .iui-tile-description{
height:100%;
max-height:44px;
margin-bottom:0;
-webkit-line-clamp:2;
}
.iui-tile.iui-progress{
cursor:progress;
font-style:italic;
}
.iui-tile[aria-disabled=true]{
cursor:not-allowed;
}
.iui-tile[aria-disabled=true] .iui-tile-name-label{
color:var(--iui-text-color-muted);
}
.iui-tile[aria-disabled=true] .iui-thumbnail-icon,
.iui-tile[aria-disabled=true] .iui-tile-thumbnail-picture{
filter:grayscale(100%);
}
.iui-tile[aria-disabled=true]:hover .iui-tile-thumbnail-picture, .iui-tile[aria-disabled=true]:focus-within .iui-tile-thumbnail-picture{
transform:none;
}
.iui-tile[aria-disabled=true] .iui-tile-more-options{
display:none;
}
.iui-tile.iui-positive::-moz-selection, .iui-tile.iui-positive *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-tile.iui-positive::selection,
.iui-tile.iui-positive *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-tile.iui-positive .iui-tile-thumbnail{
box-shadow:0 4px 0 var(--iui-color-foreground-positive);
}
.iui-tile.iui-positive.iui-folder .iui-tile-thumbnail{
box-shadow:4px 0 0 var(--iui-color-foreground-positive);
}
.iui-tile.iui-positive .iui-tile-name-label{
color:var(--iui-color-foreground-positive);
}
.iui-tile.iui-positive .iui-tile-status-icon{
fill:var(--iui-color-foreground-positive);
}
.iui-tile.iui-warning::-moz-selection, .iui-tile.iui-warning *::-moz-selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-tile.iui-warning::selection,
.iui-tile.iui-warning *::selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-tile.iui-warning .iui-tile-thumbnail{
box-shadow:0 4px 0 var(--iui-color-foreground-warning);
}
.iui-tile.iui-warning.iui-folder .iui-tile-thumbnail{
box-shadow:4px 0 0 var(--iui-color-foreground-warning);
}
.iui-tile.iui-warning .iui-tile-name-label{
color:var(--iui-color-foreground-warning);
}
.iui-tile.iui-warning .iui-tile-status-icon{
fill:var(--iui-color-foreground-warning);
}
.iui-tile.iui-negative::-moz-selection, .iui-tile.iui-negative *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-tile.iui-negative::selection,
.iui-tile.iui-negative *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-tile.iui-negative .iui-tile-thumbnail{
box-shadow:0 4px 0 var(--iui-color-foreground-negative);
}
.iui-tile.iui-negative.iui-folder .iui-tile-thumbnail{
box-shadow:4px 0 0 var(--iui-color-foreground-negative);
}
.iui-tile.iui-negative .iui-tile-name-label{
color:var(--iui-color-foreground-negative);
}
.iui-tile.iui-negative .iui-tile-status-icon{
fill:var(--iui-color-foreground-negative);
}
.iui-tile-thumbnail-type-indicator{
border-color:transparent;
background-color:transparent;
padding:0 8px;
height:38px;
gap:8px;
padding:0 2px;
height:27px;
gap:4px;
position:absolute;
border-radius:50%;
top:6px;
left:8px;
}
.iui-tile-thumbnail-type-indicator > .iui-button-icon:only-child{
margin-left:3px;
margin-right:3px;
}
.iui-tile-thumbnail-type-indicator:hover{
background-color:rgba(0, 0, 0, 0.1);
border-color:transparent;
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
border-color:transparent;
}
.iui-tile-thumbnail-type-indicator.iui-active{
background-color:rgba(0, 138, 224, 0.1);
color:#008ae0;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
color:var(--iui-color-foreground-primary);
border-color:transparent;
}
.iui-tile-thumbnail-type-indicator[disabled], .iui-tile-thumbnail-type-indicator:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
background-color:transparent;
border-color:transparent;
background-color:transparent;
border-color:transparent;
}
.iui-tile-thumbnail-type-indicator[disabled].iui-active, .iui-tile-thumbnail-type-indicator:disabled.iui-active{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-tile-thumbnail-quick-action{
border-color:transparent;
background-color:transparent;
padding:0 8px;
height:38px;
gap:8px;
padding:0 2px;
height:27px;
gap:4px;
position:absolute;
border-radius:50%;
top:6px;
right:8px;
}
.iui-tile-thumbnail-quick-action > .iui-button-icon:only-child{
margin-left:3px;
margin-right:3px;
}
.iui-tile-thumbnail-quick-action:hover{
background-color:rgba(0, 0, 0, 0.1);
border-color:transparent;
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
border-color:transparent;
}
.iui-tile-thumbnail-quick-action.iui-active{
background-color:rgba(0, 138, 224, 0.1);
color:#008ae0;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
color:var(--iui-color-foreground-primary);
border-color:transparent;
}
.iui-tile-thumbnail-quick-action[disabled], .iui-tile-thumbnail-quick-action:disabled{
cursor:not-allowed;
background:#edeff2;
border-color:#edeff2;
color:rgba(0, 0, 0, 0.2);
background:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
background-color:transparent;
border-color:transparent;
background-color:transparent;
border-color:transparent;
}
.iui-tile-thumbnail-quick-action[disabled].iui-active, .iui-tile-thumbnail-quick-action:disabled.iui-active{
background-color:rgba(0, 0, 0, 0.05);
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
}
.iui-tile-thumbnail-badge-container{
position:absolute;
bottom:6px;
width:calc(100% - 2 * 12px);
height:auto;
right:12px;
display:flex;
justify-content:flex-end;
overflow:hidden;
}
.iui-tile-thumbnail-badge-container > .iui-badge:not(:last-child){
margin-right:4px;
}
.iui-tile-buttons{
display:flex;
flex-shrink:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
white-space:nowrap;
}
.iui-tile-buttons > .iui-button{
font-size:14px;
flex:1;
height:auto;
padding:11px 12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
margin:0;
border:initial;
border-radius:0;
}
.iui-tile-buttons > .iui-button, .iui-tile-buttons > .iui-button:hover{
border-top:1px solid #c7ccd1;
border-color:#c7ccd1;
border-top:1px solid var(--iui-color-background-border);
border-color:var(--iui-color-background-border);
}
.iui-tile-buttons > button:not(:last-child){
border-right:1px solid #c7ccd1;
border-right:1px solid var(--iui-color-background-border);
}
.iui-tile-thumbnail{
width:100%;
height:154px;
flex-shrink:0;
overflow:hidden;
position:relative;
display:flex;
align-items:center;
justify-content:center;
background-color:#f2f2f2;
border-bottom:1px solid #c7ccd1;
background-color:var(--iui-color-background-1-overlay);
border-bottom:1px solid var(--iui-color-background-border);
}
.iui-tile-thumbnail .iui-thumbnail-icon{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:64px;
height:64px;
}
@media (forced-colors: active){
.iui-tile-thumbnail .iui-thumbnail-icon{
fill:CanvasText;
}
}
.iui-tile-thumbnail .iui-thumbnail-icon.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-tile-thumbnail .iui-thumbnail-icon.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-tile-thumbnail .iui-thumbnail-icon.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-tile-thumbnail .iui-thumbnail-icon.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-tile-thumbnail-picture{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
@media (prefers-reduced-motion: no-preference){
.iui-tile-thumbnail-picture{
transition:transform 0.4s ease;
}
}
div.iui-tile-thumbnail-picture{
background-position:center;
background-size:cover;
}
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon{
z-index:1;
cursor:pointer;
fill:rgba(255, 255, 255, 0.6);
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, 0.2));
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-3));
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, var(--iui-opacity-5)));
}
@media (prefers-reduced-motion: no-preference){
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon{
transition:fill 0.2s ease;
}
}
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon:hover{
fill:rgba(255, 255, 255, 0.8);
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-2));
}
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action{
background-color:rgba(0, 0, 0, 0.4);
background-color:rgba(0, 0, 0, var(--iui-opacity-4));
}
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action{
background-color:rgba(0, 0, 0, var(--iui-opacity-5));
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
}
}
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator > .iui-button-icon,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action > .iui-button-icon{
fill:white;
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
fill:var(--iui-color-foreground-accessory);
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, var(--iui-opacity-5)));
}
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator:hover, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled:hover, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:active,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action:hover,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled:hover,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:active{
background-color:rgba(0, 0, 0, 0.4);
background-color:rgba(0, 0, 0, var(--iui-opacity-4));
}
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator:hover .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled:hover .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:active .iui-button-icon,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action:hover .iui-button-icon,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled .iui-button-icon,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled:hover .iui-button-icon,
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:active .iui-button-icon{
fill:white;
fill:var(--iui-color-foreground-accessory);
}
.iui-tile-content{
padding:11px 12px;
position:relative;
display:flex;
flex-direction:column;
flex-grow:2;
min-width:0;
}
.iui-tile-content .iui-tile-name{
display:flex;
flex-shrink:0;
align-items:center;
font-size:16px;
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
margin-bottom:5.5px;
color:rgba(0, 0, 0, 0.8);
color:var(--iui-text-color);
}
.iui-tile-content .iui-tile-status-icon{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:16px;
height:16px;
margin-right:8px;
flex-shrink:0;
}
@media (forced-colors: active){
.iui-tile-content .iui-tile-status-icon{
fill:CanvasText;
}
}
.iui-tile-content .iui-tile-status-icon.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-tile-content .iui-tile-status-icon.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-tile-content .iui-tile-status-icon.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-tile-content .iui-tile-status-icon.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-tile-content .iui-tile-name-label{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.iui-tile-content .iui-tile-description{
margin-bottom:11px;
font-size:14px;
height:100%;
max-height:66px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
@supports (-webkit-line-clamp: 1){
.iui-tile-content .iui-tile-description{
white-space:unset;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
}
.iui-tile-content .iui-tile-metadata{
font-size:12px;
flex-shrink:0;
overflow:hidden;
text-overflow:ellipsis;
height:22px;
width:100%;
display:flex;
align-items:center;
margin-top:auto;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-tile-content .iui-tile-metadata > svg,
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:16px;
height:16px;
margin-right:8px;
flex-shrink:0;
}
@media (forced-colors: active){
.iui-tile-content .iui-tile-metadata > svg,
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
fill:CanvasText;
}
}
.iui-tile-content .iui-tile-metadata > svg.iui-informational,
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-tile-content .iui-tile-metadata > svg.iui-positive,
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-tile-content .iui-tile-metadata > svg.iui-warning,
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-tile-content .iui-tile-metadata > svg.iui-negative,
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-tile-content .iui-tile-metadata > *{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.iui-tile-more-options{
position:absolute;
bottom:5.5px;
right:8px;
}
.iui-tile-more-options:not(.iui-visible){
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
overflow:hidden;
position:absolute;
white-space:nowrap;
height:1px;
width:1px;
padding:0;
margin:-1px;
border-width:0;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-toast-wrapper{
pointer-events:none;
position:fixed;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
z-index:99999;
}
@media screen and (max-width: 400px){
.iui-toast-wrapper{
width:calc(100vw - 36px);
margin-top:11px;
}
}
@media screen and (min-width: 401px){
.iui-toast-wrapper{
min-width:400px;
max-width:640px;
margin:22px 0;
}
}
@media (prefers-reduced-motion: no-preference){
.iui-toast-wrapper .iui-toast-all{
transition:all 240ms cubic-bezier(0, 0, 0.2, 1);
}
}
.iui-toast-wrapper.iui-placement-top{
margin-left:auto;
margin-right:auto;
left:0;
top:0;
right:0;
}
.iui-toast-wrapper.iui-placement-top-start{
left:0;
top:0;
align-items:flex-start;
}
.iui-toast-wrapper.iui-placement-top-end{
right:0;
top:0;
align-items:flex-end;
}
.iui-toast-wrapper.iui-placement-bottom{
bottom:0;
margin-left:auto;
margin-right:auto;
left:0;
right:0;
}
.iui-toast-wrapper.iui-placement-bottom .iui-toast{
margin:11px 16px 0 16px;
}
.iui-toast-wrapper.iui-placement-bottom-start{
bottom:0;
left:0;
align-items:flex-start;
}
.iui-toast-wrapper.iui-placement-bottom-start .iui-toast{
margin:11px 16px 0 16px;
}
.iui-toast-wrapper.iui-placement-bottom-end{
bottom:0;
right:0;
align-items:flex-end;
}
.iui-toast-wrapper.iui-placement-bottom-end .iui-toast{
margin:11px 16px 0 16px;
}
.iui-toast{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:inline-flex;
align-items:center;
box-sizing:border-box;
pointer-events:all;
margin:0 16px 11px 16px;
min-height:44px;
border-radius:4px;
background-color:white;
border:1px solid black;
box-shadow:0 0 0 1px rgba(255, 255, 255, 0.4), 0 9px 46px rgba(0, 0, 0, 0.25);
background-color:var(--iui-color-background-1);
border:1px solid var(--iui-color-foreground-body);
box-shadow:0 0 0 1px rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)), 0 9px 46px rgba(0, 0, 0, 0.25);
}
.iui-toast > .iui-status-area{
display:flex;
-ms-grid-row-align:stretch;
align-self:stretch;
justify-content:center;
align-items:center;
width:48px;
flex-shrink:0;
background-color:#c7ccd1;
background-color:var(--iui-color-background-5);
}
.iui-toast > .iui-status-area > .iui-icon{
height:16px;
width:16px;
fill:white;
fill:var(--iui-color-foreground-accessory);
}
.iui-toast > .iui-message{
flex-grow:1;
font-size:14px;
margin-top:5.5px;
margin-bottom:5.5px;
margin-right:24px;
margin-left:16px;
line-height:22px;
font-weight:400;
font-style:normal;
color:rgba(0, 0, 0, 0.8);
color:var(--iui-text-color);
}
.iui-toast-anchor{
text-decoration:underline;
border-radius:4px;
cursor:pointer;
font-size:12px;
margin-right:16px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
white-space:nowrap;
}
.iui-toast-anchor:hover{
text-decoration:none;
}
.iui-toast > .iui-button{
margin-right:8px;
}
@media screen and (max-width: 400px){
.iui-toast{
width:calc(100vw - 36px);
}
}
@media screen and (min-width: 401px){
.iui-toast{
min-width:400px;
max-width:640px;
}
}
.iui-toast.iui-informational{
border-color:#008ae0;
border-color:var(--iui-color-foreground-primary);
}
.iui-toast.iui-informational > .iui-message::-moz-selection, .iui-toast.iui-informational > .iui-message *::-moz-selection{
background-color:rgba(0, 138, 224, 0.2);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-informational > .iui-message::selection,
.iui-toast.iui-informational > .iui-message *::selection{
background-color:rgba(0, 138, 224, 0.2);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-informational > .iui-status-area{
background-color:#008ae0;
background-color:var(--iui-color-background-primary);
}
.iui-toast.iui-informational > .iui-toast-anchor{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-informational > .iui-toast-anchor:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-toast.iui-informational > .iui-toast-anchor:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
.iui-toast.iui-informational > .iui-toast-anchor:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
.iui-toast.iui-positive{
border-color:#53a21a;
border-color:var(--iui-color-foreground-positive);
}
.iui-toast.iui-positive > .iui-message::-moz-selection, .iui-toast.iui-positive > .iui-message *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-positive > .iui-message::selection,
.iui-toast.iui-positive > .iui-message *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-positive > .iui-status-area{
background-color:#53a21a;
background-color:var(--iui-color-background-positive);
}
.iui-toast.iui-positive > .iui-toast-anchor{
color:#53a21a;
-webkit-tap-highlight-color:rgba(83, 162, 26, 0.2);
color:var(--iui-color-foreground-positive);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-positive > .iui-toast-anchor:focus-visible{
outline:1px solid var(--iui-color-foreground-positive);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-toast.iui-positive > .iui-toast-anchor:focus{
outline:1px solid var(--iui-color-foreground-positive);
outline-offset:1px;
}
}
.iui-toast.iui-positive > .iui-toast-anchor::-moz-selection, .iui-toast.iui-positive > .iui-toast-anchor *::-moz-selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-positive > .iui-toast-anchor::selection,
.iui-toast.iui-positive > .iui-toast-anchor *::selection{
background-color:rgba(83, 162, 26, 0.2);
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-positive > .iui-toast-anchor:hover{
color:#3d7613;
color:var(--iui-color-foreground-positive-overlay);
}
.iui-toast.iui-negative{
border-color:#d10a0a;
border-color:var(--iui-color-foreground-negative);
}
.iui-toast.iui-negative > .iui-message::-moz-selection, .iui-toast.iui-negative > .iui-message *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-negative > .iui-message::selection,
.iui-toast.iui-negative > .iui-message *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-negative > .iui-status-area{
background-color:#d10a0a;
background-color:var(--iui-color-background-negative);
}
.iui-toast.iui-negative > .iui-toast-anchor{
color:#d10a0a;
-webkit-tap-highlight-color:rgba(209, 10, 10, 0.2);
color:var(--iui-color-foreground-negative);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-negative > .iui-toast-anchor:focus-visible{
outline:1px solid var(--iui-color-foreground-negative);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-toast.iui-negative > .iui-toast-anchor:focus{
outline:1px solid var(--iui-color-foreground-negative);
outline-offset:1px;
}
}
.iui-toast.iui-negative > .iui-toast-anchor::-moz-selection, .iui-toast.iui-negative > .iui-toast-anchor *::-moz-selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-negative > .iui-toast-anchor::selection,
.iui-toast.iui-negative > .iui-toast-anchor *::selection{
background-color:rgba(209, 10, 10, 0.2);
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-negative > .iui-toast-anchor:hover{
color:#a10808;
color:var(--iui-color-foreground-negative-overlay);
}
.iui-toast.iui-warning{
border-color:#f18d13;
border-color:var(--iui-color-foreground-warning);
}
.iui-toast.iui-warning > .iui-message::-moz-selection, .iui-toast.iui-warning > .iui-message *::-moz-selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-warning > .iui-message::selection,
.iui-toast.iui-warning > .iui-message *::selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-warning > .iui-status-area{
background-color:#f18d13;
background-color:var(--iui-color-background-warning);
}
.iui-toast.iui-warning > .iui-toast-anchor{
color:#f18d13;
-webkit-tap-highlight-color:rgba(241, 141, 19, 0.2);
color:var(--iui-color-foreground-warning);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-warning > .iui-toast-anchor:focus-visible{
outline:1px solid var(--iui-color-foreground-warning);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-toast.iui-warning > .iui-toast-anchor:focus{
outline:1px solid var(--iui-color-foreground-warning);
outline-offset:1px;
}
}
.iui-toast.iui-warning > .iui-toast-anchor::-moz-selection, .iui-toast.iui-warning > .iui-toast-anchor *::-moz-selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-warning > .iui-toast-anchor::selection,
.iui-toast.iui-warning > .iui-toast-anchor *::selection{
background-color:rgba(241, 141, 19, 0.2);
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
}
.iui-toast.iui-warning > .iui-toast-anchor:hover{
color:#c6720c;
color:var(--iui-color-foreground-warning-overlay);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-toggle-switch-wrapper{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:-ms-grid;
display:grid;
grid-template-areas:"toggle";
align-items:center;
gap:8px;
font-size:14px;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
isolation:isolate;
color:rgba(0, 0, 0, 0.8);
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
.iui-toggle-switch-wrapper > * + *{
margin-left:8px;
}
@supports (gap: 8px){
.iui-toggle-switch-wrapper > * + *{
margin-left:0;
}
}
.iui-toggle-switch-wrapper.iui-disabled{
cursor:not-allowed;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
@media (forced-colors: active){
.iui-toggle-switch-wrapper.iui-disabled{
color:GrayText;
}
}
.iui-toggle-switch-wrapper.iui-label-on-left{
grid-template-areas:"label toggle";
}
.iui-toggle-switch-wrapper.iui-label-on-right{
grid-template-areas:"toggle label";
}
.iui-toggle-switch{
-ms-grid-row:1;
-ms-grid-column:1;
margin:0;
padding:0;
border:none;
vertical-align:baseline;
grid-area:toggle;
display:flex;
position:relative;
cursor:pointer;
width:16px;
height:16px;
background-color:var(--iui-color-background-1);
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
.iui-toggle-switch-wrapper.iui-label-on-left > .iui-toggle-switch{
-ms-grid-row:1;
-ms-grid-column:2;
}
.iui-toggle-switch-wrapper.iui-label-on-right > .iui-toggle-switch{
-ms-grid-row:1;
-ms-grid-column:1;
}
.iui-toggle-switch:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-toggle-switch:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)){
.iui-toggle-switch{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:44px;
height:auto;
border-radius:9999px;
box-sizing:border-box;
transition:background-color 0.2s ease-out, border-color 0.2s ease-out;
background-color:var(--iui-color-background-1);
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
}
}
.iui-toggle-switch-label{
-ms-grid-row:1;
-ms-grid-column:1;
grid-area:label;
}
.iui-toggle-switch-wrapper.iui-label-on-right > .iui-toggle-switch-label{
-ms-grid-row:1;
-ms-grid-column:2;
}
.iui-toggle-switch::after{
content:"";
height:16px;
width:16px;
margin:3px;
aspect-ratio:1/1;
border-radius:50%;
transition:background-color 0.2s ease-out, opacity 0.2s ease-out;
z-index:2;
}
@media (prefers-reduced-motion: no-preference){
.iui-toggle-switch::after{
transition:transform 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
}
}
@media (forced-colors: active){
.iui-toggle-switch{
border-color:CanvasText;
}
}
.iui-toggle-switch::after{
background-color:var(--iui-color-foreground-body);
opacity:var(--iui-opacity-2);
}
@media (forced-colors: active){
.iui-toggle-switch::after{
background-color:CanvasText;
opacity:1;
}
}
.iui-toggle-switch:hover{
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
@media (forced-colors: active){
.iui-toggle-switch:hover{
border-color:CanvasText;
}
}
.iui-toggle-switch:focus-visible{
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
@supports not selector(*:focus-visible){
.iui-toggle-switch:focus{
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
}
}
.iui-toggle-switch:checked{
background-color:var(--iui-color-background-primary);
border-color:var(--iui-color-background-primary);
}
@media (forced-colors: active){
.iui-toggle-switch:checked{
background-color:Highlight;
border-color:Highlight;
}
}
.iui-toggle-switch:checked::after{
transform:translateX(19px);
background-color:var(--iui-color-foreground-accessory);
opacity:var(--iui-opacity-2);
}
@media (forced-colors: active){
.iui-toggle-switch:checked::after{
background-color:HighlightText;
opacity:1;
}
}
.iui-toggle-switch:checked ~ .iui-toggle-switch-icon{
opacity:var(--iui-opacity-1);
}
.iui-toggle-switch:hover::after{
opacity:var(--iui-opacity-1);
}
.iui-toggle-switch:focus-visible::after{
opacity:var(--iui-opacity-1);
}
@supports not selector(*:focus-visible){
.iui-toggle-switch:focus::after{
opacity:var(--iui-opacity-1);
}
}
.iui-toggle-switch:disabled{
cursor:not-allowed;
background-color:var(--iui-color-background-disabled);
border-color:var(--iui-color-background-disabled);
}
@media (forced-colors: active){
.iui-toggle-switch:disabled{
border-color:GrayText;
}
}
.iui-toggle-switch:disabled::after{
background-color:var(--iui-color-foreground-body);
opacity:var(--iui-opacity-5);
}
@media (forced-colors: active){
.iui-toggle-switch:disabled::after{
background-color:GrayText;
opacity:0.75;
}
}
.iui-toggle-switch:disabled ~ .iui-toggle-switch-icon{
opacity:0;
fill:var(--iui-icons-color-actionable);
}
@media (forced-colors: active){
.iui-toggle-switch:disabled:checked{
background-color:GrayText;
}
}
@media (forced-colors: active){
.iui-toggle-switch:disabled:checked::after{
background-color:Canvas;
}
}
.iui-toggle-switch:disabled:checked ~ .iui-toggle-switch-icon{
opacity:var(--iui-opacity-5);
}
@media (forced-colors: active){
.iui-toggle-switch:disabled:checked ~ .iui-toggle-switch-icon{
fill:Canvas;
opacity:0.75;
}
}
.iui-toggle-switch-icon{
-ms-grid-row:1;
-ms-grid-column:1;
opacity:0;
grid-area:toggle;
width:12px;
height:12px;
padding:2px;
margin:4px;
display:flex;
z-index:1;
transition:opacity 0.2s ease-out;
pointer-events:none;
fill:var(--iui-color-foreground-accessory);
}
.iui-toggle-switch-wrapper.iui-label-on-left > .iui-toggle-switch-icon{
-ms-grid-row:1;
-ms-grid-column:2;
}
.iui-toggle-switch-wrapper.iui-label-on-right > .iui-toggle-switch-icon{
-ms-grid-row:1;
-ms-grid-column:1;
}
@media (forced-colors: active){
.iui-toggle-switch-icon{
fill:HighlightText;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-tree{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
list-style:none;
}
.iui-sub-tree{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
list-style:none;
}
.iui-tree-item:focus-visible{
outline:none;
}
.iui-tree-item:focus-visible > .iui-tree-node{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
.iui-tree-item:focus-visible > .iui-tree-node.iui-active{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
@supports not selector(*:focus-visible){
.iui-tree-item:focus{
outline:none;
}
.iui-tree-item:focus > .iui-tree-node{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
.iui-tree-item:focus > .iui-tree-node.iui-active{
outline:2px solid var(--iui-color-foreground-primary);
outline-offset:-2px;
}
}
.iui-tree-node{
display:flex;
cursor:pointer;
padding:0 8px;
align-items:center;
}
.iui-tree-node-checkbox{
margin-right:8px;
}
.iui-tree-node-content{
display:flex;
align-items:center;
box-sizing:border-box;
min-height:33px;
margin-left:calc(28px * (var(--level, 0)));
overflow:hidden;
padding-left:2px;
}
.iui-tree-node-content-icon{
fill:rgba(0, 0, 0, 0.4);
fill:var(--iui-icons-color);
display:inline-flex;
width:16px;
height:16px;
margin:0 6px;
flex-shrink:0;
}
@media (forced-colors: active){
.iui-tree-node-content-icon{
fill:CanvasText;
}
}
.iui-tree-node-content-icon.iui-informational{
fill:#008ae0;
fill:var(--iui-icons-color-primary);
}
.iui-tree-node-content-icon.iui-positive{
fill:#53a21a;
fill:var(--iui-icons-color-positive);
}
.iui-tree-node-content-icon.iui-warning{
fill:#f18d13;
fill:var(--iui-icons-color-warning);
}
.iui-tree-node-content-icon.iui-negative{
fill:#d10a0a;
fill:var(--iui-icons-color-negative);
}
.iui-tree-node-content-icon:first-child{
margin-left:34px;
}
@media (prefers-reduced-motion: no-preference){
.iui-tree-node-content-expander-icon{
transition:transform 0.2s ease-out;
}
}
.iui-tree-node-content-expander-icon-expanded{
transform:rotate(90deg);
}
.iui-tree-node-content-label{
min-width:0;
padding-left:6px;
}
.iui-tree-node-content-label:first-child{
margin-left:28px;
}
.iui-tree-node-content-title, .iui-tree-node-content-caption{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.iui-tree-node-content-title{
font-size:14px;
}
.iui-tree-node-content-caption{
font-size:12px;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-tree-node:hover{
background-color:rgba(0, 138, 224, 0.1);
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
}
.iui-tree-node:hover .iui-tree-node-content-caption{
color:black;
color:var(--iui-color-foreground-body);
transition:color 0.2s ease;
}
.iui-tree-node.iui-active{
background-color:rgba(0, 138, 224, 0.2);
outline:thin solid var(--iui-color-foreground-primary);
outline-offset:-1px;
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
outline:thin solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
.iui-tree-node.iui-disabled{
cursor:not-allowed;
outline:none;
background-color:transparent;
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
.iui-tree-node.iui-disabled .iui-tree-node-content-caption{
color:rgba(0, 0, 0, 0.2);
color:var(--iui-text-color-placeholder);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-anchor{
color:#008ae0;
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
color:var(--iui-color-foreground-primary);
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
text-decoration:none;
}
.iui-anchor:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
@supports not selector(*:focus-visible){
.iui-anchor:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:1px;
}
}
.iui-anchor:hover{
color:#006bad;
color:var(--iui-color-foreground-primary-overlay);
}
.iui-anchor:hover{
text-decoration:underline;
}
@media (prefers-contrast: more){
.iui-anchor{
text-decoration:underline;
}
.iui-anchor:hover{
text-decoration:none;
}
}
.iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
text-decoration:none;
}
.iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
text-decoration:underline;
}
.iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
text-decoration:underline;
}
.iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
text-decoration:none;
}
.iui-anchor-external{
--_iui-anchor-external-svg:url("data:image/svg+xml,");
}
.iui-anchor-external::after{
content:"";
display:inline-block;
width:1.5ch;
height:1.5ch;
margin-left:0.5ch;
vertical-align:-0.1ch;
background-color:currentColor;
-webkit-mask:var(--_iui-anchor-external-svg);
mask:var(--_iui-anchor-external-svg);
}
@media (forced-colors: active){
.iui-anchor-external::after{
background-color:LinkText;
}
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-blockquote{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:block;
position:relative;
padding:11px 16px;
margin:11px 0;
text-align:justify;
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
border-radius:4px;
background-color:white;
border-left:8px solid #008ae0;
background-color:var(--iui-color-background-1);
border-left:8px solid var(--iui-color-foreground-primary);
}
.iui-blockquote > footer{
text-align:right;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-blockquote > footer > cite{
font-style:normal;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-code{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:inline-block;
font-family:ui-monospace, Menlo, "Segoe UI Mono", Consolas, "Roboto Mono", "Courier New", monospace;
font-size:12px;
padding:0 4px;
border-radius:4px;
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
background-color:#edeff2;
color:rgba(0, 0, 0, 0.8);
background-color:var(--iui-color-background-3);
color:var(--iui-text-color);
}
.iui-codeblock{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
margin:6px 0;
}
.iui-codeblock > .iui-title-bar{
display:flex;
align-items:center;
border-radius:4px 4px 0 0;
background-color:#edeff2;
background-color:var(--iui-color-background-3);
}
.iui-codeblock > .iui-title-bar > .iui-title{
margin-left:12px;
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
}
.iui-codeblock > .iui-title-bar > .iui-button{
margin-left:auto;
}
.iui-codeblock > .iui-codeblock-content{
margin:0;
display:-ms-grid;
display:grid;
overflow-x:auto;
overflow-y:auto;
border-radius:0 0 4px 4px;
white-space:normal;
border:1px solid #edeff2;
border:1px solid var(--iui-color-background-3);
}
.iui-codeblock > .iui-codeblock-content:focus-visible{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
@supports not selector(*:focus-visible){
.iui-codeblock > .iui-codeblock-content:focus{
outline:1px solid var(--iui-color-foreground-primary);
outline-offset:-1px;
}
}
.iui-codeblock > .iui-codeblock-content > code{
display:block;
width:100%;
white-space:nowrap;
-webkit-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
counter-increment:section;
font-family:ui-monospace, Menlo, "Segoe UI Mono", Consolas, "Roboto Mono", "Courier New", monospace;
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-codeblock > .iui-codeblock-content > code:nth-child(even){
background:rgba(0, 0, 0, 0.02);
background:rgba(var(--iui-color-foreground-body-rgb), 0.02);
}
.iui-codeblock > .iui-codeblock-content > code::before{
content:counter(section);
text-align:right;
display:inline-block;
padding:0 8px;
width:24px;
background-color:#f9f9fb;
color:rgba(0, 0, 0, 0.4);
background-color:var(--iui-color-background-2);
color:var(--iui-text-color-muted);
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-keyboard{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
border-radius:4px;
display:inline-block;
font-size:12px;
font-weight:600;
font-family:ui-monospace, Menlo, "Segoe UI Mono", Consolas, "Roboto Mono", "Courier New", monospace;
line-height:1;
padding:4px 8px;
white-space:nowrap;
text-transform:uppercase;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:default;
background-color:white;
border:1px solid #c7ccd1;
box-shadow:0 1px 1px #c7ccd1, 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
background-color:var(--iui-color-background-1);
border:1px solid var(--iui-color-background-5);
box-shadow:0 1px 1px var(--iui-color-background-5), 0 1px 0 0 rgba(255, 255, 255, var(--iui-opacity-5)) inset;
}
@media (prefers-reduced-motion: no-preference){
.iui-keyboard{
transition:box-shadow 0.2s ease-out;
}
}
.iui-keyboard:hover{
box-shadow:0 0 0 #c7ccd1, 0 0 0 0 rgba(255, 255, 255, 0.2) inset;
box-shadow:0 0 0 var(--iui-color-background-5), 0 0 0 0 rgba(255, 255, 255, var(--iui-opacity-5)) inset;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-user-icon{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:inline-flex;
align-items:center;
justify-content:center;
position:relative;
margin:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.iui-user-icon > .iui-stroke{
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
margin:0;
border-radius:50%;
box-sizing:border-box;
box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 0 0 2px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
}
.iui-user-icon > .iui-initials{
display:flex;
justify-content:center;
align-items:center;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
margin:0;
border-radius:50%;
font-style:normal;
font-weight:600;
text-align:center;
text-decoration:none;
text-transform:uppercase;
background-color:#b1c856;
overflow:hidden;
color:white;
color:var(--iui-color-foreground-accessory);
}
.iui-user-icon > .iui-icon{
display:inline-flex;
width:50%;
height:50%;
position:absolute;
fill:white;
fill:var(--iui-color-foreground-accessory);
}
.iui-user-icon > img{
display:block;
position:absolute;
-o-object-fit:cover;
object-fit:cover;
left:0;
top:0;
width:100%;
height:100%;
border-width:0;
border-radius:50%;
background-color:white;
background-color:var(--iui-color-background-1);
}
.iui-user-icon > .iui-status{
display:flex;
align-items:center;
justify-content:center;
position:absolute;
right:-2px;
bottom:-2px;
width:25%;
height:25%;
border-radius:50%;
border:2px solid white;
background-color:#c7ccd1;
border:2px solid var(--iui-color-background-1);
background-color:var(--iui-color-background-5);
}
.iui-user-icon > .iui-status::after{
content:"";
width:var(--_iui-user-icon-status-size, 8px);
height:var(--_iui-user-icon-status-size, 8px);
}
.iui-user-icon > .iui-status.iui-online{
background-color:#53a21a;
background-color:var(--iui-color-background-positive);
}
.iui-user-icon > .iui-status.iui-online::after{
-webkit-mask:url("data:image/svg+xml,");
mask:url("data:image/svg+xml,");
background-color:white;
background-color:var(--iui-color-foreground-accessory);
}
.iui-user-icon > .iui-status.iui-away{
background-color:#f18d13;
background-color:var(--iui-color-background-warning);
}
.iui-user-icon > .iui-status.iui-away::after{
-webkit-mask:url("data:image/svg+xml,");
mask:url("data:image/svg+xml,");
background-color:white;
background-color:var(--iui-color-foreground-accessory);
}
.iui-user-icon > .iui-status.iui-busy{
background-color:#d10a0a;
background-color:var(--iui-color-background-negative);
}
.iui-user-icon > .iui-status.iui-busy::after{
-webkit-mask:url("data:image/svg+xml,");
mask:url("data:image/svg+xml,");
background-color:white;
background-color:var(--iui-color-foreground-accessory);
}
.iui-user-icon > .iui-status.iui-offline{
background-color:white;
box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.6);
background-color:var(--iui-color-background-1);
box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
}
.iui-user-icon > .iui-status.iui-offline::after{
-webkit-mask:url("data:image/svg+xml,");
mask:url("data:image/svg+xml,");
background-color:rgba(0, 0, 0, 0.4);
background-color:var(--iui-icons-color);
}
.iui-user-icon.iui-user-icon-count > .iui-initials{
background-color:#edeff2;
color:rgba(0, 0, 0, 0.4);
background-color:var(--iui-color-background-3);
color:var(--iui-text-color-muted);
}
.iui-user-icon.iui-user-icon-count:focus{
outline:none;
}
.iui-user-icon.iui-user-icon-count:focus > .iui-stroke{
box-shadow:var(--iui-focus-box-shadow);
}
.iui-user-icon.iui-user-icon-count:focus-visible{
outline:none;
}
.iui-user-icon.iui-user-icon-count:focus:not(:focus-visible) > .iui-stroke{
box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 0 0 2px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
}
.iui-user-icon.iui-user-icon{
width:32px;
height:32px;
--_iui-user-icon-status-size:6px;
}
.iui-user-icon.iui-user-icon > .iui-initials{
line-height:32px;
font-size:16px;
}
.iui-user-icon.iui-small{
width:24px;
height:24px;
--_iui-user-icon-status-size:12px;
}
.iui-user-icon.iui-small > .iui-initials{
line-height:24px;
font-size:12px;
}
.iui-user-icon.iui-large{
width:48px;
height:48px;
--_iui-user-icon-status-size:8px;
}
.iui-user-icon.iui-large > .iui-initials{
line-height:48px;
font-size:18px;
}
.iui-user-icon.iui-x-large{
width:64px;
height:64px;
--_iui-user-icon-status-size:12px;
}
.iui-user-icon.iui-x-large > .iui-initials{
line-height:64px;
font-size:24px;
}
.iui-user-icon-list{
display:inline-flex;
flex-wrap:wrap;
}
.iui-user-icon-list .iui-user-icon:not(:first-child){
margin-left:4px;
}
.iui-user-icon-list .iui-user-icon:not(:first-child).iui-small{
margin-left:2px;
}
.iui-user-icon-list .iui-user-icon:not(:first-child).iui-large{
margin-left:8px;
}
.iui-user-icon-list .iui-user-icon:not(:first-child).iui-x-large{
margin-left:12px;
}
.iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child){
margin-left:-4px;
}
.iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child) .iui-initials{
box-shadow:0 0 0 4px white;
box-shadow:0 0 0 4px var(--iui-color-background-1);
}
.iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child).iui-small{
margin-left:-2px;
}
.iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child).iui-small .iui-initials{
box-shadow:0 0 0 2px white;
box-shadow:0 0 0 2px var(--iui-color-background-1);
}
.iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child).iui-large{
margin-left:-8px;
}
.iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child).iui-x-large{
margin-left:-12px;
}
@media (prefers-reduced-motion: no-preference){
.iui-user-icon-list.iui-stacked.iui-animated .iui-user-icon{
transition:margin-left 0.4s ease-out;
}
}
.iui-user-icon-list.iui-stacked.iui-animated:hover .iui-user-icon:not(:first-child){
margin-left:4px;
}
.iui-user-icon-list.iui-stacked.iui-animated:hover .iui-user-icon:not(:first-child).iui-small{
margin-left:2px;
}
.iui-user-icon-list.iui-stacked.iui-animated:hover .iui-user-icon:not(:first-child).iui-large{
margin-left:8px;
}
.iui-user-icon-list.iui-stacked.iui-animated:hover .iui-user-icon:not(:first-child).iui-x-large{
margin-left:12px;
}
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@layer itwinui-v1{
.iui-wizard{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
}
.iui-wizard > ol{
margin:0;
padding:0;
border:none;
vertical-align:baseline;
display:flex;
justify-content:space-around;
align-items:flex-start;
width:100%;
margin-bottom:5.5px;
}
.iui-wizard.iui-long .iui-wizard-steps-label{
display:block;
font-size:18px;
text-align:center;
}
.iui-wizard.iui-long .iui-steps-count{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
margin-right:8px;
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-wizard.iui-workflow > ol{
align-items:center;
}
.iui-wizard.iui-workflow .iui-wizard-step .iui-wizard-circle{
padding-left:16px;
padding-right:16px;
height:100%;
width:auto;
border-radius:0;
font-weight:400;
text-align:center;
background-color:#53a21a;
border-color:#53a21a;
color:white;
background-color:var(--iui-color-background-positive);
border-color:var(--iui-color-background-positive);
color:var(--iui-color-foreground-accessory);
}
.iui-wizard.iui-workflow .iui-wizard-step:first-of-type .iui-wizard-circle, .iui-wizard.iui-workflow .iui-wizard-step:last-of-type .iui-wizard-circle{
border-radius:12px;
background-color:white;
border-color:#53a21a;
color:#53a21a;
background-color:var(--iui-color-background-1);
border-color:var(--iui-color-foreground-positive);
color:var(--iui-color-foreground-positive);
}
.iui-wizard.iui-workflow .iui-wizard-track-content::before,
.iui-wizard.iui-workflow .iui-wizard-track-content::after{
background-color:#53a21a;
background-color:var(--iui-color-foreground-positive);
}
.iui-wizard-step{
flex:1;
align-items:center;
display:flex;
flex-direction:column;
margin:0;
padding:0;
border:none;
vertical-align:baseline;
font-size:12px;
font-weight:400;
line-height:22px;
color:#53a21a;
color:var(--iui-color-background-positive);
}
.iui-wizard-step .iui-wizard-circle{
align-items:center;
border-radius:50%;
display:flex;
width:24px;
height:24px;
justify-content:center;
overflow-wrap:break-word;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
transition:background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
border:1px solid #53a21a;
background-color:white;
color:#53a21a;
border:1px solid var(--iui-color-foreground-positive);
background-color:var(--iui-color-background-1);
color:var(--iui-color-foreground-positive);
}
.iui-wizard-step.iui-current{
font-weight:600;
}
.iui-wizard-step.iui-current .iui-wizard-step-name{
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
.iui-wizard-step.iui-current .iui-wizard-circle{
color:white;
border-color:#53a21a;
background-color:#53a21a;
color:var(--iui-color-foreground-accessory);
border-color:var(--iui-color-background-positive);
background-color:var(--iui-color-background-positive);
}
.iui-wizard-step.iui-current .iui-wizard-track-content::after{
background-color:#c7ccd1;
background-color:var(--iui-color-background-5);
}
.iui-wizard-step.iui-current ~ .iui-wizard-step .iui-wizard-circle{
border:1px solid #c7ccd1;
background-color:white;
color:rgba(0, 0, 0, 0.4);
border:1px solid var(--iui-color-background-border);
background-color:var(--iui-color-background-1);
color:var(--iui-text-color-muted);
}
.iui-wizard-step.iui-current ~ .iui-wizard-step .iui-wizard-step-name{
color:rgba(0, 0, 0, 0.4);
color:var(--iui-text-color-muted);
}
.iui-wizard-step.iui-current ~ .iui-wizard-step .iui-wizard-track-content::before, .iui-wizard-step.iui-current ~ .iui-wizard-step:not(:last-of-type) .iui-wizard-track-content::after{
background-color:#c7ccd1;
background-color:var(--iui-color-background-5);
}
.iui-wizard-step.iui-clickable .iui-wizard-circle{
cursor:pointer;
}
@media (prefers-reduced-motion: no-preference){
.iui-wizard-step.iui-clickable .iui-wizard-circle{
transition:background-color 0.2s ease-out;
}
}
.iui-wizard-step.iui-clickable .iui-wizard-circle:hover{
color:white;
border:1px solid #53a21a;
background-color:#53a21a;
color:var(--iui-color-foreground-accessory);
border:1px solid var(--iui-color-background-positive);
background-color:var(--iui-color-background-positive);
}
.iui-wizard-step.iui-clickable:focus{
outline:0;
}
.iui-wizard-step.iui-clickable:focus .iui-wizard-circle{
outline:2px solid #53a21a;
outline:2px solid var(--iui-color-foreground-positive);
outline-offset:-1px;
}
.iui-wizard-step.iui-clickable:focus:not(:focus-visible) .iui-wizard-circle{
outline:none;
}
.iui-wizard-step:first-of-type .iui-wizard-track-content::before, .iui-wizard-step:last-of-type .iui-wizard-track-content::after{
background-color:transparent;
}
.iui-wizard-track-content{
display:flex;
align-items:center;
width:100%;
}
.iui-wizard-track-content::before, .iui-wizard-track-content::after{
content:"";
height:2px;
flex:1 2 auto;
background-color:#53a21a;
background-color:var(--iui-color-foreground-positive);
}
.iui-wizard-step-name{
text-align:center;
-webkit-user-select:all;
-moz-user-select:all;
user-select:all;
color:#53a21a;
color:var(--iui-color-foreground-positive);
}
}
.bnt-hc-toolbar{display:flex;align-items:center;margin:16px 0}.bnt-hc-toolbar>*:nth-child(n+2){margin-left:8px}.bnt-hc-toolbar>*:nth-child(n+2).bnt-hc-tooltip-container{margin-left:0px}.bnt-hc-toolbar .bnt-hc-toolbar-spacer{width:0px;margin-left:auto}.bnt-hc-toolbar .bnt-hc-buttons-hollow{margin-top:0;margin-bottom:0}.bnt-hc-toolbar-tabless{display:flex;align-items:center;margin:0px 0px 16px 0px}.bnt-hc-toolbar-tabless>*:nth-child(n+2){margin-left:8px}.bnt-hc-toolbar-tabless>*:nth-child(n+2).bnt-hc-tooltip-container{margin-left:0px}.bnt-hc-toolbar-tabless .bnt-hc-toolbar-spacer{width:0px;margin-left:auto}.bnt-hc-toolbar-tabless .bnt-hc-buttons-hollow{margin-top:0;margin-bottom:0}
.bnt-modal-overlay{position:fixed;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;height:100%;width:100%;z-index:4000;background-color:rgba(0,0,0,.4)}.bnt-modal-border{flex:0 0 auto;width:auto;max-width:400px;box-shadow:2px 2px 30px rgba(0,0,0,.25);text-align:left;z-index:2000}.bnt-modal-border>*{margin-left:24px;margin-right:24px}.bnt-modal-border>*:first-child{margin-top:24px}.bnt-modal-border>*:last-child{margin-bottom:24px}.bnt-modal-header{display:flex;align-content:space-between;margin-bottom:24px}.bnt-modal-title{flex:1 1 auto;margin:0;font-size:24px}.bnt-modal-close-btn{flex:0 0 auto;margin-left:16px;cursor:pointer}.bnt-dialog-message{margin-bottom:8px;word-break:break-word}
.bnt-hc-popover-border{padding:0;margin:0;box-shadow:2px 2px 10px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.15);border-radius:3px;background:#fff;background-clip:padding-box;scrollbar-width:thin;scrollbar-color:#c7ccd1 #eef0f3}.bnt-hc-popover-border::-webkit-scrollbar{height:8px;width:8px}.bnt-hc-popover-border::-webkit-scrollbar-thumb{background:#c7ccd1;border-radius:1ex;-webkit-border-radius:1ex}.bnt-hc-popover-border::-webkit-scrollbar-corner{background:#eef0f3}.bnt-hc-popover-border::-webkit-scrollbar-track-piece{background:#eef0f3}
.svg-icon{display:inline-flex;align-self:center;height:1.14em;width:1.14em}.svg-icon svg{height:100%;width:100%;position:relative;fill:currentColor}.svg-icon-pw{display:inline-flex;align-self:center;height:1.14em;width:1.14em}.svg-icon-pw svg{height:100%;width:100%;position:relative;fill:#9ba5ae !important}.icon-size-small{font-size:16px;height:1em;width:1em}.icon-size-medium{font-size:32px;height:1em;width:1em}.icon-size-large{font-size:48px;height:1em;width:1em}.icon-size-x-large{font-size:64px;height:1em;width:1em}.icon-size-12px{font-size:12px;height:1em;width:1em}.icon-size-22px{font-size:22px;height:1em;width:1em}.icon-size-24px{font-size:24px;height:1em;width:1em}.icon-default-color{color:#677480}.icon-baseline svg{top:.2em}
.bnt-hc-input-modal-dialog .bnt-hc-input-wrapper{min-width:320px}.bnt-hc-input-modal-dialog .bnt-hc-input-wrapper>input{padding:0;margin:1px 16px 3px}.bnt-hc-input-modal-dialog .bnt-hc-input-wrapper>.svg-icon{min-width:28px}.bnt-hc-input-modal-dialog .bnt-hc-input-wrapper>.svg-icon>svg{width:12px;height:12px;margin:auto}.bnt-hc-input-modal-dialog .bnt-hc-input-wrapper>.relative>input{margin:2px}.bnt-hc-input-modal-dialog>.bnt-modal-border>.bnt-hc-toolbar{margin:24px}.bnt-hc-input-modal-dialog .bnt-hc-dialog-error-message{width:100%;font-size:12px;color:#c00;padding:7px 10px}
.bnt-hc-input-wrapper{display:flex;min-width:3em;min-height:32px;border:1px solid #c7ccd1;border-radius:3px;box-shadow:rgba(0,0,0,.075) 0px 1px 1px inset;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#fff}.bnt-hc-input-wrapper[disabled],.bnt-hc-input-wrapper[readonly]{background-color:#eef0f3;color:#c7ccd1;cursor:not-allowed}.bnt-hc-input-wrapper:focus-within{border-color:#c7ccd1}.bnt-hc-input-wrapper.wrong{border:1px solid red}.bnt-hc-input-wrapper>.relative{display:flex;position:relative;width:100%}.bnt-hc-input-wrapper>.relative>*{min-width:0}.bnt-hc-input-wrapper>.relative>input{flex:1 1 6em;min-height:28px;padding:1px 0 3px 8px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;color:#2a2f34;border:none;margin:.7px}.bnt-hc-input-wrapper>.relative>input:-ms-input-placeholder{color:#c7ccd1}.bnt-hc-input-wrapper>.relative>input::-moz-placeholder{color:#c7ccd1}.bnt-hc-input-wrapper>.relative>input::placeholder{color:#c7ccd1}.bnt-hc-input-wrapper>.relative>input:focus{outline:0;border:none}.bnt-hc-input-wrapper>.relative>input::-ms-clear{display:none;width:0;height:0}.bnt-hc-input-wrapper>.relative>input::-ms-reveal{display:none;width:0;height:0}.bnt-hc-input-wrapper>.relative>.svg-icon{flex:0 0 auto;min-width:32px;min-height:32px;padding:8px 8px}.bnt-hc-input-wrapper>.relative>.svg-icon>svg{width:16px;height:16px;margin:auto}.bnt-hc-input-wrapper>.relative .renderer-required-asterisk{background:inherit;width:18px;color:#c00;text-align:center;right:0;height:100%}.bnt-hc-input-wrapper>.relative .renderer-required-asterisk-disabled{background-color:rgba(239,239,239,.3)}
/**
* Swiper 6.8.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: August 23, 2021
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.mapboxgl-map{font:12px/20px 'Helvetica Neue',Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-nav-compass{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-nav-compass:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan{-ms-touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan{-ms-touch-action:none;touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2}.mapboxgl-ctrl-top-left{top:0;left:0}.mapboxgl-ctrl-top-right{top:0;right:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{right:0;bottom:0}.mapboxgl-ctrl{clear:both;pointer-events:auto}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{margin:10px 0 0 10px;float:left}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{margin:10px 10px 0 0;float:right}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 10px 10px;float:left}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{margin:0 10px 10px 0;float:right}.mapboxgl-ctrl-group{border-radius:4px;-moz-box-shadow:0 0 2px rgba(0,0,0,.1);-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(0,0,0,.1);overflow:hidden;background:#fff}.mapboxgl-ctrl-group>button{width:30px;height:30px;display:block;padding:0;outline:0;border:none;border-bottom:1px solid #ddd;box-sizing:border-box;background-color:rgba(0,0,0,0);cursor:pointer}.mapboxgl-ctrl>button::-moz-focus-inner{border:0;padding:0}.mapboxgl-ctrl>button:last-child{border-bottom:0}.mapboxgl-ctrl>button:hover{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-icon,.mapboxgl-ctrl-icon>.mapboxgl-ctrl-compass-arrow{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mapboxgl-ctrl-icon{padding:5px}.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23333333%3B%27%20d%3D%27m%207%2C9%20c%20-0.554%2C0%20-1%2C0.446%20-1%2C1%200%2C0.554%200.446%2C1%201%2C1%20l%206%2C0%20c%200.554%2C0%201%2C-0.446%201%2C-1%200%2C-0.554%20-0.446%2C-1%20-1%2C-1%20z%27%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23333333%3B%27%20d%3D%27M%2010%206%20C%209.446%206%209%206.4459904%209%207%20L%209%209%20L%207%209%20C%206.446%209%206%209.446%206%2010%20C%206%2010.554%206.446%2011%207%2011%20L%209%2011%20L%209%2013%20C%209%2013.55401%209.446%2014%2010%2014%20C%2010.554%2014%2011%2013.55401%2011%2013%20L%2011%2011%20L%2013%2011%20C%2013.554%2011%2014%2010.554%2014%2010%20C%2014%209.446%2013.554%209%2013%209%20L%2011%209%20L%2011%207%20C%2011%206.4459904%2010.554%206%2010%206%20z%27%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%23333%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E")}.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%23aaa%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E")}.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%2333b5e5%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E")}.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%23e58978%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E")}.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%2333b5e5%3B%27%20d%3D%27M%2010%2C4%20C%209%2C4%209%2C5%209%2C5%20L%209%2C5.1%20C%207.0357113%2C5.5006048%205.5006048%2C7.0357113%205.1%2C9%20L%205%2C9%20c%200%2C0%20-1%2C0%20-1%2C1%200%2C1%201%2C1%201%2C1%20l%200.1%2C0%20c%200.4006048%2C1.964289%201.9357113%2C3.499395%203.9%2C3.9%20L%209%2C15%20c%200%2C0%200%2C1%201%2C1%201%2C0%201%2C-1%201%2C-1%20l%200%2C-0.1%20c%201.964289%2C-0.400605%203.499395%2C-1.935711%203.9%2C-3.9%20l%200.1%2C0%20c%200%2C0%201%2C0%201%2C-1%20C%2016%2C9%2015%2C9%2015%2C9%20L%2014.9%2C9%20C%2014.499395%2C7.0357113%2012.964289%2C5.5006048%2011%2C5.1%20L%2011%2C5%20c%200%2C0%200%2C-1%20-1%2C-1%20z%20m%200%2C2.5%20c%201.932997%2C0%203.5%2C1.5670034%203.5%2C3.5%200%2C1.932997%20-1.567003%2C3.5%20-3.5%2C3.5%20C%208.0670034%2C13.5%206.5%2C11.932997%206.5%2C10%206.5%2C8.0670034%208.0670034%2C6.5%2010%2C6.5%20Z%27%20%2F%3E%0A%3C%2Fsvg%3E")}.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23e54e33%3B%27%20d%3D%27M%2010%2C4%20C%209%2C4%209%2C5%209%2C5%20L%209%2C5.1%20C%207.0357113%2C5.5006048%205.5006048%2C7.0357113%205.1%2C9%20L%205%2C9%20c%200%2C0%20-1%2C0%20-1%2C1%200%2C1%201%2C1%201%2C1%20l%200.1%2C0%20c%200.4006048%2C1.964289%201.9357113%2C3.499395%203.9%2C3.9%20L%209%2C15%20c%200%2C0%200%2C1%201%2C1%201%2C0%201%2C-1%201%2C-1%20l%200%2C-0.1%20c%201.964289%2C-0.400605%203.499395%2C-1.935711%203.9%2C-3.9%20l%200.1%2C0%20c%200%2C0%201%2C0%201%2C-1%20C%2016%2C9%2015%2C9%2015%2C9%20L%2014.9%2C9%20C%2014.499395%2C7.0357113%2012.964289%2C5.5006048%2011%2C5.1%20L%2011%2C5%20c%200%2C0%200%2C-1%20-1%2C-1%20z%20m%200%2C2.5%20c%201.932997%2C0%203.5%2C1.5670034%203.5%2C3.5%200%2C1.932997%20-1.567003%2C3.5%20-3.5%2C3.5%20C%208.0670034%2C13.5%206.5%2C11.932997%206.5%2C10%206.5%2C8.0670034%208.0670034%2C6.5%2010%2C6.5%20Z%27%20%2F%3E%0A%3C%2Fsvg%3E")}.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting{-webkit-animation:mapboxgl-spin 2s infinite linear;-moz-animation:mapboxgl-spin 2s infinite linear;-o-animation:mapboxgl-spin 2s infinite linear;-ms-animation:mapboxgl-spin 2s infinite linear;animation:mapboxgl-spin 2s infinite linear}@-webkit-keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes mapboxgl-spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes mapboxgl-spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes mapboxgl-spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAyMCAyMCIKICAgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZnVsbHNjcmVlbi5zdmciPjxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQxODUiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgICAgaWQ9ImRlZnM0MTgzIiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTQ3MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI2OTUiCiAgICAgaWQ9Im5hbWVkdmlldzQxODEiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjExLjMxMzcwOCIKICAgICBpbmtzY2FwZTpjeD0iMTQuNjk4MjgiCiAgICAgaW5rc2NhcGU6Y3k9IjEwLjUyNjY4OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNjk3IgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyOTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIgogICAgIGlua3NjYXBlOnNuYXAtYmJveD0idHJ1ZSIKICAgICBpbmtzY2FwZTpiYm94LXBhdGhzPSJ0cnVlIgogICAgIGlua3NjYXBlOm9iamVjdC1wYXRocz0idHJ1ZSIKICAgICBpbmtzY2FwZTpiYm94LW5vZGVzPSJ0cnVlIgogICAgIGlua3NjYXBlOm9iamVjdC1ub2Rlcz0idHJ1ZSI+PGlua3NjYXBlOmdyaWQKICAgICAgIHR5cGU9Inh5Z3JpZCIKICAgICAgIGlkPSJncmlkNjA3NiIgLz48L3NvZGlwb2RpOm5hbWVkdmlldz48cGF0aAogICAgIGQ9Ik0gNSA0IEMgNC41IDQgNCA0LjUgNCA1IEwgNCA2IEwgNCA5IEwgNC41IDkgTCA1Ljc3NzM0MzggNy4yOTY4NzUgQyA2Ljc3NzEzMTkgOC4wNjAyMTMxIDcuODM1NzY1IDguOTU2NTcyOCA4Ljg5MDYyNSAxMCBDIDcuODI1NzEyMSAxMS4wNjMzIDYuNzc2MTc5MSAxMS45NTE2NzUgNS43ODEyNSAxMi43MDcwMzEgTCA0LjUgMTEgTCA0IDExIEwgNCAxNSBDIDQgMTUuNSA0LjUgMTYgNSAxNiBMIDkgMTYgTCA5IDE1LjUgTCA3LjI3MzQzNzUgMTQuMjA1MDc4IEMgOC4wNDI4OTMxIDEzLjE4Nzg4NiA4LjkzOTU0NDEgMTIuMTMzNDgxIDkuOTYwOTM3NSAxMS4wNjgzNTkgQyAxMS4wNDIzNzEgMTIuMTQ2OTkgMTEuOTQyMDkzIDEzLjIxMTIgMTIuNzA3MDMxIDE0LjIxODc1IEwgMTEgMTUuNSBMIDExIDE2IEwgMTQgMTYgTCAxNSAxNiBDIDE1LjUgMTYgMTYgMTUuNSAxNiAxNSBMIDE2IDE0IEwgMTYgMTEgTCAxNS41IDExIEwgMTQuMjA1MDc4IDEyLjcyNjU2MiBDIDEzLjE3Nzk4NSAxMS45NDk2MTcgMTIuMTEyNzE4IDExLjA0MzU3NyAxMS4wMzcxMDkgMTAuMDA5NzY2IEMgMTIuMTUxODU2IDguOTgxMDYxIDEzLjIyNDM0NSA4LjA3OTg2MjQgMTQuMjI4NTE2IDcuMzA0Njg3NSBMIDE1LjUgOSBMIDE2IDkgTCAxNiA1IEMgMTYgNC41IDE1LjUgNCAxNSA0IEwgMTEgNCBMIDExIDQuNSBMIDEyLjcwMzEyNSA1Ljc3NzM0MzggQyAxMS45MzI2NDcgNi43ODY0ODM0IDExLjAyNjY5MyA3Ljg1NTQ3MTIgOS45NzA3MDMxIDguOTE5OTIxOSBDIDguOTU4NDczOSA3LjgyMDQ5NDMgOC4wNjk4NzY3IDYuNzYyNzE4OCA3LjMwNDY4NzUgNS43NzE0ODQ0IEwgOSA0LjUgTCA5IDQgTCA2IDQgTCA1IDQgeiAiCiAgICAgaWQ9InBhdGg0MTY5IiAvPjwvc3ZnPg==)}.mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAyMCAyMCIKICAgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIKICAgc29kaXBvZGk6ZG9jbmFtZT0ic2hyaW5rLnN2ZyI+PG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTkiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgICAgaWQ9ImRlZnMxNyIgLz48c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjIwMjEiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTA4IgogICAgIGlkPSJuYW1lZHZpZXcxNSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMSIKICAgICBpbmtzY2FwZTpjeD0iNC45NTAxMDgyIgogICAgIGlua3NjYXBlOmN5PSIxMC44NTQ3NDciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIgogICAgIGlua3NjYXBlOnNuYXAtYmJveD0idHJ1ZSIKICAgICBpbmtzY2FwZTpiYm94LXBhdGhzPSJ0cnVlIgogICAgIGlua3NjYXBlOnNuYXAtYmJveC1lZGdlLW1pZHBvaW50cz0idHJ1ZSIKICAgICBpbmtzY2FwZTpiYm94LW5vZGVzPSJ0cnVlIgogICAgIGlua3NjYXBlOnNuYXAtYmJveC1taWRwb2ludHM9InRydWUiCiAgICAgaW5rc2NhcGU6b2JqZWN0LXBhdGhzPSJ0cnVlIgogICAgIGlua3NjYXBlOm9iamVjdC1ub2Rlcz0idHJ1ZSI+PGlua3NjYXBlOmdyaWQKICAgICAgIHR5cGU9Inh5Z3JpZCIKICAgICAgIGlkPSJncmlkNDE0NyIgLz48L3NvZGlwb2RpOm5hbWVkdmlldz48cGF0aAogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDAiCiAgICAgZD0iTSA0LjI0MjE4NzUgMy40OTIxODc1IEEgMC43NTAwNzUgMC43NTAwNzUgMCAwIDAgMy43MTg3NSA0Ljc4MTI1IEwgNS45NjQ4NDM4IDcuMDI3MzQzOCBMIDQgOC41IEwgNCA5IEwgOCA5IEMgOC41MDAwMDEgOC45OTk5OTg4IDkgOC40OTk5OTkyIDkgOCBMIDkgNCBMIDguNSA0IEwgNy4wMTc1NzgxIDUuOTU1MDc4MSBMIDQuNzgxMjUgMy43MTg3NSBBIDAuNzUwMDc1IDAuNzUwMDc1IDAgMCAwIDQuMjQyMTg3NSAzLjQ5MjE4NzUgeiBNIDE1LjczNDM3NSAzLjQ5MjE4NzUgQSAwLjc1MDA3NSAwLjc1MDA3NSAwIDAgMCAxNS4yMTg3NSAzLjcxODc1IEwgMTIuOTg0Mzc1IDUuOTUzMTI1IEwgMTEuNSA0IEwgMTEgNCBMIDExIDggQyAxMSA4LjQ5OTk5OTIgMTEuNDk5OTk5IDguOTk5OTk4OCAxMiA5IEwgMTYgOSBMIDE2IDguNSBMIDE0LjAzNTE1NiA3LjAyNzM0MzggTCAxNi4yODEyNSA0Ljc4MTI1IEEgMC43NTAwNzUgMC43NTAwNzUgMCAwIDAgMTUuNzM0Mzc1IDMuNDkyMTg3NSB6IE0gNCAxMSBMIDQgMTEuNSBMIDUuOTY0ODQzOCAxMi45NzI2NTYgTCAzLjcxODc1IDE1LjIxODc1IEEgMC43NTEzMDA5NiAwLjc1MTMwMDk2IDAgMSAwIDQuNzgxMjUgMTYuMjgxMjUgTCA3LjAyNzM0MzggMTQuMDM1MTU2IEwgOC41IDE2IEwgOSAxNiBMIDkgMTIgQyA5IDExLjUwMDAwMSA4LjUwMDAwMSAxMS4wMDAwMDEgOCAxMSBMIDQgMTEgeiBNIDEyIDExIEMgMTEuNDk5OTk5IDExLjAwMDAwMSAxMSAxMS41MDAwMDEgMTEgMTIgTCAxMSAxNiBMIDExLjUgMTYgTCAxMi45NzI2NTYgMTQuMDM1MTU2IEwgMTUuMjE4NzUgMTYuMjgxMjUgQSAwLjc1MTMwMDk2IDAuNzUxMzAwOTYgMCAxIDAgMTYuMjgxMjUgMTUuMjE4NzUgTCAxNC4wMzUxNTYgMTIuOTcyNjU2IEwgMTYgMTEuNSBMIDE2IDExIEwgMTIgMTEgeiAiCiAgICAgaWQ9InBhdGg3IiAvPjwvc3ZnPg==)}.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass>.mapboxgl-ctrl-compass-arrow{width:20px;height:20px;margin:5px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%0A%09%3Cpolygon%20fill%3D%27%23333333%27%20points%3D%276%2C9%2010%2C1%2014%2C9%27%2F%3E%0A%09%3Cpolygon%20fill%3D%27%23CCCCCC%27%20points%3D%276%2C11%2010%2C19%2014%2C11%20%27%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;display:inline-block}a.mapboxgl-ctrl-logo{width:85px;height:21px;margin:0 0 -3px -3px;display:block;background-repeat:no-repeat;cursor:pointer;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiAgIHZpZXdCb3g9IjAgMCA4NC40OSAyMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODQuNDkgMjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz4gIDxwYXRoIGNsYXNzPSJzdDAiIHN0eWxlPSJvcGFjaXR5OjAuOTsgZmlsbDogI0ZGRkZGRjsgZW5hYmxlLWJhY2tncm91bmQ6IG5ldzsiIGQ9Ik04My4yNSwxNC4yNmMwLDAuMTItMC4wOSwwLjIxLTAuMjEsMC4yMWgtMS42MWMtMC4xMywwLTAuMjQtMC4wNi0wLjMtMC4xN2wtMS40NC0yLjM5bC0xLjQ0LDIuMzkgICAgYy0wLjA2LDAuMTEtMC4xOCwwLjE3LTAuMywwLjE3aC0xLjYxYy0wLjA0LDAtMC4wOC0wLjAxLTAuMTItMC4wM2MtMC4wOS0wLjA2LTAuMTMtMC4xOS0wLjA2LTAuMjhsMCwwbDIuNDMtMy42OEw3Ni4yLDYuODQgICAgYy0wLjAyLTAuMDMtMC4wMy0wLjA3LTAuMDMtMC4xMmMwLTAuMTIsMC4wOS0wLjIxLDAuMjEtMC4yMWgxLjYxYzAuMTMsMCwwLjI0LDAuMDYsMC4zLDAuMTdsMS40MSwyLjM2bDEuNC0yLjM1ICAgIGMwLjA2LTAuMTEsMC4xOC0wLjE3LDAuMy0wLjE3SDgzYzAuMDQsMCwwLjA4LDAuMDEsMC4xMiwwLjAzYzAuMDksMC4wNiwwLjEzLDAuMTksMC4wNiwwLjI4bDAsMGwtMi4zNywzLjYzbDIuNDMsMy42NyAgICBDODMuMjQsMTQuMTgsODMuMjUsMTQuMjIsODMuMjUsMTQuMjZ6Ii8+ICA8cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0ib3BhY2l0eTowLjk7IGZpbGw6ICNGRkZGRkY7IGVuYWJsZS1iYWNrZ3JvdW5kOiBuZXc7IiBkPSJNNjYuMjQsOS41OWMtMC4zOS0xLjg4LTEuOTYtMy4yOC0zLjg0LTMuMjhjLTEuMDMsMC0yLjAzLDAuNDItMi43MywxLjE4VjMuNTFjMC0wLjEzLTAuMS0wLjIzLTAuMjMtMC4yM2gtMS40ICAgIGMtMC4xMywwLTAuMjMsMC4xMS0wLjIzLDAuMjN2MTAuNzJjMCwwLjEzLDAuMSwwLjIzLDAuMjMsMC4yM2gxLjRjMC4xMywwLDAuMjMtMC4xMSwwLjIzLTAuMjNWMTMuNWMwLjcxLDAuNzUsMS43LDEuMTgsMi43MywxLjE4ICAgIGMxLjg4LDAsMy40NS0xLjQxLDMuODQtMy4yOUM2Ni4zNywxMC43OSw2Ni4zNywxMC4xOCw2Ni4yNCw5LjU5TDY2LjI0LDkuNTl6IE02Mi4wOCwxM2MtMS4zMiwwLTIuMzktMS4xMS0yLjQxLTIuNDh2LTAuMDYgICAgYzAuMDItMS4zOCwxLjA5LTIuNDgsMi40MS0yLjQ4czIuNDIsMS4xMiwyLjQyLDIuNTFTNjMuNDEsMTMsNjIuMDgsMTN6Ii8+ICA8cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0ib3BhY2l0eTowLjk7IGZpbGw6ICNGRkZGRkY7IGVuYWJsZS1iYWNrZ3JvdW5kOiBuZXc7IiBkPSJNNzEuNjcsNi4zMmMtMS45OC0wLjAxLTMuNzIsMS4zNS00LjE2LDMuMjljLTAuMTMsMC41OS0wLjEzLDEuMTksMCwxLjc3YzAuNDQsMS45NCwyLjE3LDMuMzIsNC4xNywzLjMgICAgYzIuMzUsMCw0LjI2LTEuODcsNC4yNi00LjE5Uzc0LjA0LDYuMzIsNzEuNjcsNi4zMnogTTcxLjY1LDEzLjAxYy0xLjMzLDAtMi40Mi0xLjEyLTIuNDItMi41MXMxLjA4LTIuNTIsMi40Mi0yLjUyICAgIGMxLjMzLDAsMi40MiwxLjEyLDIuNDIsMi41MVM3Mi45OSwxMyw3MS42NSwxMy4wMUw3MS42NSwxMy4wMXoiLz4gIDxwYXRoIGNsYXNzPSJzdDEiIHN0eWxlPSJvcGFjaXR5OjAuMzU7IGVuYWJsZS1iYWNrZ3JvdW5kOm5ldzsiIGQ9Ik02Mi4wOCw3Ljk4Yy0xLjMyLDAtMi4zOSwxLjExLTIuNDEsMi40OHYwLjA2QzU5LjY4LDExLjksNjAuNzUsMTMsNjIuMDgsMTNzMi40Mi0xLjEyLDIuNDItMi41MSAgICBTNjMuNDEsNy45OCw2Mi4wOCw3Ljk4eiBNNjIuMDgsMTEuNzZjLTAuNjMsMC0xLjE0LTAuNTYtMS4xNy0xLjI1di0wLjA0YzAuMDEtMC42OSwwLjU0LTEuMjUsMS4xNy0xLjI1ICAgIGMwLjYzLDAsMS4xNywwLjU3LDEuMTcsMS4yN0M2My4yNCwxMS4yLDYyLjczLDExLjc2LDYyLjA4LDExLjc2eiIvPiAgPHBhdGggY2xhc3M9InN0MSIgc3R5bGU9Im9wYWNpdHk6MC4zNTsgZW5hYmxlLWJhY2tncm91bmQ6bmV3OyIgZD0iTTcxLjY1LDcuOThjLTEuMzMsMC0yLjQyLDEuMTItMi40MiwyLjUxUzcwLjMyLDEzLDcxLjY1LDEzczIuNDItMS4xMiwyLjQyLTIuNTFTNzIuOTksNy45OCw3MS42NSw3Ljk4eiAgICAgTTcxLjY1LDExLjc2Yy0wLjY0LDAtMS4xNy0wLjU3LTEuMTctMS4yN2MwLTAuNywwLjUzLTEuMjYsMS4xNy0xLjI2czEuMTcsMC41NywxLjE3LDEuMjdDNzIuODIsMTEuMjEsNzIuMjksMTEuNzYsNzEuNjUsMTEuNzZ6IiAgICAvPiAgPHBhdGggY2xhc3M9InN0MCIgc3R5bGU9Im9wYWNpdHk6MC45OyBmaWxsOiAjRkZGRkZGOyBlbmFibGUtYmFja2dyb3VuZDogbmV3OyIgZD0iTTQ1Ljc0LDYuNTNoLTEuNGMtMC4xMywwLTAuMjMsMC4xMS0wLjIzLDAuMjN2MC43M2MtMC43MS0wLjc1LTEuNy0xLjE4LTIuNzMtMS4xOCAgICBjLTIuMTcsMC0zLjk0LDEuODctMy45NCw0LjE5czEuNzcsNC4xOSwzLjk0LDQuMTljMS4wNCwwLDIuMDMtMC40MywyLjczLTEuMTl2MC43M2MwLDAuMTMsMC4xLDAuMjMsMC4yMywwLjIzaDEuNCAgICBjMC4xMywwLDAuMjMtMC4xMSwwLjIzLTAuMjNWNi43NGMwLTAuMTItMC4wOS0wLjIyLTAuMjItMC4yMkM0NS43NSw2LjUzLDQ1Ljc1LDYuNTMsNDUuNzQsNi41M3ogTTQ0LjEyLDEwLjUzICAgIEM0NC4xMSwxMS45LDQzLjAzLDEzLDQxLjcxLDEzcy0yLjQyLTEuMTItMi40Mi0yLjUxczEuMDgtMi41MiwyLjQtMi41MmMxLjMzLDAsMi4zOSwxLjExLDIuNDEsMi40OEw0NC4xMiwxMC41M3oiLz4gIDxwYXRoIGNsYXNzPSJzdDEiIHN0eWxlPSJvcGFjaXR5OjAuMzU7IGVuYWJsZS1iYWNrZ3JvdW5kOm5ldzsiIGQ9Ik00MS43MSw3Ljk4Yy0xLjMzLDAtMi40MiwxLjEyLTIuNDIsMi41MVM0MC4zNywxMyw0MS43MSwxM3MyLjM5LTEuMTEsMi40MS0yLjQ4di0wLjA2ICAgIEM0NC4xLDkuMDksNDMuMDMsNy45OCw0MS43MSw3Ljk4eiBNNDAuNTUsMTAuNDljMC0wLjcsMC41Mi0xLjI3LDEuMTctMS4yN2MwLjY0LDAsMS4xNCwwLjU2LDEuMTcsMS4yNXYwLjA0ICAgIGMtMC4wMSwwLjY4LTAuNTMsMS4yNC0xLjE3LDEuMjRDNDEuMDgsMTEuNzUsNDAuNTUsMTEuMTksNDAuNTUsMTAuNDl6Ii8+ICA8cGF0aCBjbGFzcz0ic3QwIiBzdHlsZT0ib3BhY2l0eTowLjk7IGZpbGw6ICNGRkZGRkY7IGVuYWJsZS1iYWNrZ3JvdW5kOiBuZXc7IiBkPSJNNTIuNDEsNi4zMmMtMS4wMywwLTIuMDMsMC40Mi0yLjczLDEuMThWNi43NWMwLTAuMTMtMC4xLTAuMjMtMC4yMy0wLjIzaC0xLjRjLTAuMTMsMC0wLjIzLDAuMTEtMC4yMywwLjIzICAgIHYxMC43MmMwLDAuMTMsMC4xLDAuMjMsMC4yMywwLjIzaDEuNGMwLjEzLDAsMC4yMy0wLjEsMC4yMy0wLjIzVjEzLjVjMC43MSwwLjc1LDEuNywxLjE4LDIuNzQsMS4xOGMyLjE3LDAsMy45NC0xLjg3LDMuOTQtNC4xOSAgICBTNTQuNTgsNi4zMiw1Mi40MSw2LjMyeiBNNTIuMDgsMTMuMDFjLTEuMzIsMC0yLjM5LTEuMTEtMi40Mi0yLjQ4di0wLjA3YzAuMDItMS4zOCwxLjA5LTIuNDksMi40LTIuNDljMS4zMiwwLDIuNDEsMS4xMiwyLjQxLDIuNTEgICAgUzUzLjQsMTMsNTIuMDgsMTMuMDFMNTIuMDgsMTMuMDF6Ii8+ICA8cGF0aCBjbGFzcz0ic3QxIiBzdHlsZT0ib3BhY2l0eTowLjM1OyBlbmFibGUtYmFja2dyb3VuZDpuZXc7IiBkPSJNNTIuMDgsNy45OGMtMS4zMiwwLTIuMzksMS4xMS0yLjQyLDIuNDh2MC4wNmMwLjAzLDEuMzgsMS4xLDIuNDgsMi40MiwyLjQ4czIuNDEtMS4xMiwyLjQxLTIuNTEgICAgUzUzLjQsNy45OCw1Mi4wOCw3Ljk4eiBNNTIuMDgsMTEuNzZjLTAuNjMsMC0xLjE0LTAuNTYtMS4xNy0xLjI1di0wLjA0YzAuMDEtMC42OSwwLjU0LTEuMjUsMS4xNy0xLjI1YzAuNjMsMCwxLjE3LDAuNTgsMS4xNywxLjI3ICAgIFM1Mi43MiwxMS43Niw1Mi4wOCwxMS43NnoiLz4gIDxwYXRoIGNsYXNzPSJzdDAiIHN0eWxlPSJvcGFjaXR5OjAuOTsgZmlsbDogI0ZGRkZGRjsgZW5hYmxlLWJhY2tncm91bmQ6IG5ldzsiIGQ9Ik0zNi4wOCwxNC4yNGMwLDAuMTMtMC4xLDAuMjMtMC4yMywwLjIzaC0xLjQxYy0wLjEzLDAtMC4yMy0wLjExLTAuMjMtMC4yM1Y5LjY4YzAtMC45OC0wLjc0LTEuNzEtMS42Mi0xLjcxICAgIGMtMC44LDAtMS40NiwwLjctMS41OSwxLjYybDAuMDEsNC42NmMwLDAuMTMtMC4xMSwwLjIzLTAuMjMsMC4yM2gtMS40MWMtMC4xMywwLTAuMjMtMC4xMS0wLjIzLTAuMjNWOS42OCAgICBjMC0wLjk4LTAuNzQtMS43MS0xLjYyLTEuNzFjLTAuODUsMC0xLjU0LDAuNzktMS42LDEuOHY0LjQ4YzAsMC4xMy0wLjEsMC4yMy0wLjIzLDAuMjNoLTEuNGMtMC4xMywwLTAuMjMtMC4xMS0wLjIzLTAuMjNWNi43NCAgICBjMC4wMS0wLjEzLDAuMS0wLjIyLDAuMjMtMC4yMmgxLjRjMC4xMywwLDAuMjIsMC4xMSwwLjIzLDAuMjJWNy40YzAuNS0wLjY4LDEuMy0xLjA5LDIuMTYtMS4xaDAuMDNjMS4wOSwwLDIuMDksMC42LDIuNiwxLjU1ICAgIGMwLjQ1LTAuOTUsMS40LTEuNTUsMi40NC0xLjU2YzEuNjIsMCwyLjkzLDEuMjUsMi45LDIuNzhMMzYuMDgsMTQuMjR6Ii8+ICA8cGF0aCBjbGFzcz0ic3QxIiBzdHlsZT0ib3BhY2l0eTowLjM1OyBlbmFibGUtYmFja2dyb3VuZDpuZXc7IiBkPSJNODQuMzQsMTMuNTlsLTAuMDctMC4xM2wtMS45Ni0yLjk5bDEuOTQtMi45NWMwLjQ0LTAuNjcsMC4yNi0xLjU2LTAuNDEtMi4wMmMtMC4wMiwwLTAuMDMsMC0wLjA0LTAuMDEgICAgYy0wLjIzLTAuMTUtMC41LTAuMjItMC43OC0wLjIyaC0xLjYxYy0wLjU2LDAtMS4wOCwwLjI5LTEuMzcsMC43OEw3OS43Miw2LjZsLTAuMzQtMC41NkM3OS4wOSw1LjU2LDc4LjU3LDUuMjcsNzgsNS4yN2gtMS42ICAgIGMtMC42LDAtMS4xMywwLjM3LTEuMzUsMC45MmMtMi4xOS0xLjY2LTUuMjgtMS40Ny03LjI2LDAuNDVjLTAuMzUsMC4zNC0wLjY1LDAuNzItMC44OSwxLjE0Yy0wLjktMS42Mi0yLjU4LTIuNzItNC41LTIuNzIgICAgYy0wLjUsMC0xLjAxLDAuMDctMS40OCwwLjIzVjMuNTFjMC0wLjgyLTAuNjYtMS40OC0xLjQ3LTEuNDhoLTEuNGMtMC44MSwwLTEuNDcsMC42Ni0xLjQ3LDEuNDd2My43NSAgICBjLTAuOTUtMS4zNi0yLjUtMi4xOC00LjE3LTIuMTljLTAuNzQsMC0xLjQ2LDAuMTYtMi4xMiwwLjQ3Yy0wLjI0LTAuMTctMC41NC0wLjI2LTAuODQtMC4yNmgtMS40Yy0wLjQ1LDAtMC44NywwLjIxLTEuMTUsMC41NiAgICBjLTAuMDItMC4wMy0wLjA0LTAuMDUtMC4wNy0wLjA4Yy0wLjI4LTAuMy0wLjY4LTAuNDctMS4wOS0wLjQ3aC0xLjM5Yy0wLjMsMC0wLjYsMC4wOS0wLjg0LDAuMjZjLTAuNjctMC4zLTEuMzktMC40Ni0yLjEyLTAuNDYgICAgYy0xLjgzLDAtMy40MywxLTQuMzcsMi41Yy0wLjItMC40Ni0wLjQ4LTAuODktMC44My0xLjI1Yy0wLjgtMC44MS0xLjg5LTEuMjUtMy4wMi0xLjI1aC0wLjAxYy0wLjg5LDAuMDEtMS43NSwwLjMzLTIuNDYsMC44OCAgICBjLTAuNzQtMC41Ny0xLjY0LTAuODgtMi41Ny0wLjg4SDI4LjFjLTAuMjksMC0wLjU4LDAuMDMtMC44NiwwLjExYy0wLjI4LDAuMDYtMC41NiwwLjE2LTAuODIsMC4yOGMtMC4yMS0wLjEyLTAuNDUtMC4xOC0wLjctMC4xOCAgICBoLTEuNGMtMC44MiwwLTEuNDcsMC42Ni0xLjQ3LDEuNDd2Ny41YzAsMC44MiwwLjY2LDEuNDcsMS40NywxLjQ3aDEuNGMwLjgyLDAsMS40OC0wLjY2LDEuNDgtMS40OGwwLDBWOS43OSAgICBjMC4wMy0wLjM2LDAuMjMtMC41OSwwLjM2LTAuNTljMC4xOCwwLDAuMzgsMC4xOCwwLjM4LDAuNDd2NC41N2MwLDAuODIsMC42NiwxLjQ3LDEuNDcsMS40N2gxLjQxYzAuODIsMCwxLjQ3LTAuNjYsMS40Ny0xLjQ3ICAgIGwtMC4wMS00LjU3YzAuMDYtMC4zMiwwLjI1LTAuNDcsMC4zNS0wLjQ3YzAuMTgsMCwwLjM4LDAuMTgsMC4zOCwwLjQ3djQuNTdjMCwwLjgyLDAuNjYsMS40NywxLjQ3LDEuNDdoMS40MSAgICBjMC44MiwwLDEuNDctMC42NiwxLjQ3LTEuNDd2LTAuMzhjMC45NiwxLjI5LDIuNDYsMi4wNiw0LjA2LDIuMDZjMC43NCwwLDEuNDYtMC4xNiwyLjEyLTAuNDdjMC4yNCwwLjE3LDAuNTQsMC4yNiwwLjg0LDAuMjZoMS4zOSAgICBjMC4zLDAsMC42LTAuMDksMC44NC0wLjI2djIuMDFjMCwwLjgyLDAuNjYsMS40NywxLjQ3LDEuNDdoMS40YzAuODIsMCwxLjQ3LTAuNjYsMS40Ny0xLjQ3di0xLjc3YzAuNDgsMC4xNSwwLjk5LDAuMjMsMS40OSwwLjIyICAgIGMxLjcsMCwzLjIyLTAuODcsNC4xNy0yLjJ2MC41MmMwLDAuODIsMC42NiwxLjQ3LDEuNDcsMS40N2gxLjRjMC4zLDAsMC42LTAuMDksMC44NC0wLjI2YzAuNjYsMC4zMSwxLjM5LDAuNDcsMi4xMiwwLjQ3ICAgIGMxLjkyLDAsMy42LTEuMSw0LjQ5LTIuNzNjMS41NCwyLjY1LDQuOTUsMy41Myw3LjU4LDEuOThjMC4xOC0wLjExLDAuMzYtMC4yMiwwLjUzLTAuMzZjMC4yMiwwLjU1LDAuNzYsMC45MSwxLjM1LDAuOUg3OCAgICBjMC41NiwwLDEuMDgtMC4yOSwxLjM3LTAuNzhsMC4zNy0wLjYxbDAuMzcsMC42MWMwLjI5LDAuNDgsMC44MSwwLjc4LDEuMzgsMC43OGgxLjZjMC44MSwwLDEuNDYtMC42NiwxLjQ1LTEuNDYgICAgQzg0LjQ5LDE0LjAyLDg0LjQ0LDEzLjgsODQuMzQsMTMuNTlMODQuMzQsMTMuNTl6IE0zNS44NiwxNC40N2gtMS40MWMtMC4xMywwLTAuMjMtMC4xMS0wLjIzLTAuMjNWOS42OCAgICBjMC0wLjk4LTAuNzQtMS43MS0xLjYyLTEuNzFjLTAuOCwwLTEuNDYsMC43LTEuNTksMS42MmwwLjAxLDQuNjZjMCwwLjEzLTAuMSwwLjIzLTAuMjMsMC4yM2gtMS40MWMtMC4xMywwLTAuMjMtMC4xMS0wLjIzLTAuMjMgICAgVjkuNjhjMC0wLjk4LTAuNzQtMS43MS0xLjYyLTEuNzFjLTAuODUsMC0xLjU0LDAuNzktMS42LDEuOHY0LjQ4YzAsMC4xMy0wLjEsMC4yMy0wLjIzLDAuMjNoLTEuNGMtMC4xMywwLTAuMjMtMC4xMS0wLjIzLTAuMjMgICAgVjYuNzRjMC4wMS0wLjEzLDAuMTEtMC4yMiwwLjIzLTAuMjJoMS40YzAuMTMsMCwwLjIyLDAuMTEsMC4yMywwLjIyVjcuNGMwLjUtMC42OCwxLjMtMS4wOSwyLjE2LTEuMWgwLjAzICAgIGMxLjA5LDAsMi4wOSwwLjYsMi42LDEuNTVjMC40NS0wLjk1LDEuNC0xLjU1LDIuNDQtMS41NmMxLjYyLDAsMi45MywxLjI1LDIuOSwyLjc4bDAuMDEsNS4xNkMzNi4wOSwxNC4zNiwzNS45OCwxNC40NiwzNS44NiwxNC40NyAgICBMMzUuODYsMTQuNDd6IE00NS45NywxNC4yNGMwLDAuMTMtMC4xLDAuMjMtMC4yMywwLjIzaC0xLjRjLTAuMTMsMC0wLjIzLTAuMTEtMC4yMy0wLjIzVjEzLjVjLTAuNywwLjc2LTEuNjksMS4xOC0yLjcyLDEuMTggICAgYy0yLjE3LDAtMy45NC0xLjg3LTMuOTQtNC4xOXMxLjc3LTQuMTksMy45NC00LjE5YzEuMDMsMCwyLjAyLDAuNDMsMi43MywxLjE4VjYuNzRjMC0wLjEzLDAuMS0wLjIzLDAuMjMtMC4yM2gxLjQgICAgYzAuMTItMC4wMSwwLjIyLDAuMDgsMC4yMywwLjIxYzAsMC4wMSwwLDAuMDEsMCwwLjAydjcuNTFoLTAuMDFWMTQuMjR6IE01Mi40MSwxNC42N2MtMS4wMywwLTIuMDItMC40My0yLjczLTEuMTh2My45NyAgICBjMCwwLjEzLTAuMSwwLjIzLTAuMjMsMC4yM2gtMS40Yy0wLjEzLDAtMC4yMy0wLjEtMC4yMy0wLjIzVjYuNzVjMC0wLjEzLDAuMS0wLjIyLDAuMjMtMC4yMmgxLjRjMC4xMywwLDAuMjMsMC4xMSwwLjIzLDAuMjN2MC43MyAgICBjMC43MS0wLjc2LDEuNy0xLjE4LDIuNzMtMS4xOGMyLjE3LDAsMy45NCwxLjg2LDMuOTQsNC4xOFM1NC41OCwxNC42Nyw1Mi40MSwxNC42N3ogTTY2LjI0LDExLjM5Yy0wLjM5LDEuODctMS45NiwzLjI5LTMuODQsMy4yOSAgICBjLTEuMDMsMC0yLjAyLTAuNDMtMi43My0xLjE4djAuNzNjMCwwLjEzLTAuMSwwLjIzLTAuMjMsMC4yM2gtMS40Yy0wLjEzLDAtMC4yMy0wLjExLTAuMjMtMC4yM1YzLjUxYzAtMC4xMywwLjEtMC4yMywwLjIzLTAuMjMgICAgaDEuNGMwLjEzLDAsMC4yMywwLjExLDAuMjMsMC4yM3YzLjk3YzAuNzEtMC43NSwxLjctMS4xOCwyLjczLTEuMTdjMS44OCwwLDMuNDUsMS40LDMuODQsMy4yOEM2Ni4zNywxMC4xOSw2Ni4zNywxMC44LDY2LjI0LDExLjM5ICAgIEw2Ni4yNCwxMS4zOUw2Ni4yNCwxMS4zOXogTTcxLjY3LDE0LjY4Yy0yLDAuMDEtMy43My0xLjM1LTQuMTctMy4zYy0wLjEzLTAuNTktMC4xMy0xLjE5LDAtMS43N2MwLjQ0LTEuOTQsMi4xNy0zLjMxLDQuMTctMy4zICAgIGMyLjM2LDAsNC4yNiwxLjg3LDQuMjYsNC4xOVM3NC4wMywxNC42OCw3MS42NywxNC42OEw3MS42NywxNC42OHogTTgzLjA0LDE0LjQ3aC0xLjYxYy0wLjEzLDAtMC4yNC0wLjA2LTAuMy0wLjE3bC0xLjQ0LTIuMzkgICAgbC0xLjQ0LDIuMzljLTAuMDYsMC4xMS0wLjE4LDAuMTctMC4zLDAuMTdoLTEuNjFjLTAuMDQsMC0wLjA4LTAuMDEtMC4xMi0wLjAzYy0wLjA5LTAuMDYtMC4xMy0wLjE5LTAuMDYtMC4yOGwwLDBsMi40My0zLjY4ICAgIEw3Ni4yLDYuODRjLTAuMDItMC4wMy0wLjAzLTAuMDctMC4wMy0wLjEyYzAtMC4xMiwwLjA5LTAuMjEsMC4yMS0wLjIxaDEuNjFjMC4xMywwLDAuMjQsMC4wNiwwLjMsMC4xN2wxLjQxLDIuMzZsMS40MS0yLjM2ICAgIGMwLjA2LTAuMTEsMC4xOC0wLjE3LDAuMy0wLjE3aDEuNjFjMC4wNCwwLDAuMDgsMC4wMSwwLjEyLDAuMDNjMC4wOSwwLjA2LDAuMTMsMC4xOSwwLjA2LDAuMjhsMCwwbC0yLjM4LDMuNjRsMi40MywzLjY3ICAgIGMwLjAyLDAuMDMsMC4wMywwLjA3LDAuMDMsMC4xMkM4My4yNSwxNC4zOCw4My4xNiwxNC40Nyw4My4wNCwxNC40N0w4My4wNCwxNC40N0w4My4wNCwxNC40N3oiLz4gIDxwYXRoIGNsYXNzPSJzdDAiIHN0eWxlPSJvcGFjaXR5OjAuOTsgZmlsbDogI0ZGRkZGRjsgZW5hYmxlLWJhY2tncm91bmQ6IG5ldzsiIGQ9Ik0xMC41LDEuMjRjLTUuMTEsMC05LjI1LDQuMTUtOS4yNSw5LjI1czQuMTUsOS4yNSw5LjI1LDkuMjVzOS4yNS00LjE1LDkuMjUtOS4yNSAgICBDMTkuNzUsNS4zOCwxNS42MSwxLjI0LDEwLjUsMS4yNHogTTE0Ljg5LDEyLjc3Yy0xLjkzLDEuOTMtNC43OCwyLjMxLTYuNywyLjMxYy0wLjcsMC0xLjQxLTAuMDUtMi4xLTAuMTZjMCwwLTEuMDItNS42NCwyLjE0LTguODEgICAgYzAuODMtMC44MywxLjk1LTEuMjgsMy4xMy0xLjI4YzEuMjcsMCwyLjQ5LDAuNTEsMy4zOSwxLjQyQzE2LjU5LDguMDksMTYuNjQsMTEsMTQuODksMTIuNzd6Ii8+ICA8cGF0aCBjbGFzcz0ic3QxIiBzdHlsZT0ib3BhY2l0eTowLjM1OyBlbmFibGUtYmFja2dyb3VuZDpuZXc7IiBkPSJNMTAuNS0wLjAxQzQuNy0wLjAxLDAsNC43LDAsMTAuNDlzNC43LDEwLjUsMTAuNSwxMC41UzIxLDE2LjI5LDIxLDEwLjQ5QzIwLjk5LDQuNywxNi4zLTAuMDEsMTAuNS0wLjAxeiAgICAgTTEwLjUsMTkuNzRjLTUuMTEsMC05LjI1LTQuMTUtOS4yNS05LjI1czQuMTQtOS4yNiw5LjI1LTkuMjZzOS4yNSw0LjE1LDkuMjUsOS4yNUMxOS43NSwxNS42MSwxNS42MSwxOS43NCwxMC41LDE5Ljc0eiIvPiAgPHBhdGggY2xhc3M9InN0MSIgc3R5bGU9Im9wYWNpdHk6MC4zNTsgZW5hYmxlLWJhY2tncm91bmQ6bmV3OyIgZD0iTTE0Ljc0LDYuMjVDMTIuOSw0LjQxLDkuOTgsNC4zNSw4LjIzLDYuMWMtMy4xNiwzLjE3LTIuMTQsOC44MS0yLjE0LDguODFzNS42NCwxLjAyLDguODEtMi4xNCAgICBDMTYuNjQsMTEsMTYuNTksOC4wOSwxNC43NCw2LjI1eiBNMTIuNDcsMTAuMzRsLTAuOTEsMS44N2wtMC45LTEuODdMOC44LDkuNDNsMS44Ni0wLjlsMC45LTEuODdsMC45MSwxLjg3bDEuODYsMC45TDEyLjQ3LDEwLjM0eiIgICAgLz4gIDxwb2x5Z29uIGNsYXNzPSJzdDAiIHN0eWxlPSJvcGFjaXR5OjAuOTsgZmlsbDogI0ZGRkZGRjsgZW5hYmxlLWJhY2tncm91bmQ6IG5ldzsiIHBvaW50cz0iMTQuMzMsOS40MyAxMi40NywxMC4zNCAxMS41NiwxMi4yMSAxMC42NiwxMC4zNCA4LjgsOS40MyAxMC42Niw4LjUzIDExLjU2LDYuNjYgMTIuNDcsOC41MyAgICIvPjwvZz48L3N2Zz4=)}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{padding:0 5px;background-color:rgba(255,255,255,.5);margin:0}.mapboxgl-ctrl-attrib.mapboxgl-compact{padding-top:2px;padding-bottom:2px;margin:0 10px 10px;position:relative;padding-right:24px;background-color:#fff;border-radius:3px 12px 12px 3px;visibility:hidden}.mapboxgl-ctrl-attrib.mapboxgl-compact:hover{visibility:visible}.mapboxgl-ctrl-attrib.mapboxgl-compact:after{content:'';cursor:pointer;position:absolute;bottom:0;right:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23333333%27%20fill-rule%3D%27evenodd%27%20d%3D%27M4%2C10a6%2C6%200%201%2C0%2012%2C0a6%2C6%200%201%2C0%20-12%2C0%20M9%2C7a1%2C1%200%201%2C0%202%2C0a1%2C1%200%201%2C0%20-2%2C0%20M9%2C10a1%2C1%200%201%2C1%202%2C0l0%2C3a1%2C1%200%201%2C1%20-2%2C0%27%20%2F%3E%0D%0A%3C%2Fsvg%3E");background-color:rgba(255,255,255,.5);width:24px;height:24px;box-sizing:border-box;visibility:visible;border-radius:12px}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-ctrl-scale{background-color:rgba(255,255,255,.75);font-size:10px;border-width:medium 2px 2px;border-style:none solid solid;border-color:#333;padding:0 5px;color:#333}.mapboxgl-popup{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;will-change:transform;pointer-events:none}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{-webkit-flex-direction:column;flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.mapboxgl-popup-anchor-left{-webkit-flex-direction:row;flex-direction:row}.mapboxgl-popup-anchor-right{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.mapboxgl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-top:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-right:none;border-left-color:#fff}.mapboxgl-popup-close-button{position:absolute;right:0;top:0;border:none;border-radius:0 3px 0 0;cursor:pointer;background-color:rgba(0,0,0,0)}.mapboxgl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.mapboxgl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-marker{position:absolute;top:0;left:0;will-change:transform}.mapboxgl-user-location-dot{background-color:#1DA1F2;width:16px;height:16px;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.25);border:2px solid #fff}.mapboxgl-user-location-dot:after{content:'';display:block;box-shadow:#1DA1F2 0 0 0 2px;width:16px;height:16px;border-radius:50%;position:relative;z-index:-1;-webkit-animation:mapboxgl-user-location-dot-pulse 2s;-moz-animation:mapboxgl-user-location-dot-pulse 2s;-ms-animation:mapboxgl-user-location-dot-pulse 2s;animation:mapboxgl-user-location-dot-pulse 2s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes mapboxgl-user-location-dot-pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(29,161,242,.8)}70%{-webkit-box-shadow:0 0 0 15px rgba(29,161,242,0)}242%{-webkit-box-shadow:0 0 0 0 rgba(29,161,242,0)}}@-ms-keyframes mapboxgl-user-location-dot-pulse{0%{-ms-box-shadow:0 0 0 0 rgba(29,161,242,.8)}70%{-ms-box-shadow:0 0 0 15px rgba(29,161,242,0)}242%{-ms-box-shadow:0 0 0 0 rgba(29,161,242,0)}}@keyframes mapboxgl-user-location-dot-pulse{0%{-moz-box-shadow:0 0 0 0 rgba(29,161,242,.8);box-shadow:0 0 0 0 rgba(29,161,242,.4)}70%{-moz-box-shadow:0 0 0 15px rgba(29,161,242,0);box-shadow:0 0 0 15px rgba(29,161,242,0)}100%{-moz-box-shadow:0 0 0 0 rgba(29,161,242,0);box-shadow:0 0 0 0 rgba(29,161,242,0)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5}@media print{.mapbox-improve-map{display:none}}@media (inverted-colors:inverted){.atlas-map-canvas,.azure-map-logo{filter:invert()}}.atlas-map-canvas-container{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;-ms-user-select:none}.atlas-map-canvas,.azure-map-logo{pointer-events:auto}.azure-map-logo{background-repeat:no-repeat;background-position:center;background-size:73px 16px;height:16px;width:73px;margin-right:16px;background-image:url("data:image/svg+xml,%3Csvg width='73' height='16' viewBox='0 0 73 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.0839 12.8899C69.818 12.9098 69.551 12.8739 69.2998 12.7846C69.0487 12.6953 68.8189 12.5544 68.6254 12.3711C68.2698 11.9303 68.0958 11.3704 68.1388 10.8057V7.44603H65.8476V12.7303H64.2904V7.44603H63.1976V6.18497H64.2908V5.27178C64.2804 4.95898 64.3346 4.6474 64.45 4.35649C64.5655 4.06559 64.7397 3.80162 64.9618 3.58109C65.1896 3.3619 65.4592 3.19075 65.7545 3.0778C66.0498 2.96485 66.3648 2.91241 66.6807 2.9236C66.8464 2.92311 67.0119 2.93269 67.1765 2.9523C67.3062 2.96848 67.4339 2.99761 67.5578 3.03927V4.36991C67.4727 4.32494 67.3833 4.28881 67.2908 4.26206C67.1491 4.21753 67.0011 4.19595 66.8525 4.19814C66.7136 4.19019 66.5747 4.2134 66.446 4.26607C66.3173 4.31874 66.2019 4.39953 66.1085 4.50253C65.9176 4.76002 65.825 5.07728 65.8476 5.39702V6.18497H68.1388V4.713L69.6834 4.24162V6.18497H71.2406V7.44603H69.6834V10.5087C69.6541 10.8099 69.731 11.1118 69.9008 11.3623C69.9911 11.4509 70.0995 11.519 70.2185 11.5618C70.3375 11.6047 70.4644 11.6213 70.5905 11.6106C70.7001 11.6064 70.8084 11.585 70.9114 11.5471C71.0258 11.5084 71.1356 11.4572 71.2388 11.3945V12.6677C71.085 12.7424 70.9211 12.7939 70.7522 12.8208C70.5324 12.8666 70.3084 12.8897 70.0839 12.8899ZM59.6283 12.8899C59.1867 12.9117 58.7452 12.8437 58.3306 12.69C57.916 12.5362 57.5369 12.2999 57.2162 11.9954C56.9106 11.6695 56.6739 11.2852 56.5204 10.8655C56.3669 10.4459 56.2998 9.99954 56.3231 9.55331C56.2991 9.08532 56.3676 8.6172 56.5246 8.1757C56.6817 7.73421 56.9242 7.328 57.2384 6.98031C57.5736 6.65511 57.9725 6.4029 58.4101 6.2396C58.8476 6.07629 59.3142 6.00542 59.7805 6.03147C60.2209 6.0074 60.6615 6.07627 61.0735 6.2336C61.4856 6.39092 61.8599 6.63319 62.1722 6.94465C62.7695 7.62385 63.0785 8.50909 63.0336 9.41242C63.0562 9.87439 62.9869 10.3362 62.8298 10.7713C62.6727 11.2063 62.4309 11.6058 62.1183 11.9467C61.7907 12.2669 61.4004 12.516 60.972 12.6783C60.5436 12.8406 60.0863 12.9126 59.6288 12.8899H59.6283ZM59.7044 7.33036C59.4569 7.31763 59.2098 7.36199 58.9822 7.46001C58.7545 7.55803 58.5525 7.70709 58.3916 7.89566C58.0532 8.36114 57.888 8.93025 57.9246 9.50461C57.8876 10.0651 58.0522 10.6203 58.3886 11.0701C58.5556 11.2537 58.7616 11.3976 58.9915 11.4912C59.2213 11.5848 59.4693 11.6258 59.717 11.611C59.9574 11.626 60.1978 11.5849 60.4196 11.491C60.6413 11.3971 60.8381 11.253 60.9946 11.0701C61.3186 10.6002 61.4733 10.0343 61.4334 9.46504C61.4735 8.89654 61.3127 8.33201 60.979 7.87001C60.8212 7.68956 60.6246 7.54724 60.4039 7.45377C60.1833 7.36029 59.9442 7.3181 59.7049 7.33036H59.7044ZM53.0378 12.8899C52.7353 12.8867 52.4339 12.8535 52.1381 12.7908C51.851 12.7383 51.5707 12.654 51.3023 12.5394V11.024C51.5809 11.2192 51.8845 11.376 52.205 11.4901C52.4856 11.5969 52.7821 11.6557 53.0821 11.6641C53.3468 11.6812 53.6115 11.6308 53.8514 11.5175C53.9348 11.4666 54.0024 11.3935 54.0465 11.3063C54.0905 11.2191 54.1094 11.1213 54.101 11.024C54.101 10.9203 54.0776 10.8181 54.0324 10.7248C53.9872 10.6316 53.9214 10.5498 53.8401 10.4856C53.5411 10.2704 53.2124 10.0999 52.8643 9.97946C52.4027 9.81347 51.9884 9.53802 51.6567 9.17673C51.4109 8.85134 51.2853 8.45098 51.301 8.04351C51.2967 7.76288 51.3582 7.48515 51.4804 7.23251C51.6027 6.97987 51.7823 6.75933 52.005 6.58851C52.527 6.19205 53.1712 5.99054 53.8261 6.01885C54.0843 6.02222 54.3416 6.04768 54.5954 6.09495C54.8391 6.13511 55.0777 6.2013 55.3072 6.29238V7.75738C55.0849 7.61239 54.8459 7.49471 54.5954 7.40689C54.3367 7.31164 54.0635 7.26205 53.7879 7.26035C53.5478 7.24746 53.3094 7.30814 53.1047 7.43429C53.0273 7.48565 52.9643 7.55587 52.9215 7.63834C52.8788 7.72081 52.8577 7.81281 52.8603 7.90567C52.8555 8.00224 52.8717 8.09871 52.9079 8.18838C52.9441 8.27804 52.9994 8.35875 53.0699 8.42488C53.355 8.62646 53.6675 8.78609 53.9979 8.89886C54.4911 9.06479 54.9355 9.35046 55.2912 9.73029C55.5419 10.0479 55.6734 10.4433 55.6629 10.8479C55.6707 11.1336 55.6104 11.4171 55.4872 11.6751C55.364 11.933 55.1813 12.158 54.9541 12.3316C54.3971 12.7295 53.7214 12.9264 53.0378 12.8899ZM47.1647 12.8899C46.7229 12.9117 46.2812 12.8436 45.8665 12.6898C45.4517 12.536 45.0725 12.2996 44.7517 11.995C44.4461 11.669 44.2094 11.2847 44.0559 10.8651C43.9024 10.4454 43.8353 9.99911 43.8585 9.55288C43.8345 9.08489 43.9031 8.61676 44.0601 8.17527C44.2172 7.73377 44.4597 7.32757 44.7739 6.97987C45.1093 6.6546 45.5085 6.40235 45.9462 6.23904C46.384 6.07574 46.8508 6.00491 47.3173 6.03103C47.7577 6.00697 48.1983 6.07583 48.6103 6.23316C49.0224 6.39049 49.3967 6.63275 49.709 6.94421C50.3069 7.62299 50.6159 8.50857 50.57 9.41198C50.5928 9.8738 50.5239 10.3356 50.3671 10.7706C50.2104 11.2056 49.969 11.6052 49.6568 11.9463C49.3289 12.2669 48.9383 12.5162 48.5094 12.6786C48.0805 12.841 47.6227 12.9129 47.1647 12.8899ZM47.2412 7.33036C46.9937 7.31763 46.7466 7.36199 46.5189 7.46001C46.2913 7.55803 46.0892 7.70709 45.9284 7.89566C45.5898 8.36107 45.4244 8.93019 45.4609 9.50461C45.4238 10.0651 45.5884 10.6204 45.9249 11.0701C46.0919 11.2538 46.2978 11.3978 46.5277 11.4914C46.7576 11.585 47.0056 11.6259 47.2534 11.611C47.4937 11.6259 47.7342 11.5848 47.9559 11.4909C48.1776 11.397 48.3744 11.253 48.531 11.0701C48.8552 10.5999 49.0099 10.0334 48.9697 9.46373C49.0099 8.89523 48.849 8.3307 48.5153 7.8687C48.3575 7.68836 48.1608 7.5462 47.94 7.45294C47.7192 7.35969 47.4801 7.31778 47.2408 7.33036H47.2412ZM36.9557 12.8899C36.5239 12.9095 36.0928 12.8389 35.6898 12.6826C35.2868 12.5264 34.9208 12.2878 34.6151 11.9823C34.3094 11.6767 34.0708 11.3108 33.9143 10.9078C33.7579 10.5049 33.6871 10.0738 33.7065 9.64202C33.6723 8.68925 34.0017 7.75912 34.628 7.04032C34.9636 6.69123 35.3709 6.41909 35.8219 6.24266C36.2729 6.06624 36.7567 5.98973 37.2401 6.01842C37.5351 6.01941 37.8288 6.0568 38.1146 6.12974C38.3587 6.18552 38.5947 6.27218 38.8169 6.38761V7.8661C38.5929 7.70021 38.3481 7.56426 38.0889 7.46168C37.8467 7.36769 37.5891 7.3192 37.3293 7.31862C37.0566 7.30814 36.7849 7.35549 36.5318 7.45757C36.2788 7.55965 36.0502 7.71414 35.8612 7.91088C35.473 8.35013 35.2721 8.9239 35.3016 9.50939C35.2692 10.0757 35.463 10.6317 35.8403 11.0553C36.032 11.2433 36.2606 11.3895 36.5116 11.4848C36.7626 11.58 37.0307 11.6223 37.2988 11.6088C37.5586 11.6025 37.8151 11.5485 38.0555 11.4497C38.3277 11.3452 38.5843 11.2038 38.8182 11.0296V12.4625C38.5565 12.6086 38.275 12.7158 37.9824 12.7808C37.6454 12.8561 37.301 12.8927 36.9557 12.8899ZM21.2098 12.7312H19.7479V3.59935H22.0169L24.636 10.3682H24.6738L27.439 3.59848H29.6133V12.7303H28.0304V5.5727H28.0048L25.1761 12.7303H24.1272L21.229 5.5727H21.2098V12.7303V12.7312ZM41.5129 12.7312H39.9749V6.18497H41.5134V7.21556H41.539C41.6636 6.87974 41.8848 6.58832 42.1748 6.37804C42.4754 6.17129 42.8337 6.06476 43.1984 6.07365C43.3091 6.07249 43.4197 6.08107 43.5289 6.0993C43.6135 6.11263 43.6966 6.13388 43.7772 6.16279V7.72259C43.6683 7.64978 43.5496 7.59296 43.4245 7.55387C43.2426 7.49685 43.0525 7.46997 42.8619 7.4743C42.6762 7.4745 42.4932 7.51781 42.3272 7.60082C42.1612 7.68383 42.0167 7.80426 41.9052 7.95263C41.6121 8.38462 41.4741 8.90321 41.5138 9.42373V12.7286L41.5129 12.7312ZM32.6333 12.7312H31.0974V6.18497H32.6355V12.7299L32.6333 12.7312ZM31.8706 5.17786C31.7484 5.1807 31.6268 5.15939 31.5129 5.11514C31.3989 5.07089 31.2948 5.00457 31.2066 4.91999C31.12 4.84022 31.0512 4.74312 31.0046 4.63502C30.958 4.52691 30.9347 4.41021 30.9361 4.2925C30.9339 4.17226 30.9575 4.05295 31.0052 3.94256C31.0529 3.83216 31.1236 3.73324 31.2127 3.6524C31.3899 3.48381 31.626 3.39125 31.8706 3.39454C31.995 3.39089 32.1188 3.41243 32.2346 3.45787C32.3504 3.5033 32.4559 3.57169 32.5446 3.65893C32.6301 3.74066 32.6979 3.83905 32.7438 3.94803C32.7897 4.05701 32.8128 4.17425 32.8116 4.2925C32.8137 4.41103 32.7903 4.52863 32.7431 4.63739C32.696 4.74615 32.626 4.84354 32.5381 4.92303C32.3574 5.09194 32.1178 5.18341 31.8706 5.17786Z' fill='%237B7B7A'/%3E%3Cpath d='M0 7.61241H7.39244V0.219971H0V7.61241Z' fill='%23E95A0C'/%3E%3Cpath d='M7.9707 7.61241H15.3631V0.219971H7.9707V7.61241Z' fill='%2394C01F'/%3E%3Cpath d='M0 15.5981H7.39244V8.20569H0V15.5981Z' fill='%23009EE2'/%3E%3Cpath d='M7.9707 15.5983H15.3631V8.20581H7.9707V15.5983Z' fill='%23FCC200'/%3E%3C/svg%3E%0A")}.azure-map-logo:last-child{margin-right:5px}.azure-map-copyright{margin-left:16px;margin-right:16px;font-family:Segoe UI;font-size:12px;line-height:19px;color:#666;text-decoration:none;pointer-events:initial}a.azure-map-copyright[href]:hover{text-decoration:underline}.azure-map-copyright a:visited{color:#666}.azure-map-copyright a{color:#666;text-decoration:none;margin-left:4px}.azure-map-copyright span{display:inline-flex;align-items:center}.azure-map-copyright a[href]:hover{text-decoration:underline}.azure-map-copyright-context{margin-inline:4px}.azure-map-feedback{margin-right:16px;height:20px;width:20px;cursor:pointer;pointer-events:auto;text-decoration:none}.marker-collection-container,.popup-collection-container{position:absolute;width:100%;height:100%;overflow:hidden;top:0}.map-copyright.light .azure-map-feedback{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='1.5' fill='%23F3F2F1'/%3E%3Cpath d='M10 3.6001C13.5346 3.6001 16.4 6.46547 16.4 10.0001C16.4 13.5347 13.5346 16.4001 10 16.4001C6.46538 16.4001 3.60001 13.5347 3.60001 10.0001C3.60001 6.46547 6.46538 3.6001 10 3.6001ZM10 4.4001C6.90721 4.4001 4.40001 6.9073 4.40001 10.0001C4.40001 13.0929 6.90721 15.6001 10 15.6001C13.0928 15.6001 15.6 13.0929 15.6 10.0001C15.6 6.9073 13.0928 4.4001 10 4.4001ZM7.72374 11.9419C8.93133 13.1572 10.8702 13.2037 12.1337 12.077L12.2763 11.9419C12.432 11.7852 12.6853 11.7844 12.842 11.9401C12.9812 12.0786 12.9974 12.294 12.8898 12.4503L12.8437 12.5058L12.8258 12.5237C11.2553 14.0844 8.71693 14.0764 7.15627 12.5058C7.00056 12.3491 7.00136 12.0959 7.15806 11.9401C7.31476 11.7844 7.56802 11.7852 7.72374 11.9419ZM12 8.0001C12.4418 8.0001 12.8 8.35827 12.8 8.8001C12.8 9.24192 12.4418 9.6001 12 9.6001C11.5582 9.6001 11.2 9.24192 11.2 8.8001C11.2 8.35827 11.5582 8.0001 12 8.0001ZM8.00001 8.0001C8.44183 8.0001 8.80001 8.35827 8.80001 8.8001C8.80001 9.24192 8.44183 9.6001 8.00001 9.6001C7.55818 9.6001 7.20001 9.24192 7.20001 8.8001C7.20001 8.35827 7.55818 8.0001 8.00001 8.0001Z' fill='%23323130'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='1.5' stroke='%238A8886'/%3E%3C/svg%3E%0A")}.map-copyright.dark .azure-map-feedback{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='1.5' fill='%232C2C2C'/%3E%3Cpath d='M10 3.6001C13.5346 3.6001 16.4 6.46547 16.4 10.0001C16.4 13.5347 13.5346 16.4001 10 16.4001C6.46538 16.4001 3.60001 13.5347 3.60001 10.0001C3.60001 6.46547 6.46538 3.6001 10 3.6001ZM10 4.4001C6.90721 4.4001 4.40001 6.9073 4.40001 10.0001C4.40001 13.0929 6.90721 15.6001 10 15.6001C13.0928 15.6001 15.6 13.0929 15.6 10.0001C15.6 6.9073 13.0928 4.4001 10 4.4001ZM7.72374 11.9419C8.93133 13.1572 10.8702 13.2037 12.1337 12.077L12.2763 11.9419C12.432 11.7852 12.6853 11.7844 12.842 11.9401C12.9812 12.0786 12.9974 12.294 12.8898 12.4503L12.8437 12.5058L12.8258 12.5237C11.2553 14.0844 8.71693 14.0764 7.15627 12.5058C7.00056 12.3491 7.00136 12.0959 7.15806 11.9401C7.31476 11.7844 7.56802 11.7852 7.72374 11.9419ZM12 8.0001C12.4418 8.0001 12.8 8.35827 12.8 8.8001C12.8 9.24192 12.4418 9.6001 12 9.6001C11.5582 9.6001 11.2 9.24192 11.2 8.8001C11.2 8.35827 11.5582 8.0001 12 8.0001ZM8.00001 8.0001C8.44183 8.0001 8.80001 8.35827 8.80001 8.8001C8.80001 9.24192 8.44183 9.6001 8.00001 9.6001C7.55818 9.6001 7.20001 9.24192 7.20001 8.8001C7.20001 8.35827 7.55818 8.0001 8.00001 8.0001Z' fill='%23FFFFFF'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='1.5' stroke='%238A8886'/%3E%3C/svg%3E%0A")}.map-copyright{display:flex;flex-flow:row wrap;position:absolute;align-items:center;justify-content:flex-end;bottom:1px;right:0;padding-top:4px;padding-bottom:4px;background-blend-mode:normal,color,luminosity}.map-copyright.light{background:rgba(238,238,238,.8)}.map-copyright.dark{background:rgba(44,44,44,.8)}.atlas-map.high-contrast-light .azure-map-copyright,.map-copyright.light .azure-map-copyright{color:#000;-webkit-text-fill-color:#000;-moz-text-fill-color:#000}.atlas-map.high-contrast-dark .azure-map-copyright,.map-copyright.dark .azure-map-copyright{color:#CCC;-webkit-text-fill-color:#CCC;-moz-text-fill-color:#CCC}.marker-collection-container{left:0;pointer-events:none}.marker-container{pointer-events:auto}.popup-collection-container{left:0;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.popup-container{display:flex;pointer-events:auto}.popup-container.bottom,.popup-container.bottom-left,.popup-container.bottom-right{flex-direction:column}.popup-container.left{flex-direction:row-reverse}.popup-container.right{flex-direction:row}.popup-container.top,.popup-container.top-left,.popup-container.top-right{flex-direction:column-reverse}.popup-content-container{display:block;box-shadow:-3px -3px 4px rgba(0,0,0,.32);min-width:30px;border-radius:4px;white-space:nowrap;position:relative}.popup-container.top-left>.popup-content-container{border-top-left-radius:0}.popup-container.top-right>.popup-content-container{border-top-right-radius:0}.popup-container.bottom-left>.popup-content-container{border-bottom-left-radius:0}.popup-container.bottom-right>.popup-content-container{border-bottom-right-radius:0}.popup-close{position:absolute;top:0;right:0;color:#444;font-size:20px;font-family:Arial,Helvetica,sans-serif;line-height:20px;height:20px;width:20px;text-align:center;cursor:pointer;background:0 0;border:0;padding:0}.popup-close:hover{color:#222}.popup-arrow{display:block;width:0;height:0;border:10px solid transparent;z-index:1}.popup-container.bottom>.popup-arrow{align-self:center;border-bottom:none;border-top-color:inherit}.popup-container.bottom-left>.popup-arrow{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:inherit}.popup-container.bottom-right>.popup-arrow{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:inherit}.popup-container.left>.popup-arrow{align-self:center;border-left:none;border-right-color:inherit}.popup-container.right>.popup-arrow{align-self:center;border-right:none;border-left-color:inherit}.popup-container.top>.popup-arrow{align-self:center;border-top:none;border-bottom-color:inherit}.popup-container.top-left>.popup-arrow{align-self:flex-start;border-top:none;border-left:none;border-bottom-color:inherit}.popup-container.top-right>.popup-arrow{align-self:flex-end;border-top:none;border-right:none;border-bottom-color:inherit}.azure-maps-control-popup-template{position:relative;padding:10px;max-width:550px;font:12px/20px 'Helvetica Neue',Arial,Helvetica,sans-serif}.azure-maps-control-popup-template h1,.azure-maps-control-popup-template h2,.azure-maps-control-popup-template h3{margin:0!important}.azure-maps-control-popup-template iframe{border:0}@media screen and (max-width:340px){.azure-maps-control-popup-template{max-width:300px}}.azure-maps-control-popup-template-title{width:100%;font-size:14px;font-weight:700;word-wrap:break-word;white-space:normal}.azure-maps-control-popup-template-content{width:100%;overflow-y:auto;max-height:280px}.azure-maps-control-popup-template-content-item{font:12px/20px 'Helvetica Neue',Arial,Helvetica,sans-serif;width:100%;padding-top:10px;word-wrap:break-word;white-space:normal}.azure-maps-control-popup-template-table{font-size:12px;width:100%;padding-top:10px;border-collapse:collapse}.azure-maps-control-popup-template-table tr:nth-child(even){background-color:rgba(255,255,255,.5)}.azure-maps-control-popup-template-table tr:nth-child(odd){background-color:rgba(225,225,225,.5)}.azure-maps-control-popup-template-table th{border-right:1px solid rgba(150,150,150,.5)}.azure-maps-control-popup-template-table td,.azure-maps-control-popup-template-table th{padding:6px 8px;text-align:left;vertical-align:top;word-wrap:normal;font-size:12px;font-weight:400}.incident-popup-content{color:#231F20;min-width:140px;padding:0;margin:0}.incident-popup-body,.incident-popup-header{padding:8px;margin:0;color:inherit}.incident-popup-header{height:23px;border-top-left-radius:4px;border-top-right-radius:4px}.incident-popup-title{color:inherit;font-size:12px;line-height:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}.incident-popup-subtitle{color:inherit;font-size:8px;line-height:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}.incident-popup-info>.message{display:inline-block;color:inherit;font-size:8pt;line-height:10pt;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-left:5pt}.incident-popup-info>.icon{display:inline-block;background-repeat:no-repeat;background-position:center;background-size:10pt 10pt;height:10pt;width:10pt}.incident-popup-info>.delay{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy4wMDE5IDM3Ij48dGl0bGU+aW5jaWRlbnQ8L3RpdGxlPjxwb2x5Z29uIHBvaW50cz0iMzAuNDQ5IDIwLjQ0OCAxNi44MzggMjAuNDQ4IDE2LjgzOCA2Ljg0MSAxOS41MDQgNi44NDEgMTkuNTA0IDE3Ljc4NiAzMC40NDkgMTcuNzg2IDMwLjQ0OSAyMC40NDgiIGZpbGw9IiM2NzY4NjciLz48cGF0aCBkPSJNMTguNTAxOSwzN2ExOC41LDE4LjUsMCwxLDEsMC0zN1YyLjY2MkExNS44MzgsMTUuODM4LDAsMSwwLDM0LjMzNjIsMTguNWgyLjY2NTdBMTguNTIxMSwxOC41MjExLDAsMCwxLDE4LjUwMTksMzdaIiBmaWxsPSIjNjc2ODY3Ii8+PHBhdGggZD0iTTE5LjczMDYsMi43MWMtLjQwNTItLjAzLS44MTQyLS4wNDgzLTEuMjI4Ny0uMDQ4M1YwYy40ODE1LDAsLjk2MTEuMDE4NiwxLjQzMzIuMDU1OFoiIGZpbGw9IiM2NzY4NjciLz48cGF0aCBkPSJNMzMuODk5MywxNC43Nzg0YTE1Ljg4NjUsMTUuODg2NSwwLDAsMC0uNzcxNS0yLjM1NzFsMi40NjEyLTEuMDI2MWExOC43ODcyLDE4Ljc4NzIsMCwwLDEsLjkwMTYsMi43NTQ5Wm0tMS45MDM1LTQuNTY5MmExNS44MiwxNS44MiwwLDAsMC0xLjQ2MTEtMi4wMDc2bDIuMDIyNS0xLjczMjVhMTguMzI4NiwxOC4zMjg2LDAsMCwxLDEuNzEsMi4zNDIyWk0yOC43NzgsNi40NDY3YTE2LjY4NjEsMTYuNjg2MSwwLDAsMC0yLjAxNjktMS40NjExTDI4LjE1OSwyLjcxNzdhMTguODE3MiwxOC44MTcyLDAsMCwxLDIuMzQ0MSwxLjY5OTFaTTI0LjU1NDUsMy44NjI4YTE1LjU1ODIsMTUuNTU4MiwwLDAsMC0yLjM2NjQtLjc2NTlMMjIuODA5LjUwMTlhMTkuNTM0LDE5LjUzNCwwLDAsMSwyLjc1NjguODkyM1oiIGZpbGw9IiM2NzY4NjciLz48cGF0aCBkPSJNMzcuMDAxOSwxOC41SDM0LjMzNjJjMC0uNDE2NC0uMDE0OS0uODI1NC0uMDQ2NS0xLjIzMDZsMi42NTgzLS4yMDA4QzM2Ljk4MzMsMTcuNTQwOCwzNy4wMDE5LDE4LjAxNjcsMzcuMDAxOSwxOC41WiIgZmlsbD0iIzY3Njg2NyIvPjwvc3ZnPg==)}.incident-popup-info>.length{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAyNiI+PHRpdGxlPmluY2lkZW50PC90aXRsZT48cGF0aCBkPSJNMCwyLjE2NjdWMEgzMVYyNkgwVjIzLjgzMzNIMi4yMTQzVjEzSDQuNDI4NlYyMy44MzMzSDguODU3MVYxOS41aDIuMjE0M3Y0LjMzMzNIMTUuNVYxM2gyLjIxNDNWMjMuODMzM2g0LjQyODZWMTkuNWgyLjIxNDN2NC4zMzMzaDQuNDI4NlYyLjE2NjdaIiBmaWxsPSIjNjc2ODY3Ii8+PC9zdmc+)}.incident-popup-info>.from{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAzNiI+PHRpdGxlPmluY2lkZW50PC90aXRsZT48cGF0aCBkPSJNMTMuNSwwYTEzLjM3LDEzLjM3LDAsMCwxLDMuNTg1OS40NzkyLDEzLjc4NjYsMTMuNzg2NiwwLDAsMSwzLjIyNzMsMS4zNDM4LDEzLjMzODYsMTMuMzM4NiwwLDAsMSw2LjIwMTYsNy45Njg3QTEyLjkwMDksMTIuOTAwOSwwLDAsMSwyNywxMy4zMzMzYTEwLjU2NjQsMTAuNTY2NCwwLDAsMS0uMzQ4LDIuNzQsMTMuNDA1MSwxMy40MDUxLDAsMCwxLTEuMDAyLDIuNTkzOEwxMy41LDM2LDEuMzUsMTguNjY2N0ExMy40MDUsMTMuNDA1LDAsMCwxLC4zNDgsMTYuMDcyOSwxMC41NjY0LDEwLjU2NjQsMCwwLDEsMCwxMy4zMzMzLDEyLjkwMDksMTIuOTAwOSwwLDAsMSwuNDg1Miw5Ljc5MTcsMTMuNDM0NiwxMy40MzQ2LDAsMCwxLDEuODQ1Nyw2LjYwNDJhMTMuNDUzLDEzLjQ1MywwLDAsMSw0Ljg0MS00Ljc4MTJBMTMuNzg2NSwxMy43ODY1LDAsMCwxLDkuOTE0MS40NzkyLDEzLjM3LDEzLjM3LDAsMCwxLDEzLjUsME0yMy41NDA2LDE3LjYyNXEwLS4wMjA4LjAxMDUtLjAyMDh0LjAxMDUtLjAyMDhhOC45OCw4Ljk4LDAsMCwwLC44MDE2LTIuMDYyNSw4Ljg4MTYsOC44ODE2LDAsMCwwLC4yNzQyLTIuMTg3NSwxMC41MzM3LDEwLjUzMzcsMCwwLDAtLjg3NTQtNC4yNzA4LDExLjE1NjEsMTEuMTU2MSwwLDAsMC0yLjM5NDEtMy41LDExLjMxLDExLjMxLDAsMCwwLTMuNTQzNy0yLjM2NDZBMTAuODk2MSwxMC44OTYxLDAsMCwwLDEzLjUsMi4zMzMzYTEwLjg5NjEsMTAuODk2MSwwLDAsMC00LjMyNDIuODY0NkExMS4zMSwxMS4zMSwwLDAsMCw1LjYzMiw1LjU2MjVhMTEuMTU2MSwxMS4xNTYxLDAsMCwwLTIuMzk0MSwzLjUsMTAuNTMzNywxMC41MzM3LDAsMCwwLS44NzU0LDQuMjcwOCw4Ljg4MTUsOC44ODE1LDAsMCwwLC4yNzQyLDIuMTg3NSw4Ljk4LDguOTgsMCwwLDAsLjgwMTYsMi4wNjI1cTAsLjAyMDguMDEwNS4wMjA4dC4wMTA1LjAyMDhMMTMuNSwzMC43OTE3LDIzLjU0MDYsMTcuNjI1TTEzLjUsNS41YTcuODEyMiw3LjgxMjIsMCwwLDEsMy4wOS42MTQ2LDguMDA5Myw4LjAwOTMsMCwwLDEsMi41MjA3LDEuNjc3MSw3LjksNy45LDAsMCwxLDEuNjk4LDIuNDksNy43OTYsNy43OTYsMCwwLDEsMCw2LjEwNDIsNy45LDcuOSwwLDAsMS0xLjY5OCwyLjQ5QTguMDA5Myw4LjAwOTMsMCwwLDEsMTYuNTksMjAuNTUyMWE4LjA3NjQsOC4wNzY0LDAsMCwxLTYuMTgsMEE4LjAwOTIsOC4wMDkyLDAsMCwxLDcuODg5MSwxOC44NzVhNy45LDcuOSwwLDAsMS0xLjY5OC0yLjQ5LDcuNzk2LDcuNzk2LDAsMCwxLDAtNi4xMDQyLDcuOSw3LjksMCwwLDEsMS42OTgtMi40OUE4LjAwOTIsOC4wMDkyLDAsMCwxLDEwLjQxLDYuMTE0Niw3LjgxMjMsNy44MTIzLDAsMCwxLDEzLjUsNS41bTAsMTMuMzMzM2E1LjU0MDcsNS41NDA3LDAsMCwwLDUuMTM2My0zLjM1NDIsNS41NCw1LjU0LDAsMCwwLDAtNC4yOTE3LDUuNTA1NCw1LjUwNTQsMCwwLDAtMS4xOTE4LTEuNzUsNS42Mjg5LDUuNjI4OSwwLDAsMC03Ljg4OTEsMCw1LjUwNTQsNS41MDU0LDAsMCwwLTEuMTkxOCwxLjc1LDUuNTQsNS41NCwwLDAsMCwwLDQuMjkxNyw1LjUwNTQsNS41MDU0LDAsMCwwLDEuMTkxOCwxLjc1QTUuNTY5NCw1LjU2OTQsMCwwLDAsMTMuNSwxOC44MzMzWiIgZmlsbD0iIzY3Njg2NyIvPjwvc3ZnPg==)}.incident-popup-info>.to{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAzNiI+PHRpdGxlPmluY2lkZW50PC90aXRsZT48cGF0aCBkPSJNMTMuNSwwYTEzLjM3LDEzLjM3LDAsMCwxLDMuNTg1OS40NzkyLDEzLjc4NjYsMTMuNzg2NiwwLDAsMSwzLjIyNzMsMS4zNDM4LDEzLjMzODYsMTMuMzM4NiwwLDAsMSw2LjIwMTYsNy45Njg3QTEyLjkwMDksMTIuOTAwOSwwLDAsMSwyNywxMy4zMzMzYTEwLjU2NjQsMTAuNTY2NCwwLDAsMS0uMzQ4LDIuNzQsMTMuNDA1MSwxMy40MDUxLDAsMCwxLTEuMDAyLDIuNTkzOEwxMy41LDM2LDEuMzUsMTguNjY2N0ExMy40MDUsMTMuNDA1LDAsMCwxLC4zNDgsMTYuMDcyOSwxMC41NjY0LDEwLjU2NjQsMCwwLDEsMCwxMy4zMzMzLDEyLjkwMDksMTIuOTAwOSwwLDAsMSwuNDg1Miw5Ljc5MTcsMTMuNDM0NiwxMy40MzQ2LDAsMCwxLDEuODQ1Nyw2LjYwNDJhMTMuNDUzLDEzLjQ1MywwLDAsMSw0Ljg0MS00Ljc4MTJBMTMuNzg2NSwxMy43ODY1LDAsMCwxLDkuOTE0MS40NzkyLDEzLjM3LDEzLjM3LDAsMCwxLDEzLjUsME0yMy41NDA2LDE3LjYyNXEwLS4wMjA4LjAxMDUtLjAyMDh0LjAxMDUtLjAyMDhhOC45OCw4Ljk4LDAsMCwwLC44MDE2LTIuMDYyNSw4Ljg4MTYsOC44ODE2LDAsMCwwLC4yNzQyLTIuMTg3NSwxMC41MzM3LDEwLjUzMzcsMCwwLDAtLjg3NTQtNC4yNzA4LDExLjE1NjEsMTEuMTU2MSwwLDAsMC0yLjM5NDEtMy41LDExLjMxLDExLjMxLDAsMCwwLTMuNTQzNy0yLjM2NDZBMTAuODk2MSwxMC44OTYxLDAsMCwwLDEzLjUsMi4zMzMzYTEwLjg5NjEsMTAuODk2MSwwLDAsMC00LjMyNDIuODY0NkExMS4zMSwxMS4zMSwwLDAsMCw1LjYzMiw1LjU2MjVhMTEuMTU2MSwxMS4xNTYxLDAsMCwwLTIuMzk0MSwzLjUsMTAuNTMzNywxMC41MzM3LDAsMCwwLS44NzU0LDQuMjcwOCw4Ljg4MTUsOC44ODE1LDAsMCwwLC4yNzQyLDIuMTg3NSw4Ljk4LDguOTgsMCwwLDAsLjgwMTYsMi4wNjI1cTAsLjAyMDguMDEwNS4wMjA4dC4wMTA1LjAyMDhMMTMuNSwzMC43OTE3LDIzLjU0MDYsMTcuNjI1TTEzLjUsNS41YTcuODEyMiw3LjgxMjIsMCwwLDEsMy4wOS42MTQ2LDguMDA5Myw4LjAwOTMsMCwwLDEsMi41MjA3LDEuNjc3MSw3LjksNy45LDAsMCwxLDEuNjk4LDIuNDksNy43OTYsNy43OTYsMCwwLDEsMCw2LjEwNDIsNy45LDcuOSwwLDAsMS0xLjY5OCwyLjQ5QTguMDA5Myw4LjAwOTMsMCwwLDEsMTYuNTksMjAuNTUyMWE4LjA3NjQsOC4wNzY0LDAsMCwxLTYuMTgsMEE4LjAwOTIsOC4wMDkyLDAsMCwxLDcuODg5MSwxOC44NzVhNy45LDcuOSwwLDAsMS0xLjY5OC0yLjQ5LDcuNzk2LDcuNzk2LDAsMCwxLDAtNi4xMDQyLDcuOSw3LjksMCwwLDEsMS42OTgtMi40OUE4LjAwOTIsOC4wMDkyLDAsMCwxLDEwLjQxLDYuMTE0Niw3LjgxMjMsNy44MTIzLDAsMCwxLDEzLjUsNS41IiBmaWxsPSIjNjc2ODY3Ii8+PC9zdmc+)}@font-face{font-family:segoeui;src:url(https://atlas.microsoft.com/styles/glyphs/segoeui.ttf)}.font-segoeui{font-family:segoeui}@font-face{font-family:segoeui-b;src:url(https://atlas.microsoft.com/styles/glyphs/segoeuib.ttf)}.font-segoeui-b{font-family:segoeui-b}@font-face{font-family:segoeui-i;src:url(https://atlas.microsoft.com/styles/glyphs/segoeuii.ttf)}.font-segoeui-i{font-family:segoeui-i}@font-face{font-family:segoeui-sl;src:url(https://atlas.microsoft.com/styles/glyphs/segoeuisl.ttf)}.font-segoeui-sl{font-family:segoeui-sl}@font-face{font-family:standard;src:url(https://atlas.microsoft.com/styles/glyphs/standardfont.ttf)}.font-standard{font-family:standard}@font-face{font-family:standard-b;src:url(https://atlas.microsoft.com/styles/glyphs/standardfontbold.ttf)}.font-standard-b{font-family:standard-b}.atlas-control-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.atlas-control-container .sub-container,.azure-maps-control-container>.style-options.icons{display:flex;flex-direction:row;position:relative}.top-left.subcontrol-container{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.top-right.subcontrol-container{position:absolute;top:0;right:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.bottom-left.subcontrol-container{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.bottom-right.subcontrol-container{position:absolute;bottom:40px;right:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.non-fixed.subcontrol-container{width:100%;height:100%}.hidden-accessible-element{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.azure-maps-control-container{margin:10px;border-collapse:collapse;display:flex;flex-wrap:nowrap;pointer-events:auto;position:relative}.azure-maps-control-container:not(:first-child){margin-top:2px}.azure-maps-control-container:not(:last-child){margin-bottom:2px}.azure-maps-control-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;border:none;border-collapse:collapse;width:32px;height:32px;text-align:center;cursor:pointer;line-height:32px;background-position:center center;background-repeat:no-repeat;overflow:hidden;z-index:100}.azure-maps-control-dropdown{display:flex;flex-direction:column;border-radius:4px;box-shadow:0 2px 4px 1px rgba(0,0,0,.14);overflow:hidden;padding-block:8px;background-color:#fff;transform:scale(.1,.1);transition-timing-function:ease-out;transition-duration:250ms;position:absolute;z-index:1001;outline:0}.azure-maps-control-dropdown.top-left{transform-origin:top left;left:0}.azure-maps-control-dropdown.top-right{transform-origin:top right;right:0}.azure-maps-control-dropdown.bottom-left{transform-origin:bottom left;left:0;bottom:0}.azure-maps-control-dropdown.bottom-right{transform-origin:bottom right;right:0;bottom:0}.azure-maps-control-container.in-use .azure-maps-control-dropdown{transform:scale(1,1);transition-timing-function:ease-out;transition-duration:250ms;opacity:1;visibility:visible}.azure-maps-control-list-button{display:flex;align-items:center;background-color:#fff;box-shadow:0 2px 4px 1px rgba(0,0,0,.14);border-radius:0;border:none;line-height:32px;padding-inline-end:16px;white-space:nowrap}.azure-maps-control-list-button.curr-style{border-radius:4px}.azure-maps-control-list-button:hover,.azure-maps-control-list-button[aria-current=true]{background-color:#f0f0f0}.azure-maps-control-list-button:disabled{pointer-events:none}.azure-maps-control-list-button img{margin:8px;width:16px;height:16px;border:1px solid #d3d3d3;border-radius:2px}.azure-maps-control-list-button.expanded{padding-inline-end:64px;box-shadow:none}.azure-maps-control-list-button.expanded img{margin-inline-end:16px}.azure-maps-control-button.traffic,.traffic-legend{margin:0;text-align:center;background-repeat:no-repeat}.tooltiptext.win.firefox{border:none;border-radius:2px}.tooltiptext.mac{border:.3px solid ButtonText;border-radius:1px;padding:0 6px;font-size:.86em}*+.tooltiptext{visibility:hidden;background-color:ButtonFace;color:ButtonText;border:1px solid ButtonText;text-align:center;white-space:nowrap;padding:0 6px;position:fixed;z-index:300;left:0;top:0;font-size:.94em;line-height:2em;letter-spacing:.25px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;opacity:0;transition:visibility 0s}:focus-visible+.tooltiptext,:hover+.tooltiptext{visibility:visible;opacity:1}:hover+.tooltiptext{transition:visibility 0s;transition-delay:.6s}.azure-maps-control-button:disabled{opacity:.6;pointer-events:none}.azure-maps-control-button[aria-current=true]{position:relative}.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-button,.azure-maps-control-container.light .azure-maps-control-button[aria-current=true]{background-color:#31acce}.azure-maps-control-button[aria-current=true]>.selected-icon{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M5.80001 -1.90735e-06C2.59675 -1.90735e-06 5.72205e-06 2.59675 5.72205e-06 5.8C5.72205e-06 9.00325 2.59675 11.6 5.80001 11.6C9.00326 11.6 11.6 9.00325 11.6 5.8C11.6 2.59675 9.00326 -1.90735e-06 5.80001 -1.90735e-06Z' fill='%2331ACCE'/%3E%3Cpath d='M8.90688 2.55L4.675 6.88763L2.69275 5.0085L1.3 6.402L4.675 9.675L10.3 3.94313L8.90688 2.55Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");background-size:12px 12px;background-repeat:no-repeat;background-position:center center;z-index:200;position:absolute;top:0;bottom:0;right:0;left:0}.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-button,.azure-maps-control-container.light .azure-maps-control-button{background-color:#fff;box-shadow:rgba(0,0,0,.16) 0 0 4px}.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-button,.azure-maps-control-container.dark .azure-maps-control-button{background-color:#011c2c;box-shadow:rgba(0,0,0,.16) 0 0 4px}.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-button:active,.azure-maps-control-container.light .azure-maps-control-button:active{background-color:#f1f1f1}.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-button:active,.azure-maps-control-container.dark .azure-maps-control-button:active{background-color:#43474c}.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-button,.atlas-map.high-contrast-light .azure-maps-control-container>.style-options.list button{border:3px solid #000}.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-button,.atlas-map.high-contrast-dark .azure-maps-control-container>.style-options.list button{border:3px solid #fff}.azure-maps-control-button.zoom-in{background-size:12px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M7 4.8V.2a.215.215 0 0 0-.2-.2H5.2a.215.215 0 0 0-.2.2v4.6a.215.215 0 0 1-.2.2H.2a.215.215 0 0 0-.2.2v1.6a.215.215 0 0 0 .2.2h4.6a.215.215 0 0 1 .2.2v4.6a.215.215 0 0 0 .2.2h1.6a.215.215 0 0 0 .2-.2V7.2a.215.215 0 0 1 .2-.2h4.6a.215.215 0 0 0 .2-.2V5.2a.215.215 0 0 0-.2-.2H7.2a.215.215 0 0 1-.2-.2z' fill='%2383888d'/%3E%3C/svg%3E");position:relative}.atlas-map.high-contrast-dark .azure-maps-control-button.zoom-in{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M7 4.8V.2a.215.215 0 00-.2-.2H5.2a.215.215 0 00-.2.2v4.6a.215.215 0 01-.2.2H.2a.215.215 0 00-.2.2v1.6a.215.215 0 00.2.2h4.6a.215.215 0 01.2.2v4.6a.215.215 0 00.2.2h1.6a.215.215 0 00.2-.2V7.2a.215.215 0 01.2-.2h4.6a.215.215 0 00.2-.2V5.2a.215.215 0 00-.2-.2H7.2a.215.215 0 01-.2-.2z' fill='%23fff'/%3E%3C/svg%3E")}.atlas-map.high-contrast-light .azure-maps-control-button.zoom-in{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M7 4.8V.2a.215.215 0 00-.2-.2H5.2a.215.215 0 00-.2.2v4.6a.215.215 0 01-.2.2H.2a.215.215 0 00-.2.2v1.6a.215.215 0 00.2.2h4.6a.215.215 0 01.2.2v4.6a.215.215 0 00.2.2h1.6a.215.215 0 00.2-.2V7.2a.215.215 0 01.2-.2h4.6a.215.215 0 00.2-.2V5.2a.215.215 0 00-.2-.2H7.2a.215.215 0 01-.2-.2z'/%3E%3C/svg%3E")}.atlas-map:not(.high-contrast-light):not(.high-contrast-dark) .azure-maps-control-container.light .azure-maps-control-button.zoom-in:after{position:absolute;width:24px;left:4px;bottom:0;height:1px;border-bottom:.5px solid #bababa}.atlas-map:not(.high-contrast-light):not(.high-contrast-dark) .azure-maps-control-container.dark .azure-maps-control-button.zoom-in:after{position:absolute;width:24px;left:4px;bottom:0;height:1px;border-bottom:.5px solid #43474c}.azure-maps-control-button.zoom-in:active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M7 4.8V.2a.215.215 0 0 0-.2-.2H5.2a.215.215 0 0 0-.2.2v4.6a.215.215 0 0 1-.2.2H.2a.215.215 0 0 0-.2.2v1.6a.215.215 0 0 0 .2.2h4.6a.215.215 0 0 1 .2.2v4.6a.215.215 0 0 0 .2.2h1.6a.215.215 0 0 0 .2-.2V7.2a.215.215 0 0 1 .2-.2h4.6a.215.215 0 0 0 .2-.2V5.2a.215.215 0 0 0-.2-.2H7.2a.215.215 0 0 1-.2-.2z' fill='%2362666a'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.zoom-in:active,.atlas-map.high-contrast-light .azure-maps-control-button.zoom-in:active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M7 4.8V.2a.215.215 0 00-.2-.2H5.2a.215.215 0 00-.2.2v4.6a.215.215 0 01-.2.2H.2a.215.215 0 00-.2.2v1.6a.215.215 0 00.2.2h4.6a.215.215 0 01.2.2v4.6a.215.215 0 00.2.2h1.6a.215.215 0 00.2-.2V7.2a.215.215 0 01.2-.2h4.6a.215.215 0 00.2-.2V5.2a.215.215 0 00-.2-.2H7.2a.215.215 0 01-.2-.2z' fill='%237f7f7f'/%3E%3C/svg%3E")}.azure-maps-control-button.zoom-out{background-size:12px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2'%3E%3Cpath d='M11.8 2H.2a.215.215 0 0 1-.2-.2V.2A.215.215 0 0 1 .2 0h11.6a.215.215 0 0 1 .2.2v1.6a.215.215 0 0 1-.2.2z' fill='%2383888d'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.zoom-out{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2'%3E%3Cpath d='M11.8 2H.2a.215.215 0 01-.2-.2V.2A.215.215 0 01.2 0h11.6a.215.215 0 01.2.2v1.6a.215.215 0 01-.2.2z' fill='%23fff'/%3E%3C/svg%3E")}.atlas-map.high-contrast-light .azure-maps-control-button.zoom-out{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2'%3E%3Cpath d='M11.8 2H.2a.215.215 0 01-.2-.2V.2A.215.215 0 01.2 0h11.6a.215.215 0 01.2.2v1.6a.215.215 0 01-.2.2z'/%3E%3C/svg%3E")}.azure-maps-control-button.zoom-out:active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2'%3E%3Cpath d='M11.8 2H.2a.215.215 0 0 1-.2-.2V.2A.215.215 0 0 1 .2 0h11.6a.215.215 0 0 1 .2.2v1.6a.215.215 0 0 1-.2.2z' fill='%2362666a'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.zoom-out:active,.atlas-map.high-contrast-light .azure-maps-control-button.zoom-out:active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2'%3E%3Cpath d='M11.8 2H.2a.215.215 0 01-.2-.2V.2A.215.215 0 01.2 0h11.6a.215.215 0 01.2.2v1.6a.215.215 0 01-.2.2z' fill='%237f7f7f'/%3E%3C/svg%3E")}.azure-maps-control-button.traffic{background-image:url("data:image/svg+xml;utf8,");position:relative;padding:0;border:none;border-collapse:collapse;width:32px;height:32px;cursor:pointer;line-height:32px;background-size:20px;background-position:center center;z-index:200;box-shadow:0 0 4px rgba(0,0,0,.16)}.azure-maps-control-button.traffic:active,.azure-maps-control-container.in-use .azure-maps-control-button.traffic:not(:active){background-image:url("data:image/svg+xml;utf8,");filter:brightness(90%)}.traffic-legend{font-family:segoeui;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;border:none;border-collapse:collapse;width:150px;background-position:center center;overflow:hidden;z-index:100;box-shadow:rgba(0,0,0,.16) 0 0 4px;background-color:#fff;color:#000}.hidden{visibility:hidden}.atlas-map.high-contrast-light .azure-maps-control-container .traffic-legend,.azure-maps-control-container.light .traffic-legend{background-color:#fff;box-shadow:rgba(0,0,0,.16) 0 0 4px;color:#000}.atlas-map.high-contrast-dark .azure-maps-control-container .traffic-legend,.azure-maps-control-container.dark .traffic-legend{background-color:#011c2c;box-shadow:rgba(0,0,0,.16) 0 0 4px;color:#fff}.traffic-legend table{border-collapse:collapse;padding:0;margin:4px;text-align:left;font-size:12px}.traffic-legend table div{width:20px;height:8px;margin-top:2px;float:left}.traffic-legend table td div.green{background-color:#6C9}.traffic-legend table td div.yellow{background-color:#FFAB66}.traffic-legend table td div.red{background-color:#EE2F53}.traffic-legend table td div.dark-red{background-color:#6B0512}.traffic-legend-colors{-ms-high-contrast-adjust:none;high-contrast-adjust:none}.traffic-legend table td.traffic-legend-title{font-weight:700}.traffic-legend table td.traffic-legend-colors{width:84px}.traffic-legend table td.traffic-legend-text{width:25px}.azure-maps-control-button.pitch{background-size:10.8px 8.2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.8 8.2'%3E%3Cpath d='M10.5 8.2H.3c-.1 0-.2 0-.2-.1C0 8.1 0 8 0 7.9L2.5.2a.215.215 0 0 1 .2-.2H8c.1 0 .2.1.3.2l2.5 7.7v.2a.367.367 0 0 1-.3.1z' fill='%2383888d'/%3E%3C/svg%3E");z-index:200}.atlas-map.high-contrast-dark .azure-maps-control-button.pitch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.8 8.2'%3E%3Cpath d='M10.5 8.2H.3c-.1 0-.2 0-.2-.1C0 8.1 0 8 0 7.9L2.5.2a.215.215 0 01.2-.2H8c.1 0 .2.1.3.2l2.5 7.7v.2a.367.367 0 01-.3.1z' fill='%23fff'/%3E%3C/svg%3E")}.atlas-map.high-contrast-light .azure-maps-control-button.pitch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.8 8.2'%3E%3Cpath d='M10.5 8.2H.3c-.1 0-.2 0-.2-.1C0 8.1 0 8 0 7.9L2.5.2a.215.215 0 01.2-.2H8c.1 0 .2.1.3.2l2.5 7.7v.2a.367.367 0 01-.3.1z'/%3E%3C/svg%3E")}.azure-maps-control-container.in-use .azure-maps-control-button.pitch:not(:active){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.8 8.2'%3E%3Cpath d='M10.5 8.2H.3c-.1 0-.2 0-.2-.1C0 8.1 0 8 0 7.9L2.5.2a.215.215 0 0 1 .2-.2H8c.1 0 .2.1.3.2l2.5 7.7v.2a.367.367 0 0 1-.3.1z' fill='%2331acce'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-container.in-use .azure-maps-control-button.pitch:not(:active),.atlas-map.high-contrast-light .azure-maps-control-container.in-use .azure-maps-control-button.pitch:not(:active){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.8 8.2'%3E%3Cpath d='M10.5 8.2H.3c-.1 0-.2 0-.2-.1C0 8.1 0 8 0 7.9L2.5.2a.215.215 0 01.2-.2H8c.1 0 .2.1.3.2l2.5 7.7v.2a.367.367 0 01-.3.1z' fill='%23136bfb'/%3E%3C/svg%3E")}.azure-maps-control-button.pitch:active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.8 8.2'%3E%3Cpath d='M10.5 8.2H.3c-.1 0-.2 0-.2-.1C0 8.1 0 8 0 7.9L2.5.2a.215.215 0 0 1 .2-.2H8c.1 0 .2.1.3.2l2.5 7.7v.2a.367.367 0 0 1-.3.1z' fill='%2362666a'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.pitch:active,.atlas-map.high-contrast-light .azure-maps-control-button.pitch:active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.8 8.2'%3E%3Cpath d='M10.5 8.2H.3c-.1 0-.2 0-.2-.1C0 8.1 0 8 0 7.9L2.5.2a.215.215 0 01.2-.2H8c.1 0 .2.1.3.2l2.5 7.7v.2a.367.367 0 01-.3.1z' fill='%237f7f7f'/%3E%3C/svg%3E")}.azure-maps-control-button.pitch-up{background-size:5.2px 13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.2 13'%3E%3Cpath d='M2.7 0L0 6h1.6v6.8a.215.215 0 0 0 .2.2h1.6a.215.215 0 0 0 .2-.2V6h1.6z' fill='%2383888d'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.pitch-up{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.2 13'%3E%3Cpath d='M2.7 0L0 6h1.6v6.8a.215.215 0 00.2.2h1.6a.215.215 0 00.2-.2V6h1.6z' fill='%23fff'/%3E%3C/svg%3E")}.atlas-map.high-contrast-light .azure-maps-control-button.pitch-up{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.2 13'%3E%3Cpath d='M2.7 0L0 6h1.6v6.8a.215.215 0 00.2.2h1.6a.215.215 0 00.2-.2V6h1.6z'/%3E%3C/svg%3E")}.azure-maps-control-button.pitch-down{background-size:5.2px 13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.3 12.9'%3E%3Cpath d='M3.6 7V.2a.215.215 0 0 0-.2-.2H1.8a.215.215 0 0 0-.2.2V7L0 6.9l2.5 6h.1L5.3 7H3.6z' fill='%2383888d'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.pitch-down{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.3 12.9'%3E%3Cpath d='M3.6 7V.2a.215.215 0 00-.2-.2H1.8a.215.215 0 00-.2.2V7L0 6.9l2.5 6h.1L5.3 7H3.6z' fill='%23fff'/%3E%3C/svg%3E")}.atlas-map.high-contrast-light .azure-maps-control-button.pitch-down{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.3 12.9'%3E%3Cpath d='M3.6 7V.2a.215.215 0 00-.2-.2H1.8a.215.215 0 00-.2.2V7L0 6.9l2.5 6h.1L5.3 7H3.6z'/%3E%3C/svg%3E")}.azure-maps-control-button.rotation{overflow:hidden;z-index:200}.azure-maps-control-button.rotation div{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 14'%3E%3Cpath d='M2.2 7h3.1L3.7 3.4z' fill='none'/%3E%3Cpath d='M4.7.6L4.4 0H3L.2 6.6 0 7l2.8 6.4.3.6h1.4l2.9-6.6V7zM2.2 7l1.5-3.5L5.3 7z' fill='%2383888d'/%3E%3C/svg%3E");background-position:center center;background-repeat:no-repeat;background-size:7.4px 14px;height:100%;width:100%}.atlas-map.high-contrast-dark .azure-maps-control-button.rotation div{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 14'%3E%3Cpath d='M2.2 7h3.1L3.7 3.4z' fill='none'/%3E%3Cpath d='M4.7.6L4.4 0H3L.2 6.6 0 7l2.8 6.4.3.6h1.4l2.9-6.6V7zM2.2 7l1.5-3.5L5.3 7z' fill='%23fff'/%3E%3C/svg%3E")}.atlas-map.high-contrast-light .azure-maps-control-button.rotation div{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 14'%3E%3Cpath d='M2.2 7h3.1L3.7 3.4z' fill='none'/%3E%3Cpath d='M4.7.6L4.4 0H3L.2 6.6 0 7l2.8 6.4.3.6h1.4l2.9-6.6V7zM2.2 7l1.5-3.5L5.3 7z'/%3E%3C/svg%3E")}.azure-maps-control-container.in-use .azure-maps-control-button.rotation:not(:active) div{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 14'%3E%3Cpath d='M2.2 7h3.1L3.7 3.4z' fill='none'/%3E%3Cpath d='M4.7.6L4.4 0H3L.2 6.6 0 7l2.8 6.4.3.6h1.4l2.9-6.6V7zM2.2 7l1.5-3.5L5.3 7z' fill='%2331acce'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-container.in-use .azure-maps-control-button.rotation:not(:active) div,.atlas-map.high-contrast-light .azure-maps-control-container.in-use .azure-maps-control-button.rotation:not(:active) div{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 14'%3E%3Cpath d='M2.2 7h3.1L3.7 3.4z' fill='none'/%3E%3Cpath d='M4.7.6L4.4 0H3L.2 6.6 0 7l2.8 6.4.3.6h1.4l2.9-6.6V7zM2.2 7l1.5-3.5L5.3 7z' fill='%23136bfb'/%3E%3C/svg%3E")}.azure-maps-control-button.rotation:active div{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 14'%3E%3Cpath d='M2.2 7h3.1L3.7 3.4z' fill='none'/%3E%3Cpath d='M4.7.6L4.4 0H3L.2 6.6 0 7l2.8 6.4.3.6h1.4l2.9-6.6V7zM2.2 7l1.5-3.5L5.3 7z' fill='%2362666a'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.rotation:active div,.atlas-map.high-contrast-light .azure-maps-control-button.rotation:active div{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 14'%3E%3Cpath d='M2.2 7h3.1L3.7 3.4z' fill='none'/%3E%3Cpath d='M4.7.6L4.4 0H3L.2 6.6 0 7l2.8 6.4.3.6h1.4l2.9-6.6V7zM2.2 7l1.5-3.5L5.3 7z' fill='%237f7f7f'/%3E%3C/svg%3E")}.azure-maps-control-button.rotation-left{background-size:14px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 10'%3E%3Cpath d='M12.8 10a7.17 7.17 0 0 0-7.2-7.2' fill='none' stroke='%2383888d' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath d='M6 0L0 2.5v.1l6 2.7z' fill='%2383888d'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.rotation-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 10'%3E%3Cpath d='M12.8 10a7.17 7.17 0 00-7.2-7.2' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath d='M6 0L0 2.5v.1l6 2.7z' fill='%23fff'/%3E%3C/svg%3E")}.atlas-map.high-contrast-light .azure-maps-control-button.rotation-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 10'%3E%3Cpath d='M12.8 10a7.17 7.17 0 00-7.2-7.2' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath d='M6 0L0 2.5v.1l6 2.7z'/%3E%3C/svg%3E")}.azure-maps-control-button.rotation-right{background-size:14px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 10'%3E%3Cpath d='M1 10a7.17 7.17 0 0 1 7.2-7.2' fill='none' stroke='%2383888d' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath d='M7.8 0l6 2.5v.1L7.9 5.3z' fill='%2383888d'/%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-button.rotation-right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 10'%3E%3Cpath d='M1 10a7.17 7.17 0 017.2-7.2' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath d='M7.8 0l6 2.5v.1L7.9 5.3z' fill='%23fff'/%3E%3C/svg%3E")}.atlas-map.high-contrast-light .azure-maps-control-button.rotation-right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 10'%3E%3Cpath d='M1 10a7.17 7.17 0 017.2-7.2' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath d='M7.8 0l6 2.5v.1L7.9 5.3z'/%3E%3C/svg%3E")}.azure-maps-control-button.curr-style{position:relative}.azure-maps-control-button.curr-style>.icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.6 11.6'%3E%3Cg transform='rotate(180 5.8 5.8)'%3E%3Ccircle cx='5.8' cy='5.8' r='5.8' fill='%2383888d'/%3E%3Cpath d='M6 9.5L3.5 5.9v-.2L6 2.4a.188.188 0 0 1 .3 0l1.3 1a.188.188 0 0 1 0 .3L6 5.7A.188.188 0 0 0 6 6l1.6 2.4c.1.1 0 .2-.1.3l-1.3.8c-.1.1-.2.1-.2 0z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");background-size:11.6px 11.6px;background-repeat:no-repeat;background-position:center center;z-index:200;position:absolute;top:0;bottom:0;right:0;left:0}.atlas-map.high-contrast-dark .azure-maps-control-button.curr-style>.icon,.atlas-map.high-contrast-light .azure-maps-control-button.curr-style>.icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.6 11.6'%3E%3Cg transform='rotate(180 5.8 5.8)'%3E%3Ccircle cx='5.8' cy='5.8' r='5.05' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M6 9.5L3.5 5.9v-.2L6 2.4a.188.188 0 01.3 0l1.3 1a.188.188 0 010 .3L6 5.7A.188.188 0 006 6l1.6 2.4c.1.1 0 .2-.1.3l-1.3.8c-.1.1-.2.1-.2 0z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")}.azure-maps-control-container.in-use .azure-maps-control-button.curr-style>.icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.6 11.6'%3E%3Cg transform='rotate(180 5.8 5.8)'%3E%3Ccircle cx='5.8' cy='5.8' r='5.8' fill='%2331acce'/%3E%3Cpath d='M6 9.5L3.5 5.9v-.2L6 2.4a.188.188 0 0 1 .3 0l1.3 1a.188.188 0 0 1 0 .3L6 5.7A.188.188 0 0 0 6 6l1.6 2.4c.1.1 0 .2-.1.3l-1.3.8c-.1.1-.2.1-.2 0z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")}.atlas-map.high-contrast-dark .azure-maps-control-container.in-use .azure-maps-control-button.curr-style>.icon,.atlas-map.high-contrast-light .azure-maps-control-container.in-use .azure-maps-control-button.curr-style>.icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.6 11.6'%3E%3Cg transform='rotate(180 5.8 5.8)'%3E%3Ccircle cx='5.8' cy='5.8' r='5.05' fill='%23136bfb' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M6 9.5L3.5 5.9v-.2L6 2.4a.188.188 0 01.3 0l1.3 1a.188.188 0 010 .3L6 5.7A.188.188 0 006 6l1.6 2.4c.1.1 0 .2-.1.3l-1.3.8c-.1.1-.2.1-.2 0z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")}.bottom-right.subcontrol-container .azure-maps-control-button.curr-style:active>.icon,.bottom-right.subcontrol-container .azure-maps-control-button.curr-style>.icon,.top-right.subcontrol-container .azure-maps-control-button.curr-style:active>.icon,.top-right.subcontrol-container .azure-maps-control-button.curr-style>.icon{transform:scaleX(-1)}.azure-maps-control-container .azure-maps-control-button.curr-style img,.azure-maps-control-container>.style-options.icons img{width:28px;height:28px;margin:2px;padding:0;border-collapse:collapse}.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-button.curr-style img,.atlas-map.high-contrast-dark .azure-maps-control-container>.style-options.icons img,.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-button.curr-style img,.atlas-map.high-contrast-light .azure-maps-control-container>.style-options.icons img{width:26px;height:26px;margin:0}.azure-maps-control-container>.style-options.icons .azure-maps-control-button:active img{opacity:.6}.azure-maps-control-container>.style-options.list{display:grid;max-height:300px;min-width:200px;overflow:auto;position:absolute}.bottom-left .azure-maps-control-container>.style-options.list,.top-left .azure-maps-control-container>.style-options.list{left:100%;padding-left:1px}.bottom-right .azure-maps-control-container>.style-options.list,.top-right .azure-maps-control-container>.style-options.list{right:100%;padding-right:1px}.bottom-left .azure-maps-control-container>.style-options.list,.bottom-right .azure-maps-control-container>.style-options.list{bottom:0}.azure-maps-control-container>.style-options.list button{align-items:center;border:none;border-collapse:collapse;display:flex;font:inherit;margin:0;padding:5px 10px 5px 5px;cursor:pointer}.atlas-map.high-contrast-light .azure-maps-control-container>.style-options.list button,.azure-maps-control-container.light>.style-options.list button{background-color:#FFF;color:#000}.atlas-map.high-contrast-dark .azure-maps-control-container>.azure-maps-control-dropdown,.atlas-map.high-contrast-dark .azure-maps-control-container>.style-options.list button,.azure-maps-control-container.dark>.style-options.list button{background-color:#011C2C;color:#CCC}.atlas-map.high-contrast-dark .azure-maps-control-container>.azure-maps-control-dropdown :disabled,.atlas-map.high-contrast-dark .azure-maps-control-container>.style-options.list button :disabled,.azure-maps-control-container.dark>.style-options.list button :disabled{color:rgba(255,255,255,.3)}.azure-maps-control-container.dark .azure-maps-control-list-button,.azure-maps-control-container.dark>.azure-maps-control-dropdown{background-color:#011c2c}.atlas-map.high-contrast-dark .azure-maps-control-container>.azure-maps-control-dropdown{border-radius:0;border:3px solid #fff}.atlas-map.high-contrast-light .azure-maps-control-container>.azure-maps-control-dropdown{border-radius:0;border:3px solid #000}.azure-maps-control-container.dark .azure-maps-control-list-button{box-shadow:rgba(0,0,0,.16) 0 0 4px;color:#fff}.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button{background-color:#011C2C;color:#fff}.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button :disabled{color:rgba(255,255,255,.3)}.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-list-button{background-color:#FFF;color:#000}.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button.curr-style{border-radius:0;border:3px solid #fff}.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-list-button.curr-style{border-radius:0;border:3px solid #000}.azure-maps-control-container.dark .azure-maps-control-list-button:hover,.azure-maps-control-container.dark .azure-maps-control-list-button[aria-current=true]{background-color:#31acce}.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button:hover,.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button[aria-current=true]{background-color:#FFF;color:#000}.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-list-button:hover,.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-list-button[aria-current=true]{background-color:#011C2C;color:#fff}.azure-maps-control-container>.style-options.list button:focus,.azure-maps-control-container>.style-options.list button:hover{color:#31ACCE}.azure-maps-control-container>.style-options.list button:disabled{color:rgba(16,16,16,.3);pointer-events:none}.atlas-map.high-contrast-light .azure-maps-control-container>.style-options.list button:active,.azure-maps-control-container.light>.style-options.list button:active{background-color:#f1f1f1;color:#62666A}.atlas-map.high-contrast-dark .azure-maps-control-container>.style-options.list button:active,.azure-maps-control-container.dark>.style-options.list button:active{background-color:#43474c;color:#62666A}.azure-maps-control-container>.style-options.list img{width:28px;height:28px;margin:0 5px 0 0;padding:0;border-collapse:collapse}.azure-maps-control-container>.style-options.list button:active img{opacity:.6}
ul.scs-tabs-horizontal{height:unset;border-bottom:0}ul.scs-tabs-horizontal>li>a{height:unset}
.bwc-alerts-error {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px;
padding: 10px;
border: 1px solid #f6d0d0;
border-radius: 3px;
background-color: #fae5e5;
color: #c00; }
.bwc-alerts-error > .icon:first-child {
display: inline-block;
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px; }
.bwc-alerts-error > a {
text-decoration: underline; }
.bwc-alerts-error > a:hover {
text-decoration: none; }
.bwc-alerts-info {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px;
padding: 10px;
border: 1px solid #cdecfb;
border-radius: 3px;
background-color: #e5f5fd;
color: #008be1; }
.bwc-alerts-info > .icon:first-child {
display: inline-block;
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px; }
.bwc-alerts-info > a {
text-decoration: underline; }
.bwc-alerts-info > a:hover {
text-decoration: none; }
.bwc-alerts-success {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px;
padding: 10px;
border: 1px solid #e0efd6;
border-radius: 3px;
background-color: #eef6e8;
color: #56aa1c; }
.bwc-alerts-success > .icon:first-child {
display: inline-block;
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px; }
.bwc-alerts-success > a {
text-decoration: underline; }
.bwc-alerts-success > a:hover {
text-decoration: none; }
.bwc-alerts-warning {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px;
padding: 10px;
border: 1px solid #ffeea3;
border-radius: 3px;
background-color: #fffae6;
color: #997c00; }
.bwc-alerts-warning > .icon:first-child {
display: inline-block;
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px; }
.bwc-alerts-warning > a {
text-decoration: underline; }
.bwc-alerts-warning > a:hover {
text-decoration: none; }
.alert-icon {
position: relative;
display: inline-block;
top: 3px;
margin: 0 12px 0 0; }
.bwc-icons-large {
width: 48px;
height: 48px; }
.bwc-icons-medium {
width: 32px;
height: 32px; }
.bwc-icons-small {
width: 16px;
height: 16px; }
.bwc-icons-x-large {
width: 64px;
height: 64px; }
.green {
color: #56aa1c; }
.bwc-icons {
display: inline-block; }
/* Helper Mixin */
/* User-facing Mixin */
.bwc-buttons-blue {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer; }
.bwc-buttons-blue:hover {
text-decoration: none; }
.bwc-buttons-blue:active, .bwc-buttons-blue:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-blue[disabled], .bwc-buttons-blue[disabled]:hover, .bwc-buttons-blue[disabled]:active, .bwc-buttons-blue[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-blue, .bwc-buttons-blue:active, .bwc-buttons-blue:focus {
border: none;
background-color: #008be1;
color: #fff; }
.bwc-buttons-blue:hover {
background-color: #0073ba;
color: #fff; }
.bwc-buttons-blue-large {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 13px 22px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-blue-large:hover {
text-decoration: none; }
.bwc-buttons-blue-large:active, .bwc-buttons-blue-large:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-blue-large[disabled], .bwc-buttons-blue-large[disabled]:hover, .bwc-buttons-blue-large[disabled]:active, .bwc-buttons-blue-large[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-blue-large, .bwc-buttons-blue-large:active, .bwc-buttons-blue-large:focus {
border: none;
background-color: #008be1;
color: #fff; }
.bwc-buttons-blue-large:hover {
background-color: #0073ba;
color: #fff; }
.bwc-buttons-disabled {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer; }
.bwc-buttons-disabled:hover {
text-decoration: none; }
.bwc-buttons-disabled:active, .bwc-buttons-disabled:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-disabled[disabled], .bwc-buttons-disabled[disabled]:hover, .bwc-buttons-disabled[disabled]:active, .bwc-buttons-disabled[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-disabled, .bwc-buttons-disabled:active, .bwc-buttons-disabled:focus, .bwc-buttons-disabled:hover {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-disabled-large {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 13px 22px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-disabled-large:hover {
text-decoration: none; }
.bwc-buttons-disabled-large:active, .bwc-buttons-disabled-large:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-disabled-large[disabled], .bwc-buttons-disabled-large[disabled]:hover, .bwc-buttons-disabled-large[disabled]:active, .bwc-buttons-disabled-large[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-disabled-large, .bwc-buttons-disabled-large:active, .bwc-buttons-disabled-large:focus, .bwc-buttons-disabled-large:hover {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-hollow {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer; }
.bwc-buttons-hollow:hover {
text-decoration: none; }
.bwc-buttons-hollow:active, .bwc-buttons-hollow:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-hollow[disabled], .bwc-buttons-hollow[disabled]:hover, .bwc-buttons-hollow[disabled]:active, .bwc-buttons-hollow[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-hollow, .bwc-buttons-hollow:active, .bwc-buttons-hollow:focus {
padding: 7px 10px;
border: 1px solid #85929d;
background-color: transparent;
color: #3c434a; }
.bwc-buttons-hollow:hover {
background-color: transparent;
border-color: #4d575f;
color: #070809; }
.bwc-buttons-hollow[disabled], .bwc-buttons-hollow[disabled]:hover, .bwc-buttons-hollow[disabled]:active, .bwc-buttons-hollow[disabled]:focus {
padding: 8px 11px; }
.bwc-buttons-hollow-large {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 12px 21px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-hollow-large:hover {
text-decoration: none; }
.bwc-buttons-hollow-large:active, .bwc-buttons-hollow-large:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-hollow-large[disabled], .bwc-buttons-hollow-large[disabled]:hover, .bwc-buttons-hollow-large[disabled]:active, .bwc-buttons-hollow-large[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-hollow-large, .bwc-buttons-hollow-large:active, .bwc-buttons-hollow-large:focus {
padding: 7px 10px;
border: 1px solid #85929d;
background-color: transparent;
color: #3c434a; }
.bwc-buttons-hollow-large:hover {
background-color: transparent;
border-color: #4d575f;
color: #070809; }
.bwc-buttons-hollow-large[disabled], .bwc-buttons-hollow-large[disabled]:hover, .bwc-buttons-hollow-large[disabled]:active, .bwc-buttons-hollow-large[disabled]:focus {
padding: 8px 11px; }
.bwc-buttons-hollow-large, .bwc-buttons-hollow-large:active, .bwc-buttons-hollow-large:focus {
padding: 12px 21px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-hollow-large[disabled], .bwc-buttons-hollow-large[disabled]:hover, .bwc-buttons-hollow-large[disabled]:active, .bwc-buttons-hollow-large[disabled]:focus {
padding: 13px 22px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-primary {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer; }
.bwc-buttons-primary:hover {
text-decoration: none; }
.bwc-buttons-primary:active, .bwc-buttons-primary:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-primary[disabled], .bwc-buttons-primary[disabled]:hover, .bwc-buttons-primary[disabled]:active, .bwc-buttons-primary[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-primary, .bwc-buttons-primary:active, .bwc-buttons-primary:focus {
color: #fff;
border: none;
background-color: #56aa1c; }
.bwc-buttons-primary:hover {
background-color: #458816;
color: #fff; }
.bwc-buttons-primary-large {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 13px 22px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-primary-large:hover {
text-decoration: none; }
.bwc-buttons-primary-large:active, .bwc-buttons-primary-large:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-primary-large[disabled], .bwc-buttons-primary-large[disabled]:hover, .bwc-buttons-primary-large[disabled]:active, .bwc-buttons-primary-large[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-primary-large, .bwc-buttons-primary-large:active, .bwc-buttons-primary-large:focus {
color: #fff;
border: none;
background-color: #56aa1c; }
.bwc-buttons-primary-large:hover {
background-color: #458816;
color: #fff; }
.bwc-buttons-group {
display: flex; }
.bwc-buttons-group > *:first-child {
border-radius: 3px 0 0 3px; }
.bwc-buttons-group > *:last-child {
border-radius: 0 3px 3px 0; }
.bwc-buttons-group > *:last-child, .bwc-buttons-group > *:last-child:active, .bwc-buttons-group > *:last-child:focus {
border-left-width: 0; }
.bwc-buttons-group > *:not(:first-child):not(:last-child) {
border-radius: 0; }
.bwc-buttons-group > *:not(:first-child):not(:last-child), .bwc-buttons-group > *:not(:first-child):not(:last-child):active, .bwc-buttons-group > *:not(:first-child):not(:last-child):focus {
border-left-width: 0; }
.bwc-inputs-checkbox {
display: block;
position: relative;
padding: 0 0 0 22px;
margin: 11px 0;
cursor: pointer; }
.bwc-inputs-checkbox > input {
position: absolute;
left: 4px;
top: 0;
height: 22px;
margin: 0;
font-size: 14px;
line-height: 22px;
text-align: left;
cursor: pointer; }
.bwc-inputs-checkbox > .label {
display: inline;
position: relative;
left: 0;
padding: 0;
margin: 0;
border: 0 none transparent;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: left;
vertical-align: initial;
white-space: normal;
color: #2a2f34; }
.bwc-inputs-checkbox.disabled {
cursor: not-allowed; }
.bwc-inputs-checkbox.success > .label {
color: #56aa1c; }
.bwc-inputs-checkbox.warning > .label {
color: #f60; }
.bwc-inputs-checkbox.error > .label {
color: #c00; }
.bwc-inputs-checkbox.disabled > .label {
color: #c7ccd1; }
.bwc-inputs-input {
display: block;
width: 100%;
padding: 7px 10px;
margin: 3px 0;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 22px;
color: #2a2f34;
background-color: #fff;
background-image: none;
border: 1px solid #c7ccd1;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none; }
.bwc-inputs-input:-ms-input-placeholder {
color: #c7ccd1; }
.bwc-inputs-input::-moz-placeholder {
color: #c7ccd1; }
.bwc-inputs-input::-ms-input-placeholder {
color: #c7ccd1; }
.bwc-inputs-input::placeholder {
color: #c7ccd1; }
.bwc-inputs-input[disabled], .bwc-inputs-input[readonly] {
background-color: #eef0f3;
cursor: not-allowed; }
.bwc-inputs-input:focus {
border-color: #c7ccd1;
outline: 0;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(0, 139, 225, 0.1) 0 0 0 2px; }
.bwc-inputs-labeled-input {
display: block;
padding: 0;
margin: 0 0 11px;
text-align: left;
font-size: 14px;
font-weight: 400;
cursor: pointer; }
.bwc-inputs-labeled-input > .label {
padding: 0;
margin: 0;
border: 0 none transparent;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: left;
color: #2a2f34; }
.bwc-inputs-labeled-input > .input {
position: relative;
display: inline-block;
width: 100%; }
.bwc-inputs-labeled-input > .input.with-icon > input,
.bwc-inputs-labeled-input > .input.with-icon > .bwx-inputs-input {
padding-right: 32px; }
.bwc-inputs-labeled-input > .input > .icon {
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding: 11px;
font-size: 16px;
font-weight: normal;
line-height: 22px; }
.bwc-inputs-labeled-input > .message {
display: block;
font-size: 12px;
line-height: 22px;
color: #9ba5ae; }
.bwc-inputs-labeled-input.success,
.bwc-inputs-labeled-input.success > .message {
color: #56aa1c; }
.bwc-inputs-labeled-input.success > .input > input,
.bwc-inputs-labeled-input.success > .input > .bwc-inputs-input {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-input.success > .input > input:focus,
.bwc-inputs-labeled-input.success > .input > .bwc-inputs-input:focus {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(86, 170, 28, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-input.warning,
.bwc-inputs-labeled-input.warning > .message {
color: #f60; }
.bwc-inputs-labeled-input.warning > .input > input,
.bwc-inputs-labeled-input.warning > .input > .bwc-inputs-input {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-input.warning > .input > input:focus,
.bwc-inputs-labeled-input.warning > .input > .bwc-inputs-input:focus {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(255, 102, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-input.error,
.bwc-inputs-labeled-input.error > .message {
color: #c00; }
.bwc-inputs-labeled-input.error > .input > input,
.bwc-inputs-labeled-input.error > .input > .bwc-inputs-input {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-input.error > .input > input:focus,
.bwc-inputs-labeled-input.error > .input > .bwc-inputs-input:focus {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(204, 0, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-select {
display: block;
padding: 0;
margin: 0 0 11px;
text-align: left;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
cursor: pointer; }
.bwc-inputs-labeled-select > .label {
padding: 0;
margin: 0;
border: 0 none transparent;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: left;
color: #2a2f34; }
.bwc-inputs-labeled-select > .message {
display: block;
font-size: 12px;
line-height: 22px;
color: #9ba5ae; }
.bwc-inputs-labeled-select.success,
.bwc-inputs-labeled-select.success > .message {
color: #56aa1c; }
.bwc-inputs-labeled-select.success > select,
.bwc-inputs-labeled-select.success > .bwc-inputs-select {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-select.success > select:focus,
.bwc-inputs-labeled-select.success > .bwc-inputs-select:focus {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(86, 170, 28, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-select.warning,
.bwc-inputs-labeled-select.warning > .message {
color: #f60; }
.bwc-inputs-labeled-select.warning > select,
.bwc-inputs-labeled-select.warning > .bwc-inputs-select {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-select.warning > select:focus,
.bwc-inputs-labeled-select.warning > .bwc-inputs-select:focus {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(255, 102, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-select.error,
.bwc-inputs-labeled-select.error > .message {
color: #c00; }
.bwc-inputs-labeled-select.error > select,
.bwc-inputs-labeled-select.error > .bwc-inputs-select {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-select.error > select:focus,
.bwc-inputs-labeled-select.error > .bwc-inputs-select:focus {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(204, 0, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-textarea {
display: block;
padding: 0;
margin: 0 0 11px;
line-height: 0;
text-align: left;
cursor: pointer;
font-weight: normal; }
.bwc-inputs-labeled-textarea > .label {
padding: 0;
margin: 0;
border: 0 none transparent;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: left;
color: #2a2f34; }
.bwc-inputs-labeled-textarea > .bwc-inputs-textarea {
display: inline-block;
width: 100%; }
.bwc-inputs-labeled-textarea > .message {
display: block;
font-size: 12px;
line-height: 22px;
color: #9ba5ae; }
.bwc-inputs-labeled-textarea.success,
.bwc-inputs-labeled-textarea.success > .message {
color: #56aa1c; }
.bwc-inputs-labeled-textarea.success > textarea,
.bwc-inputs-labeled-textarea.success > .bwc-inputs-textarea {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-textarea.success > textarea:focus,
.bwc-inputs-labeled-textarea.success > .bwc-inputs-textarea:focus {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(86, 170, 28, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-textarea.warning,
.bwc-inputs-labeled-textarea.warning > .message {
color: #f60; }
.bwc-inputs-labeled-textarea.warning > textarea,
.bwc-inputs-labeled-textarea.warning > .bwc-inputs-textarea {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-textarea.warning > textarea:focus,
.bwc-inputs-labeled-textarea.warning > .bwc-inputs-textarea:focus {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(255, 102, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-textarea.error,
.bwc-inputs-labeled-textarea.error > .message {
color: #c00; }
.bwc-inputs-labeled-textarea.error > textarea,
.bwc-inputs-labeled-textarea.error > .bwc-inputs-textarea {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-textarea.error > textarea:focus,
.bwc-inputs-labeled-textarea.error > .bwc-inputs-textarea:focus {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(204, 0, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-radio {
display: block;
position: relative;
padding: 0 0 0 22px;
margin: 11px 0;
cursor: pointer; }
.bwc-inputs-radio > input {
position: absolute;
left: 4px;
top: 0;
height: 22px;
margin: 0;
font-size: 14px;
line-height: 22px;
text-align: left;
cursor: pointer; }
.bwc-inputs-radio > .label {
display: inline;
position: relative;
left: 0;
padding: 0;
margin: 0;
border: 0 none transparent;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: left;
vertical-align: initial;
white-space: normal;
color: #2a2f34; }
.bwc-inputs-radio.disabled {
cursor: not-allowed; }
.bwc-inputs-radio.success > .label {
color: #56aa1c; }
.bwc-inputs-radio.warning > .label {
color: #f60; }
.bwc-inputs-radio.error > .label {
color: #c00; }
.bwc-inputs-radio.disabled > .label {
color: #c7ccd1; }
.bwc-inputs-select {
display: inline-block;
height: 38px;
padding: 8px 7px;
margin: 3px 0;
font-size: 14px;
line-height: 22px;
color: #2a2f34;
background-color: #fff;
background-image: none;
border: 1px solid #c7ccd1;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.bwc-inputs-select:invalid {
color: #c7ccd1; }
.bwc-inputs-select:invalid > option {
color: #2a2f34; }
.bwc-inputs-select > option.placeholder {
display: none; }
.bwc-inputs-select[disabled], .bwc-inputs-select[readonly] {
background-color: #eef0f3;
color: #c7ccd1;
cursor: not-allowed; }
.bwc-inputs-select:focus {
border-color: #c7ccd1;
outline: 0;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(0, 139, 225, 0.1) 0 0 0 2px; }
.bwc-inputs-textarea {
display: block;
width: 100%;
padding: 7px 10px;
margin: 3px 0;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
color: #2a2f34;
background-color: #fff;
background-image: none;
border: 1px solid #c7ccd1;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none; }
.bwc-inputs-textarea:-ms-input-placeholder {
color: #c7ccd1; }
.bwc-inputs-textarea::-moz-placeholder {
color: #c7ccd1; }
.bwc-inputs-textarea::-ms-input-placeholder {
color: #c7ccd1; }
.bwc-inputs-textarea::placeholder {
color: #c7ccd1; }
.bwc-inputs-textarea[disabled], .bwc-inputs-textarea[readonly] {
background-color: #eef0f3;
color: #c7ccd1;
cursor: not-allowed; }
.bwc-inputs-textarea:focus {
border-color: #c7ccd1;
outline: 0;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(0, 139, 225, 0.1) 0 0 0 2px; }
.bwc-inputs-labeled-input,
.bwc-inputs-labeled-input *,
.bwc-inputs-labeled-select,
.bwc-inputs-labeled-select *,
.bwc-inputs-labeled-textarea,
.bwc-inputs-labeled-textarea *,
.bwc-inputs-input,
.bwc-inputs-input *,
.bwc-inputs-select,
.bwc-inputs-select *,
.bwc-inputs-textarea,
.bwc-inputs-textarea *,
.bwc-inputs-checkbox,
.bwc-inputs-checkbox *,
.bwc-inputs-radio,
.bwc-inputs-radio * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.bwc-inputs-labeled-input > .input.with-icon > .icon {
margin: 11px;
padding: 0;
width: 16px; }
.bwc-inputs-labeled-input.close > .input.with-icon > .icon > svg, .bwc-inputs-labeled-input.search > .input.with-icon > .icon > svg {
fill: #9ba5ae; }
.bwc-inputs-checkbox.progress {
cursor: progress; }
.bwc-inputs-checkbox > .label {
display: block; }
.bwc-inputs-checkbox > .bwc-progress-spinner {
position: absolute;
left: 4px; }
.bwc-inputs-checkbox > .bwc-progress-spinner > .bwc-progress-spinner-ie {
display: flex;
align-items: center;
padding: 0; }
.bwc-inputs-checkbox > .bwc-progress-spinner > .bwc-progress-spinner-ie::after {
height: 13px; }
.bwc-progress-bar {
text-align: left;
display: block;
height: 4px;
width: 100%;
background: #c7ccd1;
overflow: hidden; }
.bwc-progress-bar > * {
display: inline-block;
background: #008be1;
height: 100%;
vertical-align: top; }
.bwc-progress-bar.success {
background: #56aa1c; }
.bwc-progress-bar.success > * {
background: #56aa1c; }
.bwc-progress-bar.error {
background: #c00; }
.bwc-progress-bar.error > * {
background: #c00; }
.bwc-progress-bar-determinate {
transition: width 2s ease-in-out; }
.bwc-progress-bar-indeterminate {
width: 100%;
-webkit-animation: bwc-progress-bar-animate-indeterminate 1.5s infinite linear;
animation: bwc-progress-bar-animate-indeterminate 1.5s infinite linear; }
@-webkit-keyframes bwc-progress-bar-animate-indeterminate {
0% {
transform: translateX(-60%) scaleX(0); }
40% {
transform: translateX(-40%) scaleX(0.4); }
100% {
transform: translateX(100%) scaleX(0.5); } }
@keyframes bwc-progress-bar-animate-indeterminate {
0% {
transform: translateX(-60%) scaleX(0); }
40% {
transform: translateX(-40%) scaleX(0.4); }
100% {
transform: translateX(100%) scaleX(0.5); } }
.bwc-progress-bar-labeled {
width: 100%; }
.bwc-progress-bar-labeled > .label {
text-align: center;
width: 100%;
overflow: hidden;
margin-top: 4px;
display: block; }
.bwc-progress-bar-labeled > .label > :first-child {
float: left; }
.bwc-progress-bar-labeled > .label > :last-child {
float: right; }
.bwc-progress-spinner-ie {
display: block;
color: #008be1;
position: relative;
box-sizing: border-box;
padding: 2.5px;
height: 100%;
width: 100%; }
.bwc-progress-spinner-ie::after {
position: relative;
box-sizing: border-box;
content: '';
width: 100%;
height: 100%;
display: inline-block;
border: 3px solid currentColor;
border-bottom-color: #c7ccd1;
border-radius: 100%;
background: transparent;
-webkit-animation: dash 1s linear infinite;
animation: dash 1s linear infinite; }
.bwc-progress-spinner-ie.small::after {
border-width: 1.5px; }
@-webkit-keyframes dash {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes dash {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.bwc-progress-spinner {
position: relative; }
.bwc-progress-spinner svg.spinner {
height: 100%;
width: 100%; }
.bwc-progress-spinner svg.spinner circle.fill {
stroke: #008be1;
fill: none;
stroke-width: 3.2; }
.bwc-progress-spinner svg.spinner circle.shape {
stroke: #c7ccd1;
fill: none;
stroke-width: 3.2; }
.bwc-progress-spinner.success svg.spinner circle.fill,
.bwc-progress-spinner.success svg.spinner circle.shape {
stroke: #56aa1c; }
.bwc-progress-spinner.error svg.spinner circle.fill,
.bwc-progress-spinner.error svg.spinner circle.shape {
stroke: #c00; }
.bwc-progress-spinner .content {
position: absolute;
display: flex;
width: 100%;
height: 100%;
left: 0;
top: 0;
align-items: center;
justify-content: center; }
.bwc-progress-spinner.determinate svg.spinner {
transform: rotate(-90deg); }
.bwc-progress-spinner.determinate svg.spinner circle.fill {
stroke-dasharray: 100;
transition: stroke-dashoffset 0.5s ease-in-out; }
.bwc-progress-spinner.indeterminate svg.spinner {
-webkit-animation: rotate-indeterminate 2s linear infinite;
animation: rotate-indeterminate 2s linear infinite; }
.bwc-progress-spinner.indeterminate svg.spinner circle.fill {
-webkit-animation: dash-indeterminate 1.5s ease-in-out infinite;
animation: dash-indeterminate 1.5s ease-in-out infinite; }
@-webkit-keyframes rotate-indeterminate {
100% {
transform: rotate(360deg); } }
@keyframes rotate-indeterminate {
100% {
transform: rotate(360deg); } }
@-webkit-keyframes dash-indeterminate {
0% {
stroke-dasharray: 1, 100; }
50% {
stroke-dasharray: 100, 100;
stroke-dashoffset: -25; }
100% {
stroke-dasharray: 100, 100;
stroke-dashoffset: -100; } }
@keyframes dash-indeterminate {
0% {
stroke-dasharray: 1, 100; }
50% {
stroke-dasharray: 100, 100;
stroke-dashoffset: -25; }
100% {
stroke-dasharray: 100, 100;
stroke-dashoffset: -100; } }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
margin-left: -8px;
position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
box-sizing: content-box;
position: absolute;
border: 8px solid transparent;
height: 0;
width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
content: "";
z-index: -1;
border-width: 8px;
left: -8px;
border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
top: 0;
margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
border-top: none;
border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
top: -1px;
border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
bottom: 0;
margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
border-bottom: none;
border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
bottom: -1px;
border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
display: inline-block;
padding: 0;
border: 0;
}
.react-datepicker {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8rem;
background-color: #fff;
color: #000;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline-block;
position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time {
border-radius: 0.3rem;
}
.react-datepicker--time-only .react-datepicker__time-box {
border-radius: 0.3rem;
}
.react-datepicker__triangle {
position: absolute;
left: 50px;
}
.react-datepicker-popper {
z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
margin-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
left: auto;
right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
left: auto;
right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
left: 42px;
right: auto;
}
.react-datepicker__header {
text-align: center;
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
padding-top: 8px;
position: relative;
}
.react-datepicker__header--time {
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
display: inline-block;
margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
margin-top: 0;
color: #000;
font-weight: bold;
font-size: 0.944rem;
}
.react-datepicker-time__header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.react-datepicker__navigation {
background: none;
line-height: 1.7rem;
text-align: center;
cursor: pointer;
position: absolute;
top: 10px;
width: 0;
padding: 0;
border: 0.45rem solid transparent;
z-index: 1;
height: 10px;
width: 10px;
text-indent: -999em;
overflow: hidden;
}
.react-datepicker__navigation--previous {
left: 10px;
border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3;
}
.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default;
}
.react-datepicker__navigation--next {
right: 10px;
border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 80px;
}
.react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3;
}
.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default;
}
.react-datepicker__navigation--years {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.react-datepicker__navigation--years-previous {
top: 4px;
border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
top: -4px;
border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
border-bottom-color: #b3b3b3;
}
.react-datepicker__month-container {
float: left;
}
.react-datepicker__year-container {
margin: 0.4rem;
text-align: center;
display: flex;
flex-wrap: wrap;
}
.react-datepicker__year-container-text {
display: inline-block;
cursor: pointer;
flex: 1 0 30%;
width: 12px;
padding: 2px;
}
.react-datepicker__month {
margin: 0.4rem;
text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
display: inline-block;
width: 4rem;
margin: 2px;
}
.react-datepicker__input-time-container {
clear: both;
width: 100%;
float: left;
margin: 5px 0 10px 15px;
text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
display: inline-block;
margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
width: 85px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
-moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
margin-left: 5px;
display: inline-block;
}
.react-datepicker__time-container {
float: right;
border-left: 1px solid #aeaeae;
width: 85px;
}
.react-datepicker__time-container--with-today-button {
display: inline;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
position: absolute;
right: -72px;
top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
position: relative;
background: white;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
width: 85px;
overflow-x: hidden;
margin: 0 auto;
text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
list-style: none;
margin: 0;
height: calc(195px + (1.7rem / 2));
overflow-y: scroll;
padding-right: 0px;
padding-left: 0px;
width: 100%;
box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
height: 30px;
padding: 5px 10px;
white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
cursor: pointer;
background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
background-color: #216ba5;
color: white;
font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
cursor: default;
background-color: transparent;
}
.react-datepicker__week-number {
color: #ccc;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
border-radius: 0.3rem;
background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
color: #000;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem;
}
.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
border-radius: 0.3rem;
background-color: #216ba5;
color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
color: #ccc;
pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
cursor: default;
background-color: transparent;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
border-radius: 0.3rem;
background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
border-radius: 0.3rem;
background-color: #3dcc4a;
color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
border-radius: 0.3rem;
background-color: #216ba5;
color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
border-radius: 0.3rem;
background-color: #2a87d0;
color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range {
background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
background-color: #f0f0f0;
color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
cursor: default;
color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
background-color: #f0f0f0;
}
.react-datepicker__input-container {
position: relative;
display: inline-block;
width: 100%;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
border: 1px solid transparent;
border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
border-top-color: #ccc;
float: right;
margin-left: 20px;
top: 8px;
position: relative;
border-width: 0.45rem;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
background-color: #f0f0f0;
position: absolute;
width: 50%;
left: 25%;
top: 30px;
z-index: 1;
text-align: center;
border-radius: 0.3rem;
border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
height: 150px;
overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
line-height: 20px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
position: absolute;
left: 15px;
}
.react-datepicker__close-icon {
cursor: pointer;
background-color: transparent;
border: 0;
outline: 0;
padding: 0px 6px 0px 0px;
position: absolute;
top: 0;
right: 0;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.react-datepicker__close-icon::after {
cursor: pointer;
background-color: #216ba5;
color: #fff;
border-radius: 50%;
height: 16px;
width: 16px;
padding: 2px;
font-size: 12px;
line-height: 1;
text-align: center;
display: table-cell;
vertical-align: middle;
content: "\00d7";
}
.react-datepicker__today-button {
background: #f0f0f0;
border-top: 1px solid #aeaeae;
cursor: pointer;
text-align: center;
font-weight: bold;
padding: 5px 0;
clear: left;
}
.react-datepicker__portal {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
justify-content: center;
align-items: center;
display: flex;
z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
width: 3rem;
line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
width: 2rem;
line-height: 2rem;
}
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
font-size: 1.44rem;
}
.react-datepicker__portal .react-datepicker__navigation {
border: 0.81rem solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default;
}
.tooltip-content {
height: fit-content;
width: fit-content;
display: inherit; }
.tooltip {
display: inherit; }
.tooltip button:disabled {
/* don't let disabled button block mouse events from reaching wrapper */
pointer-events: none; }
/* Position the tooltip */
.tooltiptext {
background-color: #2a2f34;
border-radius: 4px;
box-sizing: content-box;
color: white;
display: block;
font-size: 13px;
max-width: 400px;
opacity: 0.85;
overflow: hidden;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
text-align: left;
width: max-content;
word-break: break-all;
z-index: 1; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.bwc-btn-row {
display: inline-flex;
vertical-align: top; }
.bwc-btn-row .bwc-menu-item:first-child:not(:only-child) {
margin: 0px -1px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px; }
.bwc-btn-row .bwc-menu-item:only-child {
margin: 0px -1px;
border-radius: 3px; }
.bwc-btn-row .bwc-btn-with-dd:not(:only-child) .bwc-menu-item:first-child,
.bwc-btn-row .bwc-menu-item:last-child:not(:only-child) {
margin: 0px -1px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px; }
.bwc-btn-row .bwc-menu-item:not(:first-child):not(:last-child) {
margin: 0px -1px;
border-radius: 0px; }
.bwc-btn-row .bwc-toolbar-button:first-child:not(:only-child) .bwc-menu-item {
margin: 0px -1px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px; }
.bwc-btn-row .bwc-toolbar-button:only-child .bwc-menu-item {
margin: 0px -1px;
border-radius: 3px; }
.bwc-btn-row .bwc-btn-with-dd:not(:only-child) .bwc-menu-item:first-child,
.bwc-btn-row .bwc-toolbar-button:last-child:not(:only-child) .bwc-menu-item {
margin: 0px -1px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px; }
.bwc-btn-row .bwc-toolbar-button:not(:first-child):not(:last-child) .bwc-menu-item {
margin: 0px -1px;
border-radius: 0px; }
.bwc-btn-row .bwc-menu-item,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item {
height: 38px;
width: 48px;
position: relative;
display: inline-flex;
vertical-align: top;
outline: none;
box-shadow: none;
text-decoration: none;
fill: #677480;
background-color: #fff;
border: 1px solid #dce0e3;
border-radius: 3px;
padding: 0px;
cursor: pointer; }
.bwc-btn-row .bwc-menu-header {
position: relative;
list-style-type: none;
width: 100%;
max-height: 38px;
border-radius: 0px;
text-align: left;
cursor: default;
background: #fff;
padding: 0px;
font: inherit;
display: list-item;
border: 0px;
z-index: 101;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 21px; }
.bwc-btn-row .bwc-menu-header:hover {
background: #fff; }
.bwc-btn-row .bwc-menu-header .option-header {
padding: 5px 9px;
font-size: 11px;
color: #9ba5ae; }
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus),
.bwc-btn-row .bwc-menu-item:hover:not(:disabled):not(:focus),
.bwc-btn-row .bwc-menu-item.focus:hover:not(:disabled):not(:focus) {
border: 1px solid #4d575f;
z-index: 30; }
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-menu-item.focus:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item.focus:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected {
fill: #008be1; }
.bwc-btn-row .bwc-menu-item:focus,
.bwc-btn-row .bwc-menu-item.focus:focus,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus {
border: 1px solid #008be1;
background-color: #fff;
z-index: 20; }
.bwc-btn-row .bwc-menu-item:focus .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item:focus .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-menu-item.focus:focus .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item.focus:focus .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus .bwc-menu-item-svg,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus .bwc-menu-item-svg-selected {
fill: #008be1; }
.bwc-btn-row .bwc-menu-item:active:not(:disabled),
.bwc-btn-row .bwc-menu-item.focus:active:not(:disabled),
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) {
border: 1px solid #008be1;
background-color: #008be1;
z-index: 10; }
.bwc-btn-row .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-menu-item.focus:active:not(:disabled) .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item.focus:active:not(:disabled) .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg-selected {
fill: #fff; }
.bwc-btn-row .bwc-menu-item:disabled,
.bwc-btn-row .bwc-menu-item.focus:disabled {
border: 1px solid #dce0e3;
background: #fff;
cursor: inherit; }
.bwc-btn-row .bwc-menu-item:disabled .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item.focus:disabled .bwc-menu-item-svg {
fill: #c7ccd1; }
.bwc-btn-row .bwc-menu-item-content {
height: inherit;
width: inherit;
display: flex;
flex-direction: column;
align-items: center;
margin: auto; }
.bwc-btn-row .bwc-menu-item-svg {
width: 16px;
height: 16px;
margin: auto;
margin-top: 5px;
fill: #677480; }
.bwc-btn-row .bwc-menu-item-svg-selected {
width: 16px;
height: 16px;
margin: auto;
margin-top: 5px;
fill: #008be1; }
.bwc-btn-row .bwc-menu-item-selected-indicator {
transition: all 0.15s ease-in-out;
margin-top: 3px;
fill: #008be1; }
.bwc-dropdown-list {
position: relative;
padding-left: 0px;
box-shadow: none;
cursor: pointer;
width: max-content;
margin-top: 0px;
background: #ffffff;
z-index: 150;
border: 1px solid #dce0e3;
margin-block-start: 0px;
margin-block-end: 0px;
max-width: 545px;
max-height: 600px;
overflow-y: auto; }
.bwc-dropdown-list > .bwc-menu-item {
position: relative;
list-style-type: none;
width: 100%;
height: 38px;
max-height: 38px;
border-radius: 0px;
text-align: left;
cursor: inherit;
background: #fff;
padding: 0px;
font: inherit;
display: list-item;
border: 0px;
z-index: 101;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-dropdown-list > .bwc-menu-item:hover {
background: #e5f5fd;
outline: 0; }
.bwc-dropdown-list > .bwc-menu-item:focus {
background: #d9eefb;
outline: 0; }
.bwc-dropdown-list > .bwc-menu-item:active {
background: #008be1; }
.bwc-dropdown-list > .bwc-menu-item:active .option-icon {
fill: #fff; }
.bwc-dropdown-list > .bwc-menu-item:active .option-title {
color: #fff; }
.bwc-dropdown-list > .bwc-menu-item:disabled {
background: #fff;
cursor: default; }
.bwc-dropdown-list > .bwc-menu-item:disabled .option-icon {
fill: #c7ccd1; }
.bwc-dropdown-list > .bwc-menu-item:disabled .option-title {
color: #c7ccd1; }
.bwc-dropdown-list > .bwc-menu-item > .option-icon {
position: relative;
display: inline-block;
vertical-align: middle;
height: 16px;
width: 16px;
white-space: nowrap;
margin: 10px 0px 14px 16px;
fill: #677480; }
.bwc-dropdown-list > .bwc-menu-item > .option-title {
display: inline-block;
position: relative;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
font-size: 14px;
color: #3c434a;
margin: 0px;
padding: 10px 16px 10px;
max-width: 430px; }
.bwc-dropdown-list > .bwc-menu-item > .option-badge {
position: relative;
float: right;
vertical-align: middle;
height: 16px;
width: 16px;
white-space: nowrap;
margin-top: 11px;
margin-bottom: 13px;
margin-right: 16px; }
.bwc-btn-with-dd {
width: max-content;
display: inline-block; }
.bwc-btn-with-dd .button-name {
margin-right: 5px;
display: inline; }
.bwc-btn-with-dd .button-icon {
width: 16px;
height: 16px;
vertical-align: sub;
fill: #fff;
margin: 0px;
margin-right: 8px; }
.react-datepicker-popper[data-placement^='bottom'] {
margin-top: 0; }
.react-datepicker {
background: #fff;
border: solid 1px #c7ccd1;
border-radius: 3px;
box-shadow: 1px 1px 10px rgba(42, 47, 52, 0.25);
font-family: 'Open Sans', sans-serif;
font-size: 14px; }
.react-datepicker__header {
background: #fff;
border: none;
padding: 0; }
.dp-custom-header {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
color: #2a2f34;
font-size: 14px;
display: inline-flex;
width: calc(100% - 32px);
align-items: center;
justify-content: space-between;
height: 16px;
padding: 16px; }
.dp-custom-header svg {
width: 16px;
height: 16px;
fill: #677480; }
.dp-custom-header svg:hover {
cursor: pointer;
fill: #008be1; }
.react-datepicker__day-names {
background: #f8f9fb;
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
height: 32px; }
.react-datepicker__month {
margin: 0 8px 8px; }
.react-datepicker__week {
height: 32px; }
.react-datepicker__day {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
color: #2a2f34;
background: #fff; }
.react-datepicker__day:hover {
background: #fff;
border-radius: 0;
color: #008be1; }
.react-datepicker__day--outside-month {
color: #9ba5ae; }
.react-datepicker__day--selected {
border-radius: 0;
color: #fff;
background: #008be1; }
.react-datepicker__day--selected:hover {
background: #008be1;
border-radius: 0;
color: #fff; }
.dp-label {
cursor: pointer;
line-height: 38px;
margin-left: 16px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #2a2f34; }
.dp-label.dp-disabled {
color: #9ba5ae;
cursor: default; }
.dp-label:hover:not(.dp-disabled) {
color: #008be1;
text-decoration: underline; }
.react-datepicker__input-container:active .dp-label:not(.dp-disabled) {
color: #008be1;
text-decoration: underline; }
.react-datepicker-wrapper label .message {
cursor: default; }
.react-datepicker-wrapper label.bwc-inputs-labeled-input .message {
transform: translateX(-45px); }
.react-datepicker-wrapper input.bwc-inputs-input {
border: 1px solid #dce0e3;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-bottom: 0;
margin-top: 0; }
label.placeholder-text {
color: gray; }
.bwc-expandable-blocks-block > .header {
padding: 10px;
border: 1px solid #dce0e3;
cursor: pointer;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
.bwc-expandable-blocks-block > .header > .icon-container {
float: left;
width: 33px;
margin-right: 11px;
line-height: 33px;
text-align: center;
font-size: 18px;
color: #677480;
transition: 0.15s ease-in-out; }
.bwc-expandable-blocks-block > .header > .caption {
text-decoration: none;
color: #2a2f34;
font-size: 12px;
font-weight: 400;
line-height: 22px;
display: block;
color: #4d575f;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-expandable-blocks-block > .header > .caption:link, .bwc-expandable-blocks-block > .header > .caption:visited, .bwc-expandable-blocks-block > .header > .caption:hover, .bwc-expandable-blocks-block > .header > .caption:active {
color: #2a2f34;
text-decoration: none; }
.bwc-expandable-blocks-block > .header > .title {
text-decoration: none;
color: #2a2f34;
font-size: 18px;
font-weight: 400;
line-height: 33px;
display: block;
margin: 0;
color: #4d575f;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-expandable-blocks-block > .header > .title:link, .bwc-expandable-blocks-block > .header > .title:visited, .bwc-expandable-blocks-block > .header > .title:hover, .bwc-expandable-blocks-block > .header > .title:active {
color: #2a2f34;
text-decoration: none; }
.bwc-expandable-blocks-block > .content {
padding: 0;
margin: 0;
border: 0 none transparent;
transition: padding-top 0.15s ease-in-out, padding-bottom 0.15s ease-in-out; }
.bwc-expandable-blocks-block.with-caption > .header > .icon-container {
margin-top: 11px; }
.bwc-expandable-blocks-block.is-collapsed > .content > * {
display: none; }
.bwc-expandable-blocks-block:hover > .header {
border-color: #c7ccd1; }
.bwc-expandable-blocks-block:hover > .header > .icon-container {
color: #2a2f34; }
.bwc-expandable-blocks-block:hover > .header > .caption,
.bwc-expandable-blocks-block:hover > .header > .title {
color: #070809; }
.bwc-expandable-blocks-block.is-expanded > .header {
border-color: #008be1;
background-color: #008be1; }
.bwc-expandable-blocks-block.is-expanded > .header > .icon-container,
.bwc-expandable-blocks-block.is-expanded > .header > .caption,
.bwc-expandable-blocks-block.is-expanded > .header > .title {
color: #fff; }
.bwc-expandable-blocks-block.is-expanded > .header > .icon-container {
transform: rotate(90deg); }
.bwc-expandable-blocks-block.is-expanded > .content {
padding: 10px;
border: 1px solid #008be1; }
.bwc-expandable-blocks-block.is-expanded:hover > .header,
.bwc-expandable-blocks-block.is-expanded:hover > .content {
border-color: #0073ba; }
.bwc-expandable-blocks-block.is-expanded:hover > .header {
background-color: #0073ba; }
.bwc-expandable-blocks-block.is-expanded:hover > .header > .icon-container,
.bwc-expandable-blocks-block.is-expanded:hover > .header > .caption,
.bwc-expandable-blocks-block.is-expanded:hover > .header > .title {
color: #fff; }
.bwc-expandable-blocks-list > div {
transition: margin 0.15s ease-in-out; }
.bwc-expandable-blocks-list > div > .header {
border-color: #dce0e3 transparent transparent; }
.bwc-expandable-blocks-list > div:first-child > .header {
border-top-color: transparent; }
.bwc-expandable-blocks-list > .is-expanded + div > .header {
border-top-color: transparent; }
.bwc-expandable-blocks-list > .is-expanded + div.is-expanded > .header {
border-top-color: #008be1; }
.bwc-expandable-blocks-list > .is-expanded + .is-expanded {
margin-top: 11px; }
.block-arrow {
fill: #677480;
width: 18px;
height: 18px;
margin: 0 auto; }
.is-expanded .block-arrow {
fill: #fff; }
.bwc-tabs-horizontal {
display: block;
list-style: none;
padding: 0;
margin: 0; }
.bwc-tabs-horizontal > li {
display: block;
position: relative;
padding: 0;
margin: 0; }
.bwc-tabs-horizontal > li > a {
display: block;
position: relative;
padding: 10px 13px 11px;
border: 1px solid #dce0e3;
border-bottom: 0 none transparent;
margin: 0;
line-height: 22px;
color: #2a2f34;
cursor: pointer; }
.bwc-tabs-horizontal > li > a::after {
content: '';
position: absolute;
z-index: 1;
transition: all 0.5s;
width: 2px;
height: 100%;
top: 0;
left: 0;
background: #008be1;
opacity: 0; }
.bwc-tabs-horizontal > li > a:hover {
text-decoration: none;
color: #4d575f; }
.bwc-tabs-horizontal > li > a:hover::after {
opacity: 1; }
.bwc-tabs-horizontal > li:last-child > a {
border-bottom: 1px solid #dce0e3; }
.bwc-tabs-horizontal > li.active > a {
font-weight: 700; }
.bwc-tabs-horizontal > li.active > a::after {
opacity: 1; }
.bwc-tabs-horizontal.green > li > a::after {
background: #56aa1c; }
.bwc-tabs-horizontal > li {
display: inline-block;
margin: 0 -1px 0 0;
padding: 0; }
.bwc-tabs-horizontal > li > a {
line-height: 22px;
padding: 7px 14px;
margin: 6px 0 0;
background: #f8f9fb; }
.bwc-tabs-horizontal > li > a::after {
width: 100%;
height: 2px; }
.bwc-tabs-horizontal > li.active > a {
border-bottom: 1px solid #fff;
background: #fff; }
.bwc-tabs-vertical {
display: block;
list-style: none;
padding: 0;
margin: 0; }
.bwc-tabs-vertical > li {
display: block;
position: relative;
padding: 0;
margin: 0; }
.bwc-tabs-vertical > li > a {
display: block;
position: relative;
padding: 10px 13px 11px;
border: 1px solid #dce0e3;
border-bottom: 0 none transparent;
margin: 0;
line-height: 22px;
color: #2a2f34;
cursor: pointer; }
.bwc-tabs-vertical > li > a::after {
content: '';
position: absolute;
z-index: 1;
transition: all 0.5s;
width: 2px;
height: 100%;
top: 0;
left: 0;
background: #008be1;
opacity: 0; }
.bwc-tabs-vertical > li > a:hover {
text-decoration: none;
color: #4d575f; }
.bwc-tabs-vertical > li > a:hover::after {
opacity: 1; }
.bwc-tabs-vertical > li:last-child > a {
border-bottom: 1px solid #dce0e3; }
.bwc-tabs-vertical > li.active > a {
font-weight: 700; }
.bwc-tabs-vertical > li.active > a::after {
opacity: 1; }
.bwc-tabs-vertical.green > li > a::after {
background: #56aa1c; }
.bwc-tabs-horizontal > li > a {
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/* Prevent tab widths jumping when selecting tab */ }
.bwc-tabs-horizontal > li > a:before {
content: attr(data-content);
display: block;
font-weight: 700;
height: 0;
visibility: hidden; }
.bwc-tabs-vertical.horizontal-tabs-hidden-tabs {
position: absolute;
right: 0;
top: 100%;
z-index: 1; }
.bwc-tabs-vertical.horizontal-tabs-hidden-tabs li {
background: #f8f9fb;
white-space: nowrap; }
.bwc-loaders-large {
display: inline-block;
position: relative;
vertical-align: middle;
width: 48px;
height: 48px;
margin: 0;
text-indent: 999em;
overflow: hidden;
background: transparent; }
@-webkit-keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
.bwc-loaders-large > *::before,
.bwc-loaders-large > *::after {
content: '';
position: absolute;
top: 0;
left: 22px;
width: 4px;
height: 12px;
border-radius: 3px;
background: #2a2f34;
transform-origin: 2px 24px;
-webkit-animation: bwc-loaders-animate-opacity 1s linear infinite;
animation: bwc-loaders-animate-opacity 1s linear infinite; }
.bwc-loaders-large.white > *::before,
.bwc-loaders-large.white > *::after {
background: #fff; }
.bwc-loaders-large > *:nth-child(1)::before {
transform: rotate(0deg);
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.bwc-loaders-large > *:nth-child(1)::after {
transform: rotate(-180deg);
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.bwc-loaders-large > *:nth-child(2)::before {
transform: rotate(-30deg);
-webkit-animation-delay: -0.08333s;
animation-delay: -0.08333s; }
.bwc-loaders-large > *:nth-child(2)::after {
transform: rotate(-210deg);
-webkit-animation-delay: -0.58333s;
animation-delay: -0.58333s; }
.bwc-loaders-large > *:nth-child(3)::before {
transform: rotate(-60deg);
-webkit-animation-delay: -0.16667s;
animation-delay: -0.16667s; }
.bwc-loaders-large > *:nth-child(3)::after {
transform: rotate(-240deg);
-webkit-animation-delay: -0.66667s;
animation-delay: -0.66667s; }
.bwc-loaders-large > *:nth-child(4)::before {
transform: rotate(-90deg);
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s; }
.bwc-loaders-large > *:nth-child(4)::after {
transform: rotate(-270deg);
-webkit-animation-delay: -0.75s;
animation-delay: -0.75s; }
.bwc-loaders-large > *:nth-child(5)::before {
transform: rotate(-120deg);
-webkit-animation-delay: -0.33333s;
animation-delay: -0.33333s; }
.bwc-loaders-large > *:nth-child(5)::after {
transform: rotate(-300deg);
-webkit-animation-delay: -0.83333s;
animation-delay: -0.83333s; }
.bwc-loaders-large > *:nth-child(6)::before {
transform: rotate(-150deg);
-webkit-animation-delay: -0.41667s;
animation-delay: -0.41667s; }
.bwc-loaders-large > *:nth-child(6)::after {
transform: rotate(-330deg);
-webkit-animation-delay: -0.91667s;
animation-delay: -0.91667s; }
.bwc-loaders-medium {
display: inline-block;
position: relative;
vertical-align: middle;
width: 32px;
height: 32px;
margin: 0;
text-indent: 999em;
overflow: hidden;
background: transparent; }
@-webkit-keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
.bwc-loaders-medium > *::before,
.bwc-loaders-medium > *::after {
content: '';
position: absolute;
top: 0;
left: 14.5px;
width: 3px;
height: 8px;
border-radius: 3px;
background: #2a2f34;
transform-origin: 1.5px 16px;
-webkit-animation: bwc-loaders-animate-opacity 1s linear infinite;
animation: bwc-loaders-animate-opacity 1s linear infinite; }
.bwc-loaders-medium.white > *::before,
.bwc-loaders-medium.white > *::after {
background: #fff; }
.bwc-loaders-medium > *:nth-child(1)::before {
transform: rotate(0deg);
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.bwc-loaders-medium > *:nth-child(1)::after {
transform: rotate(-180deg);
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.bwc-loaders-medium > *:nth-child(2)::before {
transform: rotate(-30deg);
-webkit-animation-delay: -0.08333s;
animation-delay: -0.08333s; }
.bwc-loaders-medium > *:nth-child(2)::after {
transform: rotate(-210deg);
-webkit-animation-delay: -0.58333s;
animation-delay: -0.58333s; }
.bwc-loaders-medium > *:nth-child(3)::before {
transform: rotate(-60deg);
-webkit-animation-delay: -0.16667s;
animation-delay: -0.16667s; }
.bwc-loaders-medium > *:nth-child(3)::after {
transform: rotate(-240deg);
-webkit-animation-delay: -0.66667s;
animation-delay: -0.66667s; }
.bwc-loaders-medium > *:nth-child(4)::before {
transform: rotate(-90deg);
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s; }
.bwc-loaders-medium > *:nth-child(4)::after {
transform: rotate(-270deg);
-webkit-animation-delay: -0.75s;
animation-delay: -0.75s; }
.bwc-loaders-medium > *:nth-child(5)::before {
transform: rotate(-120deg);
-webkit-animation-delay: -0.33333s;
animation-delay: -0.33333s; }
.bwc-loaders-medium > *:nth-child(5)::after {
transform: rotate(-300deg);
-webkit-animation-delay: -0.83333s;
animation-delay: -0.83333s; }
.bwc-loaders-medium > *:nth-child(6)::before {
transform: rotate(-150deg);
-webkit-animation-delay: -0.41667s;
animation-delay: -0.41667s; }
.bwc-loaders-medium > *:nth-child(6)::after {
transform: rotate(-330deg);
-webkit-animation-delay: -0.91667s;
animation-delay: -0.91667s; }
.bwc-loaders-small {
display: inline-block;
position: relative;
vertical-align: middle;
width: 16px;
height: 16px;
margin: 0;
text-indent: 999em;
overflow: hidden;
background: transparent; }
@-webkit-keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
.bwc-loaders-small > *::before,
.bwc-loaders-small > *::after {
content: '';
position: absolute;
top: 0;
left: 7px;
width: 2px;
height: 4px;
border-radius: 3px;
background: #2a2f34;
transform-origin: 1px 8px;
-webkit-animation: bwc-loaders-animate-opacity 1s linear infinite;
animation: bwc-loaders-animate-opacity 1s linear infinite; }
.bwc-loaders-small.white > *::before,
.bwc-loaders-small.white > *::after {
background: #fff; }
.bwc-loaders-small > *:nth-child(1)::before {
transform: rotate(0deg);
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.bwc-loaders-small > *:nth-child(1)::after {
transform: rotate(-180deg);
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.bwc-loaders-small > *:nth-child(2)::before {
transform: rotate(-30deg);
-webkit-animation-delay: -0.08333s;
animation-delay: -0.08333s; }
.bwc-loaders-small > *:nth-child(2)::after {
transform: rotate(-210deg);
-webkit-animation-delay: -0.58333s;
animation-delay: -0.58333s; }
.bwc-loaders-small > *:nth-child(3)::before {
transform: rotate(-60deg);
-webkit-animation-delay: -0.16667s;
animation-delay: -0.16667s; }
.bwc-loaders-small > *:nth-child(3)::after {
transform: rotate(-240deg);
-webkit-animation-delay: -0.66667s;
animation-delay: -0.66667s; }
.bwc-loaders-small > *:nth-child(4)::before {
transform: rotate(-90deg);
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s; }
.bwc-loaders-small > *:nth-child(4)::after {
transform: rotate(-270deg);
-webkit-animation-delay: -0.75s;
animation-delay: -0.75s; }
.bwc-loaders-small > *:nth-child(5)::before {
transform: rotate(-120deg);
-webkit-animation-delay: -0.33333s;
animation-delay: -0.33333s; }
.bwc-loaders-small > *:nth-child(5)::after {
transform: rotate(-300deg);
-webkit-animation-delay: -0.83333s;
animation-delay: -0.83333s; }
.bwc-loaders-small > *:nth-child(6)::before {
transform: rotate(-150deg);
-webkit-animation-delay: -0.41667s;
animation-delay: -0.41667s; }
.bwc-loaders-small > *:nth-child(6)::after {
transform: rotate(-330deg);
-webkit-animation-delay: -0.91667s;
animation-delay: -0.91667s; }
.bwc-modal-overlay {
z-index: 101;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.4); }
.bwc-modal {
background-color: #fff;
border: 1px solid #9ba5ae;
border-radius: 4px;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
max-width: 50%;
min-width: 560px;
overflow: auto;
padding: 32px;
position: relative; }
@media screen and (max-width: 767px) {
.bwc-modal {
max-width: 100%;
min-width: 200px;
width: 400px; } }
.bwc-modal-content {
flex: 1 0 auto;
height: calc(100% - 110px);
width: 100%; }
.bwc-modal-footer {
flex-shrink: 0;
margin-top: 24px;
width: 100%; }
.bwc-modal-footer-button {
margin-left: 16px !important;
min-width: 70px; }
.bwc-modal-header {
display: flex;
justify-content: space-between;
flex-shrink: 0;
margin-bottom: 32px; }
.bwc-modal-header .bwc-text-title {
margin: 0; }
.right {
float: right; }
.exit-svg {
float: right;
cursor: pointer; }
.exit-svg:hover {
fill: grey; }
.bwc-text-block {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-headline {
font-size: 32px;
font-weight: 300;
line-height: 44px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-leading {
font-size: 16px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-leading-2 {
font-size: 16px;
font-weight: 700;
line-height: 22px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-muted {
color: #9ba5ae; }
.bwc-text-small {
font-size: 12px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0; }
.bwc-text-subheading {
font-size: 18px;
font-weight: 400;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-subheading-2 {
font-size: 18px;
font-weight: 600;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-title {
font-size: 24px;
font-weight: 300;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-title-2 {
font-size: 24px;
font-weight: 400;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.bwc-tables-table {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0; }
.bwc-tables-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 10px 16px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-cell:first-child {
border-left-width: 1px; }
.bwc-tables-cell:last-child {
border-right-width: 1px; }
.bwc-tables-cell:first-child {
padding-left: 15px; }
.bwc-tables-cell:last-child {
padding-right: 15px; }
.bwc-tables-cell > .icon {
font-size: 16px; }
.bwc-tables-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 42px;
padding: 0;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-checkbox-cell:first-child > label {
padding-left: 12px; }
.bwc-tables-checkbox-cell:last-child > label {
padding-right: 12px; }
.bwc-tables-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 13px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 17.5px;
top: 20px;
width: 7px;
height: 2px; }
.bwc-tables-checkbox-cell-core {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 42px;
padding: 0; }
.bwc-tables-checkbox-cell-core:first-child {
border-left-width: 1px; }
.bwc-tables-checkbox-cell-core:last-child {
border-right-width: 1px; }
.bwc-tables-checkbox-cell-core:first-child > label {
padding-left: 12px; }
.bwc-tables-checkbox-cell-core:last-child > label {
padding-right: 12px; }
.bwc-tables-checkbox-cell-core > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 13px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-checkbox-cell-core > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-checkbox-cell-core.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 17.5px;
top: 20px;
width: 7px;
height: 2px; }
.bwc-tables-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 10px 16px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
width: 10px; }
.bwc-tables-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-empty-cell:first-child {
padding-left: 15px; }
.bwc-tables-empty-cell:last-child {
padding-right: 15px; }
.bwc-tables-head-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 42px;
padding: 0;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-head-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-head-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-head-checkbox-cell:first-child > label {
padding-left: 12px; }
.bwc-tables-head-checkbox-cell:last-child > label {
padding-right: 12px; }
.bwc-tables-head-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 13px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-head-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-head-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 17.5px;
top: 20px;
width: 7px;
height: 2px; }
.bwc-tables-head-checkbox-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-head-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 10px 16px;
width: 10px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-head-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-head-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-head-empty-cell:first-child {
padding-left: 15px; }
.bwc-tables-head-empty-cell:last-child {
padding-right: 15px; }
.bwc-tables-head-empty-cell:hover {
background-color: #eef0f3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-head-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 13px 13px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-head-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-head-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-head-icon-cell:first-child {
padding-left: 12px; }
.bwc-tables-head-icon-cell:last-child {
padding-right: 12px; }
.bwc-tables-head-icon-cell > img,
.bwc-tables-head-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-head-icon-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-head-label-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3;
padding: 0; }
.bwc-tables-head-label-cell:first-child {
border-left-width: 1px; }
.bwc-tables-head-label-cell:last-child {
border-right-width: 1px; }
.bwc-tables-head-label-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-head-label-cell > .label-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
padding: 0;
margin: 0; }
.bwc-tables-head-label-cell > .label-container > .label-text {
flex: 0 1 auto;
min-width: 3em;
line-height: 42px;
padding-left: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-tables-head-label-cell > .label-container > .filter-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 13px; }
.bwc-tables-head-label-cell > .label-container > .label-spacer {
flex: 1 1 0;
width: 0;
padding: 0;
margin: 0; }
.bwc-tables-head-label-cell > .label-container > .sort-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 13px; }
.bwc-tables-head-label-cell > .label-container > .label-text:last-child,
.bwc-tables-head-label-cell > .label-container > .label-spacer:last-child {
padding-right: 16px; }
.bwc-tables-head-label-cell.is-sortable > .label-container > .sort-icon {
opacity: 0; }
.bwc-tables-head-label-cell.is-sorted > .label-container > .sort-icon {
opacity: 1; }
.bwc-tables-head-label-cell:first-child > .label-container > .label-text:first-child,
.bwc-tables-head-label-cell:first-child > .label-container > .label-spacer:first-child {
padding-left: 15px; }
.bwc-tables-head-label-cell:first-child > .label-container > .filter-icon:first-child,
.bwc-tables-head-label-cell:first-child > .label-container > .sort-icon:first-child {
padding-left: 12px; }
.bwc-tables-head-label-cell:last-child > .label-container > .label-text:last-child,
.bwc-tables-head-label-cell:last-child > .label-container > .label-spacer:last-child {
padding-right: 15px; }
.bwc-tables-head-label-cell:last-child > .label-container > .filter-icon:last-child,
.bwc-tables-head-label-cell:last-child > .label-container > .sort-icon:last-child {
padding-right: 12px; }
.bwc-tables-head-label-cell.is-sortable, .bwc-tables-head-label-cell.is-sorted {
cursor: pointer; }
.bwc-tables-head-label-cell.is-sortable:hover > .label-container > .sort-icon {
opacity: 0.65; }
.bwc-tables-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 13px 13px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
color: #677480;
fill: #677480; }
.bwc-tables-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-icon-cell:first-child {
padding-left: 12px; }
.bwc-tables-icon-cell:last-child {
padding-right: 12px; }
.bwc-tables-icon-cell > img,
.bwc-tables-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-row > td > .expand-icon {
display: inline-block;
transition: 0.15s ease-in-out; }
.bwc-tables-row:hover > td {
background-color: #e5f5fd;
border-left-color: #e5f5fd;
border-right-color: #e5f5fd; }
.bwc-tables-row.expanded-child > td {
border-left-color: #008be1;
border-right-color: #008be1; }
.bwc-tables-row.expanded-parent > td {
border-color: #008be1;
background-color: #008be1;
color: white; }
.bwc-tables-row.expanded-parent > td > .expand-icon {
transform: rotate(90deg); }
.bwc-tables-row.expanded-parent:hover > td {
border-color: #0073ba;
background-color: #0073ba; }
.bwc-tables-row.expanded-child.last-child > td {
border-bottom-color: #008be1; }
.bwc-tables-table-condensed {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
width: auto; }
.bwc-tables-table-condensed .bwc-tables-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 6px 12px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-table-condensed .bwc-tables-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-cell:first-child {
padding-left: 11px; }
.bwc-tables-table-condensed .bwc-tables-cell:last-child {
padding-right: 11px; }
.bwc-tables-table-condensed .bwc-tables-cell > .icon {
font-size: 16px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 34px;
padding: 0;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell:first-child > label {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell:last-child > label {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 9px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 13.5px;
top: 16px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 34px;
padding: 0; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core:first-child > label {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core:last-child > label {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 9px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 13.5px;
top: 16px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 6px 12px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
width: 10px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell:first-child {
padding-left: 11px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell:last-child {
padding-right: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 34px;
padding: 0;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:first-child > label {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:last-child > label {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 9px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 13.5px;
top: 16px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 6px 12px;
width: 10px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:first-child {
padding-left: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:last-child {
padding-right: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:hover {
background-color: #eef0f3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 9px 9px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:first-child {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:last-child {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell > img,
.bwc-tables-table-condensed .bwc-tables-head-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3;
padding: 0; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
padding: 0;
margin: 0; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .label-text {
flex: 0 1 auto;
min-width: 3em;
line-height: 34px;
padding-left: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .filter-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 9px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .label-spacer {
flex: 1 1 0;
width: 0;
padding: 0;
margin: 0; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .sort-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 9px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .label-text:last-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .label-spacer:last-child {
padding-right: 12px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sortable > .label-container > .sort-icon {
opacity: 0; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sorted > .label-container > .sort-icon {
opacity: 1; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child > .label-container > .label-text:first-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child > .label-container > .label-spacer:first-child {
padding-left: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child > .label-container > .filter-icon:first-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child > .label-container > .sort-icon:first-child {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child > .label-container > .label-text:last-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child > .label-container > .label-spacer:last-child {
padding-right: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child > .label-container > .filter-icon:last-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child > .label-container > .sort-icon:last-child {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sortable, .bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sorted {
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sortable:hover > .label-container > .sort-icon {
opacity: 0.65; }
.bwc-tables-table-condensed .bwc-tables-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 9px 9px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
color: #677480;
fill: #677480; }
.bwc-tables-table-condensed .bwc-tables-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-icon-cell:first-child {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-icon-cell:last-child {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-icon-cell > img,
.bwc-tables-table-condensed .bwc-tables-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-table-condensed .bwc-tables-row > td > .expand-icon {
display: inline-block;
transition: 0.15s ease-in-out; }
.bwc-tables-table-condensed .bwc-tables-row:hover > td {
background-color: #e5f5fd;
border-left-color: #e5f5fd;
border-right-color: #e5f5fd; }
.bwc-tables-table-condensed .bwc-tables-row.expanded-child > td {
border-left-color: #008be1;
border-right-color: #008be1; }
.bwc-tables-table-condensed .bwc-tables-row.expanded-parent > td {
border-color: #008be1;
background-color: #008be1;
color: white; }
.bwc-tables-table-condensed .bwc-tables-row.expanded-parent > td > .expand-icon {
transform: rotate(90deg); }
.bwc-tables-table-condensed .bwc-tables-row.expanded-parent:hover > td {
border-color: #0073ba;
background-color: #0073ba; }
.bwc-tables-table-condensed .bwc-tables-row.expanded-child.last-child > td {
border-bottom-color: #008be1; }
.bwc-tables-table-condensed.extra-condensed {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
width: auto; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 18px;
padding: 4px 8px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell:first-child {
padding-left: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell:last-child {
padding-right: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell > .icon {
font-size: 16px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 26px;
padding: 0;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell:first-child > label {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell:last-child > label {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 5px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 9.5px;
top: 12px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 26px;
padding: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core:first-child > label {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core:last-child > label {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 5px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 9.5px;
top: 12px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 2px 8px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
width: 10px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell:first-child {
padding-left: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell:last-child {
padding-right: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 26px;
padding: 0;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:first-child > label {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:last-child > label {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 5px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 9.5px;
top: 12px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 2px 8px;
width: 10px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:first-child {
padding-left: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:last-child {
padding-right: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:hover {
background-color: #eef0f3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 5px 5px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:first-child {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:last-child {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell > img,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3;
padding: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
padding: 0;
margin: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .label-text {
flex: 0 1 auto;
min-width: 3em;
line-height: 26px;
padding-left: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .filter-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 5px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .label-spacer {
flex: 1 1 0;
width: 0;
padding: 0;
margin: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .sort-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 5px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .label-text:last-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .label-spacer:last-child {
padding-right: 8px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sortable > .label-container > .sort-icon {
opacity: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sorted > .label-container > .sort-icon {
opacity: 1; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child > .label-container > .label-text:first-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child > .label-container > .label-spacer:first-child {
padding-left: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child > .label-container > .filter-icon:first-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child > .label-container > .sort-icon:first-child {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child > .label-container > .label-text:last-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child > .label-container > .label-spacer:last-child {
padding-right: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child > .label-container > .filter-icon:last-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child > .label-container > .sort-icon:last-child {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sortable, .bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sorted {
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sortable:hover > .label-container > .sort-icon {
opacity: 0.65; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 5px 5px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
color: #677480;
fill: #677480; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell:first-child {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell:last-child {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell > img,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row > td > .expand-icon {
display: inline-block;
transition: 0.15s ease-in-out; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row:hover > td {
background-color: #e5f5fd;
border-left-color: #e5f5fd;
border-right-color: #e5f5fd; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-child > td {
border-left-color: #008be1;
border-right-color: #008be1; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-parent > td {
border-color: #008be1;
background-color: #008be1;
color: white; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-parent > td > .expand-icon {
transform: rotate(90deg); }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-parent:hover > td {
border-color: #0073ba;
background-color: #0073ba; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-child.last-child > td {
border-bottom-color: #008be1; }
.bwc-tables-empty-table {
width: 100%;
height: 200px; }
.bwc-tables-empty-table h1 {
margin: 90px auto;
padding: 10px;
width: fit-content; }
.bwc-tables-bordered-table {
border: 1px solid #dce0e3; }
.bwc-tables-dropdown {
display: inline-block;
position: relative; }
.bwc-tables-breadcrumbs {
cursor: default;
display: inline-block;
padding-left: 0;
vertical-align: top; }
.bwc-tables-breadcrumbs .bwc-tables-dropdown-content {
background-color: #f8f9fb;
border-radius: 5px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
margin: 0;
max-width: 430px;
padding: 0;
position: absolute;
z-index: 999; }
.bwc-tables-breadcrumbs .bwc-tables-dropdown {
height: 20px;
overflow: hidden; }
.bwc-tables-breadcrumbs .icon.caret-down {
height: 20px;
margin-bottom: 4px;
margin-left: 8px;
margin-right: 24px;
vertical-align: center;
width: 8px; }
.bwc-tables-breadcrumbs .icon.icon.folder {
height: 16px;
width: 16px; }
.bwc-tables-breadcrumbs .icon.chevron-right {
height: 20px;
margin: auto 16px;
width: 7px; }
.bwc-tables-breadcrumbs span {
font-size: 14px;
margin: 0;
max-width: 430px; }
.bwc-tables-breadcrumbs span.parent {
color: #008be1;
cursor: pointer;
height: 20px;
max-width: 430px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.bwc-tables-breadcrumbs span.parent:hover {
text-decoration: underline; }
.bwc-tables-breadcrumbs span.current {
color: #2a2f34;
height: 20px;
max-width: 430px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.bwc-tables-breadcrumbs .parent-name {
display: block;
width: calc(100%-30px);
padding: 0;
padding-left: 0;
padding-right: 15px; }
.bwc-tables-breadcrumbs .parent-name:hover {
background-color: #e5f5fd; }
.bwc-tables-breadcrumbs .parent-name:focus {
background-color: #e5f5fd; }
.bwc-tables-breadcrumbs * {
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none; }
.bwc-tables-dropdown-button {
margin: 1%;
width: 98%; }
.bwc-tables-dropdown-content.wider {
margin: 10px 0 0 -300px;
overflow: hidden;
width: 300px; }
.bwc-tables-dropdown-content:not(input) {
font-size: 1.1667em; }
.auxdropdown:focus .bwc-tables-dropdown-content {
display: block; }
.bwc-tables-clickable {
align-content: flex-start;
cursor: pointer;
padding-left: 0; }
.bwc-tables-action-menu .bwc-tables-dropdown-content {
line-height: 5px;
margin: -30px 0 15px 0;
position: absolute;
right: 2px;
width: 100px;
z-index: 15; }
.bwc-tables-action-menu p {
display: block;
padding: 0 5px 0 5px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.bwc-tables-action-menu p:active {
font-size: 1.1em; }
.bwc-tables-fixed-height {
display: block;
max-height: 380px;
overflow-x: hidden;
overflow-y: scroll;
width: 100%; }
.bwc-tables-fixed-head {
position: sticky; }
.bwc-tables-table thead {
display: table;
table-layout: fixed;
width: 100%;
z-index: 10; }
.bwc-tables-table tbody {
z-index: 5; }
.bwc-tables-table tbody tr {
display: table;
table-layout: fixed;
width: 100%; }
.bwc-tables-table .header-wrapper {
display: flex;
justify-content: space-between;
margin: 0 0 -7px 0;
width: 100%; }
.bwc-tables-table .crumbs {
margin: 7px 0 0 0; }
.bwc-tables-table .searchbar {
width: 226px; }
.bwc-tables-table .icon-folder {
padding: 0 5px 0 0;
color: #677480; }
.bwc-tables-table .icon-folder,
.bwc-tables-table .icon-search,
.bwc-tables-table .icon-close,
.bwc-tables-table .icon-filter-outlined,
.bwc-tables-table .icon-sort-up,
.bwc-tables-table .icon-sort-down {
color: #9ba5ae;
cursor: pointer; }
.bwc-tables-table .icon-filter,
.bwc-tables-table .icon-filter-outlined,
.bwc-tables-table .icon-sort-up,
.bwc-tables-table .icon-sort-down {
font-size: 16px;
position: relative;
top: 12px;
margin: 0 10px; }
.bwc-tables-table .small.icon-chevron-right {
color: #9ba5ae;
font-size: 10px;
margin: 0 16px; }
.bwc-tables-table .small.icon-caret-down {
font-size: 8px;
margin: 0 24px 0 8px; }
.bwc-tables-table .bwc-tables-breadcrumbs .icon-caret-down {
color: #677480;
padding: 0; }
.bwc-tables-table .bwc-tables-breadcrumbs .icon-folder {
padding: 0; }
.bwc-tables-table .bwc-tables-cell-overflow-wrap {
word-wrap: break-word; }
.bwc-tables-column-manager thead tr th:last-child {
width: 39px; }
.bwc-tables-column-manager tr th:last-child .icon {
height: 14px;
margin: 0 12px;
width: 14px; }
.bwc-tables-no-manager tr th:last-child {
padding: 0;
width: 17px; }
.bwc-tables-checkable-table .bwc-tables-row .bwc-tables-cell:first-child {
padding: 0 15px;
width: 11px; }
.bwc-tables-cell:first-child {
padding: 0 16px; }
.bwc-tables-row {
outline: none; }
.bwc-tables-paginator {
all: none;
background-color: #eef0f3;
border-bottom-color: #dce0e3;
font-weight: 500; }
.bwc-tables-paginator > .content {
padding: 5px; }
.bwc-tables-paginator > .content > .controls {
width: fit-content;
margin: 0 auto;
font-size: 0.95em;
display: flex; }
.bwc-tables-paginator > .content > .controls > .icon {
cursor: pointer;
margin: 0 6px 0 6px;
vertical-align: middle;
width: 20px; }
.bwc-tables-paginator > .content > .controls > .current {
color: #008be1;
cursor: pointer;
margin: 6px;
text-decoration: underline #008be1; }
.bwc-tables-paginator > .content > .controls > .page {
margin: 6px;
cursor: pointer; }
.bwc-tables-paginator > .content > .controls > .page:hover {
color: #008be1;
text-decoration: underline #008be1; }
.bwc-tables-paginator > .content > .controls > .ellipsis {
margin: 6px; }
.bwc-tables-paginator > .content > .page {
float: right;
font-size: 0.85em;
margin: -21px 20px 0 0; }
.bwc-tables-head-checkbox-cell > label > input {
cursor: pointer;
display: inline-block;
margin: 10px 0 8px 10px; }
.bwc-tables-checkbox-cell > label > input {
cursor: pointer;
display: inline-block;
margin: 10px 0 8px 10px; }
.bwc-tables-cell-overflow-truncate {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important; }
.bwc-tables-breadcrumbs {
height: 32px;
/*
&.bwc-tables-dropdown {
&.bwc-tables-clickable {
&.bwc-tables-dropdown-content {
display: none !important;
}
&.dropdown-open {
&.bwc-tables-dropdown-content {
display: block !important;
}
}
}
}
*/ }
.bwc-tables-breadcrumbs .folder-icon {
fill: #677480;
height: 16px;
width: 16px; }
.bwc-tables-breadcrumbs .dropdown-caret-icon {
fill: #677480;
height: 8px;
margin: 0 23px 4px 7px;
width: 8px; }
.bwc-tables-breadcrumbs .chevron-right-icon {
fill: #9ba5ae;
height: 10px;
margin: 0 13px 5px 14px;
width: 10px; }
.bwc-tables-dropdown-content {
background-color: #f8f9fb;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
margin: 10px 0 0 -80px;
max-width: 430px;
padding: 13px 24px;
position: absolute;
width: 110px; }
.bwc-tag {
height: 34px;
border: 1px solid #c7ccd1;
border-radius: 20px;
padding-left: 16px;
padding-right: 16px;
color: #2a2f34;
display: inline-flex;
align-items: center; }
.bwc-tag:hover {
border-color: #677480;
color: black; }
.bwc-tag-text {
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.bwc-tag-icon {
margin-left: 8px;
width: 12px;
height: 12px;
min-width: 12px;
color: #2a2f34;
fill: #2a2f34;
cursor: pointer; }
.bwc-tiles-tile {
min-height: 308px;
padding: 0 0 44px;
margin: 0 0 22px;
text-align: center;
transition: all 0.2s ease-out;
background-color: #eef0f3;
color: #4d575f; }
.bwc-tiles-tile > .link {
display: block;
padding: 33px 22px 0;
margin: 0;
cursor: pointer;
color: #4d575f; }
.bwc-tiles-tile > .link > .icon {
width: 66px;
height: 66px;
padding: 9px;
margin: 0 auto;
border-radius: 66px;
background-color: #56aa1c;
transition: all 0.2s ease-out; }
.bwc-tiles-tile > .link > .title {
margin: 11px auto 0;
font-size: 21px;
font-weight: 300;
line-height: 33px; }
.bwc-tiles-tile > .children {
padding: 22px 22px 0;
font-size: 13px;
line-height: 22px; }
.bwc-tiles-tile > .children > a {
display: block;
color: #3c434a; }
.bwc-tiles-tile.minimal {
min-height: 198px;
padding: 0; }
.bwc-tiles-tile.minimal > .link {
padding-bottom: 66px; }
.bwc-tiles-tile.featured, .bwc-tiles-tile:hover {
background-color: #56aa1c;
color: #fff; }
.bwc-tiles-tile.featured > .link, .bwc-tiles-tile:hover > .link {
text-decoration: none;
color: #fff; }
.bwc-tiles-tile.featured > .link > .icon, .bwc-tiles-tile:hover > .link > .icon {
background-color: transparent !important; }
.bwc-tiles-tile.featured > .children > a, .bwc-tiles-tile:hover > .children > a {
color: #fff; }
.bwc-tiles-tile.featured:hover {
background-color: #4b9418; }
.bwc-tiles-tile.step-0 > .link > .icon, .bwc-tiles-tile.step-0:hover, .bwc-tiles-tile.step-0.featured {
background-color: #56aa1c; }
.bwc-tiles-tile.step-0.featured:hover {
background-color: #4b9418; }
.bwc-tiles-tile.step-1 > .link > .icon, .bwc-tiles-tile.step-1:hover, .bwc-tiles-tile.step-1.featured {
background-color: #2b9b1b; }
.bwc-tiles-tile.step-1.featured:hover {
background-color: #258517; }
.bwc-tiles-tile.step-2 > .link > .icon, .bwc-tiles-tile.step-2:hover, .bwc-tiles-tile.step-2.featured {
background-color: #2b9b2f; }
.bwc-tiles-tile.step-2.featured:hover {
background-color: #258729; }
.bwc-tiles-tile.step-3 > .link > .icon, .bwc-tiles-tile.step-3:hover, .bwc-tiles-tile.step-3.featured {
background-color: #2b9b43; }
.bwc-tiles-tile.step-3.featured:hover {
background-color: #25873a; }
.bwc-tiles-tile.step-4 > .link > .icon, .bwc-tiles-tile.step-4:hover, .bwc-tiles-tile.step-4.featured {
background-color: #2b9b57; }
.bwc-tiles-tile.step-4.featured:hover {
background-color: #25874c; }
.bwc-tiles-tile.step-5 > .link > .icon, .bwc-tiles-tile.step-5:hover, .bwc-tiles-tile.step-5.featured {
background-color: #2b9b6b; }
.bwc-tiles-tile.step-5.featured:hover {
background-color: #25875d; }
.bwc-tiles-tile.step-6 > .link > .icon, .bwc-tiles-tile.step-6:hover, .bwc-tiles-tile.step-6.featured {
background-color: #2b9b7f; }
.bwc-tiles-tile.step-6.featured:hover {
background-color: #25876f; }
.bwc-tiles-tile.step-7 > .link > .icon, .bwc-tiles-tile.step-7:hover, .bwc-tiles-tile.step-7.featured {
background-color: #2b9b93; }
.bwc-tiles-tile.step-7.featured:hover {
background-color: #258780; }
.bwc-tiles-tile.step-8 > .link > .icon, .bwc-tiles-tile.step-8:hover, .bwc-tiles-tile.step-8.featured {
background-color: #2b9ba7; }
.bwc-tiles-tile.step-8.featured:hover {
background-color: #268893; }
.bwc-tiles-tile.step-9 > .link > .icon, .bwc-tiles-tile.step-9:hover, .bwc-tiles-tile.step-9.featured {
background-color: #2b9bbb; }
.bwc-tiles-tile.step-9.featured:hover {
background-color: #268aa6; }
.bwc-tiles-tile.step-10 > .link > .icon, .bwc-tiles-tile.step-10:hover, .bwc-tiles-tile.step-10.featured {
background-color: #2b9bcf; }
.bwc-tiles-tile.step-10.featured:hover {
background-color: #278bba; }
.bwc-tiles-tile.step-11 > .link > .icon, .bwc-tiles-tile.step-11:hover, .bwc-tiles-tile.step-11.featured {
background-color: #2b9be3; }
.bwc-tiles-tile.step-11.featured:hover {
background-color: #1d8fd8; }
.bwc-tiles-tile.step-12 > .link > .icon, .bwc-tiles-tile.step-12:hover, .bwc-tiles-tile.step-12.featured {
background-color: #008be1; }
.bwc-tiles-tile.step-12.featured:hover {
background-color: #007bc8; }
.bwc-tiles-tile.step-13 > .link > .icon, .bwc-tiles-tile.step-13:hover, .bwc-tiles-tile.step-13.featured {
background-color: #0073ba; }
.bwc-tiles-tile.step-13.featured:hover {
background-color: #0063a1; }
.bwc-tiles-tile.step-14 > .link > .icon, .bwc-tiles-tile.step-14:hover, .bwc-tiles-tile.step-14.featured {
background-color: #005a92; }
.bwc-tiles-tile.step-14.featured:hover {
background-color: #004a79; }
.bwc-tiles-tile.step-15 > .link > .icon, .bwc-tiles-tile.step-15:hover, .bwc-tiles-tile.step-15.featured {
background-color: #00426b; }
.bwc-tiles-tile.step-15.featured:hover {
background-color: #003252; }
.tile-icon {
font-size: 64px;
width: 36px !important;
height: 36px !important;
padding: 15px !important; }
.bwc-toast-wrapper {
margin-left: auto;
margin-right: auto;
left: 0;
top: 0;
right: 0;
pointer-events: none;
position: fixed;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
z-index: 1070; }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper {
width: calc(100vw - 36px);
margin-top: 16px; } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper {
min-width: 400px;
max-width: 640px;
margin-top: 24px; } }
@-webkit-keyframes openAnimation {
from {
opacity: 0;
transform: translateY(-120%); }
to {
transform: translateY(0); } }
@keyframes openAnimation {
from {
opacity: 0;
transform: translateY(-120%); }
to {
transform: translateY(0); } }
@-webkit-keyframes closeAnimation {
from {
transform: scale(1);
opacity: 1; }
to {
transform: scale(0.9);
opacity: 0; } }
@keyframes closeAnimation {
from {
transform: scale(1);
opacity: 1; }
to {
transform: scale(0.9);
opacity: 0; } }
.bwc-toast-wrapper .bwc-toast-all {
transition: all 240ms cubic-bezier(0, 0, 0.2, 1); }
.bwc-toast-wrapper .bwc-toast-entering,
.bwc-toast-wrapper .bwc-toast-entered {
-webkit-animation: openAnimation 240ms cubic-bezier(0.175, 0.885, 0.32, 1.175) both;
animation: openAnimation 240ms cubic-bezier(0.175, 0.885, 0.32, 1.175) both; }
.bwc-toast-wrapper .bwc-toast-exiting {
-webkit-animation: closeAnimation 120ms cubic-bezier(0.4, 0, 1, 1) both;
animation: closeAnimation 120ms cubic-bezier(0.4, 0, 1, 1) both; }
.bwc-toast-wrapper .bwc-toast-success {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #56aa1c;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-success {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-success {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #56aa1c;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-success .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-success .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-success .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-success .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper .bwc-toast-informational {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #008be1;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-informational {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-informational {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #008be1;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-informational .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-informational .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-informational .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-informational .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper .bwc-toast-error {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #c00;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-error {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-error {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #c00;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-error .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-error .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-error .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-error .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper {
width: 100%; }
.bwc-toast-wrapper .bwc-toast-success,
.bwc-toast-wrapper .bwc-toast-error,
.bwc-toast-wrapper .bwc-toast-informational {
margin: 0; }
.bwc-toast-wrapper .link a:link {
color: #008be1; }
.bwc-toggle-switch {
display: flex;
height: 30px;
width: 40px;
align-items: center;
justify-content: center;
cursor: pointer; }
.bwc-toggle-switch .base {
display: block;
position: relative;
height: 18px;
width: 35px;
border-radius: 10px;
background-color: #c7ccd1; }
.bwc-toggle-switch .toggle {
position: absolute;
height: 12px;
width: 12px;
top: 3px;
right: 21px;
border-radius: 50%;
background-color: #3c434a;
transition: right 0.2s; }
.bwc-toggle-switch.on .base {
background-color: #008be1; }
.bwc-toggle-switch.on .toggle {
background-color: white;
right: 4px; }
.bwc-toggle-switch.disabled {
cursor: not-allowed;
opacity: 0.4; }
.bwc-wizard {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
display: flex;
flex-flow: column; }
.bwc-wizard .bwc-wizard-button {
margin-left: 7px !important; }
.bwc-wizard .bwc-wizard-button:nth-of-type(1) {
margin-left: 0 !important; }
/* Legend */
.bwc-wizard-outer-legend {
position: relative;
width: 100%; }
.bwc-wizard-outer-legend-short {
margin-bottom: 22px; }
.bwc-wizard-legend {
display: flex;
flex-direction: row;
justify-content: space-around;
margin-bottom: 7px;
width: 100%; }
/* Step */
.bwc-wizard-step-bar {
height: 2px;
position: absolute;
top: 11px;
z-index: 0; }
.bwc-wizard-step-after-bar {
background: #dce0e3;
right: -1px;
width: 50%; }
.bwc-wizard-step-before-bar {
background: #dce0e3;
left: 0;
width: 50%; }
.bwc-wizard-step-main-bar {
background: #dce0e3;
display: block;
flex-basis: fill;
flex-grow: 1;
overflow: visible;
position: relative; }
.bwc-wizard-step-bar-active {
background: #56aa1c; }
.bwc-wizard-step-circle {
align-items: center;
background: #fff;
border: 1px solid #56aa1c;
border-radius: 50%;
color: #56aa1c;
cursor: normal;
display: flex;
font-size: 12px;
font-weight: 600;
height: 21px;
justify-content: center;
line-height: 22px;
overflow-wrap: break-word;
padding: 0;
position: relative;
text-align: center;
width: 21px;
z-index: 1; }
.bwc-wizard-step-clickable {
cursor: pointer; }
.bwc-wizard-steps-content {
font-size: 14px;
font-weight: 400;
line-height: 22px;
min-height: 200px;
width: 100%; }
.bwc-wizard-long-step-summary {
text-align: center; }
/* Circle */
.bwc-wizard-circle-active {
background: #56aa1c;
color: #fff; }
.bwc-wizard-circle-inactive {
background: #fff; }
.bwc-wizard-circle-upcoming {
border-color: #dce0e3;
color: #dce0e3; }
/* Step Title */
.bwc-wizard-step-title {
align-items: center;
color: #56aa1c;
display: flex;
flex-direction: column-reverse;
font-size: 12px;
font-weight: 400;
line-height: 22px;
position: relative; }
.bwc-step-title-text-upcoming {
color: #a6afb7; }
.bwc-step-title-text-active {
font-weight: 700; }
.error-message{vertical-align:top;display:flex;flex-direction:column;align-items:center}.error-message>img,.error-message svg{width:64px;height:64px}.error-message>span{padding:5px}.scs-fieldset .ReactTable .rt-tr{overflow:hidden}.scs-fieldset .ReactTable .highlighted{background-color:#fffae6}
/* Helper Mixin */
/* User-facing Mixin */
.th-contents-container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 50px;
padding: 0 16px; }
.th-contents-container .th-column-name-span {
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis; }
.th-contents-container .th-sort-arrow {
fill: #677480;
flex: 0 0 16px;
width: 16px;
height: 16px;
cursor: pointer;
display: none; }
/* Sort Arrow States */
.ReactTable .rt-thead .rt-th:hover .th-sort-arrow {
display: inherit;
fill: #9ba5ae; }
.ReactTable .rt-thead .rt-th.-sort-asc .th-sort-arrow,
.ReactTable .rt-thead .rt-td.-sort-asc .th-sort-arrow {
display: unset;
fill: #677480; }
.ReactTable .rt-thead .rt-th.-sort-desc .th-sort-arrow,
.ReactTable .rt-thead .rt-td.-sort-desc .th-sort-arrow {
display: unset;
fill: #677480;
transform: rotate(180deg) !important; }
/* Helper Mixin */
/* User-facing Mixin */
.paginator {
background-color: #f8f9fb;
font-size: 0.9rem;
width: 100%; }
.paginator-content {
align-items: center;
border-bottom: 1px solid #dce0e3;
display: flex;
height: 38px;
justify-content: space-around;
width: 100%; }
.paginator-controls {
align-items: center;
display: flex;
flex: 1;
justify-content: center;
width: 300px; }
.paginator-icon {
color: #070809;
fill: #070809;
height: 16px;
width: 16px;
cursor: pointer; }
.paginator-icon-disabled {
color: #9ba5ae;
fill: #9ba5ae;
height: 16px;
width: 16px;
cursor: pointer; }
.paginator-location {
align-items: center;
color: #9ba5ae;
display: flex;
flex: 1;
justify-content: flex-end;
padding: 10px; }
.paginator-page-link {
color: #008be1;
cursor: pointer;
margin: 0px 8px; }
.paginator-page-link.current {
color: #2a2f34;
text-decoration: underline;
text-decoration-color: #2a2f34; }
.last-ellipsis {
margin: 0px 8px; }
.ReactTable{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-th:focus{outline-width:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-webkit-box-flex:99999;-ms-flex:99999 1 auto;flex:99999 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline-width:0;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);-webkit-transform:translateY(-52%);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.rt-thead.-filters {
height: 0;
overflow: hidden; }
.rt-thead.-header .rt-th {
overflow: visible; }
.filter-modal-button {
align-items: center;
display: flex;
height: 100%;
margin-left: 8px;
width: 16px; }
.filter-modal-button-icon {
cursor: pointer;
display: block;
height: 16px;
margin: 0 auto;
opacity: 0.2;
width: 16px; }
.filter-modal-button-icon-filled {
cursor: pointer;
display: block;
fill: #008be1;
height: 16px;
margin: 0 auto;
width: 16px; }
.filter-button-wrapper {
display: flex;
flex-direction: row;
margin: 2px 5px; }
.filter-button {
height: 40px;
margin-right: auto;
width: 100px; }
.filter-clear-button {
height: 40px;
margin-left: 10px;
width: 100px; }
.filter-modal {
overflow: visible;
display: flex;
flex-direction: column;
position: absolute;
z-index: 10002;
box-sizing: content-box;
background-color: white;
box-shadow: 0 1px 4px #c7ccd1;
border-radius: 0;
border: solid 1px #c7ccd1;
padding: 6px; }
.filter-modal span {
color: #3c434a;
font: 400 15px Arial;
margin: 5px;
text-align: left; }
.filter-modal-hidden {
display: none; }
.filter-input {
border: 1px solid #c7ccd1;
border-radius: 4px;
color: #3c434a;
font-size: 14px;
height: 40px;
margin: 5px;
padding-left: 5px; }
.loading {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column; }
.loading.active {
display: flex;
background-color: rgba(255, 255, 255, 0.6); }
.rthfc .rt-thead.-headerGroups,
.rthfc .rt-thead.-header {
z-index: 3;
}
.rthfc .rt-thead.-filters {
z-index: 2;
}
.rthfc .rt-th,
.rthfc .rt-td {
background-color: #fff;
}
.rthfc .-headerGroups .rt-th {
background-color: #f7f7f7;
}
.rthfc.-striped .rt-tr.-odd .rt-td {
background-color: #f7f7f7;
}
.rthfc.-highlight .rt-tr:hover .rt-td {
background-color: #f2f2f2;
}
.rthfc .-filters .rt-th.rthfc-th-fixed-left-last,
.rthfc .rt-th.rthfc-th-fixed-left-last,
.rthfc .rt-td.rthfc-td-fixed-left-last {
border-right: solid 1px #ccc;
}
.rthfc .rt-th.rthfc-th-fixed-right-first,
.rthfc .rt-td.rthfc-td-fixed-right-first {
border-left: solid 1px #ccc;
}
/*------------ Sticky position version: -sp ------------*/
.rthfc.-sp .rt-tbody {
overflow: visible;
flex: 1 0 auto;
}
.rthfc.-sp .rt-thead {
position: -webkit-sticky;
position: sticky;
}
.rthfc.-sp .rt-thead.-headerGroups {
border-bottom-color: #f2f2f2;
}
.rthfc.-sp .rt-tfoot {
position: -webkit-sticky;
position: sticky;
z-index: 1;
bottom: 0px;
}
.rthfc.-sp .rthfc-th-fixed,
.rthfc.-sp .rthfc-td-fixed {
position: -webkit-sticky;
position: sticky;
z-index: 1;
}
.rthfc.-sp .rthfc-th-fixed {
/* set z-index = 11 because rt-resizer has z-index = 10 */
z-index: 11;
}
.rthfc.-sp .rthfc-th-fixed-left,
.rthfc.-sp .rthfc-td-fixed-left {
left: 0;
}
.rthfc.-sp .rthfc-th-fixed-right,
.rthfc.-sp .rthfc-td-fixed-right {
left: 0;
}
/*------------ scroll event version: -se ------------*/
.rthfc.-se .-header .rt-th.rthfc-th-fixed,
.rthfc.-se .-headerGroups .rt-th.rthfc-th-fixed,
.rthfc.-se .-filters .rt-th.rthfc-th-fixed,
.rthfc.-se .rt-td.rthfc-td-fixed {
position: relative;
z-Index: 1;
}
.rthfc.-se .-header .rt-th.rthfc-th-fixed {
/* set z-index = 11 because rt-resizer has z-index = 10 */
z-Index: 11;
}
/* Helper Mixin */
/* User-facing Mixin */
.ReactTable {
box-sizing: border-box; }
.ReactTable .rt-thead.-header {
box-shadow: none; }
.ReactTable .rt-thead .rt-tr {
background: #eef0f3;
height: 50px;
text-align: center; }
.ReactTable .rt-thead .rt-th {
padding: 0;
border-right: none; }
.ReactTable .rt-thead .rt-th.-sort-asc {
background-color: #dce0e3;
box-shadow: none; }
.ReactTable .rt-thead .rt-th.-sort-desc {
background-color: #dce0e3;
box-shadow: none; }
.ReactTable .rt-thead .rt-th.-cursor-pointer:hover {
background-color: #dce0e3 !important; }
.ReactTable .rt-thead .rt-th #select-all {
align-items: center;
display: flex;
height: 50px;
justify-content: center;
margin: 0 0 0 16px !important; }
.ReactTable .rt-thead .rt-td {
padding: 0;
border-right: none; }
.ReactTable .rt-thead .rt-td.-sort-asc {
background-color: #dce0e3;
box-shadow: none; }
.ReactTable .rt-thead .rt-td.-sort-desc {
background-color: #dce0e3;
box-shadow: none; }
.ReactTable .rt-thead .rt-td #select-all {
align-items: center;
display: flex;
height: 50px;
justify-content: center;
margin: 0 0 0 16px !important; }
.ReactTable .th-contents-container .th-sort-arrow {
margin-left: 8px; }
.ReactTable .rt-tbody {
font-size: 14px; }
.ReactTable .rt-tbody .rt-td {
border-right: none;
background-color: transparent; }
.ReactTable .rt-tbody .rt-td input[id^='select-'] {
margin: 0; }
.ReactTable .rt-tbody .rt-expandable {
cursor: default; }
.ReactTable .rt-tr {
align-items: center;
height: 40px; }
.ReactTable .rt-th {
align-items: center;
padding: 0 0 0 16px; }
.ReactTable .rt-td {
align-items: center;
padding: 0 0 0 16px; }
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
background: #e5f5fd !important; }
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow).selected {
background: #e5f5fd !important; }
.ReactTable .rt-noData {
margin-top: 9%; }
.rthfc .rt-th {
background-color: transparent; }
.rthfc .rt-th.rthfc-th-fixed-right-first {
border-left: none; }
.rthfc .rt-td {
background-color: transparent; }
.rthfc .rt-td.rthfc-td-fixed-right-first {
border-left: none; }
.rthfc.-highlight .rt-tr:hover .rt-td {
background-color: transparent; }
.rthfc.-sp .rthfc-th-fixed {
background-color: #eef0f3;
z-index: 600; }
.bwc-buttons-blue{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer}.bwc-buttons-blue:hover{text-decoration:none}.bwc-buttons-blue:active,.bwc-buttons-blue:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-blue[disabled],.bwc-buttons-blue[disabled]:hover,.bwc-buttons-blue[disabled]:active,.bwc-buttons-blue[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-blue,.bwc-buttons-blue:active,.bwc-buttons-blue:focus{border:none;background-color:#008be1;color:#fff}.bwc-buttons-blue:hover{background-color:#0073ba;color:#fff}.bwc-buttons-blue-large{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;padding:13px 22px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-blue-large:hover{text-decoration:none}.bwc-buttons-blue-large:active,.bwc-buttons-blue-large:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-blue-large[disabled],.bwc-buttons-blue-large[disabled]:hover,.bwc-buttons-blue-large[disabled]:active,.bwc-buttons-blue-large[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-blue-large,.bwc-buttons-blue-large:active,.bwc-buttons-blue-large:focus{border:none;background-color:#008be1;color:#fff}.bwc-buttons-blue-large:hover{background-color:#0073ba;color:#fff}.bwc-buttons-disabled{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer}.bwc-buttons-disabled:hover{text-decoration:none}.bwc-buttons-disabled:active,.bwc-buttons-disabled:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-disabled[disabled],.bwc-buttons-disabled[disabled]:hover,.bwc-buttons-disabled[disabled]:active,.bwc-buttons-disabled[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-disabled,.bwc-buttons-disabled:active,.bwc-buttons-disabled:focus,.bwc-buttons-disabled:hover{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-disabled-large{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;padding:13px 22px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-disabled-large:hover{text-decoration:none}.bwc-buttons-disabled-large:active,.bwc-buttons-disabled-large:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-disabled-large[disabled],.bwc-buttons-disabled-large[disabled]:hover,.bwc-buttons-disabled-large[disabled]:active,.bwc-buttons-disabled-large[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-disabled-large,.bwc-buttons-disabled-large:active,.bwc-buttons-disabled-large:focus,.bwc-buttons-disabled-large:hover{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-hollow{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer}.bwc-buttons-hollow:hover{text-decoration:none}.bwc-buttons-hollow:active,.bwc-buttons-hollow:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-hollow[disabled],.bwc-buttons-hollow[disabled]:hover,.bwc-buttons-hollow[disabled]:active,.bwc-buttons-hollow[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-hollow,.bwc-buttons-hollow:active,.bwc-buttons-hollow:focus{padding:7px 10px;border:1px solid #85929d;background-color:transparent;color:#3c434a}.bwc-buttons-hollow:hover{background-color:transparent;border-color:#4d575f;color:#070809}.bwc-buttons-hollow[disabled],.bwc-buttons-hollow[disabled]:hover,.bwc-buttons-hollow[disabled]:active,.bwc-buttons-hollow[disabled]:focus{padding:8px 11px}.bwc-buttons-hollow-large{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;padding:12px 21px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-hollow-large:hover{text-decoration:none}.bwc-buttons-hollow-large:active,.bwc-buttons-hollow-large:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-hollow-large[disabled],.bwc-buttons-hollow-large[disabled]:hover,.bwc-buttons-hollow-large[disabled]:active,.bwc-buttons-hollow-large[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-hollow-large,.bwc-buttons-hollow-large:active,.bwc-buttons-hollow-large:focus{padding:7px 10px;border:1px solid #85929d;background-color:transparent;color:#3c434a}.bwc-buttons-hollow-large:hover{background-color:transparent;border-color:#4d575f;color:#070809}.bwc-buttons-hollow-large[disabled],.bwc-buttons-hollow-large[disabled]:hover,.bwc-buttons-hollow-large[disabled]:active,.bwc-buttons-hollow-large[disabled]:focus{padding:8px 11px}.bwc-buttons-hollow-large,.bwc-buttons-hollow-large:active,.bwc-buttons-hollow-large:focus{padding:12px 21px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-hollow-large[disabled],.bwc-buttons-hollow-large[disabled]:hover,.bwc-buttons-hollow-large[disabled]:active,.bwc-buttons-hollow-large[disabled]:focus{padding:13px 22px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-primary{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer}.bwc-buttons-primary:hover{text-decoration:none}.bwc-buttons-primary:active,.bwc-buttons-primary:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-primary[disabled],.bwc-buttons-primary[disabled]:hover,.bwc-buttons-primary[disabled]:active,.bwc-buttons-primary[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-primary,.bwc-buttons-primary:active,.bwc-buttons-primary:focus{color:#fff;border:none;background-color:#56aa1c}.bwc-buttons-primary:hover{background-color:#458816;color:#fff}.bwc-buttons-primary-large{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;padding:13px 22px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-primary-large:hover{text-decoration:none}.bwc-buttons-primary-large:active,.bwc-buttons-primary-large:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-primary-large[disabled],.bwc-buttons-primary-large[disabled]:hover,.bwc-buttons-primary-large[disabled]:active,.bwc-buttons-primary-large[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-primary-large,.bwc-buttons-primary-large:active,.bwc-buttons-primary-large:focus{color:#fff;border:none;background-color:#56aa1c}.bwc-buttons-primary-large:hover{background-color:#458816;color:#fff}.bwc-buttons-group{display:flex}.bwc-buttons-group>*:first-child{border-radius:3px 0 0 3px}.bwc-buttons-group>*:last-child{border-radius:0 3px 3px 0}.bwc-buttons-group>*:last-child,.bwc-buttons-group>*:last-child:active,.bwc-buttons-group>*:last-child:focus{border-left-width:0}.bwc-buttons-group>*:not(:first-child):not(:last-child){border-radius:0}.bwc-buttons-group>*:not(:first-child):not(:last-child),.bwc-buttons-group>*:not(:first-child):not(:last-child):active,.bwc-buttons-group>*:not(:first-child):not(:last-child):focus{border-left-width:0}.scs-spinner-holder{position:relative;transition:300ms}.scs-spinner-holder.scs-open{opacity:1;margin:0 19px 0 10px}.scs-spinner-holder.scs-close{opacity:0;margin:0}.scs-link-button{background:none;border:none;color:#008be1;font-size:inherit;text-decoration:underline;cursor:pointer}.scs-link-button:active{outline:none}.scs-loading-button-spinner{margin-top:1px;display:inline-block;position:absolute}.scs-loading-button-spinner svg{height:20px;width:20px;overflow:visible;animation:scs-spin 2000ms linear infinite}.scs-loading-button-spinner svg.scs-is-ie{animation:scs-spin-fallback 10000ms cubic-bezier(0.87, 0.03, 0.33, 1) infinite}.scs-loading-button-spinner svg circle{stroke:#fff;stroke-width:10%;stroke-dashoffset:6.28319px;stroke-dasharray:31.4159px;transition:stroke-dashoffset 225ms linear;animation-name:scs-circle-spin;animation-duration:4000ms;animation-timing-function:cubic-bezier(0.35, 0, 0.25, 1);animation-iteration-count:infinite;fill:transparent;transform-origin:center}@keyframes scs-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes scs-circle-spin{0%{stroke-dashoffset:29.8451302091;transform:rotate(0)}12.5%{stroke-dashoffset:6.2831853072;transform:rotate(0)}12.5001%{stroke-dashoffset:6.2831853072;transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:29.8451302091;transform:rotateX(180deg) rotate(72.5deg)}25.0001%{stroke-dashoffset:29.8451302091;transform:rotate(270deg)}37.5%{stroke-dashoffset:6.2831853072;transform:rotate(270deg)}37.5001%{stroke-dashoffset:6.2831853072;transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:29.8451302091;transform:rotateX(180deg) rotate(161.5deg)}50.0001%{stroke-dashoffset:29.8451302091;transform:rotate(180deg)}62.5%{stroke-dashoffset:6.2831853072;transform:rotate(180deg)}62.5001%{stroke-dashoffset:6.2831853072;transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:29.8451302091;transform:rotateX(180deg) rotate(251.5deg)}75.0001%{stroke-dashoffset:29.8451302091;transform:rotate(90deg)}87.5%{stroke-dashoffset:6.2831853072;transform:rotate(90deg)}87.5001%{stroke-dashoffset:6.2831853072;transform:rotateX(180deg) rotate(341.5deg)}100%{stroke-dashoffset:29.8451302091;transform:rotateX(180deg) rotate(341.5deg)}}@keyframes scs-spin-fallback{0%{transform:rotate(0deg)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}100%{transform:rotate(4680deg)}}
.bwc-inputs-checkbox{display:block;position:relative;padding:0 0 0 22px;margin:11px 0;cursor:pointer}.bwc-inputs-checkbox>input{position:absolute;left:4px;top:0;height:22px;margin:0;font-size:14px;line-height:22px;text-align:left;cursor:pointer}.bwc-inputs-checkbox>.label{display:inline;position:relative;left:0;padding:0;margin:0;border:0 none transparent;font-size:14px;font-style:normal;font-weight:400;line-height:22px;text-align:left;vertical-align:initial;white-space:normal;color:#2a2f34}.bwc-inputs-checkbox.disabled{cursor:not-allowed}.bwc-inputs-checkbox.success>.label{color:#56aa1c}.bwc-inputs-checkbox.warning>.label{color:#f60}.bwc-inputs-checkbox.error>.label{color:#c00}.bwc-inputs-checkbox.disabled>.label{color:#c7ccd1}.bwc-inputs-input{display:block;width:100%;padding:7px 10px;margin:3px 0;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:22px;color:#2a2f34;background-color:#fff;background-image:none;border:1px solid #c7ccd1;border-radius:3px;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none}.bwc-inputs-input:-ms-input-placeholder{color:#c7ccd1}.bwc-inputs-input::-moz-placeholder{color:#c7ccd1}.bwc-inputs-input::placeholder{color:#c7ccd1}.bwc-inputs-input[disabled],.bwc-inputs-input[readonly]{background-color:#eef0f3;cursor:not-allowed}.bwc-inputs-input:focus{border-color:#c7ccd1;outline:0;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(0,139,225,.1) 0 0 0 2px}.bwc-inputs-labeled-input{display:block;padding:0;margin:0 0 11px;text-align:left;font-size:14px;font-weight:400;cursor:pointer}.bwc-inputs-labeled-input>.label{padding:0;margin:0;border:0 none transparent;display:block;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:#2a2f34}.bwc-inputs-labeled-input>.input{position:relative;display:inline-block;width:100%}.bwc-inputs-labeled-input>.input.with-icon>input,.bwc-inputs-labeled-input>.input.with-icon>.bwx-inputs-input{padding-right:32px}.bwc-inputs-labeled-input>.input>.icon{display:block;position:absolute;right:0;top:0;bottom:0;padding:11px;font-size:16px;font-weight:normal;line-height:22px}.bwc-inputs-labeled-input>.message{display:block;font-size:12px;line-height:22px;color:#9ba5ae}.bwc-inputs-labeled-input.success,.bwc-inputs-labeled-input.success>.message{color:#56aa1c}.bwc-inputs-labeled-input.success>.input>input,.bwc-inputs-labeled-input.success>.input>.bwc-inputs-input{border-color:#56aa1c;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-input.success>.input>input:focus,.bwc-inputs-labeled-input.success>.input>.bwc-inputs-input:focus{border-color:#56aa1c;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(86,170,28,.15) 0 0 0 2px}.bwc-inputs-labeled-input.warning,.bwc-inputs-labeled-input.warning>.message{color:#f60}.bwc-inputs-labeled-input.warning>.input>input,.bwc-inputs-labeled-input.warning>.input>.bwc-inputs-input{border-color:#f60;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-input.warning>.input>input:focus,.bwc-inputs-labeled-input.warning>.input>.bwc-inputs-input:focus{border-color:#f60;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(255,102,0,.15) 0 0 0 2px}.bwc-inputs-labeled-input.error,.bwc-inputs-labeled-input.error>.message{color:#c00}.bwc-inputs-labeled-input.error>.input>input,.bwc-inputs-labeled-input.error>.input>.bwc-inputs-input{border-color:#c00;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-input.error>.input>input:focus,.bwc-inputs-labeled-input.error>.input>.bwc-inputs-input:focus{border-color:#c00;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(204,0,0,.15) 0 0 0 2px}.bwc-inputs-labeled-select{display:block;padding:0;margin:0 0 11px;text-align:left;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;cursor:pointer}.bwc-inputs-labeled-select>.label{padding:0;margin:0;border:0 none transparent;display:block;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:#2a2f34}.bwc-inputs-labeled-select>.message{display:block;font-size:12px;line-height:22px;color:#9ba5ae}.bwc-inputs-labeled-select.success,.bwc-inputs-labeled-select.success>.message{color:#56aa1c}.bwc-inputs-labeled-select.success>select,.bwc-inputs-labeled-select.success>.bwc-inputs-select{border-color:#56aa1c;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-select.success>select:focus,.bwc-inputs-labeled-select.success>.bwc-inputs-select:focus{border-color:#56aa1c;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(86,170,28,.15) 0 0 0 2px}.bwc-inputs-labeled-select.warning,.bwc-inputs-labeled-select.warning>.message{color:#f60}.bwc-inputs-labeled-select.warning>select,.bwc-inputs-labeled-select.warning>.bwc-inputs-select{border-color:#f60;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-select.warning>select:focus,.bwc-inputs-labeled-select.warning>.bwc-inputs-select:focus{border-color:#f60;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(255,102,0,.15) 0 0 0 2px}.bwc-inputs-labeled-select.error,.bwc-inputs-labeled-select.error>.message{color:#c00}.bwc-inputs-labeled-select.error>select,.bwc-inputs-labeled-select.error>.bwc-inputs-select{border-color:#c00;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-select.error>select:focus,.bwc-inputs-labeled-select.error>.bwc-inputs-select:focus{border-color:#c00;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(204,0,0,.15) 0 0 0 2px}.bwc-inputs-labeled-textarea{display:block;padding:0;margin:0 0 11px;line-height:0;text-align:left;cursor:pointer;font-weight:normal}.bwc-inputs-labeled-textarea>.label{padding:0;margin:0;border:0 none transparent;display:block;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:#2a2f34}.bwc-inputs-labeled-textarea>.bwc-inputs-textarea{display:inline-block;width:100%}.bwc-inputs-labeled-textarea>.message{display:block;font-size:12px;line-height:22px;color:#9ba5ae}.bwc-inputs-labeled-textarea.success,.bwc-inputs-labeled-textarea.success>.message{color:#56aa1c}.bwc-inputs-labeled-textarea.success>textarea,.bwc-inputs-labeled-textarea.success>.bwc-inputs-textarea{border-color:#56aa1c;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-textarea.success>textarea:focus,.bwc-inputs-labeled-textarea.success>.bwc-inputs-textarea:focus{border-color:#56aa1c;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(86,170,28,.15) 0 0 0 2px}.bwc-inputs-labeled-textarea.warning,.bwc-inputs-labeled-textarea.warning>.message{color:#f60}.bwc-inputs-labeled-textarea.warning>textarea,.bwc-inputs-labeled-textarea.warning>.bwc-inputs-textarea{border-color:#f60;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-textarea.warning>textarea:focus,.bwc-inputs-labeled-textarea.warning>.bwc-inputs-textarea:focus{border-color:#f60;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(255,102,0,.15) 0 0 0 2px}.bwc-inputs-labeled-textarea.error,.bwc-inputs-labeled-textarea.error>.message{color:#c00}.bwc-inputs-labeled-textarea.error>textarea,.bwc-inputs-labeled-textarea.error>.bwc-inputs-textarea{border-color:#c00;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset}.bwc-inputs-labeled-textarea.error>textarea:focus,.bwc-inputs-labeled-textarea.error>.bwc-inputs-textarea:focus{border-color:#c00;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(204,0,0,.15) 0 0 0 2px}.bwc-inputs-radio{display:block;position:relative;padding:0 0 0 22px;margin:11px 0;cursor:pointer}.bwc-inputs-radio>input{position:absolute;left:4px;top:0;height:22px;margin:0;font-size:14px;line-height:22px;text-align:left;cursor:pointer}.bwc-inputs-radio>.label{display:inline;position:relative;left:0;padding:0;margin:0;border:0 none transparent;font-size:14px;font-style:normal;font-weight:400;line-height:22px;text-align:left;vertical-align:initial;white-space:normal;color:#2a2f34}.bwc-inputs-radio.disabled{cursor:not-allowed}.bwc-inputs-radio.success>.label{color:#56aa1c}.bwc-inputs-radio.warning>.label{color:#f60}.bwc-inputs-radio.error>.label{color:#c00}.bwc-inputs-radio.disabled>.label{color:#c7ccd1}.bwc-inputs-select{display:inline-block;height:38px;padding:8px 7px;margin:3px 0;font-size:14px;line-height:22px;color:#2a2f34;background-color:#fff;background-image:none;border:1px solid #c7ccd1;border-radius:3px;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.bwc-inputs-select:invalid{color:#c7ccd1}.bwc-inputs-select:invalid>option{color:#2a2f34}.bwc-inputs-select>option.placeholder{display:none}.bwc-inputs-select[disabled],.bwc-inputs-select[readonly]{background-color:#eef0f3;color:#c7ccd1;cursor:not-allowed}.bwc-inputs-select:focus{border-color:#c7ccd1;outline:0;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(0,139,225,.1) 0 0 0 2px}.bwc-inputs-textarea{display:block;width:100%;padding:7px 10px;margin:3px 0;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height:22px;color:#2a2f34;background-color:#fff;background-image:none;border:1px solid #c7ccd1;border-radius:3px;box-shadow:rgba(0,0,0,.075) 0 1px 1px inset;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none}.bwc-inputs-textarea:-ms-input-placeholder{color:#c7ccd1}.bwc-inputs-textarea::-moz-placeholder{color:#c7ccd1}.bwc-inputs-textarea::placeholder{color:#c7ccd1}.bwc-inputs-textarea[disabled],.bwc-inputs-textarea[readonly]{background-color:#eef0f3;color:#c7ccd1;cursor:not-allowed}.bwc-inputs-textarea:focus{border-color:#c7ccd1;outline:0;box-shadow:rgba(0,0,0,0) 0 1px 1px inset,rgba(0,139,225,.1) 0 0 0 2px}.bwc-text-block{font-size:14px;font-weight:400;line-height:22px;padding:0;margin:0 0 22px}.bwc-text-headline{font-size:32px;font-weight:300;line-height:44px;padding:0;margin:0 0 22px}.bwc-text-leading{font-size:16px;font-weight:400;line-height:22px;padding:0;margin:0 0 22px}.bwc-text-leading-2{font-size:16px;font-weight:700;line-height:22px;padding:0;margin:0 0 22px}.bwc-text-muted{color:#9ba5ae}.bwc-text-small{font-size:12px;font-weight:400;line-height:22px;padding:0;margin:0}.bwc-text-subheading{font-size:18px;font-weight:400;line-height:33px;padding:0;margin:0 0 22px}.bwc-text-subheading-2{font-size:18px;font-weight:600;line-height:33px;padding:0;margin:0 0 22px}.bwc-text-title{font-size:24px;font-weight:300;line-height:33px;padding:0;margin:0 0 22px}.bwc-text-title-2{font-size:24px;font-weight:400;line-height:33px;padding:0;margin:0 0 22px}.actions{display:flex}.create-invite-form .bwc-inputs-labeled-input .message{line-height:17px}
.scs-success{color:#56aa1c}.scs-error{color:#c00}.scs-info{color:#008be1}.scs-warning{color:#f60}.scs-link{color:#008be1}.scs-dialog-no-footer>.bwc-modal-footer{margin:0}.scs-confirmation-dialog>.bwc-modal-header,.scs-confirmation-dialog .bwc-modal-footer{margin:0}.scs-tabs-modal{align-self:flex-start;margin-top:15vh}.scs-required::after{content:"*";color:#c00;vertical-align:top;padding-left:5px}.scs-flex-button-row{display:flex;flex-wrap:wrap;align-items:center}.scs-flex-button-group{display:flex;flex-wrap:wrap;align-items:center}.scs-flex-button-group.left{flex-grow:1}.scs-flex-button-group.right{justify-content:flex-end}.scs-flex-button-group>button,.scs-flex-button-group div{margin:0 5px}.scs-flex-button-group>button:first-child,.scs-flex-button-group div:first-child{margin-left:0}.scs-flex-button-group>button:last-child,.scs-flex-button-group div:last-child{margin-right:0}.scs-reminder{background-color:#cdecff;padding:15px}.scs-legal-reminder{background-color:#eef0f3;padding:15px}img.scs-icon-small,svg.scs-icon-small{width:16px;height:16px;vertical-align:sub;margin:unset}img.scs-icon-medium,svg.scs-icon-medium{width:32px;height:32px;vertical-align:sub;margin:unset}img.scs-button-icon,svg.scs-button-icon{width:20px;height:20px;vertical-align:top;margin:unset}.scs-fieldset{border:0;padding:0}.tooltiptext{word-break:break-word}.bwc-modal-overlay{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.bwc-modal-overlay::-webkit-scrollbar{width:0}.scs-default-icon{fill:#9ba5ae}
.scs-status-icon{width:16px;height:16px;flex-shrink:0;margin-bottom:auto}
.bwc-buttons-blue{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer}.bwc-buttons-blue:hover{text-decoration:none}.bwc-buttons-blue:active,.bwc-buttons-blue:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-blue[disabled],.bwc-buttons-blue[disabled]:hover,.bwc-buttons-blue[disabled]:active,.bwc-buttons-blue[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-blue,.bwc-buttons-blue:active,.bwc-buttons-blue:focus{border:none;background-color:#008be1;color:#fff}.bwc-buttons-blue:hover{background-color:#0073ba;color:#fff}.bwc-buttons-blue-large{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;padding:13px 22px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-blue-large:hover{text-decoration:none}.bwc-buttons-blue-large:active,.bwc-buttons-blue-large:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-blue-large[disabled],.bwc-buttons-blue-large[disabled]:hover,.bwc-buttons-blue-large[disabled]:active,.bwc-buttons-blue-large[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-blue-large,.bwc-buttons-blue-large:active,.bwc-buttons-blue-large:focus{border:none;background-color:#008be1;color:#fff}.bwc-buttons-blue-large:hover{background-color:#0073ba;color:#fff}.bwc-buttons-disabled{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer}.bwc-buttons-disabled:hover{text-decoration:none}.bwc-buttons-disabled:active,.bwc-buttons-disabled:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-disabled[disabled],.bwc-buttons-disabled[disabled]:hover,.bwc-buttons-disabled[disabled]:active,.bwc-buttons-disabled[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-disabled,.bwc-buttons-disabled:active,.bwc-buttons-disabled:focus,.bwc-buttons-disabled:hover{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-disabled-large{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;padding:13px 22px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-disabled-large:hover{text-decoration:none}.bwc-buttons-disabled-large:active,.bwc-buttons-disabled-large:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-disabled-large[disabled],.bwc-buttons-disabled-large[disabled]:hover,.bwc-buttons-disabled-large[disabled]:active,.bwc-buttons-disabled-large[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-disabled-large,.bwc-buttons-disabled-large:active,.bwc-buttons-disabled-large:focus,.bwc-buttons-disabled-large:hover{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-hollow{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer}.bwc-buttons-hollow:hover{text-decoration:none}.bwc-buttons-hollow:active,.bwc-buttons-hollow:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-hollow[disabled],.bwc-buttons-hollow[disabled]:hover,.bwc-buttons-hollow[disabled]:active,.bwc-buttons-hollow[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-hollow,.bwc-buttons-hollow:active,.bwc-buttons-hollow:focus{padding:7px 10px;border:1px solid #85929d;background-color:transparent;color:#3c434a}.bwc-buttons-hollow:hover{background-color:transparent;border-color:#4d575f;color:#070809}.bwc-buttons-hollow[disabled],.bwc-buttons-hollow[disabled]:hover,.bwc-buttons-hollow[disabled]:active,.bwc-buttons-hollow[disabled]:focus{padding:8px 11px}.bwc-buttons-hollow-large{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;padding:12px 21px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-hollow-large:hover{text-decoration:none}.bwc-buttons-hollow-large:active,.bwc-buttons-hollow-large:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-hollow-large[disabled],.bwc-buttons-hollow-large[disabled]:hover,.bwc-buttons-hollow-large[disabled]:active,.bwc-buttons-hollow-large[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-hollow-large,.bwc-buttons-hollow-large:active,.bwc-buttons-hollow-large:focus{padding:7px 10px;border:1px solid #85929d;background-color:transparent;color:#3c434a}.bwc-buttons-hollow-large:hover{background-color:transparent;border-color:#4d575f;color:#070809}.bwc-buttons-hollow-large[disabled],.bwc-buttons-hollow-large[disabled]:hover,.bwc-buttons-hollow-large[disabled]:active,.bwc-buttons-hollow-large[disabled]:focus{padding:8px 11px}.bwc-buttons-hollow-large,.bwc-buttons-hollow-large:active,.bwc-buttons-hollow-large:focus{padding:12px 21px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-hollow-large[disabled],.bwc-buttons-hollow-large[disabled]:hover,.bwc-buttons-hollow-large[disabled]:active,.bwc-buttons-hollow-large[disabled]:focus{padding:13px 22px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-primary{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer}.bwc-buttons-primary:hover{text-decoration:none}.bwc-buttons-primary:active,.bwc-buttons-primary:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-primary[disabled],.bwc-buttons-primary[disabled]:hover,.bwc-buttons-primary[disabled]:active,.bwc-buttons-primary[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-primary,.bwc-buttons-primary:active,.bwc-buttons-primary:focus{color:#fff;border:none;background-color:#56aa1c}.bwc-buttons-primary:hover{background-color:#458816;color:#fff}.bwc-buttons-primary-large{display:inline-block;padding:8px 11px;margin:3px 0;border-radius:3px;line-height:22px;outline:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;padding:13px 22px;margin:9px 0;font-size:16px;font-weight:400}.bwc-buttons-primary-large:hover{text-decoration:none}.bwc-buttons-primary-large:active,.bwc-buttons-primary-large:focus{outline:none;box-shadow:none;text-decoration:none}.bwc-buttons-primary-large[disabled],.bwc-buttons-primary-large[disabled]:hover,.bwc-buttons-primary-large[disabled]:active,.bwc-buttons-primary-large[disabled]:focus{opacity:.4;background-color:#9ba5ae;border:0;color:#fff;cursor:not-allowed}.bwc-buttons-primary-large,.bwc-buttons-primary-large:active,.bwc-buttons-primary-large:focus{color:#fff;border:none;background-color:#56aa1c}.bwc-buttons-primary-large:hover{background-color:#458816;color:#fff}.bwc-buttons-group{display:flex}.bwc-buttons-group>*:first-child{border-radius:3px 0 0 3px}.bwc-buttons-group>*:last-child{border-radius:0 3px 3px 0}.bwc-buttons-group>*:last-child,.bwc-buttons-group>*:last-child:active,.bwc-buttons-group>*:last-child:focus{border-left-width:0}.bwc-buttons-group>*:not(:first-child):not(:last-child){border-radius:0}.bwc-buttons-group>*:not(:first-child):not(:last-child),.bwc-buttons-group>*:not(:first-child):not(:last-child):active,.bwc-buttons-group>*:not(:first-child):not(:last-child):focus{border-left-width:0}.scs-button-more{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;width:28px;height:28px;background-color:transparent;transition:background .5s;cursor:pointer}.scs-button-more:focus{outline:none}.scs-button-more:hover{background:rgba(128,128,128,.1) radial-gradient(circle, rgba(128, 128, 128, 0.1) 1%, transparent 1%)}.scs-button-more:active{background-color:rgba(128,128,128,.2);transition:background 0s}
.bwc-btn-row{display:inline-flex;vertical-align:top}.bwc-btn-row .bwc-menu-item:first-child:not(:only-child),.bwc-btn-row .scs-popover-menu>.scs-menu-item:first-child:not(:only-child){margin:0px -1px;border-top-right-radius:0px;border-bottom-right-radius:0px}.bwc-btn-row .bwc-menu-item:only-child,.bwc-btn-row .scs-popover-menu>.scs-menu-item:only-child{margin:0px -1px;border-radius:3px}.bwc-btn-row .bwc-btn-with-dd:not(:only-child) .bwc-menu-item:first-child,.bwc-btn-row .bwc-btn-with-dd:not(:only-child) .scs-popover-menu>.scs-menu-item:first-child,.bwc-btn-row .bwc-menu-item:last-child:not(:only-child),.bwc-btn-row .scs-popover-menu>.scs-menu-item:last-child:not(:only-child){margin:0px -1px;border-top-left-radius:0px;border-bottom-left-radius:0px}.bwc-btn-row .bwc-menu-item:not(:first-child):not(:last-child),.bwc-btn-row .scs-popover-menu>.scs-menu-item:not(:first-child):not(:last-child){margin:0px -1px;border-radius:0px}.bwc-btn-row .bwc-toolbar-button:first-child:not(:only-child) .bwc-menu-item,.bwc-btn-row .bwc-toolbar-button:first-child:not(:only-child) .scs-popover-menu>.scs-menu-item{margin:0px -1px;border-top-right-radius:0px;border-bottom-right-radius:0px}.bwc-btn-row .bwc-toolbar-button:only-child .bwc-menu-item,.bwc-btn-row .bwc-toolbar-button:only-child .scs-popover-menu>.scs-menu-item{margin:0px -1px;border-radius:3px}.bwc-btn-row .bwc-btn-with-dd:not(:only-child) .bwc-menu-item:first-child,.bwc-btn-row .bwc-btn-with-dd:not(:only-child) .scs-popover-menu>.scs-menu-item:first-child,.bwc-btn-row .bwc-toolbar-button:last-child:not(:only-child) .bwc-menu-item,.bwc-btn-row .bwc-toolbar-button:last-child:not(:only-child) .scs-popover-menu>.scs-menu-item{margin:0px -1px;border-top-left-radius:0px;border-bottom-left-radius:0px}.bwc-btn-row .bwc-toolbar-button:not(:first-child):not(:last-child) .bwc-menu-item,.bwc-btn-row .bwc-toolbar-button:not(:first-child):not(:last-child) .scs-popover-menu>.scs-menu-item{margin:0px -1px;border-radius:0px}.bwc-btn-row .bwc-menu-item,.bwc-btn-row .scs-popover-menu>.scs-menu-item,.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item,.bwc-btn-row .bwc-btn-with-dd .scs-popover-menu>.scs-menu-item{height:38px;width:48px;position:relative;display:inline-flex;vertical-align:top;outline:none;box-shadow:none;text-decoration:none;fill:#677480;background-color:#fff;border:1px solid #dce0e3;border-radius:3px;padding:0px;cursor:pointer}.bwc-btn-row .bwc-menu-header{position:relative;list-style-type:none;width:100%;max-height:38px;border-radius:0px;text-align:left;cursor:default;background:#fff;padding:0px;font:inherit;display:list-item;border:0px;z-index:101;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:21px}.bwc-btn-row .bwc-menu-header:hover{background:#fff}.bwc-btn-row .bwc-menu-header .option-header{padding:5px 9px;font-size:11px;color:#9ba5ae}.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus),.bwc-btn-row .bwc-btn-with-dd .scs-popover-menu>.scs-menu-item:hover:not(:disabled):not(:focus),.bwc-btn-row .bwc-menu-item:hover:not(:disabled):not(:focus),.bwc-btn-row .scs-popover-menu>.scs-menu-item:hover:not(:disabled):not(:focus),.bwc-btn-row .bwc-menu-item.focus:hover:not(:disabled):not(:focus){border:1px solid #4d575f;z-index:30}.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected,.bwc-btn-row .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,.bwc-btn-row .scs-popover-menu>.scs-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,.bwc-btn-row .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected,.bwc-btn-row .scs-popover-menu>.scs-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected,.bwc-btn-row .bwc-menu-item.focus:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,.bwc-btn-row .bwc-menu-item.focus:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected{fill:#008be1}.bwc-btn-row .bwc-menu-item:focus,.bwc-btn-row .scs-popover-menu>.scs-menu-item:focus,.bwc-btn-row .bwc-menu-item.focus:focus,.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus,.bwc-btn-row .bwc-btn-with-dd .scs-popover-menu>.scs-menu-item:focus{border:1px solid #008be1;background-color:#fff;z-index:20}.bwc-btn-row .bwc-menu-item:focus .bwc-menu-item-svg,.bwc-btn-row .scs-popover-menu>.scs-menu-item:focus .bwc-menu-item-svg,.bwc-btn-row .bwc-menu-item:focus .bwc-menu-item-svg-selected,.bwc-btn-row .scs-popover-menu>.scs-menu-item:focus .bwc-menu-item-svg-selected,.bwc-btn-row .bwc-menu-item.focus:focus .bwc-menu-item-svg,.bwc-btn-row .bwc-menu-item.focus:focus .bwc-menu-item-svg-selected,.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus .bwc-menu-item-svg,.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus .bwc-menu-item-svg-selected{fill:#008be1}.bwc-btn-row .bwc-menu-item:active:not(:disabled),.bwc-btn-row .scs-popover-menu>.scs-menu-item:active:not(:disabled),.bwc-btn-row .bwc-menu-item.focus:active:not(:disabled),.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled),.bwc-btn-row .bwc-btn-with-dd .scs-popover-menu>.scs-menu-item:active:not(:disabled){border:1px solid #008be1;background-color:#008be1;z-index:10}.bwc-btn-row .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg,.bwc-btn-row .scs-popover-menu>.scs-menu-item:active:not(:disabled) .bwc-menu-item-svg,.bwc-btn-row .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg-selected,.bwc-btn-row .scs-popover-menu>.scs-menu-item:active:not(:disabled) .bwc-menu-item-svg-selected,.bwc-btn-row .bwc-menu-item.focus:active:not(:disabled) .bwc-menu-item-svg,.bwc-btn-row .bwc-menu-item.focus:active:not(:disabled) .bwc-menu-item-svg-selected,.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg,.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg-selected{fill:#fff}.bwc-btn-row .bwc-menu-item:disabled,.bwc-btn-row .scs-popover-menu>.scs-menu-item:disabled,.bwc-btn-row .bwc-menu-item.focus:disabled{border:1px solid #dce0e3;background:#fff;cursor:inherit}.bwc-btn-row .bwc-menu-item:disabled .bwc-menu-item-svg,.bwc-btn-row .scs-popover-menu>.scs-menu-item:disabled .bwc-menu-item-svg,.bwc-btn-row .bwc-menu-item.focus:disabled .bwc-menu-item-svg{fill:#c7ccd1}.bwc-btn-row .bwc-menu-item-content{height:inherit;width:inherit;display:flex;flex-direction:column;align-items:center;margin:auto}.bwc-btn-row .bwc-menu-item-svg{width:16px;height:16px;margin:auto;margin-top:5px;fill:#677480}.bwc-btn-row .bwc-menu-item-svg-selected{width:16px;height:16px;margin:auto;margin-top:5px;fill:#008be1}.bwc-btn-row .bwc-menu-item-selected-indicator{transition:all .15s ease-in-out;margin-top:3px;fill:#008be1}.bwc-dropdown-list,.scs-popover-menu{position:relative;padding-left:0px;box-shadow:none;cursor:pointer;width:-moz-max-content;width:max-content;margin-top:0px;background:#fff;z-index:150;border:1px solid #dce0e3;margin-block-start:0px;margin-block-end:0px;max-width:545px;max-height:600px;overflow-y:auto}.bwc-dropdown-list>.bwc-menu-item,.scs-popover-menu>.bwc-menu-item,.scs-popover-menu>.scs-menu-item{position:relative;list-style-type:none;width:100%;height:38px;max-height:38px;border-radius:0px;text-align:left;cursor:inherit;background:#fff;padding:0px;font:inherit;display:list-item;border:0px;z-index:101;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bwc-dropdown-list>.bwc-menu-item:hover,.scs-popover-menu>.bwc-menu-item:hover,.scs-popover-menu>.scs-menu-item:hover{background:#e5f5fd;outline:0}.bwc-dropdown-list>.bwc-menu-item:focus,.scs-popover-menu>.bwc-menu-item:focus,.scs-popover-menu>.scs-menu-item:focus{background:#d9eefb;outline:0}.bwc-dropdown-list>.bwc-menu-item:active,.scs-popover-menu>.bwc-menu-item:active,.scs-popover-menu>.scs-menu-item:active{background:#008be1}.bwc-dropdown-list>.bwc-menu-item:active .option-icon,.scs-popover-menu>.bwc-menu-item:active .option-icon,.scs-popover-menu>.scs-menu-item:active .option-icon{fill:#fff}.bwc-dropdown-list>.bwc-menu-item:active .option-title,.scs-popover-menu>.bwc-menu-item:active .option-title,.scs-popover-menu>.scs-menu-item:active .option-title{color:#fff}.bwc-dropdown-list>.bwc-menu-item:disabled,.scs-popover-menu>.bwc-menu-item:disabled,.scs-popover-menu>.scs-menu-item:disabled{background:#fff;cursor:default}.bwc-dropdown-list>.bwc-menu-item:disabled .option-icon,.scs-popover-menu>.bwc-menu-item:disabled .option-icon,.scs-popover-menu>.scs-menu-item:disabled .option-icon{fill:#c7ccd1}.bwc-dropdown-list>.bwc-menu-item:disabled .option-title,.scs-popover-menu>.bwc-menu-item:disabled .option-title,.scs-popover-menu>.scs-menu-item:disabled .option-title{color:#c7ccd1}.bwc-dropdown-list>.bwc-menu-item>.option-icon,.scs-popover-menu>.bwc-menu-item>.option-icon,.scs-popover-menu>.scs-menu-item>.option-icon{position:relative;display:inline-block;vertical-align:middle;height:16px;width:16px;white-space:nowrap;margin:10px 0px 14px 16px;fill:#677480}.bwc-dropdown-list>.bwc-menu-item>.option-title,.scs-popover-menu>.bwc-menu-item>.option-title,.scs-popover-menu>.scs-menu-item>.option-title{display:inline-block;position:relative;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:14px;color:#3c434a;margin:0px;padding:10px 16px 10px;max-width:430px}.bwc-dropdown-list>.bwc-menu-item>.option-badge,.scs-popover-menu>.bwc-menu-item>.option-badge,.scs-popover-menu>.scs-menu-item>.option-badge{position:relative;float:right;vertical-align:middle;height:16px;width:16px;white-space:nowrap;margin-top:11px;margin-bottom:13px;margin-right:16px}.bwc-btn-with-dd{width:-moz-max-content;width:max-content;display:inline-block}.bwc-btn-with-dd .button-name{margin-right:5px;display:inline}.bwc-btn-with-dd .button-icon{width:16px;height:16px;vertical-align:sub;fill:#fff;margin:0px;margin-right:8px}.scs-popover-menu{box-shadow:0px 2px 5px rgba(0,0,0,.15)}.scs-popover-menu>.scs-menu-item{color:inherit}.scs-popover-menu>.scs-menu-item:active{color:#fff}.scs-popover-menu>.scs-menu-item>a,.scs-popover-menu>.scs-menu-item>div,.scs-popover-menu>.scs-menu-item>span{display:block;color:inherit;padding:8px 15px;text-decoration:none}
#scs-tableWrapper .th-contents-container .th-column-name-span{font-weight:normal}#scs-tableWrapper .th-contents-container>*{overflow:hidden;text-overflow:ellipsis}#scs-tableWrapper .rt-th #select-all{display:none}#scs-tableWrapper .rt-noData{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:60px;padding-bottom:60px;left:0;top:0;transform:none;margin-top:0;width:100%}#scs-tableWrapper .rt-noData:empty{display:none}
.scs-project-members-dialog{height:465px;display:flex;flex-direction:column;width:750px;max-width:100%}.scs-project-members-dialog-top{display:flex;flex-wrap:wrap;align-items:center;margin-top:-14px}.scs-project-members-dialog-top>div{margin-top:14px}
.bwc-alerts-error {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px;
padding: 10px;
border: 1px solid #f6d0d0;
border-radius: 3px;
background-color: #fae5e5;
color: #c00; }
.bwc-alerts-error > .icon:first-child {
display: inline-block;
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px; }
.bwc-alerts-error > a {
text-decoration: underline; }
.bwc-alerts-error > a:hover {
text-decoration: none; }
.bwc-alerts-info {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px;
padding: 10px;
border: 1px solid #cdecfb;
border-radius: 3px;
background-color: #e5f5fd;
color: #008be1; }
.bwc-alerts-info > .icon:first-child {
display: inline-block;
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px; }
.bwc-alerts-info > a {
text-decoration: underline; }
.bwc-alerts-info > a:hover {
text-decoration: none; }
.bwc-alerts-success {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px;
padding: 10px;
border: 1px solid #e0efd6;
border-radius: 3px;
background-color: #eef6e8;
color: #56aa1c; }
.bwc-alerts-success > .icon:first-child {
display: inline-block;
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px; }
.bwc-alerts-success > a {
text-decoration: underline; }
.bwc-alerts-success > a:hover {
text-decoration: none; }
.bwc-alerts-warning {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px;
padding: 10px;
border: 1px solid #ffeea3;
border-radius: 3px;
background-color: #fffae6;
color: #997c00; }
.bwc-alerts-warning > .icon:first-child {
display: inline-block;
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px; }
.bwc-alerts-warning > a {
text-decoration: underline; }
.bwc-alerts-warning > a:hover {
text-decoration: none; }
.alert-icon {
position: relative;
display: inline-block;
top: 3px;
margin: 0 12px 0 0;
}
.bwc-icons-large {
width: 48px;
height: 48px; }
.bwc-icons-medium {
width: 32px;
height: 32px; }
.bwc-icons-small {
width: 16px;
height: 16px; }
.bwc-icons-x-large {
width: 64px;
height: 64px; }
.bwc-icons {
display: inline-block;
}
/* .icon.status-info {
content: url('~../../node_modules/@bentley/svg-icons/icons/info.svg');
}
.icon.status-success {
content: url('~../../node_modules/@bentley/svg-icons/icons/status/success.svg');
}
.icon.status-error {
content: url('~../../node_modules/@bentley/svg-icons/icons/status/error.svg');
}
.icon.status-warning {
content: url('~../../node_modules/@bentley/svg-icons/icons/status/warning.svg');
}
.icon.pyramid {
content: url('~../../node_modules/@bentley/svg-icons/icons/pyramid.svg');
}
.icon.folder {
content: url('~../../node_modules/@bentley/svg-icons/default/folder.svg');
}
.icon.filter {
content: url('~../../node_modules/@bentley/svg-icons/default/filter-outlined.svg');
padding: 13px;
}
.icon.filter-green {
content: url('~../../node_modules/@bentley/svg-icons/green/filter.svg');
margin: auto;
padding: 13px;
}
.icon.sort-up {
content: url('~../../node_modules/@bentley/svg-icons/default/sort-up.svg');
}
.icon.sort-down {
content: url('~../../node_modules/@bentley/svg-icons/default/sort-down.svg');
}
.icon.bwc-tables-column-manager {
content: url('~../../node_modules/@bentley/svg-icons/icons/bwc-tables-column-manager.svg');
}
.icon.chevron-right {
content: url('~../../node_modules/@bentley/svg-icons/default/chevron-right.svg');
}
.icon.chevron-right2 {
content: url('~../../node_modules/@bentley/svg-icons/icons/chevron-right.svg');
}
.icon.chevron-left {
content: url('~../../node_modules/@bentley/svg-icons/icons/chevron-left.svg');
}
.icon.chevron-down {
content: url('~../../node_modules/@bentley/svg-icons/default/chevron-down.svg');
}
.icon.more_2 {
content: url('~../../node_modules/@bentley/svg-icons/icons/more_2.svg');
position: relative;
}
.icon.caret-up {
content: url('~../../node_modules/@bentley/svg-icons/default/caret-up.svg');
}
.icon.caret-down {
content: url('~../../node_modules/@bentley/svg-icons/default/caret-down.svg');
}
.icon.caret-left {
content: url('~../../node_modules/@bentley/svg-icons/default/caret-left.svg');
}
.icon.caret-right {
content: url('~../../node_modules/@bentley/svg-icons/default/caret-right.svg');
}
.icon.status-close {
content: url('~../../node_modules/@bentley/svg-icons/default/close.svg');
}
.icon.status-search {
content: url('~../../node_modules/@bentley/svg-icons/default/search.svg');
} */
.green {
color: #56aa1c;
}
/* Helper Mixin */
/* User-facing Mixin */
.bwc-buttons-blue {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer; }
.bwc-buttons-blue:hover {
text-decoration: none; }
.bwc-buttons-blue:active, .bwc-buttons-blue:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-blue[disabled], .bwc-buttons-blue[disabled]:hover, .bwc-buttons-blue[disabled]:active, .bwc-buttons-blue[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-blue, .bwc-buttons-blue:active, .bwc-buttons-blue:focus {
border: none;
background-color: #008be1;
color: #fff; }
.bwc-buttons-blue:hover {
background-color: #0073ba;
color: #fff; }
.bwc-buttons-blue-large {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 13px 22px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-blue-large:hover {
text-decoration: none; }
.bwc-buttons-blue-large:active, .bwc-buttons-blue-large:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-blue-large[disabled], .bwc-buttons-blue-large[disabled]:hover, .bwc-buttons-blue-large[disabled]:active, .bwc-buttons-blue-large[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-blue-large, .bwc-buttons-blue-large:active, .bwc-buttons-blue-large:focus {
border: none;
background-color: #008be1;
color: #fff; }
.bwc-buttons-blue-large:hover {
background-color: #0073ba;
color: #fff; }
.bwc-buttons-disabled {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer; }
.bwc-buttons-disabled:hover {
text-decoration: none; }
.bwc-buttons-disabled:active, .bwc-buttons-disabled:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-disabled[disabled], .bwc-buttons-disabled[disabled]:hover, .bwc-buttons-disabled[disabled]:active, .bwc-buttons-disabled[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-disabled, .bwc-buttons-disabled:active, .bwc-buttons-disabled:focus, .bwc-buttons-disabled:hover {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-disabled-large {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 13px 22px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-disabled-large:hover {
text-decoration: none; }
.bwc-buttons-disabled-large:active, .bwc-buttons-disabled-large:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-disabled-large[disabled], .bwc-buttons-disabled-large[disabled]:hover, .bwc-buttons-disabled-large[disabled]:active, .bwc-buttons-disabled-large[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-disabled-large, .bwc-buttons-disabled-large:active, .bwc-buttons-disabled-large:focus, .bwc-buttons-disabled-large:hover {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-hollow {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer; }
.bwc-buttons-hollow:hover {
text-decoration: none; }
.bwc-buttons-hollow:active, .bwc-buttons-hollow:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-hollow[disabled], .bwc-buttons-hollow[disabled]:hover, .bwc-buttons-hollow[disabled]:active, .bwc-buttons-hollow[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-hollow, .bwc-buttons-hollow:active, .bwc-buttons-hollow:focus {
padding: 7px 10px;
border: 1px solid #85929d;
background-color: transparent;
color: #3c434a; }
.bwc-buttons-hollow:hover {
background-color: transparent;
border-color: #4d575f;
color: #070809; }
.bwc-buttons-hollow[disabled], .bwc-buttons-hollow[disabled]:hover, .bwc-buttons-hollow[disabled]:active, .bwc-buttons-hollow[disabled]:focus {
padding: 8px 11px; }
.bwc-buttons-hollow-large {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 12px 21px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-hollow-large:hover {
text-decoration: none; }
.bwc-buttons-hollow-large:active, .bwc-buttons-hollow-large:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-hollow-large[disabled], .bwc-buttons-hollow-large[disabled]:hover, .bwc-buttons-hollow-large[disabled]:active, .bwc-buttons-hollow-large[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-hollow-large, .bwc-buttons-hollow-large:active, .bwc-buttons-hollow-large:focus {
padding: 7px 10px;
border: 1px solid #85929d;
background-color: transparent;
color: #3c434a; }
.bwc-buttons-hollow-large:hover {
background-color: transparent;
border-color: #4d575f;
color: #070809; }
.bwc-buttons-hollow-large[disabled], .bwc-buttons-hollow-large[disabled]:hover, .bwc-buttons-hollow-large[disabled]:active, .bwc-buttons-hollow-large[disabled]:focus {
padding: 8px 11px; }
.bwc-buttons-hollow-large, .bwc-buttons-hollow-large:active, .bwc-buttons-hollow-large:focus {
padding: 12px 21px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-hollow-large[disabled], .bwc-buttons-hollow-large[disabled]:hover, .bwc-buttons-hollow-large[disabled]:active, .bwc-buttons-hollow-large[disabled]:focus {
padding: 13px 22px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-primary {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer; }
.bwc-buttons-primary:hover {
text-decoration: none; }
.bwc-buttons-primary:active, .bwc-buttons-primary:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-primary[disabled], .bwc-buttons-primary[disabled]:hover, .bwc-buttons-primary[disabled]:active, .bwc-buttons-primary[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-primary, .bwc-buttons-primary:active, .bwc-buttons-primary:focus {
color: #fff;
border: none;
background-color: #56aa1c; }
.bwc-buttons-primary:hover {
background-color: #458816;
color: #fff; }
.bwc-buttons-primary-large {
display: inline-block;
padding: 8px 11px;
margin: 3px 0;
border-radius: 3px;
line-height: 22px;
outline: none;
box-shadow: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 13px 22px;
margin: 9px 0;
font-size: 16px;
font-weight: 400; }
.bwc-buttons-primary-large:hover {
text-decoration: none; }
.bwc-buttons-primary-large:active, .bwc-buttons-primary-large:focus {
outline: none;
box-shadow: none;
text-decoration: none; }
.bwc-buttons-primary-large[disabled], .bwc-buttons-primary-large[disabled]:hover, .bwc-buttons-primary-large[disabled]:active, .bwc-buttons-primary-large[disabled]:focus {
opacity: 0.4;
background-color: #9ba5ae;
border: 0;
color: #fff;
cursor: not-allowed; }
.bwc-buttons-primary-large, .bwc-buttons-primary-large:active, .bwc-buttons-primary-large:focus {
color: #fff;
border: none;
background-color: #56aa1c; }
.bwc-buttons-primary-large:hover {
background-color: #458816;
color: #fff; }
.bwc-buttons-group {
display: flex; }
.bwc-buttons-group > *:first-child {
border-radius: 3px 0 0 3px; }
.bwc-buttons-group > *:last-child {
border-radius: 0 3px 3px 0; }
.bwc-buttons-group > *:last-child, .bwc-buttons-group > *:last-child:active, .bwc-buttons-group > *:last-child:focus {
border-left-width: 0; }
.bwc-buttons-group > *:not(:first-child):not(:last-child) {
border-radius: 0; }
.bwc-buttons-group > *:not(:first-child):not(:last-child), .bwc-buttons-group > *:not(:first-child):not(:last-child):active, .bwc-buttons-group > *:not(:first-child):not(:last-child):focus {
border-left-width: 0; }
.bwc-inputs-checkbox {
display: block;
position: relative;
padding: 0 0 0 22px;
margin: 11px 0;
cursor: pointer; }
.bwc-inputs-checkbox > input {
position: absolute;
left: 4px;
top: 0;
height: 22px;
margin: 0;
font-size: 14px;
line-height: 22px;
text-align: left;
cursor: pointer; }
.bwc-inputs-checkbox > .label {
display: inline;
position: relative;
left: 0;
padding: 0;
margin: 0;
border: 0 none transparent;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: left;
vertical-align: initial;
white-space: normal;
color: #2a2f34; }
.bwc-inputs-checkbox.disabled {
cursor: not-allowed; }
.bwc-inputs-checkbox.success > .label {
color: #56aa1c; }
.bwc-inputs-checkbox.warning > .label {
color: #f60; }
.bwc-inputs-checkbox.error > .label {
color: #c00; }
.bwc-inputs-checkbox.disabled > .label {
color: #c7ccd1; }
.bwc-inputs-input {
display: block;
width: 100%;
padding: 7px 10px;
margin: 3px 0;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 22px;
color: #2a2f34;
background-color: #fff;
background-image: none;
border: 1px solid #c7ccd1;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.bwc-inputs-input::-webkit-input-placeholder {
color: #c7ccd1; }
.bwc-inputs-input:-ms-input-placeholder {
color: #c7ccd1; }
.bwc-inputs-input::placeholder {
color: #c7ccd1; }
.bwc-inputs-input[disabled], .bwc-inputs-input[readonly] {
background-color: #eef0f3;
color: #c7ccd1;
cursor: not-allowed; }
.bwc-inputs-input:focus {
border-color: #c7ccd1;
outline: 0;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(0, 139, 225, 0.1) 0 0 0 2px; }
.bwc-inputs-labeled-input {
display: block;
padding: 0;
margin: 0 0 11px;
text-align: left;
font-size: 14px;
font-weight: 400;
cursor: pointer; }
.bwc-inputs-labeled-input > .label {
padding: 0;
margin: 0;
border: 0 none transparent;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: left;
color: #2a2f34; }
.bwc-inputs-labeled-input > .input {
position: relative;
display: inline-block;
width: 100%; }
.bwc-inputs-labeled-input > .input.with-icon > input,
.bwc-inputs-labeled-input > .input.with-icon > .bwx-inputs-input {
padding-right: 32px; }
.bwc-inputs-labeled-input > .input > .icon {
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding: 11px;
font-size: 16px;
font-weight: normal;
line-height: 22px; }
.bwc-inputs-labeled-input > .message {
display: block;
font-size: 12px;
line-height: 22px;
color: #9ba5ae; }
.bwc-inputs-labeled-input.success,
.bwc-inputs-labeled-input.success > .message {
color: #56aa1c; }
.bwc-inputs-labeled-input.success > .input > input,
.bwc-inputs-labeled-input.success > .input > .bwc-inputs-input {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-input.success > .input > input:focus,
.bwc-inputs-labeled-input.success > .input > .bwc-inputs-input:focus {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(86, 170, 28, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-input.warning,
.bwc-inputs-labeled-input.warning > .message {
color: #f60; }
.bwc-inputs-labeled-input.warning > .input > input,
.bwc-inputs-labeled-input.warning > .input > .bwc-inputs-input {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-input.warning > .input > input:focus,
.bwc-inputs-labeled-input.warning > .input > .bwc-inputs-input:focus {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(255, 102, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-input.error,
.bwc-inputs-labeled-input.error > .message {
color: #c00; }
.bwc-inputs-labeled-input.error > .input > input,
.bwc-inputs-labeled-input.error > .input > .bwc-inputs-input {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-input.error > .input > input:focus,
.bwc-inputs-labeled-input.error > .input > .bwc-inputs-input:focus {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(204, 0, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-select {
display: block;
padding: 0;
margin: 0 0 11px;
text-align: left;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
cursor: pointer; }
.bwc-inputs-labeled-select > .label {
padding: 0;
margin: 0;
border: 0 none transparent;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: left;
color: #2a2f34; }
.bwc-inputs-labeled-select > .message {
display: block;
font-size: 12px;
line-height: 22px;
color: #9ba5ae; }
.bwc-inputs-labeled-select.success,
.bwc-inputs-labeled-select.success > .message {
color: #56aa1c; }
.bwc-inputs-labeled-select.success > select,
.bwc-inputs-labeled-select.success > .bwc-inputs-select {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-select.success > select:focus,
.bwc-inputs-labeled-select.success > .bwc-inputs-select:focus {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(86, 170, 28, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-select.warning,
.bwc-inputs-labeled-select.warning > .message {
color: #f60; }
.bwc-inputs-labeled-select.warning > select,
.bwc-inputs-labeled-select.warning > .bwc-inputs-select {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-select.warning > select:focus,
.bwc-inputs-labeled-select.warning > .bwc-inputs-select:focus {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(255, 102, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-select.error,
.bwc-inputs-labeled-select.error > .message {
color: #c00; }
.bwc-inputs-labeled-select.error > select,
.bwc-inputs-labeled-select.error > .bwc-inputs-select {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-select.error > select:focus,
.bwc-inputs-labeled-select.error > .bwc-inputs-select:focus {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(204, 0, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-textarea {
display: block;
padding: 0;
margin: 0 0 11px;
line-height: 0;
text-align: left;
cursor: pointer;
font-weight: normal; }
.bwc-inputs-labeled-textarea > .label {
padding: 0;
margin: 0;
border: 0 none transparent;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: left;
color: #2a2f34; }
.bwc-inputs-labeled-textarea > .bwc-inputs-textarea {
display: inline-block;
width: 100%; }
.bwc-inputs-labeled-textarea > .message {
display: block;
font-size: 12px;
line-height: 22px;
color: #9ba5ae; }
.bwc-inputs-labeled-textarea.success,
.bwc-inputs-labeled-textarea.success > .message {
color: #56aa1c; }
.bwc-inputs-labeled-textarea.success > textarea,
.bwc-inputs-labeled-textarea.success > .bwc-inputs-textarea {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-textarea.success > textarea:focus,
.bwc-inputs-labeled-textarea.success > .bwc-inputs-textarea:focus {
border-color: #56aa1c;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(86, 170, 28, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-textarea.warning,
.bwc-inputs-labeled-textarea.warning > .message {
color: #f60; }
.bwc-inputs-labeled-textarea.warning > textarea,
.bwc-inputs-labeled-textarea.warning > .bwc-inputs-textarea {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-textarea.warning > textarea:focus,
.bwc-inputs-labeled-textarea.warning > .bwc-inputs-textarea:focus {
border-color: #f60;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(255, 102, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-labeled-textarea.error,
.bwc-inputs-labeled-textarea.error > .message {
color: #c00; }
.bwc-inputs-labeled-textarea.error > textarea,
.bwc-inputs-labeled-textarea.error > .bwc-inputs-textarea {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; }
.bwc-inputs-labeled-textarea.error > textarea:focus,
.bwc-inputs-labeled-textarea.error > .bwc-inputs-textarea:focus {
border-color: #c00;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(204, 0, 0, 0.15) 0 0 0 2px; }
.bwc-inputs-radio {
display: block;
position: relative;
padding: 0 0 0 22px;
margin: 11px 0;
cursor: pointer; }
.bwc-inputs-radio > input {
position: absolute;
left: 4px;
top: 0;
height: 22px;
margin: 0;
font-size: 14px;
line-height: 22px;
text-align: left;
cursor: pointer; }
.bwc-inputs-radio > .label {
display: inline;
position: relative;
left: 0;
padding: 0;
margin: 0;
border: 0 none transparent;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: left;
vertical-align: initial;
white-space: normal;
color: #2a2f34; }
.bwc-inputs-radio.disabled {
cursor: not-allowed; }
.bwc-inputs-radio.success > .label {
color: #56aa1c; }
.bwc-inputs-radio.warning > .label {
color: #f60; }
.bwc-inputs-radio.error > .label {
color: #c00; }
.bwc-inputs-radio.disabled > .label {
color: #c7ccd1; }
.bwc-inputs-select {
display: inline-block;
height: 38px;
padding: 8px 7px;
margin: 3px 0;
font-size: 14px;
line-height: 22px;
color: #2a2f34;
background-color: #fff;
background-image: none;
border: 1px solid #c7ccd1;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.bwc-inputs-select:invalid {
color: #c7ccd1; }
.bwc-inputs-select:invalid > option {
color: #2a2f34; }
.bwc-inputs-select > option.placeholder {
display: none; }
.bwc-inputs-select[disabled], .bwc-inputs-select[readonly] {
background-color: #eef0f3;
color: #c7ccd1;
cursor: not-allowed; }
.bwc-inputs-select:focus {
border-color: #c7ccd1;
outline: 0;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(0, 139, 225, 0.1) 0 0 0 2px; }
.bwc-inputs-textarea {
display: block;
width: 100%;
padding: 7px 10px;
margin: 3px 0;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
color: #2a2f34;
background-color: #fff;
background-image: none;
border: 1px solid #c7ccd1;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.bwc-inputs-textarea::-webkit-input-placeholder {
color: #c7ccd1; }
.bwc-inputs-textarea:-ms-input-placeholder {
color: #c7ccd1; }
.bwc-inputs-textarea::placeholder {
color: #c7ccd1; }
.bwc-inputs-textarea[disabled], .bwc-inputs-textarea[readonly] {
background-color: #eef0f3;
color: #c7ccd1;
cursor: not-allowed; }
.bwc-inputs-textarea:focus {
border-color: #c7ccd1;
outline: 0;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(0, 139, 225, 0.1) 0 0 0 2px; }
.bwc-inputs-labeled-input,
.bwc-inputs-labeled-input *,
.bwc-inputs-labeled-select,
.bwc-inputs-labeled-select *,
.bwc-inputs-labeled-textarea,
.bwc-inputs-labeled-textarea *,
.bwc-inputs-input,
.bwc-inputs-input *,
.bwc-inputs-select,
.bwc-inputs-select *,
.bwc-inputs-textarea,
.bwc-inputs-textarea *,
.bwc-inputs-checkbox,
.bwc-inputs-checkbox *,
.bwc-inputs-radio,
.bwc-inputs-radio * {
box-sizing: border-box;
}
.bwc-inputs-labeled-input > .input.with-icon > .icon {
margin: 11px;
padding: 0;
width: 16px;
}
.bwc-inputs-labeled-input.close > .input.with-icon > .icon > svg,
.bwc-inputs-labeled-input.search > .input.with-icon > .icon > svg {
fill: #9ba5ae;
}
.tooltip-content {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.tooltip button:disabled {
/* don't let disabled button block mouse events from reaching wrapper */
pointer-events: none;
}
.tooltiptext {
/* Position the tooltip */
display: block;
color: white;
background-color: #2a2f34;
text-align: left;
border-radius: 4px;
font-size: 13px;
overflow: hidden;
max-width: 400px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
word-break: break-all;
box-sizing: content-box;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 1;
opacity: 0.85;
}
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.bwc-btn-row {
display: inline-flex;
vertical-align: top;
}
.bwc-btn-row .bwc-menu-item:first-child:not(:only-child) {
margin: 0px -1px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.bwc-btn-row .bwc-menu-item:only-child {
margin: 0px -1px;
border-radius: 3px;
}
.bwc-btn-row .bwc-btn-with-dd:not(:only-child) .bwc-menu-item:first-child,
.bwc-btn-row .bwc-menu-item:last-child:not(:only-child) {
margin: 0px -1px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.bwc-btn-row .bwc-menu-item:not(:first-child):not(:last-child) {
margin: 0px -1px;
border-radius: 0px;
}
.bwc-btn-row .bwc-toolbar-button:first-child:not(:only-child) .bwc-menu-item {
margin: 0px -1px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.bwc-btn-row .bwc-toolbar-button:only-child .bwc-menu-item {
margin: 0px -1px;
border-radius: 3px;
}
.bwc-btn-row .bwc-btn-with-dd:not(:only-child) .bwc-menu-item:first-child,
.bwc-btn-row .bwc-toolbar-button:last-child:not(:only-child) .bwc-menu-item {
margin: 0px -1px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.bwc-btn-row
.bwc-toolbar-button:not(:first-child):not(:last-child)
.bwc-menu-item {
margin: 0px -1px;
border-radius: 0px;
}
.bwc-btn-row .bwc-menu-item,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item {
height: 38px;
width: 48px;
position: relative;
display: inline-flex;
vertical-align: top;
outline: none;
box-shadow: none;
text-decoration: none;
fill: #677480;
background-color: #fff;
border: 1px solid #dce0e3;
border-radius: 3px;
padding: 0px;
cursor: pointer;
}
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus),
.bwc-btn-row .bwc-menu-item:hover:not(:disabled):not(:focus),
.bwc-btn-row .bwc-menu-item.focus:hover:not(:disabled):not(:focus) {
border: 1px solid #4d575f;
z-index: 30;
}
.bwc-btn-row
.bwc-btn-with-dd
.bwc-menu-item:hover:not(:disabled):not(:focus)
.bwc-menu-item-svg,
.bwc-btn-row
.bwc-btn-with-dd
.bwc-menu-item:hover:not(:disabled):not(:focus)
.bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,
.bwc-btn-row
.bwc-menu-item:hover:not(:disabled):not(:focus)
.bwc-menu-item-svg-selected,
.bwc-btn-row
.bwc-menu-item.focus:hover:not(:disabled):not(:focus)
.bwc-menu-item-svg,
.bwc-btn-row
.bwc-menu-item.focus:hover:not(:disabled):not(:focus)
.bwc-menu-item-svg-selected {
fill: #008be1;
}
.bwc-btn-row .bwc-menu-item:focus,
.bwc-btn-row .bwc-menu-item.focus:focus,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus {
border: 1px solid #008be1;
background-color: #fff;
z-index: 20;
}
.bwc-btn-row .bwc-menu-item:focus .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item:focus .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-menu-item.focus:focus .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item.focus:focus .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus .bwc-menu-item-svg,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:focus .bwc-menu-item-svg-selected {
fill: #008be1;
}
.bwc-btn-row .bwc-menu-item:active:not(:disabled),
.bwc-btn-row .bwc-menu-item.focus:active:not(:disabled),
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) {
border: 1px solid #008be1;
background-color: #008be1;
z-index: 10;
}
.bwc-btn-row .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-menu-item.focus:active:not(:disabled) .bwc-menu-item-svg,
.bwc-btn-row
.bwc-menu-item.focus:active:not(:disabled)
.bwc-menu-item-svg-selected,
.bwc-btn-row
.bwc-btn-with-dd
.bwc-menu-item:active:not(:disabled)
.bwc-menu-item-svg,
.bwc-btn-row
.bwc-btn-with-dd
.bwc-menu-item:active:not(:disabled)
.bwc-menu-item-svg-selected {
fill: #fff;
}
.bwc-btn-row .bwc-menu-item:disabled,
.bwc-btn-row .bwc-menu-item.focus:disabled {
border: 1px solid #dce0e3;
background: #fff;
cursor: inherit;
}
.bwc-btn-row .bwc-menu-item:disabled .bwc-menu-item-svg,
.bwc-btn-row .bwc-menu-item.focus:disabled .bwc-menu-item-svg {
fill: #c7ccd1;
}
.bwc-btn-row .bwc-menu-item-content {
height: inherit;
width: inherit;
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
}
.bwc-btn-row .bwc-menu-item-svg {
width: 16px;
height: 16px;
margin: auto;
margin-top: 5px;
fill: #677480;
}
.bwc-btn-row .bwc-menu-item-svg-selected {
width: 16px;
height: 16px;
margin: auto;
margin-top: 5px;
fill: #008be1;
}
.bwc-btn-row .bwc-menu-item-selected-indicator {
transition: all 0.15s ease-in-out;
margin-top: 3px;
fill: #008be1;
}
.bwc-dropdown-list {
position: relative;
padding-left: 0px;
box-shadow: none;
cursor: pointer;
width: max-content;
margin-top: 0px;
background: #ffffff;
z-index: 150;
border: 1px solid #dce0e3;
margin-block-start: 0px;
margin-block-end: 0px;
max-width: 545px;
max-height: 600px;
overflow-y: auto;
}
.bwc-dropdown-list > .bwc-menu-item {
position: relative;
list-style-type: none;
width: 100%;
height: 38px;
max-height: 38px;
border-radius: 0px;
text-align: left;
cursor: inherit;
background: #fff;
padding: 0px;
font: inherit;
display: list-item;
border: 0px;
z-index: 101;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bwc-dropdown-list > .bwc-menu-item:hover {
background: #e5f5fd;
outline: 0;
}
.bwc-dropdown-list > .bwc-menu-item:focus {
background: #d9eefb;
outline: 0;
}
.bwc-dropdown-list > .bwc-menu-item:active {
background: #008be1;
}
.bwc-dropdown-list > .bwc-menu-item:active .option-icon {
fill: #fff;
}
.bwc-dropdown-list > .bwc-menu-item:active .option-title {
color: #fff;
}
.bwc-dropdown-list > .bwc-menu-item:disabled {
background: #fff;
cursor: default;
}
.bwc-dropdown-list > .bwc-menu-item:disabled .option-icon {
fill: #c7ccd1;
}
.bwc-dropdown-list > .bwc-menu-item:disabled .option-title {
color: #c7ccd1;
}
.bwc-dropdown-list > .bwc-menu-item > .option-icon {
position: relative;
display: inline-block;
vertical-align: middle;
height: 16px;
width: 16px;
white-space: nowrap;
margin: 10px 0px 14px 16px;
fill: #677480;
}
.bwc-dropdown-list > .bwc-menu-item > .option-title {
display: inline-block;
position: relative;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
font-size: 14px;
color: #3c434a;
margin: 0px;
padding: 10px 16px 10px;
max-width: 430px;
}
.bwc-dropdown-list > .bwc-menu-item > .option-badge {
position: relative;
float: right;
vertical-align: middle;
height: 16px;
width: 16px;
white-space: nowrap;
margin-top: 11px;
margin-bottom: 13px;
margin-right: 16px;
}
.bwc-btn-with-dd {
width: max-content;
display: inline-block;
}
.bwc-btn-with-dd .button-name {
margin-right: 5px;
display: inline;
}
.bwc-btn-with-dd .button-icon {
width: 16px;
height: 16px;
vertical-align: sub;
fill: #ffffff;
margin: 0px;
margin-right: 8px;
}
.react-datepicker-popper[data-placement^='bottom'] {
margin-top: 0;
}
.react-datepicker {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
background: #ffffff;
border: solid 1px #c7ccd1;
border-radius: 3px;
box-shadow: 1px 1px 10px rgba(42, 47, 52, 0.25);
}
.react-datepicker__header {
background: #ffffff;
border: none;
padding: 0;
}
.dp-custom-header {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
color: #2a2f34;
font-size: 14px;
display: -webkit-inline-box;
display: inline-flex;
width: calc(100% - 32px);
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
height: 16px;
padding: 16px;
}
.dp-custom-header svg {
width: 16px;
height: 16px;
fill: #677480;
}
.dp-custom-header svg:hover {
fill: #008be1;
cursor: pointer;
}
.react-datepicker__day-names {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
color: #000000;
background: #f9f9f9;
height: 32px;
}
.react-datepicker__month {
margin: 0 8px 8px;
}
.react-datepicker__week {
height: 32px;
}
.react-datepicker__day {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
color: #2a2f34;
background: #ffffff;
}
.react-datepicker__day:hover {
color: #008be1;
background: #fff;
border-radius: 0;
}
.react-datepicker__day--outside-month {
color: #9ba5ae;
}
.react-datepicker__day--selected,
.react-datepicker__day--selected:hover {
border-radius: 0;
color: #ffffff;
background: #008be1;
}
.dp-label {
cursor: pointer;
line-height: 38px;
margin-left: 16px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #212f34;
}
.dp-label.dp-disabled {
color: #9ba5ae;
cursor: default;
}
.react-datepicker__input-container:active .dp-label:not(.dp-disabled),
.dp-label:hover:not(.dp-disabled) {
color: #008be1;
text-decoration: underline;
}
.react-datepicker-wrapper label .message {
cursor: default;
}
.react-datepicker-wrapper input.bwc-inputs-input {
margin-top: 0;
margin-bottom: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #dce0e3;
}
.react-datepicker-wrapper label.bwc-inputs-labeled-input .message {
-webkit-transform: translateX(-45px);
transform: translateX(-45px);
}
label.placeholder-text {
color: hsl(0, 0%, 50%);
}
.bwc-expandable-blocks-block > .header {
padding: 10px;
border: 1px solid #dce0e3;
cursor: pointer;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
.bwc-expandable-blocks-block > .header > .icon-container {
float: left;
width: 33px;
margin-right: 11px;
line-height: 33px;
text-align: center;
font-size: 18px;
color: #677480;
transition: 0.15s ease-in-out; }
.bwc-expandable-blocks-block > .header > .caption {
text-decoration: none;
color: #2a2f34;
font-size: 12px;
font-weight: 400;
line-height: 22px;
display: block;
color: #4d575f;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-expandable-blocks-block > .header > .caption:link, .bwc-expandable-blocks-block > .header > .caption:visited, .bwc-expandable-blocks-block > .header > .caption:hover, .bwc-expandable-blocks-block > .header > .caption:active {
color: #2a2f34;
text-decoration: none; }
.bwc-expandable-blocks-block > .header > .title {
text-decoration: none;
color: #2a2f34;
font-size: 18px;
font-weight: 400;
line-height: 33px;
display: block;
margin: 0;
color: #4d575f;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-expandable-blocks-block > .header > .title:link, .bwc-expandable-blocks-block > .header > .title:visited, .bwc-expandable-blocks-block > .header > .title:hover, .bwc-expandable-blocks-block > .header > .title:active {
color: #2a2f34;
text-decoration: none; }
.bwc-expandable-blocks-block > .content {
padding: 0;
margin: 0;
border: 0 none transparent;
transition: padding-top 0.15s ease-in-out, padding-bottom 0.15s ease-in-out; }
.bwc-expandable-blocks-block.with-caption > .header > .icon-container {
margin-top: 11px; }
.bwc-expandable-blocks-block.is-collapsed > .content > * {
display: none; }
.bwc-expandable-blocks-block:hover > .header {
border-color: #c7ccd1; }
.bwc-expandable-blocks-block:hover > .header > .icon-container {
color: #2a2f34; }
.bwc-expandable-blocks-block:hover > .header > .caption,
.bwc-expandable-blocks-block:hover > .header > .title {
color: #070809; }
.bwc-expandable-blocks-block.is-expanded > .header {
border-color: #008be1;
background-color: #008be1; }
.bwc-expandable-blocks-block.is-expanded > .header > .icon-container,
.bwc-expandable-blocks-block.is-expanded > .header > .caption,
.bwc-expandable-blocks-block.is-expanded > .header > .title {
color: #fff; }
.bwc-expandable-blocks-block.is-expanded > .header > .icon-container {
transform: rotate(90deg); }
.bwc-expandable-blocks-block.is-expanded > .content {
padding: 10px;
border: 1px solid #008be1; }
.bwc-expandable-blocks-block.is-expanded:hover > .header,
.bwc-expandable-blocks-block.is-expanded:hover > .content {
border-color: #0073ba; }
.bwc-expandable-blocks-block.is-expanded:hover > .header {
background-color: #0073ba; }
.bwc-expandable-blocks-block.is-expanded:hover > .header > .icon-container,
.bwc-expandable-blocks-block.is-expanded:hover > .header > .caption,
.bwc-expandable-blocks-block.is-expanded:hover > .header > .title {
color: #fff; }
.bwc-expandable-blocks-list > div {
transition: margin 0.15s ease-in-out; }
.bwc-expandable-blocks-list > div > .header {
border-color: #dce0e3 transparent transparent; }
.bwc-expandable-blocks-list > div:first-child > .header {
border-top-color: transparent; }
.bwc-expandable-blocks-list > .is-expanded + div > .header {
border-top-color: transparent; }
.bwc-expandable-blocks-list > .is-expanded + div.is-expanded > .header {
border-top-color: #008be1; }
.bwc-expandable-blocks-list > .is-expanded + .is-expanded {
margin-top: 11px; }
.block-arrow {
fill: #677480;
width: 18px;
height: 18px;
margin: 0 auto;
}
.is-expanded .block-arrow {
fill: #fff;
}
.bwc-tabs-horizontal {
display: block;
list-style: none;
padding: 0;
margin: 0; }
.bwc-tabs-horizontal > li {
display: block;
position: relative;
padding: 0;
margin: 0; }
.bwc-tabs-horizontal > li > a {
display: block;
position: relative;
padding: 10px 13px 11px;
border: 1px solid #dce0e3;
border-bottom: 0 none transparent;
margin: 0;
line-height: 22px;
color: #2a2f34;
cursor: pointer; }
.bwc-tabs-horizontal > li > a::after {
content: '';
position: absolute;
z-index: 1;
transition: all 0.5s;
width: 2px;
height: 100%;
top: 0;
left: 0;
background: #008be1;
opacity: 0; }
.bwc-tabs-horizontal > li > a:hover {
text-decoration: none;
color: #4d575f; }
.bwc-tabs-horizontal > li > a:hover::after {
opacity: 1; }
.bwc-tabs-horizontal > li:last-child > a {
border-bottom: 1px solid #dce0e3; }
.bwc-tabs-horizontal > li.active > a {
font-weight: 700; }
.bwc-tabs-horizontal > li.active > a::after {
opacity: 1; }
.bwc-tabs-horizontal.green > li > a::after {
background: #56aa1c; }
.bwc-tabs-horizontal > li {
display: inline-block;
margin: 0 -1px 0 0;
padding: 0; }
.bwc-tabs-horizontal > li > a {
line-height: 22px;
padding: 7px 14px;
margin: 6px 0 0;
background: #f8f9fb; }
.bwc-tabs-horizontal > li > a::after {
width: 100%;
height: 2px; }
.bwc-tabs-horizontal > li.active > a {
border-bottom: 1px solid #fff;
background: #fff; }
.bwc-tabs-vertical {
display: block;
list-style: none;
padding: 0;
margin: 0; }
.bwc-tabs-vertical > li {
display: block;
position: relative;
padding: 0;
margin: 0; }
.bwc-tabs-vertical > li > a {
display: block;
position: relative;
padding: 10px 13px 11px;
border: 1px solid #dce0e3;
border-bottom: 0 none transparent;
margin: 0;
line-height: 22px;
color: #2a2f34;
cursor: pointer; }
.bwc-tabs-vertical > li > a::after {
content: '';
position: absolute;
z-index: 1;
transition: all 0.5s;
width: 2px;
height: 100%;
top: 0;
left: 0;
background: #008be1;
opacity: 0; }
.bwc-tabs-vertical > li > a:hover {
text-decoration: none;
color: #4d575f; }
.bwc-tabs-vertical > li > a:hover::after {
opacity: 1; }
.bwc-tabs-vertical > li:last-child > a {
border-bottom: 1px solid #dce0e3; }
.bwc-tabs-vertical > li.active > a {
font-weight: 700; }
.bwc-tabs-vertical > li.active > a::after {
opacity: 1; }
.bwc-tabs-vertical.green > li > a::after {
background: #56aa1c; }
/* Override underline on only last-child */
.bwc-tabs-horizontal > li > a {
border-bottom: 1px solid #dce0e3;
}
.bwc-tabs-horizontal > li > a {
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/* Prevent tab widths jumping when selecting tab */
.bwc-tabs-horizontal > li > a::before {
content: attr(data-content);
display: block;
font-weight: 700;
height: 0;
visibility: hidden;
}
.bwc-tabs-vertical.horizontal-tabs-hidden-tabs {
position: absolute;
right: 0px;
top: 100%;
z-index: 1;
}
.bwc-tabs-vertical.horizontal-tabs-hidden-tabs li {
background: #f8f9fb;
white-space: nowrap;
}
.bwc-loaders-large {
display: inline-block;
position: relative;
vertical-align: middle;
width: 48px;
height: 48px;
margin: 0;
text-indent: 999em;
overflow: hidden;
background: transparent; }
@keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
.bwc-loaders-large > *::before,
.bwc-loaders-large > *::after {
content: '';
position: absolute;
top: 0;
left: 22px;
width: 4px;
height: 12px;
border-radius: 3px;
background: #2a2f34;
transform-origin: 2px 24px;
animation: bwc-loaders-animate-opacity 1s linear infinite; }
.bwc-loaders-large.white > *::before,
.bwc-loaders-large.white > *::after {
background: #fff; }
.bwc-loaders-large > *:nth-child(1)::before {
transform: rotate(0deg);
animation-delay: 0s; }
.bwc-loaders-large > *:nth-child(1)::after {
transform: rotate(-180deg);
animation-delay: -0.5s; }
.bwc-loaders-large > *:nth-child(2)::before {
transform: rotate(-30deg);
animation-delay: -0.08333s; }
.bwc-loaders-large > *:nth-child(2)::after {
transform: rotate(-210deg);
animation-delay: -0.58333s; }
.bwc-loaders-large > *:nth-child(3)::before {
transform: rotate(-60deg);
animation-delay: -0.16667s; }
.bwc-loaders-large > *:nth-child(3)::after {
transform: rotate(-240deg);
animation-delay: -0.66667s; }
.bwc-loaders-large > *:nth-child(4)::before {
transform: rotate(-90deg);
animation-delay: -0.25s; }
.bwc-loaders-large > *:nth-child(4)::after {
transform: rotate(-270deg);
animation-delay: -0.75s; }
.bwc-loaders-large > *:nth-child(5)::before {
transform: rotate(-120deg);
animation-delay: -0.33333s; }
.bwc-loaders-large > *:nth-child(5)::after {
transform: rotate(-300deg);
animation-delay: -0.83333s; }
.bwc-loaders-large > *:nth-child(6)::before {
transform: rotate(-150deg);
animation-delay: -0.41667s; }
.bwc-loaders-large > *:nth-child(6)::after {
transform: rotate(-330deg);
animation-delay: -0.91667s; }
.bwc-loaders-medium {
display: inline-block;
position: relative;
vertical-align: middle;
width: 32px;
height: 32px;
margin: 0;
text-indent: 999em;
overflow: hidden;
background: transparent; }
@keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
.bwc-loaders-medium > *::before,
.bwc-loaders-medium > *::after {
content: '';
position: absolute;
top: 0;
left: 14.5px;
width: 3px;
height: 8px;
border-radius: 3px;
background: #2a2f34;
transform-origin: 1.5px 16px;
animation: bwc-loaders-animate-opacity 1s linear infinite; }
.bwc-loaders-medium.white > *::before,
.bwc-loaders-medium.white > *::after {
background: #fff; }
.bwc-loaders-medium > *:nth-child(1)::before {
transform: rotate(0deg);
animation-delay: 0s; }
.bwc-loaders-medium > *:nth-child(1)::after {
transform: rotate(-180deg);
animation-delay: -0.5s; }
.bwc-loaders-medium > *:nth-child(2)::before {
transform: rotate(-30deg);
animation-delay: -0.08333s; }
.bwc-loaders-medium > *:nth-child(2)::after {
transform: rotate(-210deg);
animation-delay: -0.58333s; }
.bwc-loaders-medium > *:nth-child(3)::before {
transform: rotate(-60deg);
animation-delay: -0.16667s; }
.bwc-loaders-medium > *:nth-child(3)::after {
transform: rotate(-240deg);
animation-delay: -0.66667s; }
.bwc-loaders-medium > *:nth-child(4)::before {
transform: rotate(-90deg);
animation-delay: -0.25s; }
.bwc-loaders-medium > *:nth-child(4)::after {
transform: rotate(-270deg);
animation-delay: -0.75s; }
.bwc-loaders-medium > *:nth-child(5)::before {
transform: rotate(-120deg);
animation-delay: -0.33333s; }
.bwc-loaders-medium > *:nth-child(5)::after {
transform: rotate(-300deg);
animation-delay: -0.83333s; }
.bwc-loaders-medium > *:nth-child(6)::before {
transform: rotate(-150deg);
animation-delay: -0.41667s; }
.bwc-loaders-medium > *:nth-child(6)::after {
transform: rotate(-330deg);
animation-delay: -0.91667s; }
.bwc-loaders-small {
display: inline-block;
position: relative;
vertical-align: middle;
width: 16px;
height: 16px;
margin: 0;
text-indent: 999em;
overflow: hidden;
background: transparent; }
@keyframes bwc-loaders-animate-opacity {
0% {
opacity: 0.85; }
50% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
.bwc-loaders-small > *::before,
.bwc-loaders-small > *::after {
content: '';
position: absolute;
top: 0;
left: 7px;
width: 2px;
height: 4px;
border-radius: 3px;
background: #2a2f34;
transform-origin: 1px 8px;
animation: bwc-loaders-animate-opacity 1s linear infinite; }
.bwc-loaders-small.white > *::before,
.bwc-loaders-small.white > *::after {
background: #fff; }
.bwc-loaders-small > *:nth-child(1)::before {
transform: rotate(0deg);
animation-delay: 0s; }
.bwc-loaders-small > *:nth-child(1)::after {
transform: rotate(-180deg);
animation-delay: -0.5s; }
.bwc-loaders-small > *:nth-child(2)::before {
transform: rotate(-30deg);
animation-delay: -0.08333s; }
.bwc-loaders-small > *:nth-child(2)::after {
transform: rotate(-210deg);
animation-delay: -0.58333s; }
.bwc-loaders-small > *:nth-child(3)::before {
transform: rotate(-60deg);
animation-delay: -0.16667s; }
.bwc-loaders-small > *:nth-child(3)::after {
transform: rotate(-240deg);
animation-delay: -0.66667s; }
.bwc-loaders-small > *:nth-child(4)::before {
transform: rotate(-90deg);
animation-delay: -0.25s; }
.bwc-loaders-small > *:nth-child(4)::after {
transform: rotate(-270deg);
animation-delay: -0.75s; }
.bwc-loaders-small > *:nth-child(5)::before {
transform: rotate(-120deg);
animation-delay: -0.33333s; }
.bwc-loaders-small > *:nth-child(5)::after {
transform: rotate(-300deg);
animation-delay: -0.83333s; }
.bwc-loaders-small > *:nth-child(6)::before {
transform: rotate(-150deg);
animation-delay: -0.41667s; }
.bwc-loaders-small > *:nth-child(6)::after {
transform: rotate(-330deg);
animation-delay: -0.91667s; }
.bwc-icons-large {
width: 48px;
height: 48px; }
.bwc-icons-medium {
width: 32px;
height: 32px; }
.bwc-icons-small {
width: 16px;
height: 16px; }
.bwc-icons-x-large {
width: 64px;
height: 64px; }
.bwc-modal-overlay {
z-index: 101;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.4);
}
.bwc-modal {
background-color: #ffffff;
overflow: auto;
border-radius: 4px;
border: 1px solid #999999;
padding: 32px;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.25);
min-width: 560px;
max-width: 50%;
}
@media screen and (max-width: 767px) {
.bwc-modal {
width: 400px;
max-width: 100%;
min-width: 200px;
}
}
.bwc-modal-content {
width: 100%;
height: calc(100% - 110px);
-webkit-box-flex: 1;
flex: 1 0 auto;
}
.bwc-modal-footer {
margin-top: 24px;
width: 100%;
flex-shrink: 0;
}
.bwc-modal-footer-button {
min-width: 70px;
margin-left: 16px !important;
}
.bwc-modal-header {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-shrink: 0;
margin-bottom: 32px;
}
.bwc-modal-header .bwc-text-title {
margin: 0;
}
.right {
float: right;
}
.exit-svg {
float: right;
cursor: pointer;
}
.exit-svg:hover {
fill: grey;
}
.bwc-text-block {
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-headline {
font-size: 32px;
font-weight: 300;
line-height: 44px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-leading {
font-size: 16px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-leading-2 {
font-size: 16px;
font-weight: 700;
line-height: 22px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-muted {
color: #9ba5ae; }
.bwc-text-small {
font-size: 12px;
font-weight: 400;
line-height: 22px;
padding: 0;
margin: 0; }
.bwc-text-subheading {
font-size: 18px;
font-weight: 400;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-subheading-2 {
font-size: 18px;
font-weight: 600;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-title {
font-size: 24px;
font-weight: 300;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.bwc-text-title-2 {
font-size: 24px;
font-weight: 400;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.bwc-progress-bar {
text-align: left;
display: block;
height: 4px;
width: 100%;
background: #c7ccd1;
overflow: hidden; }
.bwc-progress-bar > * {
display: inline-block;
background: #008be1;
height: 100%;
vertical-align: top; }
.bwc-progress-bar-determinate {
transition: width 2s ease-in-out; }
.bwc-progress-bar-indeterminate {
width: 100%;
animation: bwc-progress-bar-animate-indeterminate 1.5s infinite linear; }
@keyframes bwc-progress-bar-animate-indeterminate {
0% {
transform: translateX(-60%) scaleX(0); }
40% {
transform: translateX(-40%) scaleX(0.4); }
100% {
transform: translateX(100%) scaleX(0.5); } }
.bwc-progress-bar-labeled {
width: 100%; }
.bwc-progress-bar-labeled > .label {
text-align: center;
width: 100%;
overflow: hidden;
margin-top: 4px;
display: block; }
.bwc-progress-bar-labeled > .label > :first-child {
float: left; }
.bwc-progress-bar-labeled > .label > :last-child {
float: right; }
.bwc-progress-spinner-ie {
display: block;
color: #008be1;
position: relative;
box-sizing: border-box;
padding: 2.5px;
height: 100%;
width: 100%; }
.bwc-progress-spinner-ie::after {
position: relative;
box-sizing: border-box;
content: '';
width: 100%;
height: 100%;
display: inline-block;
border: 3px solid currentColor;
border-bottom-color: #c7ccd1;
border-radius: 100%;
background: transparent;
animation: dash 1s linear infinite; }
.bwc-progress-spinner-ie.small::after {
border-width: 1.5px; }
@keyframes dash {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.bwc-progress-spinner {
position: relative; }
.bwc-progress-spinner svg.spinner {
height: 100%;
width: 100%; }
.bwc-progress-spinner svg.spinner circle.fill {
stroke: #008be1;
fill: none;
stroke-width: 3.2; }
.bwc-progress-spinner svg.spinner circle.shape {
stroke: #c7ccd1;
fill: none;
stroke-width: 3.2; }
.bwc-progress-spinner.success svg.spinner circle.fill,
.bwc-progress-spinner.success svg.spinner circle.shape {
stroke: #56aa1c; }
.bwc-progress-spinner.error svg.spinner circle.fill,
.bwc-progress-spinner.error svg.spinner circle.shape {
stroke: #c00; }
.bwc-progress-spinner .content {
position: absolute;
display: flex;
width: 100%;
height: 100%;
left: 0;
top: 0;
align-items: center;
justify-content: center; }
.bwc-progress-spinner.determinate svg.spinner {
transform: rotate(-90deg); }
.bwc-progress-spinner.determinate svg.spinner circle.fill {
stroke-dasharray: 100;
transition: stroke-dashoffset 0.5s ease-in-out; }
.bwc-progress-spinner.indeterminate svg.spinner {
animation: rotate-indeterminate 2s linear infinite; }
.bwc-progress-spinner.indeterminate svg.spinner circle.fill {
animation: dash-indeterminate 1.5s ease-in-out infinite; }
@keyframes rotate-indeterminate {
100% {
transform: rotate(360deg); } }
@keyframes dash-indeterminate {
0% {
stroke-dasharray: 1, 100; }
50% {
stroke-dasharray: 100, 100;
stroke-dashoffset: -25; }
100% {
stroke-dasharray: 100, 100;
stroke-dashoffset: -100; } }
.bwc-tables-table {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0; }
.bwc-tables-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 10px 16px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-cell:first-child {
border-left-width: 1px; }
.bwc-tables-cell:last-child {
border-right-width: 1px; }
.bwc-tables-cell:first-child {
padding-left: 15px; }
.bwc-tables-cell:last-child {
padding-right: 15px; }
.bwc-tables-cell > .icon {
font-size: 16px; }
.bwc-tables-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 42px;
padding: 0;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-checkbox-cell:first-child > label {
padding-left: 12px; }
.bwc-tables-checkbox-cell:last-child > label {
padding-right: 12px; }
.bwc-tables-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 13px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 17.5px;
top: 20px;
width: 7px;
height: 2px; }
.bwc-tables-checkbox-cell-core {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 42px;
padding: 0; }
.bwc-tables-checkbox-cell-core:first-child {
border-left-width: 1px; }
.bwc-tables-checkbox-cell-core:last-child {
border-right-width: 1px; }
.bwc-tables-checkbox-cell-core:first-child > label {
padding-left: 12px; }
.bwc-tables-checkbox-cell-core:last-child > label {
padding-right: 12px; }
.bwc-tables-checkbox-cell-core > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 13px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-checkbox-cell-core > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-checkbox-cell-core.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 17.5px;
top: 20px;
width: 7px;
height: 2px; }
.bwc-tables-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 10px 16px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
width: 10px; }
.bwc-tables-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-empty-cell:first-child {
padding-left: 15px; }
.bwc-tables-empty-cell:last-child {
padding-right: 15px; }
.bwc-tables-head-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 42px;
padding: 0;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-head-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-head-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-head-checkbox-cell:first-child > label {
padding-left: 12px; }
.bwc-tables-head-checkbox-cell:last-child > label {
padding-right: 12px; }
.bwc-tables-head-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 13px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-head-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-head-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 17.5px;
top: 20px;
width: 7px;
height: 2px; }
.bwc-tables-head-checkbox-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-head-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 10px 16px;
width: 10px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-head-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-head-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-head-empty-cell:first-child {
padding-left: 15px; }
.bwc-tables-head-empty-cell:last-child {
padding-right: 15px; }
.bwc-tables-head-empty-cell:hover {
background-color: #eef0f3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-head-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 13px 13px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-head-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-head-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-head-icon-cell:first-child {
padding-left: 12px; }
.bwc-tables-head-icon-cell:last-child {
padding-right: 12px; }
.bwc-tables-head-icon-cell > img,
.bwc-tables-head-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-head-icon-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-head-label-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3;
padding: 0; }
.bwc-tables-head-label-cell:first-child {
border-left-width: 1px; }
.bwc-tables-head-label-cell:last-child {
border-right-width: 1px; }
.bwc-tables-head-label-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-head-label-cell > .label-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
padding: 0;
margin: 0; }
.bwc-tables-head-label-cell > .label-container > .label-text {
flex: 0 1 auto;
min-width: 3em;
line-height: 42px;
padding-left: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-tables-head-label-cell > .label-container > .filter-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 13px; }
.bwc-tables-head-label-cell > .label-container > .label-spacer {
flex: 1 1 0;
width: 0;
padding: 0;
margin: 0; }
.bwc-tables-head-label-cell > .label-container > .sort-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 13px; }
.bwc-tables-head-label-cell > .label-container > .label-text:last-child,
.bwc-tables-head-label-cell > .label-container > .label-spacer:last-child {
padding-right: 16px; }
.bwc-tables-head-label-cell.is-sortable > .label-container > .sort-icon {
opacity: 0; }
.bwc-tables-head-label-cell.is-sorted > .label-container > .sort-icon {
opacity: 1; }
.bwc-tables-head-label-cell:first-child > .label-container > .label-text:first-child,
.bwc-tables-head-label-cell:first-child > .label-container > .label-spacer:first-child {
padding-left: 15px; }
.bwc-tables-head-label-cell:first-child > .label-container > .filter-icon:first-child,
.bwc-tables-head-label-cell:first-child > .label-container > .sort-icon:first-child {
padding-left: 12px; }
.bwc-tables-head-label-cell:last-child > .label-container > .label-text:last-child,
.bwc-tables-head-label-cell:last-child > .label-container > .label-spacer:last-child {
padding-right: 15px; }
.bwc-tables-head-label-cell:last-child > .label-container > .filter-icon:last-child,
.bwc-tables-head-label-cell:last-child > .label-container > .sort-icon:last-child {
padding-right: 12px; }
.bwc-tables-head-label-cell.is-sortable, .bwc-tables-head-label-cell.is-sorted {
cursor: pointer; }
.bwc-tables-head-label-cell.is-sortable:hover > .label-container > .sort-icon {
opacity: 0.65; }
.bwc-tables-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 13px 13px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
color: #677480;
fill: #677480; }
.bwc-tables-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-icon-cell:first-child {
padding-left: 12px; }
.bwc-tables-icon-cell:last-child {
padding-right: 12px; }
.bwc-tables-icon-cell > img,
.bwc-tables-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-row > td > .expand-icon {
display: inline-block;
transition: 0.15s ease-in-out; }
.bwc-tables-row:hover > td {
background-color: #e5f5fd;
border-left-color: #e5f5fd;
border-right-color: #e5f5fd; }
.bwc-tables-row.expanded-child > td {
border-left-color: #008be1;
border-right-color: #008be1; }
.bwc-tables-row.expanded-parent > td {
border-color: #008be1;
background-color: #008be1;
color: white; }
.bwc-tables-row.expanded-parent > td > .expand-icon {
transform: rotate(90deg); }
.bwc-tables-row.expanded-parent:hover > td {
border-color: #0073ba;
background-color: #0073ba; }
.bwc-tables-row.expanded-child.last-child > td {
border-bottom-color: #008be1; }
.bwc-tables-table-condensed {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
width: auto; }
.bwc-tables-table-condensed .bwc-tables-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 6px 12px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-table-condensed .bwc-tables-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-cell:first-child {
padding-left: 11px; }
.bwc-tables-table-condensed .bwc-tables-cell:last-child {
padding-right: 11px; }
.bwc-tables-table-condensed .bwc-tables-cell > .icon {
font-size: 16px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 34px;
padding: 0;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell:first-child > label {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell:last-child > label {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 9px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 13.5px;
top: 16px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 34px;
padding: 0; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core:first-child > label {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core:last-child > label {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 9px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-checkbox-cell-core.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 13.5px;
top: 16px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 6px 12px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
width: 10px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell:first-child {
padding-left: 11px; }
.bwc-tables-table-condensed .bwc-tables-empty-cell:last-child {
padding-right: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 34px;
padding: 0;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:first-child > label {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:last-child > label {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 9px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 13.5px;
top: 16px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed .bwc-tables-head-checkbox-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 6px 12px;
width: 10px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:first-child {
padding-left: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:last-child {
padding-right: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-empty-cell:hover {
background-color: #eef0f3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 9px 9px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:first-child {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:last-child {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell > img,
.bwc-tables-table-condensed .bwc-tables-head-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-table-condensed .bwc-tables-head-icon-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3;
padding: 0; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
padding: 0;
margin: 0; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .label-text {
flex: 0 1 auto;
min-width: 3em;
line-height: 34px;
padding-left: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .filter-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 9px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .label-spacer {
flex: 1 1 0;
width: 0;
padding: 0;
margin: 0; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .sort-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 9px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .label-text:last-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell > .label-container > .label-spacer:last-child {
padding-right: 12px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sortable > .label-container > .sort-icon {
opacity: 0; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sorted > .label-container > .sort-icon {
opacity: 1; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child > .label-container > .label-text:first-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child > .label-container > .label-spacer:first-child {
padding-left: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child > .label-container > .filter-icon:first-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell:first-child > .label-container > .sort-icon:first-child {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child > .label-container > .label-text:last-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child > .label-container > .label-spacer:last-child {
padding-right: 11px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child > .label-container > .filter-icon:last-child,
.bwc-tables-table-condensed .bwc-tables-head-label-cell:last-child > .label-container > .sort-icon:last-child {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sortable, .bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sorted {
cursor: pointer; }
.bwc-tables-table-condensed .bwc-tables-head-label-cell.is-sortable:hover > .label-container > .sort-icon {
opacity: 0.65; }
.bwc-tables-table-condensed .bwc-tables-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 9px 9px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
color: #677480;
fill: #677480; }
.bwc-tables-table-condensed .bwc-tables-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed .bwc-tables-icon-cell:first-child {
padding-left: 8px; }
.bwc-tables-table-condensed .bwc-tables-icon-cell:last-child {
padding-right: 8px; }
.bwc-tables-table-condensed .bwc-tables-icon-cell > img,
.bwc-tables-table-condensed .bwc-tables-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-table-condensed .bwc-tables-row > td > .expand-icon {
display: inline-block;
transition: 0.15s ease-in-out; }
.bwc-tables-table-condensed .bwc-tables-row:hover > td {
background-color: #e5f5fd;
border-left-color: #e5f5fd;
border-right-color: #e5f5fd; }
.bwc-tables-table-condensed .bwc-tables-row.expanded-child > td {
border-left-color: #008be1;
border-right-color: #008be1; }
.bwc-tables-table-condensed .bwc-tables-row.expanded-parent > td {
border-color: #008be1;
background-color: #008be1;
color: white; }
.bwc-tables-table-condensed .bwc-tables-row.expanded-parent > td > .expand-icon {
transform: rotate(90deg); }
.bwc-tables-table-condensed .bwc-tables-row.expanded-parent:hover > td {
border-color: #0073ba;
background-color: #0073ba; }
.bwc-tables-table-condensed .bwc-tables-row.expanded-child.last-child > td {
border-bottom-color: #008be1; }
.bwc-tables-table-condensed.extra-condensed {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
width: auto; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 18px;
padding: 4px 8px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell:first-child {
padding-left: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell:last-child {
padding-right: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-cell > .icon {
font-size: 16px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 26px;
padding: 0;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell:first-child > label {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell:last-child > label {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 5px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 9.5px;
top: 12px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 26px;
padding: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core:first-child > label {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core:last-child > label {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 5px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-checkbox-cell-core.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 9.5px;
top: 12px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 2px 8px;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
width: 10px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell:first-child {
padding-left: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-empty-cell:last-child {
padding-right: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
position: relative;
background-clip: padding-box;
width: 26px;
padding: 0;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:first-child > label {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:last-child > label {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell > label {
box-sizing: content-box;
display: block;
width: 16px;
line-height: 16px;
padding: 5px;
margin: 0;
text-align: left;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell > label > input {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 2px;
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell.partially-selected::after {
content: ' ';
display: block;
position: absolute;
background-color: #3c434a;
left: 9.5px;
top: 12px;
width: 7px;
height: 2px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-checkbox-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 10px;
line-height: 22px;
padding: 2px 8px;
width: 10px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:first-child {
padding-left: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:last-child {
padding-right: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-empty-cell:hover {
background-color: #eef0f3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 5px 5px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:first-child {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:last-child {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell > img,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-icon-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
background-color: #eef0f3;
color: #000;
border-bottom-color: #dce0e3;
border-left-color: #eef0f3;
border-right-color: #eef0f3;
padding: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:hover {
background-color: #dce0e3;
border-left-color: #dce0e3;
border-right-color: #dce0e3; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
padding: 0;
margin: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .label-text {
flex: 0 1 auto;
min-width: 3em;
line-height: 26px;
padding-left: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .filter-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 5px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .label-spacer {
flex: 1 1 0;
width: 0;
padding: 0;
margin: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .sort-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
box-sizing: content-box;
padding: 5px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .label-text:last-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell > .label-container > .label-spacer:last-child {
padding-right: 8px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sortable > .label-container > .sort-icon {
opacity: 0; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sorted > .label-container > .sort-icon {
opacity: 1; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child > .label-container > .label-text:first-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child > .label-container > .label-spacer:first-child {
padding-left: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child > .label-container > .filter-icon:first-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:first-child > .label-container > .sort-icon:first-child {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child > .label-container > .label-text:last-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child > .label-container > .label-spacer:last-child {
padding-right: 7px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child > .label-container > .filter-icon:last-child,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell:last-child > .label-container > .sort-icon:last-child {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sortable, .bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sorted {
cursor: pointer; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-head-label-cell.is-sortable:hover > .label-container > .sort-icon {
opacity: 0.65; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell {
display: table-cell;
box-sizing: content-box;
text-align: left;
vertical-align: top;
font-size: 14px;
font-weight: 400;
border: 0 solid #c00;
border-bottom-width: 1px;
min-width: 16px;
line-height: 16px;
padding: 5px 5px;
width: 16px;
font-size: 16px;
color: #677480;
fill: #677480;
cursor: pointer;
background-color: #fff;
color: #2a2f34;
border-bottom-color: #dce0e3;
border-left-color: #fff;
border-right-color: #fff;
color: #677480;
fill: #677480; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell:first-child {
border-left-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell:last-child {
border-right-width: 1px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell:first-child {
padding-left: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell:last-child {
padding-right: 4px; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell > img,
.bwc-tables-table-condensed.extra-condensed .bwc-tables-icon-cell > svg {
width: 16px;
height: 16px;
padding: 0;
margin: 0;
vertical-align: top; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row > td > .expand-icon {
display: inline-block;
transition: 0.15s ease-in-out; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row:hover > td {
background-color: #e5f5fd;
border-left-color: #e5f5fd;
border-right-color: #e5f5fd; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-child > td {
border-left-color: #008be1;
border-right-color: #008be1; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-parent > td {
border-color: #008be1;
background-color: #008be1;
color: white; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-parent > td > .expand-icon {
transform: rotate(90deg); }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-parent:hover > td {
border-color: #0073ba;
background-color: #0073ba; }
.bwc-tables-table-condensed.extra-condensed .bwc-tables-row.expanded-child.last-child > td {
border-bottom-color: #008be1; }
/* WARNING */
/* ALL OF THE FOLLOWING IS NON-BWC Styling */
/* Written by Joseph Hines to match the Bentley UX Table Standards */
.bwc-tables-empty-table {
width: 100%;
height: 200px;
}
.bwc-tables-empty-table h1 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 10px;
margin: 90px auto;
}
.bwc-tables-bordered-table {
border: 1px solid #dce0e3;
}
.bwc-tables-dropdown {
position: relative;
display: inline-block;
}
.bwc-tables-breadcrumbs .bwc-tables-dropdown-content {
/*display: none;*/
position: absolute;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
margin: 10px 0 0 -80px;
max-width: 430px;
}
/* .bwc-tables-breadcrumbs {
display: none;
position: absolute;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
margin: 10px 0 0 -80px;
max-width: 430px;
} */
.bwc-tables-dropdown-content.wider {
overflow: hidden;
width: 300px;
margin: 10px 0 0 -300px;
}
.bwc-tables-dropdown-content :not(input) {
font-size: 1.1667em;
}
/*.bwc-tables-dropdown:focus .bwc-tables-dropdown-content,
.auxdropdown:focus .bwc-tables-dropdown-content {
display: block;
}*/
.bwc-tables-dropdown-button {
width: 98%;
margin: 1%;
}
.bwc-tables-clickable {
cursor: pointer;
align-content: flex-start;
padding-left: 0px;
}
.bwc-tables-breadcrumbs {
cursor: default;
display: inline-block;
padding-left: 0px;
vertical-align: top;
}
.bwc-tables-breadcrumbs .bwc-tables-dropdown {
height: 20px;
overflow: hidden;
}
.bwc-tables-breadcrumbs .icon.caret-down {
width: 8px;
height: 20px;
margin-bottom: 4px;
margin-left: 8px;
margin-right: 24px;
vertical-align: center;
}
.bwc-tables-breadcrumbs .icon.icon.folder {
width: 16px;
height: 16px;
}
.bwc-tables-breadcrumbs span {
font-size: 14px;
margin: 0;
max-width: 430px;
}
.bwc-tables-breadcrumbs span.parent {
color: #008be1;
cursor: pointer;
height: 20px;
max-width: 430px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.bwc-tables-breadcrumbs span.parent:hover {
text-decoration: underline;
}
.bwc-tables-breadcrumbs .icon.chevron-right {
width: 7px;
height: 20px;
margin: auto 16px;
}
.bwc-tables-breadcrumbs span.current {
color: #2a2f34;
height: 20px;
max-width: 430px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.bwc-tables-breadcrumbs .bwc-tables-dropdown-content {
margin: 0;
padding: 0;
border-radius: 5px;
cursor: pointer;
z-index: 999;
}
.bwc-tables-breadcrumbs .parent-name {
display: block;
width: calc(100%-30px);
padding: 0px;
padding-left: 0px;
padding-right: 15px;
}
.bwc-tables-breadcrumbs .parent-name:hover,
.bwc-tables-breadcrumbs .parent-name:focus {
background-color: #e5f5fd;
}
.bwc-tables-action-menu .bwc-tables-dropdown-content {
position: absolute;
width: 100px;
margin: -30px 0 15px 0;
right: 2px;
z-index: 15;
line-height: 5px;
}
.bwc-tables-action-menu p {
display: block;
padding: 0px 5px 0px 5px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bwc-tables-action-menu p:active {
font-size: 1.1em;
}
.bwc-tables-table {
/* overflow: hidden; */
}
.bwc-tables-fixed-height {
display: block;
max-height: 380px;
overflow-y: scroll;
overflow-x: hidden;
/* width: calc(100% + 17px); */
width: 100%;
}
.bwc-tables-fixed-head {
position: -webkit-sticky;
position: sticky;
}
.bwc-tables-table thead,
.bwc-tables-table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.bwc-tables-column-manager thead tr th:last-child {
width: 39px;
}
.bwc-tables-column-manager tr th:last-child .icon {
width: 14px;
height: 14px;
margin: 0 12px;
}
.bwc-tables-no-manager tr th:last-child {
padding: 0;
width: 17px;
}
.bwc-tables-checkable-table .bwc-tables-row .bwc-tables-cell:first-child {
width: 11px;
padding: 0 15px;
}
.bwc-tables-cell:first-child {
padding: 0px 16px;
}
.bwc-tables-table thead {
z-index: 10;
}
.bwc-tables-table tbody {
z-index: 5;
}
.bwc-tables-row {
outline: none;
}
.bwc-tables-breadcrumbs * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bwc-tables-paginator {
all: none;
background-color: #eef0f3;
border-bottom-color: #dce0e3;
font-weight: 500;
}
.bwc-tables-paginator > .content {
padding: 5px;
}
.bwc-tables-paginator > .content > .controls {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0px auto;
font-size: 0.95em;
display: -webkit-box;
display: flex;
}
.bwc-tables-paginator > .content > .controls > .icon {
vertical-align: middle;
margin: 0 6px 0 6px;
width: 20px;
cursor: pointer;
}
.bwc-tables-paginator > .content > .controls > .current {
color: #008be1;
-webkit-text-decoration: underline #008be1;
text-decoration: underline #008be1;
margin: 6px;
cursor: pointer;
}
.bwc-tables-paginator > .content > .controls > .page {
margin: 6px;
cursor: pointer;
}
.bwc-tables-paginator > .content > .controls > .ellipsis {
margin: 6px;
}
.bwc-tables-paginator > .content > .controls > .page:hover {
color: #008be1;
-webkit-text-decoration: underline #008be1;
text-decoration: underline #008be1;
}
.bwc-tables-paginator > .content > .page {
float: right;
margin: -21px 20px 0 0;
font-size: 0.85em;
}
.bwc-tables-table .header-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0 0 -7px 0;
}
.bwc-tables-table .crumbs {
margin: 7px 0 0 0;
}
.bwc-tables-table .searchbar {
width: 226px;
}
.bwc-tables-head-checkbox-cell > label > input,
.bwc-tables-checkbox-cell > label > input {
display: inline-block;
margin: 10px 0 8px 10px;
cursor: pointer;
}
.bwc-tables-table .icon-folder {
padding: 0 5px 0 0;
}
.bwc-tables-table .icon-folder,
.bwc-tables-table .icon-search,
.bwc-tables-table .icon-close,
.bwc-tables-table .icon-filter-outlined,
.bwc-tables-table .icon-sort-up,
.bwc-tables-table .icon-sort-down {
color: #9ba5ae;
cursor: pointer;
}
.bwc-tables-table .icon-filter,
.bwc-tables-table .icon-filter-outlined,
.bwc-tables-table .icon-sort-up,
.bwc-tables-table .icon-sort-down {
font-size: 16px;
position: relative;
top: 12px;
margin: 0 10px;
}
.bwc-tables-table .small.icon-chevron-right {
font-size: 10px;
margin: 0 16px;
color: #9ba5ae;
}
.bwc-tables-table .small.icon-caret-down {
font-size: 8px;
margin: 0 24px 0px 8px;
}
.bwc-tables-table .icon-folder,
.bwc-tables-table .bwc-tables-breadcrumbs .icon-caret-down {
color: #677480;
}
.bwc-tables-table .bwc-tables-breadcrumbs .icon-folder,
.bwc-tables-table .bwc-tables-breadcrumbs .icon-caret-down {
padding: 0;
}
.bwc-tables-table .bwc-tables-cell-overflow-wrap {
word-wrap: break-word;
}
.bwc-tables-cell-overflow-truncate {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.bwc-tables-breadcrumbs {
height: 32px;
}
.bwc-tables-breadcrumbs
.bwc-tables-dropdown.bwc-tables-clickable
.bwc-tables-dropdown-content {
display: none !important;
}
.bwc-tables-breadcrumbs
.bwc-tables-dropdown.bwc-tables-clickable.dropdown-open
.bwc-tables-dropdown-content {
display: block !important;
}
.bwc-tables-breadcrumbs .folder-icon {
fill: #677480;
width: 16px;
height: 16px;
}
.bwc-tables-breadcrumbs .dropdown-caret-icon {
fill: #677480;
width: 8px;
height: 8px;
margin: 0 23px 4px 7px;
}
.bwc-tables-breadcrumbs .chevron-right-icon {
fill: #9ba5ae;
width: 10px;
height: 10px;
margin: 0 13px 5px 14px;
}
.bwc-tables-dropdown-content {
position: absolute;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
margin: 10px 0 0 -80px;
max-width: 430px;
width: 110px;
padding: 13px 24px;
}
.bwc-tag {
height: 34px;
border: 1px solid #c7ccd1;
border-radius: 20px;
padding-left: 16px;
padding-right: 16px;
color: #2a2f34;
display: inline-flex;
align-items: center; }
.bwc-tag:hover {
border-color: #677480;
color: black; }
.bwc-tag-text {
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-right: 8px; }
.bwc-tag-icon {
width: 12px;
height: 12px;
color: #2a2f34;
fill: #2a2f34;
cursor: pointer; }
.bwc-tiles-tile {
min-height: 308px;
padding: 0 0 44px;
margin: 0 0 22px;
text-align: center;
transition: all 0.2s ease-out;
background-color: #eef0f3;
color: #4d575f; }
.bwc-tiles-tile > .link {
display: block;
padding: 33px 22px 0;
margin: 0;
cursor: pointer;
color: #4d575f; }
.bwc-tiles-tile > .link > .icon {
width: 66px;
height: 66px;
padding: 9px;
margin: 0 auto;
border-radius: 66px;
background-color: #56aa1c;
transition: all 0.2s ease-out; }
.bwc-tiles-tile > .link > .title {
margin: 11px auto 0;
font-size: 21px;
font-weight: 300;
line-height: 33px; }
.bwc-tiles-tile > .children {
padding: 22px 22px 0;
font-size: 13px;
line-height: 22px; }
.bwc-tiles-tile > .children > a {
display: block;
color: #3c434a; }
.bwc-tiles-tile.minimal {
min-height: 198px;
padding: 0; }
.bwc-tiles-tile.minimal > .link {
padding-bottom: 66px; }
.bwc-tiles-tile.featured, .bwc-tiles-tile:hover {
background-color: #56aa1c;
color: #fff; }
.bwc-tiles-tile.featured > .link, .bwc-tiles-tile:hover > .link {
text-decoration: none;
color: #fff; }
.bwc-tiles-tile.featured > .link > .icon, .bwc-tiles-tile:hover > .link > .icon {
background-color: transparent !important; }
.bwc-tiles-tile.featured > .children > a, .bwc-tiles-tile:hover > .children > a {
color: #fff; }
.bwc-tiles-tile.featured:hover {
background-color: #4b9418; }
.bwc-tiles-tile.step-0 > .link > .icon, .bwc-tiles-tile.step-0:hover, .bwc-tiles-tile.step-0.featured {
background-color: #56aa1c; }
.bwc-tiles-tile.step-0.featured:hover {
background-color: #4b9418; }
.bwc-tiles-tile.step-1 > .link > .icon, .bwc-tiles-tile.step-1:hover, .bwc-tiles-tile.step-1.featured {
background-color: #2b9b1b; }
.bwc-tiles-tile.step-1.featured:hover {
background-color: #258517; }
.bwc-tiles-tile.step-2 > .link > .icon, .bwc-tiles-tile.step-2:hover, .bwc-tiles-tile.step-2.featured {
background-color: #2b9b2f; }
.bwc-tiles-tile.step-2.featured:hover {
background-color: #258729; }
.bwc-tiles-tile.step-3 > .link > .icon, .bwc-tiles-tile.step-3:hover, .bwc-tiles-tile.step-3.featured {
background-color: #2b9b43; }
.bwc-tiles-tile.step-3.featured:hover {
background-color: #25873a; }
.bwc-tiles-tile.step-4 > .link > .icon, .bwc-tiles-tile.step-4:hover, .bwc-tiles-tile.step-4.featured {
background-color: #2b9b57; }
.bwc-tiles-tile.step-4.featured:hover {
background-color: #25874c; }
.bwc-tiles-tile.step-5 > .link > .icon, .bwc-tiles-tile.step-5:hover, .bwc-tiles-tile.step-5.featured {
background-color: #2b9b6b; }
.bwc-tiles-tile.step-5.featured:hover {
background-color: #25875d; }
.bwc-tiles-tile.step-6 > .link > .icon, .bwc-tiles-tile.step-6:hover, .bwc-tiles-tile.step-6.featured {
background-color: #2b9b7f; }
.bwc-tiles-tile.step-6.featured:hover {
background-color: #25876f; }
.bwc-tiles-tile.step-7 > .link > .icon, .bwc-tiles-tile.step-7:hover, .bwc-tiles-tile.step-7.featured {
background-color: #2b9b93; }
.bwc-tiles-tile.step-7.featured:hover {
background-color: #258780; }
.bwc-tiles-tile.step-8 > .link > .icon, .bwc-tiles-tile.step-8:hover, .bwc-tiles-tile.step-8.featured {
background-color: #2b9ba7; }
.bwc-tiles-tile.step-8.featured:hover {
background-color: #268893; }
.bwc-tiles-tile.step-9 > .link > .icon, .bwc-tiles-tile.step-9:hover, .bwc-tiles-tile.step-9.featured {
background-color: #2b9bbb; }
.bwc-tiles-tile.step-9.featured:hover {
background-color: #268aa6; }
.bwc-tiles-tile.step-10 > .link > .icon, .bwc-tiles-tile.step-10:hover, .bwc-tiles-tile.step-10.featured {
background-color: #2b9bcf; }
.bwc-tiles-tile.step-10.featured:hover {
background-color: #278bba; }
.bwc-tiles-tile.step-11 > .link > .icon, .bwc-tiles-tile.step-11:hover, .bwc-tiles-tile.step-11.featured {
background-color: #2b9be3; }
.bwc-tiles-tile.step-11.featured:hover {
background-color: #1d8fd8; }
.bwc-tiles-tile.step-12 > .link > .icon, .bwc-tiles-tile.step-12:hover, .bwc-tiles-tile.step-12.featured {
background-color: #008be1; }
.bwc-tiles-tile.step-12.featured:hover {
background-color: #007bc8; }
.bwc-tiles-tile.step-13 > .link > .icon, .bwc-tiles-tile.step-13:hover, .bwc-tiles-tile.step-13.featured {
background-color: #0073ba; }
.bwc-tiles-tile.step-13.featured:hover {
background-color: #0063a1; }
.bwc-tiles-tile.step-14 > .link > .icon, .bwc-tiles-tile.step-14:hover, .bwc-tiles-tile.step-14.featured {
background-color: #005a92; }
.bwc-tiles-tile.step-14.featured:hover {
background-color: #004a79; }
.bwc-tiles-tile.step-15 > .link > .icon, .bwc-tiles-tile.step-15:hover, .bwc-tiles-tile.step-15.featured {
background-color: #00426b; }
.bwc-tiles-tile.step-15.featured:hover {
background-color: #003252; }
.tile-icon {
font-size: 64px;
width: 36px !important;
height: 36px !important;
padding: 15px !important;
}
.bwc-toast-wrapper {
margin-left: auto;
margin-right: auto;
left: 0;
top: 0;
right: 0;
pointer-events: none;
position: fixed;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
z-index: 1070; }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper {
width: calc(100vw - 36px);
margin-top: 16px; } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper {
min-width: 400px;
max-width: 640px;
margin-top: 24px; } }
@keyframes openAnimation {
from {
opacity: 0;
transform: translateY(-120%); }
to {
transform: translateY(0); } }
@keyframes closeAnimation {
from {
transform: scale(1);
opacity: 1; }
to {
transform: scale(0.9);
opacity: 0; } }
.bwc-toast-wrapper .bwc-toast-all {
transition: all 240ms cubic-bezier(0, 0, 0.2, 1); }
.bwc-toast-wrapper .bwc-toast-entering,
.bwc-toast-wrapper .bwc-toast-entered {
animation: openAnimation 240ms cubic-bezier(0.175, 0.885, 0.32, 1.175) both; }
.bwc-toast-wrapper .bwc-toast-exiting {
animation: closeAnimation 120ms cubic-bezier(0.4, 0, 1, 1) both; }
.bwc-toast-wrapper .bwc-toast-success {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #56aa1c;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-success {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-success {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #56aa1c;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-success .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-success .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-success .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-success .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper .bwc-toast-informational {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #008be1;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-informational {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-informational {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #008be1;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-informational .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-informational .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-informational .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-informational .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper .bwc-toast-error {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #c00;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-error {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-error {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #c00;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-error .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-error .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-error .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-error .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper .bwc-toast-success {
margin: 0;
}
.bwc-toast-wrapper .bwc-toast-error {
margin: 0;
}
.bwc-toast-wrapper .bwc-toast-informational {
margin: 0;
}
.bwc-toast-wrapper .link a:link {
color: #008be1;
}
.bwc-toast-wrapper {
width: 100%;
}
.bwc-toggle-switch {
display: flex;
height: 30px;
width: 40px;
align-items: center;
justify-content: center;
cursor: pointer; }
.bwc-toggle-switch .base {
display: block;
position: relative;
height: 16px;
width: 35px;
border-radius: 8px;
background-color: #c7ccd1; }
.bwc-toggle-switch .toggle {
position: absolute;
height: 10px;
width: 10px;
top: 3px;
right: 21px;
border-radius: 50%;
background-color: #3c434a;
transition: right 0.2s; }
.bwc-toggle-switch.on .base {
background-color: #008be1; }
.bwc-toggle-switch.on .toggle {
background-color: white;
right: 4px; }
.bwc-toggle-switch.disabled {
cursor: not-allowed;
opacity: 0.4; }
.bwc-wizard {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
}
/* Legend */
.bwc-wizard-outer-legend {
position: relative;
width: 100%;
}
.bwc-wizard-outer-legend-short {
margin-bottom: 22px;
}
.bwc-wizard-legend {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
justify-content: space-around;
width: 100%;
margin-bottom: 7px;
}
/* Step Bars */
.bwc-wizard-step-bar {
height: 2px;
position: absolute;
top: 11px;
z-index: 0;
}
.bwc-wizard-step-after-bar {
right: -1px;
width: 50%;
background: #dce0e3;
}
.bwc-wizard-step-before-bar {
left: 0;
width: 50%;
background: #dce0e3;
}
.bwc-wizard-step-main-bar {
display: block;
flex-basis: fill;
-webkit-box-flex: 1;
flex-grow: 1;
overflow: visible;
position: relative;
background: #dce0e3;
}
.bwc-wizard-step-bar-active {
background: #58aa00;
}
/* Step Circle */
.bwc-wizard-step-circle {
-webkit-box-align: center;
align-items: center;
background: #fff;
border: 1px solid #58aa00;
border-radius: 50%;
color: #58aa00;
cursor: normal;
display: -webkit-box;
display: flex;
font-size: 12px;
font-weight: 600;
height: 21px;
-webkit-box-pack: center;
justify-content: center;
line-height: 22px;
overflow-wrap: break-word;
padding: 0;
position: relative;
text-align: center;
width: 21px;
z-index: 1;
}
.bwc-wizard-circle-active {
background: #58aa00;
color: #ffffff;
}
.bwc-wizard-circle-inactive {
background: #ffffff;
}
.bwc-wizard-circle-upcoming {
border-color: #dce0e3;
color: #dce0e3;
}
/* Step Title */
.bwc-wizard-step-title {
-webkit-box-align: center;
align-items: center;
color: #58aa00;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
font-size: 12px;
font-weight: 400;
line-height: 22px;
position: relative;
}
.bwc-step-title-text-upcoming {
color: #a6afb7;
}
.bwc-step-title-text-active {
font-weight: 700;
}
.bwc-wizard-long-step-summary {
text-align: center;
}
.bwc-wizard-step-clickable {
cursor: pointer;
}
.bwc-wizard-steps-content {
min-height: 200px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
width: 100%;
}
.bwc-wizard .bwc-wizard-button:nth-of-type(1) {
margin-left: 0 !important;
}
.bwc-wizard .bwc-wizard-button {
margin-left: 7px !important;
}
.bwc-toast-wrapper {
margin-left: auto;
margin-right: auto;
left: 0;
top: 0;
right: 0;
pointer-events: none;
position: fixed;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
z-index: 1070; }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper {
width: calc(100vw - 36px);
margin-top: 16px; } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper {
min-width: 400px;
max-width: 640px;
margin-top: 24px; } }
@keyframes openAnimation {
from {
opacity: 0;
transform: translateY(-120%); }
to {
transform: translateY(0); } }
@keyframes closeAnimation {
from {
transform: scale(1);
opacity: 1; }
to {
transform: scale(0.9);
opacity: 0; } }
.bwc-toast-wrapper .bwc-toast-all {
transition: all 240ms cubic-bezier(0, 0, 0.2, 1); }
.bwc-toast-wrapper .bwc-toast-entering,
.bwc-toast-wrapper .bwc-toast-entered {
animation: openAnimation 240ms cubic-bezier(0.175, 0.885, 0.32, 1.175) both; }
.bwc-toast-wrapper .bwc-toast-exiting {
animation: closeAnimation 120ms cubic-bezier(0.4, 0, 1, 1) both; }
.bwc-toast-wrapper .bwc-toast-success {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #56aa1c;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-success {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-success {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #56aa1c;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-success .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-success .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-success .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-success .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-success .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper .bwc-toast-informational {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #008be1;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-informational {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-informational {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #008be1;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-informational .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-informational .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-informational .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-informational .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-informational .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper .bwc-toast-error {
flex-direction: row;
display: inline-flex;
align-items: center;
box-sizing: border-box;
pointer-events: all;
margin: 0 16px 16px 16px;
min-height: 42px;
max-height: 100%;
background-color: #fff;
border-radius: 3px;
border: 1px solid #c00;
box-shadow: 0 0 0 1pt rgba(255, 255, 255, 0.5), 0 7px 40px 0 rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 400px) {
.bwc-toast-wrapper .bwc-toast-error {
width: calc(100vw - 36px); } }
@media screen and (min-width: 401px) {
.bwc-toast-wrapper .bwc-toast-error {
min-width: 400px;
max-width: 640px; } }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container {
order: 1;
align-self: stretch;
min-height: 40px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background {
display: flex;
justify-content: center;
align-items: center;
background-color: #c00;
height: 100%;
width: 48px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background .status-icon {
height: 16px;
width: 16px; }
.bwc-toast-wrapper .bwc-toast-error .status-icon-container .status-icon-background .status-icon path {
fill: #fff !important; }
.bwc-toast-wrapper .bwc-toast-error .message {
order: 2;
flex-grow: 1;
color: #2a2f34;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal; }
.bwc-toast-wrapper .bwc-toast-error .link {
order: 3;
color: #008be1;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
text-decoration: underline;
cursor: pointer; }
.bwc-toast-wrapper .bwc-toast-error .close-icon-container {
order: 4;
align-self: flex-start;
margin-top: 12px;
margin-right: 16px;
height: 16px;
width: 16px;
display: flex; }
.bwc-toast-wrapper .bwc-toast-error .close-icon-container .close-icon {
height: 16px;
width: 16px;
cursor: pointer;
fill: #677480; }
.bwc-toast-wrapper .bwc-toast-success {
margin: 0;
}
.bwc-toast-wrapper .bwc-toast-error {
margin: 0;
}
.bwc-toast-wrapper .bwc-toast-informational {
margin: 0;
}
.bwc-toast-wrapper .link a:link {
color: #008be1;
}
.bwc-toast-wrapper {
width: 100%;
}
.Toastify__toast-container{z-index:9999;-webkit-transform:translateZ(9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}
.Toastify__toast-container--top-left{top:1em;left:1em}
.Toastify__toast-container--top-center{top:1em;left:50%;margin-left:-160px}
.Toastify__toast-container--top-right{top:1em;right:1em}
.Toastify__toast-container--bottom-left{bottom:1em;left:1em}
.Toastify__toast-container--bottom-center{bottom:1em;left:50%;margin-left:-160px}
.Toastify__toast-container--bottom-right{bottom:1em;right:1em}
@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0}.Toastify__toast-container--rtl{right:0;left:auto}}
.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}
.Toastify__toast--rtl{direction:rtl}
.Toastify__toast--default{background:#fff;color:#aaa}
.Toastify__toast--info{background:#3498db}
.Toastify__toast--success{background:#07bc0c}
.Toastify__toast--warning{background:#f1c40f}
.Toastify__toast--error{background:#e74c3c}
.Toastify__toast-body{margin:auto 0;-ms-flex:1;flex:1}
@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0}}
.Toastify__close-button{color:#fff;font-weight:700;font-size:14px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}
.Toastify__close-button--default{color:#000;opacity:.3}
.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}
@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}
.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:hsla(0,0%,100%,.7);transform-origin:left}
.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}
.Toastify__progress-bar--controlled{transition:transform .2s}
.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}
.Toastify__progress-bar--default{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}
@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}
@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}
@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}
@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}
@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}
@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}
@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}
@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}
.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}
.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}
.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}
.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}
.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}
.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}
.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}
.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}
@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
.Toastify__zoom-enter{animation-name:Toastify__zoomIn}
.Toastify__zoom-exit{animation-name:Toastify__zoomOut}
@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}
.Toastify__flip-enter{animation-name:Toastify__flipIn}
.Toastify__flip-exit{animation-name:Toastify__flipOut}
@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}
@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}
@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}
@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}
.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}
.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}
.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}
.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}
.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}
.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}
.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}
.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}
.Toastify__toast-container {
margin-left: auto !important;
margin-right: auto !important;
width: calc(100% - 24px) !important; }
.Toastify__toast-body.toast-body {
margin: 0 0 -1px !important;
width: calc(100% - 32px) !important;
text-overflow: ellipsis;
overflow: hidden; }
.Toastify .Toastify__close-button {
margin-top: 0;
align-self: center;
cursor: pointer;
opacity: 0.7;
transition: 0.3s ease; }
.Toastify .Toastify__close-svg {
width: 16px;
height: 16px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
/*** Override Toastify API classes ***/
.Toastify__toast {
padding: 0px !important; }
.Toastify__toast-container--top-center {
margin-top: 0px;
top: 0px !important;
padding-top: 0px !important;
left: auto !important; }
.Toastify__toast--default {
border: 1px solid #008be1;
background-color: white !important; }
.Toastify__toast--info {
border: 1px solid #008be1;
background-color: white !important; }
.Toastify__toast--success {
border: 1px solid #56aa1c;
background-color: white !important; }
.Toastify__toast--error {
border: 1px solid #c00;
background-color: white !important; }
.Toastify__toast--warning {
border: 1px solid #ffcf00;
background-color: white !important; }
.Toastify__close-button {
order: 4;
opacity: 0.5;
align-self: flex-start;
pointer-events: all;
margin-right: 15px;
margin-top: 4px;
display: flex;
cursor: pointer;
fill: #677480;
font-size: 22px !important; }
.Toastify__close-button--info, .Toastify__close-button--success, .Toastify__close-button--warning, .Toastify__close-button--error {
color: #677480 !important;
opacity: 1 !important; }
/*** Custom Toastify classes ***/
.toast-wrapper {
display: inline-flex;
width: 100%; }
.toast-icon-container {
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 48px;
flex-shrink: 0;
background: #008be1; }
.toast-info {
background: #008be1; }
.toast-success {
background: #56aa1c; }
.toast-warning {
background: #ffcf00; }
.toast-error {
background: #c00; }
.toast-icon {
width: 16px;
height: 16px; }
.toast-icon path {
fill: white; }
.toast-content-body {
margin: 10px;
max-width: calc(100% - 80px);
overflow: hidden;
text-overflow: ellipsis; }
.toast-container {
margin-left: auto;
margin-right: auto;
margin-top: 16px;
left: 0;
top: 0;
right: 0;
position: fixed;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
z-index: 1070; }
.toast-style {
min-width: 400px;
border-radius: 3px !important;
max-width: calc((100% + 32px) / 3);
min-height: 0px !important;
cursor: auto !important; }
.toast-body {
order: 2;
color: #2a2f34;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 24px;
margin-left: 16px;
line-height: 22px;
font-weight: 400;
font-style: normal;
pointer-events: auto !important; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.sign-in-background {
background: white;
height: 100%;
width: 100%; }
.sign-in-container {
vertical-align: middle;
background: white;
width: 300px;
padding: 20px;
margin-left: calc(50% - 150px);
border-radius: 4px;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.25); }
.sign-in-conn-name {
word-wrap: break-word;
font-weight: 600; }
.sign-in-button {
margin-top: 5px;
width: 100px; }
.sign-in-upper-margin {
height: calc(50% - 300px); }
.sign-in-loading {
margin: 0 auto; }
.sign-in-button-container {
margin-top: 24px;
width: 100%;
overflow: auto; }
.sign-in-button-container .right {
float: right; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.error-page-fullscreen {
position: fixed; }
.error-page {
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%; }
.error-page .error-icon {
width: 33%; }
.error-page .e-p-action-buttons button {
margin-left: 4px;
margin-right: 4px; }
.bnt-hc-truncate-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: relative; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.info-panel-transition {
position: absolute;
top: 1px;
right: 0;
overflow: hidden;
z-index: 100;
display: flex;
min-width: 350px;
min-height: 200px;
padding: 0 1px 0 3px;
width: 350px;
background: inherit !important; }
.info-panel {
box-sizing: border-box;
border-left: 1px solid #c7ccd1;
box-shadow: -4px 2px 10px -5px #c7ccd1;
flex: 1 1 350px;
min-width: 350px;
display: flex;
flex-direction: column;
background-color: #f8f9fb; }
.info-panel-header {
font-size: 18px;
height: 50px;
flex: 0 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: #eef0f3;
border-bottom: 1px solid #dce0e3; }
.info-panel-header .info-panel-title {
padding-left: 27px;
padding-right: 27px;
flex: 0 1 auto;
min-width: 0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
display: flex;
flex-direction: row;
align-items: center; }
.info-panel-header .info-panel-title .bnt-hc-truncate-text {
margin-left: 8px; }
.info-panel-header .info-panel-buttons {
margin-right: 10px;
white-space: nowrap; }
.info-panel-resizer {
position: absolute;
width: 15px;
height: 40px;
left: 0;
top: 50%;
transform: translate(0, -50%);
cursor: col-resize !important; }
.info-panel-resizer:after {
position: absolute;
content: '';
width: 1px;
height: 20px;
top: 10px;
left: 4px;
border-left: 3px dotted #9ba5ae; }
.info-panel-content {
display: flex;
position: relative;
flex-direction: column;
flex: 0 1 auto;
overflow-y: auto;
overflow-x: hidden;
justify-content: flex-start;
align-items: stretch;
padding: 10px !important; }
.info-panel-transition.exited {
visibility: hidden; }
.info-panel-transition.exited .info-panel {
transform: translateX(100%); }
.info-panel-transition.exiting .info-panel {
transform: translateX(100%); }
.info-panel-transition.entered .info-panel {
transform: translateX(0%); }
.info-panel-transition.entering .info-panel {
transform: translateX(0%); }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.panel-button {
width: 32px;
height: 32px;
margin: 2px 5px; }
.panel-button svg {
margin: auto;
width: 16px;
height: 16px;
fill: #677480; }
.transparent-button {
border: none;
outline: none;
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer; }
.transparent-button > div {
display: inline-block;
margin: auto; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.panel-property {
display: inline-flex;
width: 100%;
margin-bottom: 8px;
font-size: 12px !important;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.panel-property:last-of-type {
margin-bottom: 4px; }
.panel-property-label {
width: 130px;
flex-shrink: 0;
color: #677480;
text-align: right; }
.panel-property-value {
width: calc(100% - 130px - 16px);
flex-shrink: 1;
text-align: left;
padding-left: 16px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.panel-section {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch; }
.panel-section ~ .panel-section:before {
content: '';
height: 0;
border-bottom: 2px solid #eef0f3;
padding: 2px 40px; }
.panel-section .panel-section-title {
font: 20px bold;
margin-left: 20px;
margin: 0 0 10px 20px;
flex: 0 1 auto; }
.panel-section .panel-section-body {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
overflow-y: auto;
margin-top: 0 !important; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.panel-title-with-icon {
display: flex;
flex-wrap: nowrap;
align-items: center;
min-width: 0; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.browser-banner {
margin: 0 !important;
margin-right: -8px !important;
border-radius: 0 !important; }
.browser-banner .bb-alert-content {
display: inline-flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 28px); }
.browser-banner .bb-alert-content .margin-link {
margin-left: 5px; }
.browser-banner .bb-alert-content .transparent-button {
flex-shrink: 0; }
.browser-banner .bb-alert-content .transparent-button svg {
height: 16px;
width: 16px;
fill: #677480; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.pw-modal-sm {
max-width: 25%; }
.pw-modal-lg {
max-width: 100% !important;
max-height: 100% !important;
position: absolute !important;
top: 100px;
bottom: 3%;
left: 10%;
right: 10%; }
.pw-modal-label {
font-size: 14px;
font-weight: 600; }
.pw-modal-spinner {
display: flex;
background-color: rgba(255, 255, 255, 0.6);
left: 0;
bottom: 30px;
position: absolute;
width: 100%;
height: 80%;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 1001; }
.pw-modal-error-message {
display: block;
font-size: 12px;
line-height: 22px;
color: #c00; }
.pw-modal-error-message svg {
width: 14px;
height: 14px;
vertical-align: middle;
margin-right: 4px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.file-check-in-toggle-div {
display: inline-flex; }
.file-check-in-toggle-div .bwc-toggle-switch {
align-items: flex-end !important;
margin-right: 10px;
margin-top: 2px; }
.file-check-in-toggle-div .file-check-in-toggle-text {
font-size: 14px;
font-weight: 600; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.fi-error-div:not(:last-of-type) {
margin-bottom: 20px; }
.fi-error-div .fi-item-summary {
width: calc(100% - 2px);
margin: 1px;
box-sizing: border-box; }
.fi-error-div .fi-error-message {
font-size: 12px;
font-weight: 400;
line-height: 22px;
color: #c00;
margin-bottom: 5px;
margin-top: 5px; }
.fi-error-div .fi-success-message {
font-size: 12px;
font-weight: 400;
line-height: 22px;
color: #56aa1c;
margin-bottom: 5px;
margin-top: 5px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.ftm-modal .ftm-list {
overflow: hidden;
max-height: 335px; }
.ftm-modal .ftm-show-scroll {
overflow-y: scroll; }
.ftm-proceed-message {
margin-bottom: 0;
margin-top: 2em; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.fsm-modal .fsm-list {
overflow: hidden;
max-height: 335px; }
.fsm-modal .fsm-show-scroll {
overflow-y: scroll; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.loading-page-fullscreen {
position: fixed; }
.loading-page {
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1025;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
background: white; }
.loading-page .loading-container {
display: flex;
flex-direction: column;
justify-content: center;
width: 33%;
min-width: 300px; }
.loading-page .loading-container .loading-text {
font-size: 24px;
font-weight: 400;
line-height: 33px;
text-align: center;
margin-bottom: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.btn-row {
display: inline-flex;
vertical-align: top; }
.btn-row > .menu-item > .tooltip-content {
width: 100%;
height: inherit; }
.btn-row > .menu-item > .tooltip-content > .tooltip {
height: 100%; }
.btn-row > .menu-item:first-child:not(:only-child) {
margin: 0 -1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.btn-row > .menu-item:only-child {
margin: 0 -1px;
border-radius: 3px; }
.btn-row > .btn-with-dd > .menu-item:first-child,
.btn-row > .menu-item:last-child:not(:only-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
width: 47px; }
.btn-row > .menu-item:not(:first-child):not(:last-child) {
margin: 0 -1px;
border-radius: 0; }
.btn-row > .btn-with-dd > .menu-item:first-child:only-child {
margin-right: 0;
width: 47px; }
.btn-row > .menu-item,
.btn-row > .btn-with-dd > .menu-item {
height: 38px;
width: 48px;
display: inline-flex;
vertical-align: top;
outline: none;
box-shadow: none;
text-decoration: none;
fill: #677480;
background-color: #fff;
border: 1px solid #dce0e3;
border-radius: 3px;
padding: 0;
cursor: pointer; }
.btn-row > .btn-with-dd > .menu-item:hover:not(:disabled):not(:focus),
.btn-row > .menu-item:hover:not(:disabled):not(:focus),
.btn-row > .menu-item.focus:hover:not(:disabled):not(:focus) {
border: 1px solid #4d575f;
z-index: 30; }
.btn-row > .btn-with-dd > .menu-item:hover:not(:disabled):not(:focus) .menu-item-svg,
.btn-row > .btn-with-dd > .menu-item:hover:not(:disabled):not(:focus) .menu-item-svg-selected,
.btn-row > .menu-item:hover:not(:disabled):not(:focus) .menu-item-svg,
.btn-row > .menu-item:hover:not(:disabled):not(:focus) .menu-item-svg-selected,
.btn-row > .menu-item.focus:hover:not(:disabled):not(:focus) .menu-item-svg,
.btn-row > .menu-item.focus:hover:not(:disabled):not(:focus) .menu-item-svg-selected {
fill: #008be1; }
.btn-row > .menu-item:focus,
.btn-row > .menu-item.focus:focus,
.btn-row > .btn-with-dd > .menu-item:focus {
border: 1px solid #008be1;
background-color: #fff;
z-index: 20; }
.btn-row > .menu-item:focus .menu-item-svg,
.btn-row > .menu-item:focus .menu-item-svg-selected,
.btn-row > .menu-item.focus:focus .menu-item-svg,
.btn-row > .menu-item.focus:focus .menu-item-svg-selected,
.btn-row > .btn-with-dd > .menu-item:focus .menu-item-svg,
.btn-row > .btn-with-dd > .menu-item:focus .menu-item-svg-selected {
fill: #008be1; }
.btn-row > .menu-item:active:not(:disabled),
.btn-row > .menu-item.focus:active:not(:disabled),
.btn-row > .btn-with-dd > .menu-item:active:not(:disabled) {
border: 1px solid #008be1;
background-color: #008be1;
z-index: 10; }
.btn-row > .menu-item:active:not(:disabled) .menu-item-svg,
.btn-row > .menu-item:active:not(:disabled) .menu-item-svg-selected,
.btn-row > .menu-item.focus:active:not(:disabled) .menu-item-svg,
.btn-row > .menu-item.focus:active:not(:disabled) .menu-item-svg-selected,
.btn-row > .btn-with-dd > .menu-item:active:not(:disabled) .menu-item-svg,
.btn-row > .btn-with-dd > .menu-item:active:not(:disabled) .menu-item-svg-selected {
fill: #fff; }
.btn-row > .menu-item:disabled,
.btn-row > .menu-item.focus:disabled {
border: 1px solid #dce0e3;
background: #fff;
cursor: inherit; }
.btn-row > .menu-item:disabled .menu-item-svg,
.btn-row > .menu-item.focus:disabled .menu-item-svg {
fill: #c7ccd1; }
.btn-row .menu-item-content {
height: inherit;
width: inherit;
display: flex;
flex-direction: column;
align-items: center;
margin: auto; }
.btn-row .menu-item-svg {
width: 16px;
height: 16px;
margin: auto;
margin-top: 5px;
fill: #677480; }
.btn-row .menu-item-svg-selected {
width: 16px;
height: 16px;
margin: auto;
margin-top: 5px;
fill: #008be1; }
.btn-row .menu-item-selected-indicator {
transition: all 0.15s ease-in-out;
margin-top: 3px;
fill: #008be1; }
.dropdown-list {
position: absolute;
padding-left: 0;
padding-top: 1px;
padding-bottom: 1px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
cursor: pointer;
white-space: nowrap;
width: 265px;
background: #ffffff;
z-index: 1000;
border: 1px solid #dce0e3;
margin-top: 1px; }
.dropdown-list > hr {
border: 0;
border-bottom: 1px solid #dce0e3; }
.dropdown-list > .menu-item {
position: relative;
list-style-type: none;
width: 100%;
height: 38px;
max-height: 38px;
margin-right: 12px;
border-radius: 0;
text-align: left;
cursor: inherit;
background: #fff;
padding: 0;
font: inherit;
display: list-item;
border: 0; }
.dropdown-list > .menu-item .tooltip {
align-items: center; }
.dropdown-list > .menu-item:hover,
.dropdown-list > .menu-item:focus {
background: #e5f5fd;
outline: 0; }
.dropdown-list > .menu-item:active > .tooltip-content > .tooltip {
background: #008be1; }
.dropdown-list > .menu-item:active > .tooltip-content > .tooltip > .option-icon {
fill: #fff; }
.dropdown-list > .menu-item:active > .tooltip-content > .tooltip > .option-title {
color: #fff; }
.dropdown-list > .menu-item:disabled > .tooltip-content > .tooltip,
.dropdown-list > .menu-item.disabled > .tooltip-content > .tooltip {
background: #fff;
cursor: default; }
.dropdown-list > .menu-item:disabled > .tooltip-content > .tooltip > .option-icon,
.dropdown-list > .menu-item.disabled > .tooltip-content > .tooltip > .option-icon {
fill: #c7ccd1; }
.dropdown-list > .menu-item:disabled > .tooltip-content > .tooltip > .option-title,
.dropdown-list > .menu-item.disabled > .tooltip-content > .tooltip > .option-title {
color: #c7ccd1; }
.dropdown-list > .menu-item > .tooltip-content {
width: 100%;
height: 100%; }
.dropdown-list > .menu-item > .tooltip-content > .tooltip {
height: 100%;
display: flex; }
.dropdown-list > .menu-item > .tooltip-content > .tooltip > .option-icon {
position: relative;
display: inline-block;
vertical-align: middle;
height: 16px;
width: 16px;
white-space: nowrap;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 16px;
fill: #677480; }
.dropdown-list > .menu-item > .tooltip-content > .tooltip > .early-access-icon {
position: absolute;
top: 0px;
right: 0px;
width: 20px;
height: 20px; }
.dropdown-list > .menu-item > .option-title,
.dropdown-list > .menu-item > .tooltip-content > .tooltip > .option-title {
position: relative;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
font-size: 14px;
color: #3c434a;
margin: 10px 16px;
width: 80%; }
.badge-left-margin {
margin-left: 10px !important; }
.no-right-margin {
margin-right: 0px !important;
width: 175px !important; }
.dropdown-list.right {
transform: translateX(-221px);
overflow-x: hidden;
position: fixed; }
.dropdown-list-submenu {
transform: translate(235px, -40px); }
.dropdown-child {
max-height: calc(100vh - 140px);
overflow-y: auto;
overflow-x: hidden; }
.btn-with-dd {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: inline-block; }
.btn-with-dd .button-name {
margin-right: 5px;
display: inline; }
.btn-with-dd .button-icon {
width: 16px;
height: 16px;
vertical-align: sub;
fill: #ffffff;
margin: 0;
margin-right: 8px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.form-rendering-modal {
max-height: 75vh; }
#form {
overflow-y: auto;
height: calc(100% - 2px);
width: calc(100% - 2px);
border: 1px solid #dce0e3; }
.renderer {
height: 100%; }
.renderer-labeled-control {
max-height: none !important; }
/* Temporary work-around to prevent scrollbars from appearing for Simple Environment form */
.renderer-datetime-picker {
position: absolute; }
.f-r-highlight-field:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: calc(100% - 3px);
height: 3px;
border-bottom: solid 2px #008be1;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.f-r-progress-cursor {
cursor: progress; }
.f-r-disable-inputs {
pointer-events: none; }
.validation-icon-error {
padding-right: 35px !important; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.svg-target {
flex-shrink: 0;
height: 32px;
width: 32px;
overflow: visible !important;
white-space: pre; }
.bwc-icons-medium {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
flex-shrink: 0; }
.bwc-icon {
margin-right: 8px !important; }
.bwc-icon.item-icon {
fill: #677480;
align-self: center !important; }
.icon-overlay-master-reference {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
transform: translateX(-40px);
margin-right: -32px !important;
flex-shrink: 0; }
.picker-master-reference-icon {
width: 32px;
height: 32px;
margin-left: 8px;
margin-right: -40px !important;
min-width: 32px;
min-height: 32px;
transform: translateX(-40px);
flex-shrink: 0; }
.icon-overlay-status {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
transform: translate(-23px, -2px);
margin-right: -16px !important;
flex-shrink: 0; }
.icon-overlay-status-very-small {
min-width: 12px;
min-height: 12px;
width: 12px;
height: 12px;
transform: translate(-16px, 4px);
margin-right: -12px !important;
flex-shrink: 0; }
.icon-overlay-O365 {
width: 16px;
height: 16px;
width: 13px;
height: 13px;
transform: translate(-6px, 3px);
fill: #344150;
margin-right: -16px !important;
flex-shrink: 0; }
.icon-overlay-red {
fill: #c00;
background-color: none;
border: 0px;
transform: translate(-22px); }
.icon-overlay-blue {
fill: #008be1;
background-color: none;
border: 0px;
transform: translate(-22px); }
.dwg-icon-blue path:first-child {
fill: #2b9be3; }
.dwg-icon-blue path:last-child {
fill: #0073ba; }
.out-to-me-icon {
overflow: visible !important; }
.out-to-me-icon .icon-overlay-status-very-small {
transform: translate(-16px, 2px) !important; }
.out-to-me-icon span {
line-height: 17px !important; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.copy-m-f-content {
margin: 0;
display: flex;
align-items: center;
margin-top: 20px;
justify-content: space-between; }
.copy-m-f-content .copy-m-f-leftgroup {
display: inline-flex;
align-items: center; }
.copy-m-f-content .copy-m-f-leftgroup .file-details {
margin-left: 16px; }
.copy-m-f-content .copy-m-f-leftgroup .hideMultipleFileDetails {
display: none; }
.copy-m-f-content .copy-m-f-rightgroup {
display: inline-flex; }
.copy-modal .bwc-modal-footer {
display: none; }
.bwc-typeahead {
display: block;
font-size: 14px;
font-weight: 400;
min-width: 202px;
}
.bwc-typeahead .bwc-typeahead-label {
display: block;
font-weight: 600;
color: #2a2f34;
line-height: 22px;
}
.bwc-typeahead .bwc-typeahead-select__control {
margin: 3px 0;
padding: 7px 10px;
padding-right: 0;
border-color: #c7ccd1;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;
line-height: 22px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bwc-typeahead .bwc-typeahead-select__control:hover {
border-color: #c7ccd1;
}
.bwc-typeahead .bwc-typeahead-select__control:focus-within {
border-color: #c7ccd1;
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(0, 139, 225, 0.1) 0 0 0 2px;
}
.bwc-typeahead .bwc-typeahead-select__control.error {
border-color: #c00;
}
.bwc-typeahead .bwc-typeahead-select__control.error:focus-within {
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset, rgba(204, 0, 0, 0.15) 0 0 0 2px;
}
.bwc-typeahead .bwc-typeahead-select__control.warning {
border-color: #f60;
}
.bwc-typeahead .bwc-typeahead-select__control.warning:focus-within {
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset,
rgba(255, 102, 0, 0.15) 0 0 0 2px;
}
.bwc-typeahead .bwc-typeahead-select__control.success {
border-color: #56aa1c;
}
.bwc-typeahead .bwc-typeahead-select__control.success:focus-within {
box-shadow: rgba(0, 0, 0, 0) 0 1px 1px inset,
rgba(86, 170, 28, 0.15) 0 0 0 2px;
}
.bwc-typeahead
.bwc-typeahead-select__control
.bwc-typeahead-select__value-container {
line-height: 22px;
padding: 0;
}
.bwc-typeahead
.bwc-typeahead-select__control
.bwc-typeahead-select__value-container
> div:not(.bwc-typeahead-select__single-value) {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.bwc-typeahead
.bwc-typeahead-select__control
.bwc-typeahead-select__indicator-separator {
margin: 0;
opacity: 0;
}
.bwc-typeahead .bwc-typeahead-select__control .bwc-typeahead-select__indicator {
padding-top: 0;
padding-bottom: 0;
}
.bwc-typeahead .bwc-typeahead-message {
display: block;
font-size: 12px;
color: #9ba5ae;
}
.bwc-typeahead .bwc-typeahead-message.error {
color: #c00;
}
.bwc-typeahead .bwc-typeahead-message.warning {
color: #f60;
}
.bwc-typeahead .bwc-typeahead-message.success {
color: #56aa1c;
}
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.pw-modal-sm {
max-width: 25%; }
.pw-modal-lg {
max-width: 100% !important;
max-height: 100% !important;
position: absolute !important;
top: 100px;
bottom: 3%;
left: 10%;
right: 10%; }
.pw-modal-label {
font-size: 14px;
font-weight: 600; }
.pw-modal-spinner, .create-renditions-loading {
display: flex;
background-color: rgba(255, 255, 255, 0.6);
left: 0;
bottom: 30px;
position: absolute;
width: 100%;
height: 80%;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 1001; }
.pw-modal-error-message {
display: block;
font-size: 12px;
line-height: 22px;
color: #c00; }
.pw-modal-error-message svg {
width: 14px;
height: 14px;
vertical-align: middle;
margin-right: 4px; }
.create-renditions-loading {
height: 85%; }
.create-renditions-modal .renditions-toggle {
display: inline-flex;
align-items: center;
padding-top: 5px; }
.create-renditions-modal .renditions-toggle .renditions-toggle-desc {
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-left: 8px; }
.create-renditions-modal .input-label {
display: block;
font-weight: 600;
color: #2a2f34;
line-height: 22px; }
.create-renditions-modal .component-dropdown {
margin-bottom: 11px; }
.create-renditions-modal .destination-component .destination-folder-value {
display: inline-flex;
align-items: center;
width: 100%; }
.create-renditions-modal .destination-component .destination-folder-value .d-f-v-name {
width: 79%;
margin-right: 8px;
color: darkgray; }
.create-renditions-modal .destination-component .destination-folder-value .d-f-v-button {
width: 21%; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.d-m-item-summary {
margin-bottom: 12px; }
.confirmation-message {
margin-right: 5px; }
.description-tooltip {
width: 100%; }
.d-m-spinner {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 2;
flex-shrink: 0; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.d-p-s-modal {
min-width: 700px !important;
max-width: 850px !important;
max-height: 530px;
height: unset !important;
margin-top: 50px; }
.d-p-s-modal .d-s-m-content {
overflow: auto; }
.d-p-s-modal .d-s-m-content h3:first-of-type {
margin-top: 0; }
.d-p-s-modal .d-s-m-paragraph {
margin-top: 2px !important; }
.d-p-s-modal .d-s-m-textarea textarea {
max-width: 650px;
max-height: 150px;
min-width: 300px;
min-height: 40px; }
.d-p-s-modal .d-s-m-checkbox,
.d-p-s-modal .d-s-m-radio {
margin-left: 25px !important;
margin-top: 0 !important; }
.d-p-s-modal .d-s-m-spinner {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 2;
flex-shrink: 0; }
/* Helper Mixin */
/* User-facing Mixin */
.th-contents-container {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
height: 50px;
padding: 0 16px;
}
.th-contents-container .th-column-name-span {
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
}
.th-contents-container .th-sort-arrow {
fill: #677480;
flex: 0 0 16px;
width: 16px;
height: 16px;
cursor: pointer;
display: none;
}
/* Sort Arrow States */
.ReactTable .rt-thead .rt-th:hover .th-sort-arrow {
display: inherit;
fill: #9ba5ae;
}
.ReactTable .rt-thead .rt-th.-sort-asc .th-sort-arrow,
.ReactTable .rt-thead .rt-td.-sort-asc .th-sort-arrow {
display: unset;
fill: #677480;
}
.ReactTable .rt-thead .rt-th.-sort-desc .th-sort-arrow,
.ReactTable .rt-thead .rt-td.-sort-desc .th-sort-arrow {
display: unset;
fill: #677480;
transform: rotate(180deg) !important;
}
.ReactTable{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-th:focus{outline-width:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-webkit-box-flex:99999;-ms-flex:99999 1 auto;flex:99999 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline-width:0;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);-webkit-transform:translateY(-52%);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.rt-thead.-filters {
height: 0px;
overflow: hidden;
}
.rt-thead.-header .rt-th {
overflow: visible;
}
.filter-modal-button {
height: 100%;
display: flex;
align-items: center;
width: 16px;
margin-left: 8px;
}
.filter-modal-button-icon {
display: block;
margin: 0 auto;
cursor: pointer;
opacity: 0.2;
height: 16px;
width: 16px;
}
.filter-modal-button-icon-filled {
display: block;
margin: 0 auto;
cursor: pointer;
fill: #078be1;
height: 16px;
width: 16px;
}
.filter-button-wrapper {
display: flex;
flex-direction: row;
margin: 2px 5px;
}
.filter-button {
width: 100px;
height: 40px;
margin-right: auto;
}
.filter-clear-button {
width: 100px;
height: 40px;
margin-left: 10px;
}
.filter-modal {
overflow: visible;
display: flex;
flex-direction: column;
position: absolute;
z-index: 10002;
box-sizing: content-box;
background-color: white;
box-shadow: 0 1px 4px #c7ccd1;
border-radius: 0;
border: solid 1px #c7ccd1;
padding: 6px;
}
.filter-modal span {
color: #3c434a;
font: 400 15px Arial;
text-align: left;
margin: 5px;
}
.filter-modal-hidden {
display: none;
}
.filter-input {
margin: 5px;
padding-left: 5px;
height: 40px;
border-radius: 4px;
border: 1px solid #c7ccd1;
color: #3c434a;
font-size: 14px;
}
.loading {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
}
.loading.active {
display: flex;
background-color: rgba(255, 255, 255, 0.6);
}
.paginator {
background-color: #f8f9fb;
font-size: 0.9rem;
width: 100%;
}
.paginator-content {
align-items: center;
border-bottom: 1px solid #dce0e3;
display: flex;
height: 38px;
justify-content: space-around;
width: 100%;
}
.paginator-controls {
align-items: center;
display: flex;
flex: 1;
justify-content: center;
width: 300px;
}
.paginator-icon {
color: #070809;
fill: #070809;
height: 16px;
width: 16px;
cursor: pointer;
}
.paginator-icon-disabled {
color: #9ba5ae;
fill: #9ba5ae;
height: 16px;
width: 16px;
cursor: pointer;
}
.paginator-location {
align-items: center;
color: #9ba5ae;
display: flex;
flex: 1;
justify-content: flex-end;
padding: 10px;
}
.paginator-page-link {
color: #008be1;
cursor: pointer;
margin: 0px 8px;
}
.paginator-page-link.current {
color: #2a2f34;
text-decoration: underline;
text-decoration-color: #2a2f34;
}
.last-ellipsis {
margin: 0px 8px;
}
/* Helper Mixin */
/* User-facing Mixin */
.ReactTable .rt-thead.-header {
box-shadow: none;
}
.ReactTable {
box-sizing: border-box;
}
.ReactTable .rt-thead .rt-tr {
text-align: center;
height: 50px;
background: #eef0f3;
}
.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
padding: 0;
border-right: none;
}
.ReactTable .th-contents-container .th-sort-arrow {
margin-left: 8px;
}
.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
box-shadow: none;
background-color: #dce0e3;
}
.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
box-shadow: none;
background-color: #dce0e3;
}
.ReactTable .rt-thead .rt-th.-cursor-pointer:hover {
background-color: #dce0e3 !important;
}
.ReactTable .rt-thead .rt-th #select-all,
.ReactTable .rt-thead .rt-td #select-all {
height: 50px;
margin: 0 0 0 16px !important;
display: flex;
align-items: center;
justify-content: center;
}
.ReactTable .rt-tbody {
font-size: 14px;
}
.ReactTable .rt-tbody .rt-td {
border-right: none;
background-color: transparent;
}
.ReactTable .rt-tbody .rt-expandable {
cursor: default;
}
.ReactTable .rt-tr {
height: 40px;
align-items: center;
}
.ReactTable .rt-th,
.ReactTable .rt-td {
padding: 0 0 0 16px;
align-items: center;
}
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover,
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow).selected {
background: #e5f5fd !important;
}
.ReactTable .rt-noData {
margin-top: 9%;
}
.ReactTable .rt-tbody .rt-td input[id^='select-'] {
margin: 0;
}
.rthfc .rt-th,
.rthfc .rt-td,
.rthfc.-highlight .rt-tr:hover .rt-td {
background-color: transparent;
}
.rthfc .rt-th.rthfc-th-fixed-right-first,
.rthfc .rt-td.rthfc-td-fixed-right-first {
border-left: none;
}
.rthfc.-sp .rthfc-th-fixed {
background-color: #eef0f3;
z-index: 600;
}
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.iModelMapDropDown {
width: 45%; }
.iModelDropdowns {
display: inline-flex;
flex-direction: row;
width: 100%;
justify-content: space-between; }
.spatialRootRow {
display: inline-flex;
flex-direction: row;
padding-bottom: 5px; }
.spatialRootRow .spatialRootLabel {
font-weight: bold;
padding-right: 5px; }
.spatialRootRow .spatialRootName {
padding-right: 5px; }
.iModelMapping .ReactTable {
max-height: 300px;
min-height: 50px; }
.iModelMapping .ReactTable .th-column-name-span {
display: flex;
flex-direction: row;
justify-content: center; }
.iModelMapping .ReactTable .rt-tbody .rt-tr-group {
max-height: 40px; }
.iModelMapping .ReactTable .rt-tbody .rt-tr-group .rt-td {
padding-left: 0px; }
.itemName {
padding-left: 10px;
height: 40px;
display: flex;
align-items: center; }
.radioButtonContainer {
display: flex;
flex-direction: row;
justify-content: center; }
.gridHeaderContainer {
display: inline-flex;
align-items: center; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.u-i-modal p {
margin: 0; }
.u-i-modal .tree-header-unmap {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
width: 100%; }
.u-i-modal .tree-header-unmap ul {
list-style-type: none;
margin: 0; }
.u-i-modal .tree-header-unmap li {
list-style-type: none; }
.u-i-modal .tree-header-unmap > ul {
padding-left: 0px; }
.u-i-modal .tree-header-unmap > ul > li {
padding-top: 5px; }
.u-i-modal .spatial-root-note {
color: #9ba5ae; }
.u-i-modal .tree-container-unmap {
width: 100%;
min-height: 200px;
max-height: 400px;
margin-top: 12px;
margin-bottom: 12px;
display: flex;
height: 300px;
border: 1px solid #dce0e3;
box-sizing: border-box; }
.u-i-modal .tree-chevron-collapsed {
height: 14px;
margin-right: 5px;
width: 16px;
margin-left: 25px; }
.u-i-modal .tree-chevron-collapsed path {
fill: #9ba5ae !important; }
.u-i-modal .tree-chevron-expanded {
height: 14px;
transform: rotate(90deg);
margin-right: 5px;
width: 16px;
margin-left: 25px; }
.u-i-modal .tree-chevron-expanded path {
fill: #9ba5ae !important; }
.u-i-modal .tree-item-collapsed {
display: none; }
.u-i-modal .tree-item-expanded {
display: block; }
.u-i-modal .tree-item-expanded > ul > li {
padding-top: 5px;
padding-bottom: 5px; }
.u-i-modal .tree-item-button-unmap {
display: inline-block;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: white;
font-family: inherit;
font-size: 14px;
min-width: 30%;
align-items: center;
padding: 5px 0 5px 8px;
width: calc(100% - 8px); }
.u-i-modal .tree-item-button-unmap div {
display: flex;
align-items: center; }
.u-i-modal .row-click {
display: inline-block; }
.u-i-modal .tree-item-button-unmap:hover {
cursor: pointer;
background-color: #dce0e3; }
.u-i-modal .tree-item-button-unmap:focus {
border-right: none;
border-top: none;
outline: none !important; }
.u-i-modal .span-content {
display: inline-block;
max-width: 425px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 2px; }
.u-i-modal .select-all {
margin: 10px 10px 10px 34px !important; }
.u-i-modal .checkbox-margin-right {
margin-right: 8px; }
.u-i-modal .div-version {
font-size: 12px;
color: #9ba5ae;
margin-left: 80px; }
.u-i-modal .name-margin {
display: inline-block;
max-width: 425px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.u-i-modal .select-all:hover {
cursor: pointer;
background-color: #dce0e3; }
.u-i-modal .select-all:focus {
border-right: none;
border-top: none;
outline: none !important; }
.u-i-modal .span-version {
margin-left: 16px;
display: inline-block;
max-width: 425px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.u-i-modal .li-margin {
margin-left: 36px; }
.u-i-modal .selectall-hover:hover {
cursor: pointer;
background-color: #dce0e3; }
.u-i-modal .selectall-hover:focus {
border-right: none;
border-top: none;
outline: none !important; }
.u-i-modal .select-imodelmapping {
cursor: pointer; }
.u-i-modal .select-imodelmapping div {
display: flex;
align-items: center; }
.u-i-modal .select-imodelmapping:hover {
background-color: #dce0e3; }
.u-i-modal .select-imodelmapping:focus {
border-right: none;
border-top: none;
outline: none !important; }
.u-i-modal input:disabled {
cursor: not-allowed; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.ss-container {
display: inline-flex;
align-items: center;
padding: 8px 4px;
min-height: 44px; }
.ss-container .saved-search-icon {
margin-right: 5px; }
.ss-container .saved-search-icon path {
fill: #008be1; }
.ss-container .ss-name {
display: flex;
align-items: center;
min-width: 50%;
max-width: 50%; }
.ss-container .ss-name .saved-search-icon path {
fill: #677480 !important; }
.ss-container .ss-name .ss-info-col {
display: inline-flex;
flex-direction: column;
margin-left: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.ss-container .ss-name .ss-info-col .ss-title {
font-size: 16px;
font-weight: 700;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 8px; }
.ss-container .ss-radio-group {
display: flex;
justify-content: space-evenly;
width: 100%; }
.iModelDropdowns {
display: inline-flex;
flex-direction: row;
width: 100%;
justify-content: space-between; }
.iModelDropdowns .dropDown {
width: 45%; }
.spatialRootRow {
display: inline-flex;
flex-direction: row;
padding-bottom: 5px; }
.spatialRootRow .spatialRootLabel {
font-weight: bold;
padding-right: 5px; }
.spatialRootRow .spatialRootName {
padding-right: 5px; }
.spatial-root-warning {
color: #9ba5ae; }
.mapping-warning-text {
color: #f60;
margin-top: 2px;
margin-bottom: 2px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.f-c-c-m-item-summary {
margin-bottom: 12px; }
.create-flatset-modal-confirmation-message {
margin-right: 5px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.r-m-item-summary {
margin-bottom: 12px; }
.remove-modal-confirmation-message {
margin-right: 5px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.remove-modal-description-tooltip {
width: 100%; }
.loading-modal {
overflow: visible;
min-width: 700px !important;
max-width: 850px !important;
margin-top: 50px; }
.loading-modal .loading-spinner {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 2;
flex-shrink: 0; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.n-w-d-modal {
min-width: 700px !important;
max-width: 700px !important;
max-height: 500px;
margin-top: 50px; }
.n-w-d-modal .n-w-d-modal-content {
overflow: auto; }
.n-w-d-modal .n-w-d-modal-content .n-w-d-modal-input {
margin-bottom: 25px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.s-l-modal {
max-width: 25%;
padding: 32px; }
.s-l-modal > .bwc-modal-footer {
margin: 0; }
.s-l-modal .inline-row {
display: inline-flex;
width: 100%; }
.s-l-modal .inline-row > :first-child {
flex-grow: 1; }
.s-l-modal .main-title {
padding: 0 0 4px;
margin-top: 16px;
font-weight: 600; }
.s-l-modal input.bwc-inputs-input.s-l-input-link {
cursor: text;
background-color: white;
color: #9ba5ae;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.s-l-modal input.bwc-inputs-input.s-l-input-link + button {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.s-l-modal section.s-l-adv-opts {
margin-top: 8px; }
.s-l-modal section.s-l-adv-opts .expandable-block > .content {
transition: none; }
.s-l-modal section.s-l-adv-opts .expandable-block.is-collapsed > .content {
padding: 0; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.infotooltiptext {
color: white;
background-color: #2a2f34;
border-radius: 4px;
font-size: 13px;
overflow: hidden;
max-width: 200px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
word-break: break-word;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
opacity: 0.9;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default; }
.infotooltipContainer {
z-index: 1000;
position: fixed; }
.infotooltipArrow {
position: absolute;
margin-left: -5px;
border-width: 5px;
border-style: solid;
opacity: 0.9;
border-color: #2a2f34 transparent transparent transparent;
pointer-events: none; }
.infotooltiptext .infotooltipButton {
color: #008be1;
font-weight: bold;
padding-left: 5px;
cursor: pointer;
display: inline-block; }
.infotooltiptext-hidden {
visibility: hidden; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.advanced-options {
display: flex; }
.advanced-options :nth-child(n + 2) {
border-left: none; }
.application {
flex: 1 1 0;
height: 70px;
border: solid;
border-color: #c7ccd1;
border-width: thin;
cursor: pointer; }
.application.selected {
border: solid;
border-width: thin;
border-color: #008be1; }
.application:focus {
outline: none; }
.application.disabled {
background-color: #eef0f3;
color: #c7ccd1;
cursor: not-allowed; }
.advanced-options-container {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
height: 50px;
padding: 18px 0px 0px; }
.advanced-options-container > .icon {
flex-shrink: 0;
width: 24px;
overflow: visible !important;
fill: #677480; }
.selected .advanced-options-container > .icon {
fill: #008be1; }
.disabled .advanced-options-container > .icon {
fill: #c7ccd1; }
.advanced-options-container > .overlay {
width: 16px;
height: 16px;
position: absolute;
top: 4px;
right: 4px;
fill: #008be1; }
.advanced-options-container > .label {
font-size: 10px;
font-weight: bold;
color: #2a2f34;
text-align: center; }
.sub-title {
font-size: 12px; }
.expandable-block > .header {
padding: 0px;
cursor: pointer; }
.expandable-block > .header:focus {
outline: none; }
.expandable-block > .header > .icon-container {
float: left;
margin-right: 11px;
line-height: 33px;
text-align: center;
font-size: 18px;
color: #677480;
margin-bottom: 0px;
transition: 0.15s ease-in-out; }
.expandable-block > .header > .title {
text-decoration: none;
color: #2a2f34;
font-size: 14px;
font-weight: 400;
line-height: 22px;
display: block;
margin: 0;
color: #4d575f;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 4px 0px; }
.expandable-block > .header > .title:link, .expandable-block > .header > .title:visited, .expandable-block > .header > .title:hover, .expandable-block > .header > .title:active {
color: #2a2f34;
text-decoration: none; }
.expandable-block > .content {
padding: 12px 0px;
margin: 0;
border: 0 none transparent;
transition: padding-top 0.15s ease-in-out, padding-bottom 0.15s ease-in-out; }
.expandable-block.with-caption > .header > .icon-container {
margin-top: 11px; }
.expandable-block.is-expanded > .header > .icon-container {
transform: rotate(90deg);
margin-bottom: 0px; }
.expandable-block.is-expanded > .header > .icon-container .block-arrow {
fill: #677480; }
.expandable-block.is-expanded > .content {
padding: 12px 0px; }
.bc-w-icon {
display: inline-flex;
align-items: center; }
.bc-w-icon .svg-target {
height: 16px; }
.bc-w-icon .svg-target .item-icon {
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
align-self: center !important; }
.column-filter-container {
display: flex; }
.column-filter-container .filter-container {
display: flex; }
.column-filter-container .filter-container .filter-breadcrumbs .filter-tags {
display: inline-block;
padding-bottom: 16px; }
.column-filter-container .filter-container .filter-breadcrumbs .filter-tags .bwc-tag {
margin: 0 3px; }
.clear-all-link {
margin: 0 16px;
color: #008be1;
cursor: pointer;
white-space: nowrap;
outline: none; }
svg.context-menu-icon {
fill: #677480 !important; }
.context-menu-item .iui-content {
margin-left: 8px; }
.context-menu-item svg {
height: 16px;
width: 16px;
fill: #677480 !important; }
.context-menu-item.iui-disabled svg {
fill: #c7ccd1 !important; }
.context-menu-item + div ul.iui-menu {
max-height: 300px;
overflow-y: auto; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.context-menu-icon {
width: 16px;
height: 16px;
fill: #677480;
cursor: pointer; }
.context-menu-icon > svg {
fill: #677480; }
.context-menu-icon :hover {
fill: #008be1; }
.positioner {
z-index: 2000; }
.context-menu-icon:focus {
outline: none !important; }
.pdf-markup-overlay {
z-index: 101;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.8); }
.pdf-markup-overlay .pdf-markup-modal {
padding-top: 120px;
height: 100%;
width: calc(100% - 58px * 2); }
.pdf-markup-overlay .pdf-markup-modal-header {
margin-top: 16px;
margin-bottom: 16px;
color: #fff;
display: flex;
align-items: center; }
.pdf-markup-overlay .pdf-markup-modal-header .modal-title {
display: flex;
font-weight: 600; }
.pdf-markup-overlay .pdf-markup-modal-header .modal-title svg {
width: 24px;
height: 24px;
margin-right: 8px; }
.pdf-markup-overlay .pdf-markup-modal-header .modal-back {
display: flex;
align-items: center;
color: #fff;
flex-shrink: 0;
margin-right: 32px;
opacity: 0.8;
line-height: 1;
background: transparent;
border: 0;
padding: 0; }
.pdf-markup-overlay .pdf-markup-modal-header .modal-back:hover {
opacity: 1; }
.pdf-markup-overlay .pdf-markup-modal-header .modal-back:focus {
outline: none; }
.pdf-markup-overlay .pdf-markup-modal-header .modal-back svg {
width: 16px;
height: 16px;
fill: #fff;
margin-right: 8px; }
.pdf-markup-overlay .modal-content {
width: 100%;
height: calc(100% - 158px);
border: 0px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.rt-noData {
display: inline-flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
width: calc(100% - 2px);
height: calc(100% - 2px);
margin-top: inherit !important;
padding: 0 !important;
background: white !important; }
.rt-noData button,
.rt-noData a {
pointer-events: auto; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.rt-noData {
pointer-events: auto !important;
-ms-user-select: none; } }
.egs-icon {
fill: #9ba5ae;
width: 128px;
height: 128px; }
.egs-link {
color: #008be1;
text-decoration: underline;
cursor: pointer;
pointer-events: auto; }
p.egs-w-icon svg {
height: 16px;
width: 16px;
fill: #9ba5ae;
margin-bottom: -3px; }
.selected-menu-item {
background-color: #2684ff !important;
color: white !important; }
.list-options {
max-width: 120px;
min-width: 100px;
max-height: 100px;
border-radius: 3px;
overflow: auto; }
.list-options ul {
list-style-type: none;
padding: 0;
margin: 0; }
.list-options ul li {
line-height: 25px;
padding: 5px; }
.list-options ul li button {
background: none;
color: inherit;
border: none;
font: inherit;
cursor: pointer;
outline: inherit;
width: 100%;
display: flex; }
.list-options ul li button .list-option {
display: flex;
flex-direction: row;
flex: 2; }
.list-options ul li button .list-option .list-option-label {
justify-content: flex-start;
flex: 0 1 auto; }
.list-options ul li button .list-option .list-option-icon {
justify-content: flex-end;
margin-left: auto;
flex: 0 0 auto; }
.list-options ul li button .list-option .list-option-icon .list-option-svg {
width: 16px;
height: 16px;
fill: #008be1;
vertical-align: middle; }
.list-options ul .menu-item:hover {
background-color: rgba(0, 139, 225, 0.1); }
table.bnt-calendar {
border-collapse: collapse;
table-layout: fixed;
font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 14px;
line-height: 1;
background-color: white;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
border: 1px solid #c7ccd1; }
table.bnt-calendar tr {
padding: 0;
box-sizing: border-box; }
table.bnt-calendar td {
color: #2a2f34;
width: 32px;
height: 32px;
vertical-align: middle;
padding: 0;
box-sizing: border-box; }
table.bnt-calendar td div {
text-align: center;
margin: 0;
padding-top: 8px;
padding-bottom: 8px; }
table.bnt-calendar td.calendar-title {
text-align: center;
font-weight: bold;
cursor: default;
cursor: pointer;
padding-top: 8px;
padding-bottom: 8px; }
table.bnt-calendar td.calendar-title.calendar-title-clickable:hover {
color: #008be1; }
table.bnt-calendar td.calendar-arrow {
padding: 8px 8px;
cursor: pointer;
color: #677480;
font-size: 14px; }
table.bnt-calendar td.calendar-arrow:hover {
color: #008be1; }
table.bnt-calendar td.calendar-arrow:last-child {
text-align: right; }
table.bnt-calendar td.bnt-calendar-day {
min-width: 32px;
cursor: pointer; }
table.bnt-calendar td.bnt-calendar-day:hover {
color: #008be1; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-shaded {
color: #9ba5ae; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-shaded:hover {
color: #008be1; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-cur-day {
color: #fff; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-cur-day div {
background: #a6ddff; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-cur-day:hover {
color: #008be1; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-cur-day:hover.bnt-calendar-selected {
color: #fff; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-selected {
color: #fff; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-selected:hover {
color: #fff; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-selected div {
background: #008be1; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-disabled {
cursor: default;
color: #9ba5ae; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-disabled:hover {
color: #9ba5ae; }
table.bnt-calendar td.bnt-calendar-day.bnt-calendar-disabled div {
background: #f8f9fb; }
table.bnt-calendar td:first-child {
width: 40px;
min-width: 40px; }
table.bnt-calendar td:first-child div {
margin-left: 8px; }
table.bnt-calendar td:last-child {
width: 40px;
min-width: 40px; }
table.bnt-calendar td:last-child div {
margin-right: 8px; }
table.bnt-calendar tr:first-child td {
height: 48px; }
table.bnt-calendar tr:first-child td div {
margin-top: 8px;
margin-bottom: 8px; }
table.bnt-calendar tr.weekdays {
color: #000000;
font-weight: bold;
background: #f9f9f9; }
table.bnt-calendar td.bnt-calendar-cell {
height: 50px;
text-align: center;
cursor: pointer; }
table.bnt-calendar td.bnt-calendar-cell > div {
width: 56px;
padding: 5px; }
table.bnt-calendar td.bnt-calendar-cell > div:hover {
color: #008be1; }
table.bnt-calendar td.bnt-calendar-cell.selected > div {
color: #fff;
background: #008be1; }
table.bnt-calendar td.bnt-calendar-cell.selected > div:hover {
color: #fff; }
table.bnt-calendar td.bnt-calendar-cell.shaded > div {
color: #9ba5ae; }
table.bnt-calendar td.bnt-calendar-cell.shaded > div:hover {
color: #008be1; }
.caledar-arrow-icon {
align-self: center;
height: 16px;
width: 16px;
fill: currentColor; }
.bnt-datepicker-icon {
width: 16px; }
.bnt-datepicker-wrapper {
display: flex;
width: 152px;
border: 1px solid #c7ccd1;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.bnt-datepicker-wrapper[disabled], .bnt-datepicker-wrapper[readonly] {
background-color: #eef0f3;
color: #c7ccd1;
cursor: not-allowed; }
.bnt-datepicker-wrapper.bnt-datepicker-invalid {
border-color: #c00; }
.bnt-datepicker-wrapper.bnt-datepicker-invalid .bnt-dropdown-container > .svg-icon {
color: #c00; }
.bnt-datepicker-wrapper > * {
min-width: 0;
min-height: 0; }
.bnt-datepicker-wrapper > input {
flex: 1 1;
margin: 1px 0 3px 16px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #2a2f34;
border: none; }
.bnt-datepicker-wrapper > input:-ms-input-placeholder {
color: #c7ccd1; }
.bnt-datepicker-wrapper > input::-moz-placeholder {
color: #c7ccd1; }
.bnt-datepicker-wrapper > input::placeholder {
color: #c7ccd1; }
.bnt-datepicker-wrapper > input:focus {
outline: 0;
border: none; }
.bnt-dropdown-container {
position: relative;
height: 100%;
align-items: center;
display: flex;
justify-content: center;
align-items: center; }
.bnt-dropdown-container svg {
margin-right: 8px;
margin-left: 8px; }
.bnt-dropdown-container:focus {
outline: none; }
.bnt-dropdown-component {
position: absolute; }
.date-filter-form {
display: flex;
padding: 16px;
flex-direction: column; }
.date-filter-form-row {
display: flex;
width: 100%;
align-items: baseline;
padding: 0;
margin-bottom: 8px; }
.date-filter-form-row:last-child {
justify-content: flex-end;
margin-top: 8px;
margin-bottom: 0; }
.date-filter-form-row .label {
flex: 1 0 auto;
font-weight: bold;
text-align: left;
margin-right: auto; }
.date-filter-form-row .date-input {
margin: 5px;
padding-left: 5px;
height: 40px;
border-radius: 4px;
border: 1px solid #c7ccd1;
color: #3c434a;
font-size: 14px; }
.date-filter-form-row > button {
margin-left: 8px;
margin-top: 0;
margin-bottom: 0; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.filter_search_collapsed_button {
display: inline-block;
width: 46px;
height: 38px;
cursor: pointer;
right: 20px;
border: 1px solid #dce0e3;
border-radius: 3px;
outline: none;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
padding: 0; }
.filter_search_collapsed_button > div {
width: 16px;
height: 16px;
margin: auto; }
.filter_search_collapsed_button > div > svg {
fill: #677480; }
.dropdown-search {
display: inline-block;
width: 20px;
height: 38px;
cursor: pointer;
border: 1px solid #dce0e3;
border-radius: 3px;
outline: none;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
padding: 0; }
.dropdown-search > div {
width: 16px;
height: 16px;
margin: auto; }
.dropdown-search > div > svg {
fill: #677480; }
.input-with-button-container .bwc-inputs-input[disabled] {
background-color: #f8f9fb; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.filter-box-with-dropdown > button {
right: 20px !important; }
.input-with-button-container {
display: inline-block;
position: relative; }
.input-with-button-container > .tooltip-content > .tooltip > input {
padding-right: 66px;
width: 100%;
border-color: #dce0e3; }
.input-with-button-container > .btn-with-dd {
position: absolute !important;
right: 0 !important;
top: 0 !important;
background: white; }
.input-with-button-container > .btn-with-dd ul {
left: -70px !important; }
.input-with-button-container > .btn-with-dd button.bwc-buttons-disabled {
opacity: 1 !important;
cursor: default;
pointer-events: none; }
.input-with-button-container > .btn-with-dd button.bwc-buttons-disabled > * {
opacity: 0.4; }
.input-with-button-container > .tooltip-content + button {
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 100%;
cursor: pointer;
border: none;
outline: none;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
padding: 0; }
.input-with-button-container > .tooltip-content + button > .tooltip-content {
width: 16px;
height: 16px;
margin: auto; }
.input-with-button-container > .tooltip-content + button > .tooltip-content .tooltip > svg {
fill: #677480;
height: 16px; }
.input-with-button-container > input:disabled + button {
cursor: disabled; }
.input-with-button-container > input:not(:disabled) ~ .btn-with-dd #dropdownSearch:hover:not(:focus) {
border: 1px solid #4d575f;
z-index: 30; }
.input-with-button-container > input:not(:disabled) ~ .btn-with-dd #dropdownSearch:hover:not(:focus) > .dropdown-svg path {
fill: #008be1; }
.input-with-button-container > input:not(:disabled) ~ .btn-with-dd #dropdownSearch:focus {
border: 1px solid #008be1;
background-color: #fff;
z-index: 20; }
.input-with-button-container > input:not(:disabled) ~ .btn-with-dd #dropdownSearch:focus > .dropdown-svg path {
fill: #008be1; }
.input-with-button-container > input:not(:disabled) ~ .btn-with-dd #dropdownSearch:active {
border: 1px solid #008be1;
background-color: #008be1;
z-index: 10; }
.input-with-button-container > input:not(:disabled) ~ .btn-with-dd #dropdownSearch:active > .dropdown-svg path {
fill: #fff; }
#dropdownSearch {
display: inline-grid;
width: 20px;
height: 38px;
cursor: pointer;
right: 0;
border: 1px solid #dce0e3;
border-radius: 3px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
outline: none;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
padding: 0; }
#dropdownSearch > .tooltip-content {
width: 12px;
height: 20px;
margin: auto; }
#dropdownSearch > .tooltip-content .tooltip > svg {
fill: #677480; }
.dropdown-svg {
width: 9px;
margin: auto; }
.dropdown-svg path {
fill: #677480; }
.fileSize-filter-form {
display: flex;
padding: 16px;
flex-direction: column;
width: 204px; }
.fileSize-filter-form-row {
display: flex;
display: inline-flex;
width: 100%;
align-items: center;
padding: 0;
margin-bottom: 0px; }
.fileSize-filter-form-row:last-child {
justify-content: flex-end;
margin-top: 8px;
margin-bottom: 0; }
.fileSize-filter-form-row .label {
flex: 1 0 auto;
font-weight: bold;
text-align: left;
margin-right: auto; }
.fileSize-filter-form-row .fileSize-input {
margin: 5px;
margin-right: 0px;
padding-left: 5px;
height: 30px;
width: 40px;
border: 1px solid #c7ccd1;
border-right: 0px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #3c434a;
font-size: 14px; }
.fileSize-filter-form-row > button {
margin-left: 8px;
margin-top: 0;
margin-bottom: 0; }
.fileSize-filter-form-row .up-button,
.fileSize-filter-form-row .down-button {
width: 12px;
height: 12px;
margin: auto;
padding-top: 0px; }
.fileSize-filter-form-row .caretup-button {
transform: rotate(180deg);
height: 8px;
fill: #677480;
padding-bottom: 3px; }
.fileSize-filter-form-row .caretdown-button {
height: 8px;
fill: #677480;
padding-bottom: 10px;
outline: none; }
.fileSize-filter-form-row .bwc-inputs-input {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right-style: none; }
.fileSize-filter-form-row .spinner-buttons {
width: 22px;
height: 36px;
margin-right: 10px;
background-color: #fff;
border: 1px solid #c7ccd1;
border-left: 0px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.fileSize-filter-form-row .increment-button {
display: inline-block;
width: 20px;
height: 12px;
cursor: pointer;
border: 0px;
outline: none;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
padding: 0; }
.fileSize-filter-form-row .decrement-button {
display: inline-block;
width: 20px;
height: 12px;
cursor: pointer;
outline: none;
border: 0px;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
padding: 0; }
.fileSize-filter-form-row .bwc-inputs-select {
width: 60px;
margin-left: 10px;
height: 38px; }
.picklist-filter-form {
display: inline-flex; }
.picklist-filter-form .bwc-typeahead {
min-width: 180px !important;
max-width: 180px;
margin-left: 2px;
margin-right: 3px; }
.picklist-filter-form .bwc-buttons-hollow {
margin-right: 2px; }
.rt-thead.-filters {
height: 0;
overflow: hidden; }
.search-box-button {
height: 100%;
display: flex;
align-items: center;
width: 16px;
margin-left: 8px; }
.search-box-button-icon {
display: block;
margin: 0 auto;
cursor: pointer;
opacity: 0.2;
height: 16px;
width: 16px;
fill: #eef0f3;
outline: none; }
.search-box-button-icon-filled {
display: block;
margin: 0 auto;
cursor: pointer;
fill: #008be1;
height: 16px;
width: 16px; }
.search-box {
overflow: visible;
display: flex;
flex-direction: column;
position: absolute;
z-index: 10002;
box-sizing: content-box;
border-radius: 0;
top: 3px;
left: 8px;
right: 8px;
bottom: 3px; }
.search-box .input-with-button-container {
width: 100% !important; }
.search-box-hidden {
display: none; }
.form-filter-box {
overflow: visible;
display: flex;
flex-direction: column;
position: absolute;
z-index: 1;
box-sizing: content-box;
background-color: white;
box-shadow: 0 1px 4px #c7ccd1;
border-radius: 0;
border: solid 1px #c7ccd1;
top: 0;
left: 0; }
.form-filter-box-hidden {
display: none; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
.grid-loading {
-webkit-animation: 1s ease-in 0s 1 fadeIn;
animation: 1s ease-in 0s 1 fadeIn;
display: inline-flex;
flex-direction: column;
width: calc(100% - 2px);
height: 100%;
min-width: 500px;
justify-content: center;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0.1); }
.grid-loading .loading-bar {
height: unset;
margin-top: 24px;
margin-bottom: 48px;
z-index: 1; }
.grid-container .ReactTable,
.m-c-table-wrapper .ReactTable {
height: 100%;
box-sizing: border-box;
-moz-user-select: none;
-webkit-user-select: none;
border: 1px solid rgba(0, 0, 0, 0.1) !important; }
.grid-container .ReactTable .rt-thead,
.m-c-table-wrapper .ReactTable .rt-thead {
flex: auto 0 !important; }
.grid-container .ReactTable .rt-thead.-header .rt-th,
.m-c-table-wrapper .ReactTable .rt-thead.-header .rt-th {
overflow: hidden !important; }
.grid-container .ReactTable .rt-thead.-header .rt-th .th-contents-container,
.m-c-table-wrapper .ReactTable .rt-thead.-header .rt-th .th-contents-container {
padding: 0 16px 0 5px; }
.grid-container .ReactTable .rt-thead .rt-th:hover .th-contents-container > span,
.m-c-table-wrapper .ReactTable .rt-thead .rt-th:hover .th-contents-container > span {
width: 100%; }
.grid-container .ReactTable .rt-thead .rt-th:hover .filter .search-box-button .search-box-button-icon,
.m-c-table-wrapper .ReactTable .rt-thead .rt-th:hover .filter .search-box-button .search-box-button-icon {
display: inherit;
opacity: 0.65;
fill: #9ba5ae; }
.grid-container .ReactTable .rt-thead .rt-resizer,
.m-c-table-wrapper .ReactTable .rt-thead .rt-resizer {
width: 26px; }
.grid-container .ReactTable .th-contents-container,
.m-c-table-wrapper .ReactTable .th-contents-container {
max-width: calc(100% - 20px); }
.grid-container .ReactTable .rt-tbody,
.m-c-table-wrapper .ReactTable .rt-tbody {
overflow: hidden; }
.grid-container .ReactTable .rt-table,
.m-c-table-wrapper .ReactTable .rt-table {
overflow-y: hidden; }
.grid-container .ReactTable .rt-tbody .border-bottom,
.m-c-table-wrapper .ReactTable .rt-tbody .border-bottom {
border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
.grid-container .ReactTable .rt-tbody > div > div,
.m-c-table-wrapper .ReactTable .rt-tbody > div > div {
overflow: hidden auto !important; }
.grid-container .ReactTable .rt-tr-group .context-menu-button,
.m-c-table-wrapper .ReactTable .rt-tr-group .context-menu-button {
visibility: hidden; }
.grid-container .ReactTable .rt-tr-group:hover .context-menu-button,
.grid-container .ReactTable .rt-tr-group .context-menu-button.context-menu-active,
.m-c-table-wrapper .ReactTable .rt-tr-group:hover .context-menu-button,
.m-c-table-wrapper .ReactTable .rt-tr-group .context-menu-button.context-menu-active {
visibility: visible; }
.grid-container .ReactTable .rt-td,
.m-c-table-wrapper .ReactTable .rt-td {
cursor: default;
padding: 0; }
.grid-container .ReactTable .rt-tr > .rt-td:first-of-type,
.m-c-table-wrapper .ReactTable .rt-tr > .rt-td:first-of-type {
padding: 10px 0 10px 16px; }
.grid-container .ReactTable .paginator .paginator-content,
.m-c-table-wrapper .ReactTable .paginator .paginator-content {
border-bottom: none; }
.grid-container .ReactTable .paginator .paginator-content .paginator-icon-disabled,
.m-c-table-wrapper .ReactTable .paginator .paginator-content .paginator-icon-disabled {
cursor: default !important;
pointer-events: none; }
.grid-container .loading,
.m-c-table-wrapper .loading {
top: 0;
bottom: 0; }
.grid-container .nameColumnData,
.m-c-table-wrapper .nameColumnData {
width: 100%;
display: inline-flex;
justify-content: space-between; }
.grid-container .name-icon-tooltip,
.m-c-table-wrapper .name-icon-tooltip {
display: inline-flex; }
.grid-container .cell-style,
.m-c-table-wrapper .cell-style {
height: 40px;
display: flex;
align-items: center;
width: 100%; }
.grid-container .cell-style span,
.m-c-table-wrapper .cell-style span {
overflow: hidden;
text-overflow: ellipsis;
white-space: pre; }
.grid-container .cell-style:focus,
.m-c-table-wrapper .cell-style:focus {
outline: none; }
.grid-container .cell-style .centered-cell,
.m-c-table-wrapper .cell-style .centered-cell {
justify-content: center; }
.grid-container .iModelIcon,
.grid-container .versionLockIcon,
.m-c-table-wrapper .iModelIcon,
.m-c-table-wrapper .versionLockIcon {
margin-top: 4px; }
.grid-container .iModelTooltip,
.grid-container .versionLockTooltip,
.m-c-table-wrapper .iModelTooltip,
.m-c-table-wrapper .versionLockTooltip {
fill: #9ba5ae; }
.grid-container .itemLink:hover,
.m-c-table-wrapper .itemLink:hover {
text-decoration: underline !important;
cursor: pointer; }
.grid-container .bwc-icon,
.m-c-table-wrapper .bwc-icon {
margin-right: 8px; }
.grid-container-scrollbar .ReactTable .rt-thead .rt-tr .rt-th {
background-color: #eef0f3; }
.grid-container-scrollbar .ReactTable .border-bottom {
width: unset !important; }
.grid-container-scrollbar .ReactTable .vertical-scrollbar-present {
width: calc(100% - 15px) !important; }
.grid-container-scrollbar .ReactTable .rt-tbody {
min-width: 0 !important; }
.grid-container-scrollbar .ReactTable .rt-tbody > div > div {
overflow: auto !important; }
.grid-container-scrollbar .ReactTable .rt-thead {
min-width: 0 !important;
overflow: hidden !important; }
.clickIcon {
cursor: pointer; }
.nameSpan {
display: inline-block; }
.svg-target {
display: inline-block; }
.externalItemLink {
color: #c7ccd1;
display: block;
width: inherit; }
.pw-grid-page-dropdown {
font-size: 0.9rem;
color: #9ba5ae !important;
position: absolute;
bottom: 0;
right: 0;
margin: 7px; }
.pw-grid-page-dropdown + div .iui-menu {
position: absolute;
bottom: 30px;
max-height: 373px;
overflow-y: auto; }
.paginator-location {
visibility: hidden; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.info-panel-transition {
height: calc(100% - 2px) !important;
max-width: 100%; }
.info-panel-transition .info-panel {
height: 100%; }
.info-panel-transition .info-panel .info-panel-content {
height: 100%; }
.content-centered {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
padding: 0 2rem;
text-align: center; }
.empty-state {
color: #9ba5ae; }
.empty-state svg {
fill: #9ba5ae;
width: 64px;
height: 64px; }
.empty-state svg path {
fill: #9ba5ae; }
.panel-section {
border: 1px solid #dce0e3;
border-top: none;
margin: 0; }
.panel-section .panel-section-body {
background: white;
padding: 8px; }
.panel-section .panel-section-body .a-t-expandable {
cursor: pointer; }
.panel-section .panel-section-body .a-t-expandable:hover {
text-decoration: underline; }
.panel-section .panel-section-body .a-t-date-label {
width: 140px;
text-align: left; }
.panel-section .panel-section-body .a-t-sub-properties {
margin: -4px 0 8px 24px;
padding-top: 4px;
background: #eef0f3;
border-left: 1px solid #c7ccd1;
border-bottom: 1px solid #c7ccd1;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.panel-section .panel-section-body .a-t-sub-properties .panel-property-label {
width: 95px; }
.panel-section .panel-section-body .a-t-sub-properties .panel-property-value {
width: calc(100% - 95px - 16px); }
.panel-section .panel-section-body .i-p-pin-bottom {
margin-top: auto;
display: flex;
justify-content: center; }
.panel-section .panel-section-body .i-p-pin-bottom .bwc-tables-paginator {
background: inherit;
border: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.panel-section .panel-section-body .i-p-pin-bottom .bwc-tables-paginator .content .controls {
align-items: center; }
.panel-section .panel-section-body .i-p-pin-bottom .bwc-tables-paginator .content .controls > svg.icon {
width: 16px;
height: 16px;
fill: #677480; }
.panel-section .panel-section-body .i-p-pin-bottom .bwc-tables-paginator .content > .page {
display: none; }
/* Add line under tabs content, and ignore bottom border on tabs */
.bwc-tabs-horizontal {
border-bottom: 1px solid #dce0e3;
height: 43px;
flex-shrink: 0; }
.bwc-tabs-horizontal li a {
height: 22px; }
.i-p-multiple-selected {
overflow-y: auto;
height: 100%;
border-top: 1px solid #dce0e3; }
.i-p-tab-scroller {
overflow-y: auto;
height: 100%;
background: white; }
.renderer-text-box:disabled {
color: #677480 !important; }
.i-p-tab-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.warning-text {
margin-bottom: 10px; }
.dcw-wizard-progression label.bwc-inputs-checkbox span.label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.dcw-spinner {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 2;
flex-shrink: 0; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.dcw-wizard-progression {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px;
box-shadow: 0 -2px 6px 0 #c7ccd1; }
.dcw-wizard-progression button {
min-width: 120px; }
.dcw-wizard-progression .dcw-create-btn-container {
margin-left: 7px !important; }
.dcw-wizard-progression .dcw-create-container-disabled {
cursor: not-allowed; }
.dcw-wizard-progression .dcw-create-btn-disabled {
pointer-events: none;
background-color: #dce0e3 !important; }
.dcw-wizard-progression .tooltip-content {
margin: 0 64px; }
.dcw-wizard-progression .dcw-nav-spacer {
width: 35px; }
.dcw-wizard-progression .dcw-nav-hidden-button {
visibility: hidden;
margin-left: 7px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.dcw-code-preview {
display: inline-flex;
align-items: center;
width: 100%;
flex-shrink: 0;
margin: 12px 0; }
.dcw-code-preview > div {
flex-grow: 1;
margin-right: 12px; }
.dcw-code-preview > div label {
display: inline-flex;
align-items: center;
width: 100%;
margin-bottom: 0; }
.dcw-code-preview > div label .label {
flex-shrink: 0;
margin-right: 8px; }
.dcw-code-preview button {
height: 38px; }
.dcw-code-preview .bwc-inputs-input[readonly] {
color: #4d575f;
cursor: default; }
.dcw-i-s-container {
display: inline-flex;
align-self: flex-start; }
.dcw-i-s-container .dcw-i-s-label {
font-weight: 600;
margin-top: 11px;
margin-right: 8px; }
.dcw-i-s-container .dcw-interface-select {
width: 188px; }
.dcw-i-s-container .dcw-interface-select.i-s-disabled {
opacity: 0.5;
pointer-events: none; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.lock-icon {
fill: #677480;
width: 16px;
height: 16px;
margin-top: 3px; }
.lock-icon-disabled {
fill: #9ba5ae;
width: 16px;
height: 16px;
margin-top: 3px; }
.dcw-properties-form {
width: 100%;
flex-grow: 1;
overflow-y: auto; }
.dcw-no-legend {
height: 30px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.dcw-wizard {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.dcw-wizard .dcw-form-placeholder {
border: 1px solid #dce0e3;
width: calc(100% - 2px); }
.dcw-wizard #form .renderer-form .renderer-text-box:disabled {
color: #677480 !important; }
.dcw-wizard #form .renderer-form .dropdown-container .autocomplete-items {
background: white; }
.dcw-wizard {
height: calc(100vh - 275px - 3%);
width: 100%;
max-width: 1200px;
display: inline-flex;
flex-direction: column; }
.dcw-wizard .bwc-wizard {
display: inline-flex;
flex-direction: column;
width: 100%;
height: 100%;
align-items: center; }
.dcw-wizard .bwc-wizard .bwc-wizard-outer-legend {
max-width: 50%;
min-width: 350px;
margin: 10px 0 6px;
flex-shrink: 0;
flex-grow: 0;
cursor: default; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content {
display: inline-flex;
flex-direction: column;
width: 100%;
align-items: center;
flex-shrink: 1;
flex-grow: 1;
min-height: 150px !important; }
.btn-row > .menu-item:disabled .menu-item-svg-selected,
.btn-row > .menu-item:disabled .menu-item-selected-indicator {
fill: #c7ccd1; }
.attributesToolbarContainer {
display: inline-flex;
flex-direction: row;
justify-content: space-between;
margin: 0 1px 8px; }
.af-i-s-container {
display: inline-flex;
align-self: flex-start;
margin-left: auto; }
.af-i-s-container .af-interface-select {
width: 188px;
margin: 0; }
.af-i-s-container .af-interface-select.i-s-disabled {
opacity: 0.5;
pointer-events: none; }
.attributesFormPanel {
display: flex;
flex-direction: column;
height: calc(100% - 10px);
width: 100%;
margin: 10px 0 0; }
.table {
margin-left: auto;
margin-right: auto; }
.centered-flex-div {
display: flex;
justify-content: center; }
.interfaceSelectContainer {
position: fixed;
top: 57px;
right: 10px;
width: 188px; }
.info-panel-content #form .renderer-form .autocomplete-items {
background: white; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.d-f-s-modal {
max-height: calc(100vh - 120px); }
.d-f-s-modal .d-f-s-m-settings-content {
overflow: auto; }
.d-f-s-modal .d-f-s-m-settings-content > div:first-of-type > label {
margin-top: 0; }
.d-f-s-modal .d-f-s-m-radio,
.d-f-s-modal .d-f-s-m-checkbox {
margin-left: 25px !important;
margin-top: 0px !important; }
.d-f-s-modal .d-f-s-m-spinner {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 2;
flex-shrink: 0; }
.d-f-s-modal .d-f-s-m-settings-container {
border: 1px solid #a6afb7;
padding: 0 15px 5px 15px; }
.d-f-s-modal .d-f-s-m-header {
margin-top: 10px; }
.d-f-s-modal .d-f-s-m-settings-locked-msg {
color: #c00; }
.eat-modal {
overflow: visible !important; }
.date-range-container {
display: inline-flex; }
.date-range-container .date-picker {
margin-left: 14px;
margin-right: 13px;
margin-top: 3px;
max-width: 190px;
min-width: 190px;
max-height: 40px; }
.date-range-container .middle-text {
margin-top: 12px; }
.file-name-container {
display: inline-flex;
width: 100%;
margin-top: 10px; }
.file-name-container .name {
flex-grow: 1; }
.file-name-container .extension {
margin-top: 34px;
margin-right: 20px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.hr {
height: 1px;
border: none;
background-color: #dce0e3;
margin-bottom: 10px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.dz-container {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
z-index: 500;
display: flex;
align-items: center;
width: 100%;
height: 100%;
border: 2px dashed #008be1;
box-sizing: border-box;
background: rgba(0, 139, 225, 0.1);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px); }
.dz-container .dz-msg {
width: 100%;
text-align: center; }
.dz-container .dz-msg svg {
width: 128px;
height: 128px;
fill: #677480; }
.dz-container .dz-msg p {
font-size: 32px;
font-weight: 300;
line-height: 44px; }
.dz-hidden {
visibility: hidden; }
.current-view-container {
margin: 0;
padding: 0;
border: none;
vertical-align: baseline;
font-size: 12px;
font-weight: 400;
line-height: 22px;
color: rgba(0, 0, 0, 0.4);
color: var(--iui-text-color-muted);
overflow: hidden;
margin-left: auto;
display: inline-flex;
align-items: center; }
.current-view-container .view-label {
font-weight: 600;
padding-right: 4px; }
.current-view-container .view-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.bwc-btn-row {
display: inline-flex;
vertical-align: top; }
.bwc-btn-row > .bwc-menu-item:first-child:not(:only-child) {
margin: 0px -1px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px; }
.bwc-btn-row > .bwc-menu-item:only-child {
margin: 0px -1px;
border-radius: 3px; }
.bwc-btn-row > .bwc-btn-with-dd:not(:only-child) .bwc-menu-item:first-child,
.bwc-btn-row > .bwc-menu-item:last-child:not(:only-child) {
margin: 0px -1px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px; }
.bwc-btn-row > .bwc-menu-item:not(:first-child):not(:last-child) {
margin: 0px -1px;
border-radius: 0px; }
.bwc-btn-row > .bwc-menu-item,
.bwc-btn-row > .bwc-btn-with-dd .bwc-menu-item {
height: 38px;
width: 48px;
display: inline-flex;
vertical-align: top;
outline: none;
box-shadow: none;
text-decoration: none;
fill: #677480;
background-color: #fff;
border: 1px solid #dce0e3;
border-radius: 3px;
padding: 0px;
cursor: pointer; }
.bwc-btn-row > .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus),
.bwc-btn-row > .bwc-menu-item:hover:not(:disabled):not(:focus),
.bwc-btn-row > .bwc-menu-item.focus:hover:not(:disabled):not(:focus) {
border: 1px solid #4d575f;
z-index: 30; }
.bwc-btn-row > .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,
.bwc-btn-row > .bwc-btn-with-dd .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected,
.bwc-btn-row > .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,
.bwc-btn-row > .bwc-menu-item:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected,
.bwc-btn-row > .bwc-menu-item.focus:hover:not(:disabled):not(:focus) .bwc-menu-item-svg,
.bwc-btn-row > .bwc-menu-item.focus:hover:not(:disabled):not(:focus) .bwc-menu-item-svg-selected {
fill: #008be1; }
.bwc-btn-row > .bwc-menu-item:focus,
.bwc-btn-row > .bwc-menu-item.focus:focus,
.bwc-btn-row > .bwc-btn-with-dd .bwc-menu-item:focus {
border: 1px solid #008be1;
background-color: #fff;
z-index: 20; }
.bwc-btn-row > .bwc-menu-item:focus .bwc-menu-item-svg,
.bwc-btn-row > .bwc-menu-item:focus .bwc-menu-item-svg-selected,
.bwc-btn-row > .bwc-menu-item.focus:focus .bwc-menu-item-svg,
.bwc-btn-row > .bwc-menu-item.focus:focus .bwc-menu-item-svg-selected,
.bwc-btn-row > .bwc-btn-with-dd .bwc-menu-item:focus .bwc-menu-item-svg,
.bwc-btn-row > .bwc-btn-with-dd .bwc-menu-item:focus .bwc-menu-item-svg-selected {
fill: #008be1; }
.bwc-btn-row > .bwc-menu-item:active:not(:disabled),
.bwc-btn-row > .bwc-menu-item.focus:active:not(:disabled),
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) {
border: 1px solid #008be1;
background-color: #008be1;
z-index: 10; }
.bwc-btn-row > .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg,
.bwc-btn-row > .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg-selected,
.bwc-btn-row > .bwc-menu-item.focus:active:not(:disabled) .bwc-menu-item-svg,
.bwc-btn-row > .bwc-menu-item.focus:active:not(:disabled) .bwc-menu-item-svg-selected,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg,
.bwc-btn-row .bwc-btn-with-dd .bwc-menu-item:active:not(:disabled) .bwc-menu-item-svg-selected {
fill: #fff; }
.bwc-btn-row > .bwc-menu-item:disabled,
.bwc-btn-row > .bwc-menu-item.focus:disabled {
border: 1px solid #dce0e3;
background: #fff;
cursor: inherit; }
.bwc-btn-row > .bwc-menu-item:disabled .bwc-menu-item-svg,
.bwc-btn-row > .bwc-menu-item.focus:disabled .bwc-menu-item-svg {
fill: #c7ccd1; }
.bwc-btn-row .bwc-menu-item-content {
height: inherit;
width: inherit;
display: flex;
flex-direction: column;
align-items: center;
margin: auto; }
.bwc-btn-row .bwc-menu-item-svg {
width: 16px;
height: 16px;
margin: auto;
margin-top: 5px;
fill: #677480; }
.bwc-btn-row .bwc-menu-item-svg-selected {
width: 16px;
height: 16px;
margin: auto;
margin-top: 5px;
fill: #008be1; }
.bwc-btn-row .bwc-menu-item-selected-indicator {
transition: all 0.15s ease-in-out;
margin-top: 3px;
fill: #008be1; }
.bwc-dropdown-list {
position: relative;
padding-left: 0px;
box-shadow: none;
cursor: pointer;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-top: 0px;
background: #ffffff;
z-index: 150;
border: 1px solid #dce0e3;
-webkit-margin-before: 0px;
margin-block-start: 0px;
-webkit-margin-after: 0px;
margin-block-end: 0px;
max-width: 545px;
max-height: 600px;
overflow-y: auto; }
.bwc-dropdown-list > .bwc-menu-item {
position: relative;
list-style-type: none;
width: 100%;
height: 38px;
max-height: 38px;
border-radius: 0px;
text-align: left;
cursor: inherit;
background: #fff;
padding: 0px;
font: inherit;
display: list-item;
border: 0px;
z-index: 101;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bwc-dropdown-list > .bwc-menu-item:hover {
background: #e5f5fd;
outline: 0; }
.bwc-dropdown-list > .bwc-menu-item:focus {
background: #d9eefb;
outline: 0; }
.bwc-dropdown-list > .bwc-menu-item:active {
background: #008be1; }
.bwc-dropdown-list > .bwc-menu-item:active .option-icon {
fill: #fff; }
.bwc-dropdown-list > .bwc-menu-item:active .option-title {
color: #fff; }
.bwc-dropdown-list > .bwc-menu-item:disabled {
background: #fff;
cursor: default; }
.bwc-dropdown-list > .bwc-menu-item:disabled .option-icon {
fill: #c7ccd1; }
.bwc-dropdown-list > .bwc-menu-item:disabled .option-title {
color: #c7ccd1; }
.bwc-dropdown-list > .bwc-menu-item > .option-icon {
position: relative;
display: inline-block;
vertical-align: middle;
height: 16px;
width: 16px;
white-space: nowrap;
margin: 10px 0px 14px 16px;
fill: #677480; }
.bwc-dropdown-list > .bwc-menu-item > .option-title {
display: inline-block;
position: relative;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
font-size: 14px;
color: #3c434a;
margin: 0px;
padding: 10px 16px 10px;
max-width: 430px; }
.bwc-dropdown-list > .bwc-menu-item > .option-badge {
position: relative;
float: right;
vertical-align: middle;
height: 16px;
width: 16px;
white-space: nowrap;
margin-top: 11px;
margin-bottom: 13px;
margin-right: 16px; }
.bwc-btn-with-dd {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: inline-block; }
.bwc-btn-with-dd .button-name {
margin-right: 5px;
display: inline; }
.bwc-btn-with-dd .button-icon {
width: 16px;
height: 16px;
vertical-align: sub;
fill: #ffffff;
margin: 0px;
margin-right: 8px; }
body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; }
.bwc-inputs-input {
min-height: 38px; }
.bwc-inputs-input::-ms-clear, .bwc-inputs-input::-ms-reveal {
display: none; }
.projectWiseAppContainer {
flex-grow: 1;
overflow: auto;
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
background: white; }
.browser-banner ~ .projectWiseAppContainer {
height: calc(100% - 55px) !important; }
.appContainer {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: hidden; }
.projectWiseApp {
padding-left: 8px;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
-moz-user-select: none;
-webkit-user-select: none;
overflow-x: auto;
scrollbar-width: none !important; }
.projectWiseApp::-webkit-scrollbar {
display: none; }
.projectWiseApp menu {
padding: 0;
margin: 0; }
.projectWiseApp menu .horizontal-nav-bar {
height: 39px;
display: flex; }
.projectWiseApp menu .horizontal-nav-bar .breadcrumb-disabled span {
color: #c7ccd1;
cursor: default;
pointer-events: none; }
.projectWiseApp menu .horizontal-nav-bar .view-name-container {
padding: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.projectWiseApp menu .horizontal-nav-bar .bwc-tables-breadcrumbs {
padding: 10px 0;
display: inline-flex;
align-items: center;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
margin: 0;
max-width: none;
height: 39px; }
.projectWiseApp menu .horizontal-nav-bar .bwc-tables-breadcrumbs .bwc-tables-dropdown {
height: 16px; }
.projectWiseApp menu .horizontal-nav-bar .bwc-tables-breadcrumbs .bwc-tables-dropdown svg.dropdown-caret-icon {
margin: 0 23px 3px 7px; }
.projectWiseApp menu .horizontal-nav-bar .bwc-tables-breadcrumbs span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.projectWiseApp menu .horizontal-nav-bar .bwc-tables-breadcrumbs span .svg-target {
width: 25px; }
.projectWiseApp menu .horizontal-nav-bar .bwc-tables-breadcrumbs svg.chevron-right-icon {
margin: 0 13px 0 14px; }
.projectWiseApp menu .toolbar-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 16px; }
.projectWiseApp menu .toolbar-row > div {
display: inline-flex; }
.projectWiseApp menu .toolbar-row .new-button,
.projectWiseApp menu .toolbar-row .add-button {
margin: 0 10px 0 0; }
.projectWiseApp menu .toolbar-row .search-input {
margin-top: -3px; }
.projectWiseApp menu .toolbar-row .tooltip-content {
display: unset; }
.projectWiseApp .grid-container {
flex-grow: 1;
position: relative;
flex-direction: column;
display: flex;
height: calc(100% - 92px); }
.projectWiseApp #file-input-div {
display: none; }
.projectWiseApp .tooltip-content {
width: 100%; }
.mapped-savedsearch-imodel-icon {
margin-top: 12px;
display: inline-flex;
vertical-align: top;
outline: none;
box-shadow: none;
fill: #677480;
margin-left: 10px; }
.button-icon {
width: 16px;
height: 16px;
vertical-align: sub;
fill: #ffffff;
margin: 0px;
margin-right: 8px; }
.legacy-connections {
margin-top: auto;
font-size: 11px;
line-height: 16px; }
.legacy-connections .iui-alert-icon {
margin-left: 8px; }
.legacy-connections .iui-button {
margin-right: 0; }
.legacy-connections .iui-message,
.legacy-connections .iui-alert-message {
margin: 4px 0 4px 8px; }
.legacy-connections .iui-message a,
.legacy-connections .iui-alert-message a {
margin-left: 0; }
.tree-node {
display: inline-flex;
align-items: center;
width: 100%;
height: 27px;
box-sizing: border-box;
cursor: pointer;
padding-left: 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.tree-node:hover, .tree-node.focused-node {
color: #008be1; }
.tree-node:hover .tree-context-menu, .tree-node.focused-node .tree-context-menu {
visibility: visible; }
.tree-node:hover:not(.active-node), .tree-node.focused-node:not(.active-node) {
background: rgba(220, 224, 227, 0.4);
border: solid 0.5px rgba(199, 204, 209, 0.4);
border-left: none; }
.tree-node .svg-target {
height: 16px;
width: 16px;
margin-right: 8px; }
.tree-node .item-icon {
width: 16px;
min-width: 16px;
height: 16px;
min-height: 16px;
align-self: center !important; }
.tree-node .bwc-icon {
flex-shrink: 0;
margin-right: 8px !important; }
.tree-node.active-node {
border: solid 0.5px rgba(199, 204, 209, 0.4);
background-color: #cce8f9; }
.tree-node.active-node .node-label {
font-weight: 600; }
.tree-node.connection-root .node-label {
font-weight: 600; }
.tree-node .tree-node-chevron {
height: 10px;
width: 10px;
fill: #677480;
margin-right: 6px;
flex-shrink: 0; }
.tree-node .tree-node-chevron.chevron-hidden {
visibility: hidden; }
.tree-node .node-label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.tree-node .node-label:hover {
text-decoration: underline; }
.tree-node .tree-context-menu {
margin-left: auto;
visibility: hidden;
height: 100%; }
.tree-node .tree-context-menu button {
height: 100%; }
.tree-node .tree-context-menu.tree-context-menu-active {
visibility: visible; }
.tree-node.out-to-me-tree-node .item-icon {
align-self: center !important; }
.tree-children > .tree-node {
padding-left: 22px; }
.tree-children > .tree-children > .tree-node {
padding-left: 38px; }
.tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 54px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 70px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 86px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 102px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 118px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 134px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 150px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 166px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 182px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 198px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 214px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 230px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 246px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 262px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 278px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 294px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 310px; }
.tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-children > .tree-node {
padding-left: 326px; }
.loading-node {
width: calc(100% - 20px);
height: 19px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.show-more-node {
font-size: 12px;
font-weight: 600;
color: #9ba5ae; }
.connections-list-nav {
display: inline-flex;
flex-direction: column;
margin: 0;
width: 100%; }
.connections-list-nav .connections-list {
width: 100%;
overflow-y: auto;
overflow-x: hidden;
margin: 0 !important; }
.resizer {
border-left: none !important;
border-top: none !important;
height: 100% !important;
justify-content: center;
align-items: center;
display: flex;
min-width: 12px !important;
width: 12px !important;
cursor: ew-resize !important;
border-bottom: 1px solid #c7ccd1; }
.resizer:focus {
outline: none !important; }
.resizer-container {
height: 100%;
display: flex;
border-right: none;
border-top: none !important;
box-sizing: border-box;
border-bottom: 1px solid #c7ccd1;
flex-shrink: 0; }
.resize-button {
border-left: 3px dotted #9ba5ae;
height: 20px; }
.resizer-container-left + .resize-column {
border-right: 1px solid #c7ccd1; }
.resize-column + .resizer-container-right {
border-left: 1px solid #c7ccd1; }
.collapse-resize-container {
border: 1px solid #c7ccd1;
border-left: none;
border-top: none;
background: white !important;
display: flex;
flex-direction: column; }
.collapse-resize-container .collapse-button-div {
display: flex;
align-items: center;
justify-content: center;
padding-top: 7px;
padding-bottom: 8px;
flex-shrink: 0;
height: 10px; }
.collapse-resize-container .collapse-button-div svg {
height: 12px;
width: 12px;
fill: #9ba5ae;
cursor: pointer;
font-size: 11px; }
.collapse-resize-container .collapse-button-div:focus {
outline: none; }
.resize-column {
display: flex;
flex-direction: column;
width: 12px;
height: 100%;
box-sizing: border-box;
border-bottom: 1px solid #c7ccd1; }
.resize-column .iui-button {
padding: 0 !important; }
.resize-column .resize-collapse {
width: 12px; }
.resize-column .resize-collapse svg {
height: 12px !important;
width: 12px !important;
fill: #677480 !important; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.explorer-tree-header {
display: grid;
grid-auto-rows: -webkit-max-content;
grid-auto-rows: max-content;
height: 100%;
overflow: auto;
width: 100%;
border-bottom: solid 1px #dce0e3; }
.explorer-tree-header ul {
list-style-type: none;
margin: 0;
-webkit-padding-start: 23px;
padding-inline-start: 23px; }
.explorer-tree-header li {
list-style-type: none; }
.explorer-tree-header > ul {
padding-left: 8px; }
.explorer-tree-header > ul > li {
border-bottom: solid 1px #dce0e3; }
.explorer-tree-container {
width: 100%;
margin-bottom: 12px;
display: flex; }
.explorer-tree-chevron-collapsed {
height: 14px;
margin-right: 5px;
width: 16px; }
.explorer-tree-chevron-collapsed path {
fill: #9ba5ae !important; }
.explorer-tree-chevron-expanded {
height: 14px;
transform: rotate(90deg);
margin-right: 5px;
width: 16px; }
.explorer-tree-chevron-expanded path {
fill: #9ba5ae !important; }
.explorer-tree-item-collapsed {
display: none; }
.explorer-tree-item-expanded {
display: block; }
.explorer-item-button {
display: block;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
font-family: inherit;
font-size: 14px;
display: flex;
align-items: center;
padding: 5px 0px 5px 8px;
white-space: nowrap;
flex-grow: 1; }
.explorer-item-button .active-item {
color: #008be1; }
.explorer-item-button .non-active-item {
color: unset; }
.explorer-item-button:focus {
outline: none !important; }
.explorer-item-button:hover {
cursor: pointer; }
.explorer-item-button > svg {
flex-shrink: 0; }
.explorer-tree-item-button {
display: block;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
font-family: inherit;
font-size: 14px;
display: flex;
align-items: center; }
.explorer-tree-item-button:focus {
outline: none !important; }
.explorer-tree-item-button:hover {
cursor: pointer;
background-color: #dce0e3; }
.explorer-tree-item-button:hover .explorer-tree-item-menu {
opacity: 1; }
.explorer-tree-item-hovered-parent {
background-color: #dce0e3; }
.explorer-tree-item-hovered-parent .explorer-tree-item-menu {
opacity: 1; }
.onexpand-tree-spinner {
height: 35px;
width: 50%; }
.expandable-div {
width: 16px;
height: 16px; }
.explorer-tree-item-leaf-node {
margin-left: 16px !important; }
.explorer-tree-item-menu {
opacity: 0;
position: -webkit-sticky;
position: sticky;
right: 0;
background: #dce0e3;
padding-left: 8px;
padding-right: 10px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.r-m-item-summary {
margin-bottom: 12px; }
.bwc-inputs-labeled-input * {
display: inline; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.move-modal .new-folder-btn .button-icon {
height: 16px;
width: 16px;
vertical-align: sub;
margin: 0 8px 0 0; }
.move-modal .new-folder-btn svg.button-icon path {
fill: #677480; }
.move-modal .folder-list {
margin: 12px 0;
max-height: 50vh;
overflow-y: auto;
overflow-x: hidden;
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-bottom: 1px; }
.move-modal .folder-list .folder-row {
display: flex;
align-items: center;
height: 48px;
background: white;
border-bottom: solid 1px #dce0e3;
padding-left: 8px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.move-modal .folder-list .folder-row svg {
height: 32px;
width: 32px;
flex-shrink: 0;
fill: #9ba5ae; }
.move-modal .folder-list .folder-row .folder-row-name {
margin-left: 8px;
max-width: 350px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.move-modal .folder-list .folder-row .folder-row-name:hover {
color: #008be1;
text-decoration: underline; }
.move-modal .folder-list .folder-row:first-of-type {
border-top: solid 1px #dce0e3; }
.move-modal .folder-list .folder-row:focus {
outline: none; }
.move-modal .folder-list .folder-row.folder-row-selected {
background: #e5f5fd; }
.move-modal .selected-folder {
color: #9ba5ae;
padding-top: 12px;
float: right; }
.move-modal .empty-state {
display: inline-flex;
flex-direction: column;
width: 100%;
align-items: center;
justify-content: center;
min-height: 175px; }
.move-modal .empty-state svg {
width: 64px;
height: 64px;
fill: #9ba5ae; }
.move-modal .empty-state .empty-text {
margin-top: 12px; }
.move-modal .loader {
display: inline-flex;
flex-direction: column;
width: 100%;
align-items: center;
margin: 32px 0;
min-height: 175px; }
.move-modal .new-folder-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.folder-icon {
width: 16px !important; }
.folder-search {
width: 16px;
margin-right: 5px;
fill: #677480 !important; }
.spinner-File-explorer {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column; }
.explorer-item-button .bwc-icon {
margin-right: 8px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.explorer-div {
background: #f7f7f7;
display: flex;
flex-direction: column;
height: 100%;
padding: 0 0 0 10px;
width: calc(100% - 10px); }
.explorer-div .explorer-tree-container {
height: calc(100% - 90px);
max-height: calc(100% - 90px);
padding-top: 10px;
max-width: 100%;
margin-bottom: 0; }
.explorer-div .explorer-tree-container .explorer-tree-header {
border-bottom: none;
overflow: auto; }
.explorer-div .explorer-tree-container .explorer-tree-header > ul > li {
border-bottom: none;
padding: 2px; }
.explorer-div .explorer-tree-container .explorer-tree-item-button {
min-width: unset; }
.explorer-div-header {
font-size: 24px;
font-weight: 300;
line-height: 33px;
color: #2a2f34;
display: flex;
flex-direction: row;
align-items: center;
padding-top: 12px;
padding-bottom: 8px;
padding-left: 5px;
flex-shrink: 0;
height: 10px;
margin-left: 4px;
margin-right: 4px; }
.explorer-div-workarea-single-connection {
background: white; }
.explorer-div-header-workarea-single-connection {
border-bottom: 1px solid #e7e9ec;
padding-top: 19px !important;
margin-left: -10px;
margin-right: -10px; }
.explorer-tree-container-workarea-height {
height: calc(100% - 35px) !important;
max-height: calc(100% - 35px) !important; }
.explorer-tree-container-datasource-height {
height: calc(100% - 36px) !important;
max-height: calc(100% - 36px) !important; }
.projectWiseAppContainer {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
max-width: 100%;
overflow-y: hidden; }
.connection-panel-background {
background: white; }
.connection-panel-hidden {
display: none !important; }
.panel-expander {
width: 12px;
height: 100% !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 0 !important; }
.panel-expander svg {
height: 12px !important;
width: 12px !important;
fill: #677480 !important; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.current-connection-dialog-modal {
max-width: 600px !important; }
.current-connection-dialog-modal .description-tooltip {
width: 100%; }
.current-connection-dialog-modal .details-para {
margin: 1px 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.current-connection-dialog-modal .current-connection-spinner {
display: flex;
background-color: rgba(255, 255, 255, 0.6);
left: 0;
bottom: 30px;
position: absolute;
width: 100%;
height: 65%;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 1001; }
.current-connection-dialog-modal .vertical-space {
margin-top: 12px; }
.current-connection-dialog-modal .bwc-text-title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.current-connection-dialog-modal .exit-svg {
flex-shrink: 0; }
.ld-flags-table .ReactTable {
max-height: 400px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.o-row {
display: inline-flex;
align-items: center; }
.o-row .o-desc {
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-left: 8px; }
.default-view-span {
margin-right: 10px;
margin-left: 3px; }
.typeahead-field {
padding-top: 13px; }
.bwc-typeahead-select__group:first-of-type {
padding: 0px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.dropdown-list-with-scroll {
height: 500px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #bbbbbe white; }
.dropdown-list-without-scroll {
overflow: hidden; }
.dropdown-list-container .menu-item-sub-header {
display: flex;
align-items: center;
margin-right: 0px;
width: 235px;
height: unset; }
.dropdown-list-container .menu-item-sub-header .option-title {
width: unset;
font-weight: 600;
margin-right: 0px; }
.dropdown-list-container .menu-item-sub-header div {
flex-grow: 1; }
.dropdown-list-container .menu-item-sub-header div hr {
border: 0;
border-bottom: 1px solid #dce0e3;
margin-left: 18px; }
.dropdown-list-container .menu-item-sub-header:hover {
cursor: default;
background-color: unset; }
.list-box-container {
display: flex;
width: 100%;
margin-top: 3px; }
.available-list {
margin-right: 10px;
border: 1px solid #c7ccd1;
height: 300px;
max-height: 300px;
max-width: 280px;
border-radius: 3px;
overflow: auto;
overflow-x: hidden; }
.available-list ul {
list-style-type: none;
padding: 0px;
margin: 0px; }
.available-list ul li {
padding-left: 5px;
line-height: 25px; }
.available-list ul li button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
width: 100%;
display: flex; }
.available-list ul li button span {
white-space: nowrap;
text-overflow: ellipsis; }
.selected-item {
background-color: #e5f5fd; }
.selected-list {
margin-left: 10px;
border: 1px solid #c7ccd1;
height: 300px;
max-height: 300px;
max-width: 280px;
border-radius: 3px;
margin-right: 10px;
overflow: auto;
overflow-x: hidden; }
.selected-list ul {
list-style-type: none;
padding: 0px;
margin: 0px; }
.selected-list ul li {
padding-left: 5px;
line-height: 25px; }
.selected-list ul li button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
width: 100%;
display: flex; }
.selected-list ul li button span {
white-space: nowrap;
text-overflow: ellipsis; }
.actions {
display: flex;
flex-direction: column;
justify-content: center; }
.actions button {
margin-bottom: 10px;
height: 24px;
width: 24px;
background: none;
color: inherit;
font: inherit;
cursor: pointer;
outline: inherit;
border: 1px solid #c7ccd1;
border-radius: 3px; }
.actions button:hover {
background-color: #cac7c7; }
.actions button:disabled {
opacity: 0.4;
background-color: #9ba5ae;
color: #fff;
cursor: not-allowed; }
.dual-listbox-header-container {
display: flex;
flex-direction: row;
margin-left: 10px;
margin-right: 10px;
justify-content: space-between;
margin-bottom: 2px; }
.dual-listbox-header-container header {
font-weight: 600; }
.dual-listbox-header-container-available-list {
margin-right: 10px;
margin-bottom: 2px; }
.dual-listbox-header-container-available-list header {
font-weight: 600;
height: 21px; }
.dual-listbox-container {
display: flex;
flex-direction: column;
width: 100%; }
.reset-link {
color: #008be1;
cursor: pointer;
height: 21px;
overflow: hidden;
white-space: nowrap;
outline: none; }
.reset-link:hover {
text-decoration: underline; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.c-g-modal {
min-width: 640px !important;
min-height: -webkit-fit-content !important;
min-height: -moz-fit-content !important;
min-height: fit-content !important; }
.c-g-modal .custom-column-container {
display: flex;
flex-direction: column;
max-height: calc(100vh - 240px);
overflow-y: scroll; }
.c-g-modal .cls-environment-select .bwc-inputs-select {
width: 50%;
max-width: 220px; }
.c-g-modal .environment-header {
display: flex;
flex-direction: row; }
.c-g-modal .environment-header .bwc-typeahead {
width: auto !important;
margin-right: 8px; }
.c-g-modal .environment-header .bwc-typeahead-label {
margin-left: 0px !important; }
.c-g-modal .environment-header .environment-select {
width: 100%;
margin-bottom: 20px; }
.c-g-modal svg.button-icon path {
fill: #677480; }
.c-g-modal .custom-grid-my-view {
padding-top: 16px; }
.c-g-modal .custom-grid-my-view .button-icon {
height: 16px;
width: 16px;
vertical-align: sub;
margin: 0 8px 0 0; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.bwc-modal .underline-name-div {
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.bwc-modal .underline-name-div:hover {
text-decoration: underline; }
.bwc-modal .table-container {
height: 350px;
overflow-y: auto;
overflow-x: hidden; }
.bwc-modal .svg-size {
max-height: 16px;
max-width: 16px;
margin-left: 42px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.my-views-modal .views-empty-state {
display: inline-flex;
flex-direction: column;
width: 100%;
align-items: center; }
.my-views-modal .views-empty-state svg.empty-state-icon {
width: 64px;
height: 64px;
fill: #9ba5ae; }
.my-views-modal .views-empty-state p {
color: #9ba5ae; }
.my-views-modal .views-empty-state .view-action-link {
cursor: pointer;
text-decoration: underline;
color: #008be1; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.action-cell-container {
display: flex;
align-items: center; }
.action-cell-container div[role='button'] {
margin-right: 12px;
padding-top: 6px; }
.action-cell-container div[role='button'] svg {
width: 16px;
height: 16px;
margin: auto;
fill: #677480; }
.action-cell-container:hover {
cursor: pointer; }
.action-cell-container .tooltip-content {
width: 100%; }
.fsd-button button {
width: 100%;
justify-content: start !important;
border: solid 1px #c7ccd1 !important;
padding-left: 13px !important; }
.fsd-button button .fsd-drop-down {
margin-left: auto; }
.fsd-button button .drop-down-icon {
fill: #cccccc;
display: flex;
padding-bottom: 4px;
transform: translateX(4px); }
.fsd-button .iui-menu {
max-height: 482px;
max-width: 500px;
overflow-y: auto; }
.iui-menu > .fsd-node-row {
min-width: 400px; }
.fsd-node-row {
display: flex;
align-items: center;
width: 100% !important; }
.fsd-node-row .node-icon,
.fsd-node-row .node-icon svg {
height: 16px;
width: 16px;
min-height: unset;
min-width: unset;
flex-shrink: 0; }
.fsd-node-row .node-label {
margin-left: 6px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.fsd-children {
margin-left: 12px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.pw-modal-sm {
max-width: 25%; }
.pw-modal-lg {
max-width: 100% !important;
max-height: 100% !important;
position: absolute !important;
top: 100px;
bottom: 3%;
left: 10%;
right: 10%; }
.pw-modal-label {
font-size: 14px;
font-weight: 600; }
.pw-modal-spinner, .advanced-search-loading {
display: flex;
background-color: rgba(255, 255, 255, 0.6);
left: 0;
bottom: 30px;
position: absolute;
width: 100%;
height: 80%;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 1001; }
.pw-modal-error-message {
display: block;
font-size: 12px;
line-height: 22px;
color: #c00; }
.pw-modal-error-message svg {
width: 14px;
height: 14px;
vertical-align: middle;
margin-right: 4px; }
.advanced-search {
flex-grow: 1;
flex-shrink: 1;
overflow-y: hidden; }
.advanced-search button {
border: none;
outline: none;
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
display: flex;
align-items: center;
padding-left: 0;
margin-bottom: 4px; }
.advanced-search button > svg {
width: 16px;
height: 16px;
fill: #677480; }
.advanced-search .search-for {
border: none;
border-top: 1px solid #eef0f3; }
.advanced-search .tooltip-content {
width: 100%;
display: block; }
.advanced-search-header {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-evenly; }
.advanced-search-header .search-for-column {
width: 30%;
flex-shrink: 0;
flex-grow: 0;
margin-left: -8px; }
.advanced-search-header .search-folder-column {
width: 35%;
flex-grow: 1;
margin-left: 8px; }
.advanced-search-header .search-folder-column .search-folder-label {
font-weight: 600;
line-height: 22px;
color: #2a3f34; }
.advanced-search-header .environment-column {
width: 35%;
flex-grow: 0.5; }
.group-by-startrow {
border-left: 2px solid #9ba5ae;
border-top-left-radius: 8px;
padding: 0px;
margin-left: 3px; }
.group-by-startrow button {
padding: 0px !important; }
.group-by-startrow,
.group-by-startrow ~ td {
border-top: 2px solid #9ba5ae;
background-color: #e5f3fc; }
.group-by-startrow ~ td:last-of-type {
border-right: 2px solid #9ba5ae;
border-top-right-radius: 8px; }
.group-by-endrow {
border-left: 2px solid #9ba5ae;
border-bottom-left-radius: 8px;
margin-left: 3px; }
.group-by-endrow,
.group-by-endrow ~ td {
border-bottom: 2px solid #9ba5ae;
background-color: #e5f3fc; }
.group-by-endrow ~ td:last-of-type {
border-right: 2px solid #9ba5ae;
border-bottom-right-radius: 8px; }
.group-by-middlerow {
border-left: 2px solid #9ba5ae;
margin-left: 3px; }
.group-by-middlerow,
.group-by-middlerow ~ td {
background-color: #e5f3fc; }
.group-by-middlerow ~ td:last-of-type {
border-right: 2px solid #9ba5ae; }
#advTable th,
td {
padding: 0px 5px 0px 5px; }
#advTable th {
text-align: left;
min-width: 10px; }
.clsDivTable {
margin-top: 15px;
overflow-y: auto;
min-height: 326px;
height: calc(100% - 131px); }
.divTable {
table-layout: fixed;
width: 100%; }
.divTable > thead > tr > th {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #fff;
z-index: 1; }
.tableHeader {
font-size: 14px !important;
font-weight: 400;
line-height: 22px;
text-align: left;
color: #2a2f34; }
.tableHeader button {
padding-left: 0px !important;
background-color: white !important; }
.advanced-search-header .bwc-typeahead-label {
margin-left: 8px !important; }
.input-Width {
width: 100% !important; }
.input-Width > select {
width: 100%; }
.input-Width > div > input {
width: 100% !important; }
.bwc-inputs-select {
width: 100%; }
.scrollTable thead {
flex: 0 0 auto;
width: calc(100% - 16px); }
.scrollTable tbody {
flex: 1 1 auto;
display: block;
overflow-y: auto; }
.scrollTable tr {
width: 100% !important; }
.scrollTable thead,
.scrollTable tbody tr {
display: table !important;
table-layout: fixed !important; }
.scrollTable th {
font-size: 14px !important;
font-weight: 600 !important;
line-height: 22px !important;
text-align: left !important;
color: #2a2f34 !important; }
.clsAddButton {
font-size: 14px !important;
font-weight: 400;
line-height: 22px;
text-align: left;
color: #2a2f34; }
.input-Margin {
margin-bottom: 7px !important; }
.type-field {
width: 100% !important;
margin-bottom: 7px; }
.cls-labeled-select {
width: calc(100% - 8px);
margin-left: 8px !important; }
.row-op-btn {
width: 24px; }
.align-checkbox {
vertical-align: top; }
.cls-group-by {
width: 14px !important; }
.group-icon {
height: 43px !important;
width: 36px !important;
margin-top: 10px; }
.error-msg {
margin-top: 12px 0 12px;
color: #c00;
height: 20px; }
.td-width {
vertical-align: top; }
.td-width .bwc-typeahead {
min-width: 10px !important;
width: 100% !important; }
.td-width .bwc-typeahead .bwc-typeahead-label {
margin-left: 8px !important; }
.operator-column {
width: 200px; }
.logical-width {
width: 72px; }
.bwc-inputs-checkbox > input {
margin-top: 1px; }
.adv-search-folder-select {
width: 100%;
margin-top: 3px; }
.advanced-search-date-picker {
height: 37px;
width: unset !important;
margin-top: 2px; }
.save-search-button {
height: 0;
z-index: 1;
margin-bottom: -24px; }
.advanced-search-loading {
position: relative;
height: 100%; }
.bwc-typeahead-select__menu-list .tooltip-content,
.bwc-typeahead-select__group .tooltip-content {
width: 100%; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.overlay-btn, .progress-overlay-btn {
height: 20px;
position: absolute;
display: flex;
z-index: 1;
flex-direction: column;
justify-content: flex-end;
opacity: 0.2;
margin-left: -5px;
margin-top: -5px; }
.progress-overlay-btn {
opacity: 1; }
.progress-overlay-btn + div {
opacity: 0.5;
pointer-events: none; }
#clickable-overlay-toolbar {
position: fixed;
top: 60px;
right: 215px; }
.save-button-disabled {
background-color: #dce0e3 !important;
pointer-events: none; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.dcw-wizard {
height: calc(100vh - 275px - 3%);
width: 100%;
max-width: 1200px;
display: inline-flex;
flex-direction: column; }
.dcw-wizard .dcw-spinner {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 2;
flex-shrink: 0; }
.dcw-wizard .bwc-wizard {
display: inline-flex;
flex-direction: column;
width: 100%;
height: 100%;
align-items: center; }
.dcw-wizard .bwc-wizard .bwc-wizard-outer-legend {
max-width: 50%;
min-width: 350px;
margin: 10px 0 6px;
flex-shrink: 0;
flex-grow: 0;
cursor: default; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content {
display: inline-flex;
flex-direction: column;
width: 100%;
align-items: center;
flex-shrink: 1;
flex-grow: 1;
min-height: 150px !important; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-form-container {
border: 1px solid #dce0e3; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-hidden-form {
height: 0; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-hidden-form #form {
border: none; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content #form .renderer-form .renderer-text-box:disabled {
color: #677480 !important; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-code-preview {
display: inline-flex;
align-items: center;
width: 100%;
flex-shrink: 0;
margin: 12px 0; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-code-preview > div {
flex-grow: 1;
margin-right: 12px; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-code-preview > div label {
display: inline-flex;
align-items: center;
width: 100%;
margin-bottom: 0; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-code-preview > div label .label {
flex-shrink: 0;
margin-right: 8px; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-code-preview button {
height: 38px; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-properties-form {
width: 100%;
flex-grow: 1;
overflow-y: auto; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-wizard-progression {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px;
box-shadow: 0 -2px 6px 0 #c7ccd1; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-wizard-progression button {
min-width: 120px; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-wizard-progression .dcw-create-btn-container {
margin-left: 7px !important; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-wizard-progression .dcw-create-container-disabled {
cursor: not-allowed; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-wizard-progression .dcw-create-btn-disabled {
pointer-events: none;
background-color: #dce0e3 !important; }
.dcw-wizard .bwc-wizard .bwc-wizard-steps-content .dcw-wizard-progression .tooltip-content {
margin: 0 64px; }
.das-form-container {
height: 100%;
width: 100%; }
.das-form-container .dcw-form-container {
height: calc(100% - 44px);
float: right; }
.das-form-container #form {
height: calc(100% - 44px);
float: right; }
.das-form-container .interfaceSelectContainer {
position: inherit !important;
float: right; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.pw-modal-sm {
max-width: 25%; }
.pw-modal-lg, .documentWizardModal {
max-width: 100% !important;
max-height: 100% !important;
position: absolute !important;
top: 100px;
bottom: 3%;
left: 10%;
right: 10%; }
.pw-modal-label {
font-size: 14px;
font-weight: 600; }
.pw-modal-spinner {
display: flex;
background-color: rgba(255, 255, 255, 0.6);
left: 0;
bottom: 30px;
position: absolute;
width: 100%;
height: 80%;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 1001; }
.pw-modal-error-message {
display: block;
font-size: 12px;
line-height: 22px;
color: #c00; }
.pw-modal-error-message svg {
width: 14px;
height: 14px;
vertical-align: middle;
margin-right: 4px; }
.documentWizardModal {
align-items: center; }
.documentWizardModal .bwc-modal-header {
width: 100%;
margin-bottom: 0; }
.documentWizardModal .bwc-modal-header .bwc-text-title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.documentWizardModal .bwc-modal-footer {
display: none !important; }
.documentWizardModal .bwc-buttons-primary-large {
background-color: #56aa1c; }
.documentWizardModal .bwc-buttons-primary-large:disabled {
background-color: #9ba5ae !important; }
.documentWizardModal .bwc-buttons-primary-large:not([disabled]) {
background-color: #56aa1c !important; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.pw-modal-sm {
max-width: 25%; }
.pw-modal-lg {
max-width: 100% !important;
max-height: 100% !important;
position: absolute !important;
top: 100px;
bottom: 3%;
left: 10%;
right: 10%; }
.pw-modal-label {
font-size: 14px;
font-weight: 600; }
.pw-modal-spinner, .crm-modal-spinner {
display: flex;
background-color: rgba(255, 255, 255, 0.6);
left: 0;
bottom: 30px;
position: absolute;
width: 100%;
height: 80%;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 1001; }
.pw-modal-error-message {
display: block;
font-size: 12px;
line-height: 22px;
color: #c00; }
.pw-modal-error-message svg {
width: 14px;
height: 14px;
vertical-align: middle;
margin-right: 4px; }
.conflictResolution {
overflow-x: hidden !important; }
.conflictOptionGroup {
display: inline-flex;
flex-direction: column;
width: 100%;
padding-bottom: 6px; }
.conflictOptionGroup .conflictRadioButton {
margin-bottom: 0; }
.conflictOptionDescription {
font-size: 12px;
font-weight: 400;
line-height: 22px;
margin-left: 22px; }
.optionDetail {
display: inline-flex;
max-width: 90%; }
.conflictOptionDescription .inputError {
border-color: #c00; }
.conflictOptionDescription .inputErrorMessage {
color: #c00; }
.conflictOptionDescription .warningMessage {
color: #f60; }
.conflictOptionDescription .changeButton {
display: inline-block;
color: #008be1;
cursor: pointer;
border: none;
background: none;
padding: unset;
font-size: 12px;
font-weight: 400;
line-height: 22px;
font-weight: normal;
margin-left: 8px; }
.conflictOptionDescription .changeButton:hover {
text-decoration: underline; }
.fileName {
margin-right: 5px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.conflictResolutionFooter {
border-top: 1px solid #c7ccd1; }
.conflictFooterContent {
margin: 0;
display: flex;
align-items: center;
margin-top: 20px;
justify-content: space-between; }
.conflictFooterContent .c-f-leftgroup {
display: inline-flex;
align-items: center; }
.conflictFooterContent .c-f-leftgroup .file-details {
margin-left: 16px; }
.conflictFooterContent .c-f-leftgroup .hideMultipleFileDetails {
display: none; }
.conflictFooterContent .c-f-rightgroup {
display: inline-flex; }
.conflictNextButton {
margin-right: 10px !important; }
.conflictResolution .bwc-modal-footer {
display: none; }
.fileName-tooltip {
width: 100%; }
.crm-modal-spinner {
position: relative;
height: 200px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.ge-modal {
width: 200px; }
.ge-modal .ge-list {
overflow: hidden;
max-height: 335px; }
.ge-modal .ge-show-scroll {
overflow-y: scroll; }
.ge-modal .ge-error-div {
margin-bottom: 20px; }
.ge-modal .ge-error-div .ge-item-summary {
width: 100%; }
.ge-modal .ge-error-div .ge-error-message {
font-size: 12px;
font-weight: 400;
line-height: 22px;
color: #c00;
margin-bottom: 5px;
margin-top: 5px; }
.ge-modal .ge-error-div .ge-success-message {
font-size: 12px;
font-weight: 400;
line-height: 22px;
color: #56aa1c;
margin-bottom: 5px;
margin-top: 5px; }
.ge-toast-button {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: all;
color: #008be1;
font-weight: bold;
cursor: pointer;
display: inline-block;
margin-bottom: -5px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.n-f-d-item-summary {
margin-bottom: 12px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.radio-button-input-replace-file-modal .label {
display: block !important;
width: 100%;
overflow: hidden;
white-space: nowrap !important;
text-overflow: ellipsis; }
.replace-file-modal-warning {
color: #f60; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.sync-row {
display: inline-flex;
align-items: center;
margin-bottom: 20px; }
.sync-row .sync-desc {
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-left: 8px; }
.sync-modal-width {
max-width: 35% !important; }
.drive-link {
margin-top: 20px;
margin-left: 5px; }
.help-links {
margin-left: 5px; }
.aha-link {
margin-top: -10px; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.in-progress-container {
display: flex;
flex-direction: column;
justify-content: space-between;
position: absolute;
bottom: 0;
right: 0;
background-color: white;
max-height: 350px;
width: 349px;
box-shadow: -4px -5px 10px -5px #c7ccd1;
border: solid 1px #c7ccd1;
z-index: 100; }
.in-progress-container .in-progress-title-container {
order: 1;
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24px; }
.in-progress-container .in-progress-title-container .in-progress-title .in-progress-title-text {
font-size: 19px;
font-weight: 500;
line-height: 33px;
padding: 0;
margin: 0 0 22px; }
.in-progress-container .in-progress-title-container .in-progress-title .long-title {
font-size: 14px !important; }
.in-progress-container .in-progress-title-container .in-progress-clear-button {
display: flex;
align-items: flex-end;
height: 70%; }
.in-progress-container .in-progress-title-container .in-progress-clear-button a {
color: #9ba5ae;
cursor: pointer; }
.in-progress-container .in-progress-title-container .button-row {
height: inherit; }
.in-progress-container .in-progress-title-container .title-button {
height: inherit;
width: 30px;
display: inline-flex;
vertical-align: top;
outline: none;
box-shadow: none;
text-decoration: none;
fill: #677480;
background-color: #fff;
border: 0;
padding-left: 18px;
border-radius: 3px;
cursor: pointer; }
.in-progress-container .in-progress-title-container .title-button:first-child:not(:only-child) {
margin-right: 24px; }
.in-progress-container .in-progress-title-container .title-button .title-button-content {
height: inherit;
width: inherit;
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
padding-top: 8px; }
.in-progress-container .in-progress-title-container .title-button .title-button-svg {
width: 16px;
height: 16px;
margin: auto;
margin-top: 9px;
fill: #677480; }
.in-progress-container .in-progress-activities-container {
order: 2;
max-height: 243px; }
.in-progress-container .in-progress-activities-container .in-progress-list {
order: 3;
max-height: 205px;
overflow-y: scroll;
padding: 0 10px 0 24px;
margin-bottom: auto; }
.in-progress-container .in-progress-activities-container .in-progress-list .in-progress-empty-list {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #9ba5ae; }
.in-progress-container .in-progress-activities-container .in-progress-list .in-progress-empty-list .in-progress-empty-list-items {
width: 100%;
height: 100%;
margin-top: 20px; }
.in-progress-container .in-progress-activities-container .in-progress-list .in-progress-empty-list .in-progress-empty-list-items svg {
width: 32px;
height: 32px;
fill: #9ba5ae; }
.in-progress-container .in-progress-activities-container .in-progress-list .in-progress-empty-list .in-progress-empty-list-items p {
margin-top: 0; }
.in-progress-container .in-progress-hidden {
display: none; }
.in-progress-container .in-progress-summary {
order: 4;
display: flex;
flex-direction: column;
height: 30px;
padding: 10px 10px 16px 24px;
background-color: #eef0f3; }
.in-progress-container .in-progress-summary .in-progress-summary-information {
order: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px; }
.in-progress-container .in-progress-summary .in-progress-summary-information .in-progress-cancel-button {
order: 2; }
.in-progress-container .in-progress-summary .in-progress-summary-information .in-progress-cancel-button button {
margin-right: 13px;
border: none;
background-color: #eef0f3;
padding-right: 0; }
.in-progress-container .in-progress-summary .in-progress-summary-information .in-progress-cancel-button button svg {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
flex-shrink: 0;
margin-top: 1.5px;
fill: #677480;
cursor: pointer; }
.in-progress-container .in-progress-summary .in-progress-summary-information .in-progress-cancel-button button svg:hover {
fill: #c00;
opacity: 0.5; }
.in-progress-container .in-progress-summary .in-progress-summary-information .in-progress-summary-information-progress {
order: 1;
color: #2a2f34; }
.in-progress-container .in-progress-summary .in-progress-summary-information .in-progress-summary-information-progress span {
font-weight: 700; }
.in-progress-container .in-progress-summary .in-progress-summary-progress-bar {
order: 2; }
.in-progress-container .in-progress-summary .in-progress-summary-progress-bar .bwc-progress-bar {
height: 6px !important; }
.in-progress-container .in-progress-summary .in-progress-summary-progress-bar .bwc-progress-bar-determinate {
transition: width 0.5s ease-in-out; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.in-progress-activity-container {
display: flex;
flex-direction: column;
height: 50px; }
.in-progress-activity-container .in-progress-activity-information {
order: 1;
display: flex;
flex-direction: row;
height: 16px;
margin: 16px 0px 8px 0px; }
.in-progress-activity-container .in-progress-activity-information .small-icon-parent .svg-target .bwc-icons-medium {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
flex-shrink: 0; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-status {
order: 1;
height: 16px;
width: 16px;
display: flex;
align-items: center; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-status .bwc-progress-spinner,
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-status .bwc-progress-spinner-ie {
padding: 0px; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-status .in-progress-activity-status-complete {
height: 16px;
width: 16px; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-status .in-progress-activity-status-processing {
height: 16px;
width: 16px;
fill: #677480; }
@media all and (-ms-high-contrast: none) {
.in-progress-activity-container .in-progress-activity-information ::-ms-backdrop,
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label {
order: 2;
padding-right: 0;
width: 210px;
display: flex;
align-items: center;
overflow: hidden; }
.in-progress-activity-container .in-progress-activity-information ::-ms-backdrop.inprogress,
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label.inprogress {
color: #9ba5ae; }
.in-progress-activity-container .in-progress-activity-information ::-ms-backdrop.inprogress span,
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label.inprogress span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.in-progress-activity-container .in-progress-activity-information ::-ms-backdrop.completed,
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label.completed {
color: #2a2f34; }
.in-progress-activity-container .in-progress-activity-information ::-ms-backdrop.completed span,
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label.completed span {
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; } }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label {
order: 2;
width: 215px;
margin: 0px 15px;
padding-right: 5px;
display: flex;
align-items: center;
overflow: hidden; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label.inprogress {
color: #9ba5ae; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label.inprogress span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label.completed {
color: #2a2f34; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-label.completed span {
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-percentage {
order: 3;
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
color: #2a2f34; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-percentage .in-progress-percentage-span {
font-weight: 700;
display: inline-flex;
margin-right: 5px; }
@media all and (-ms-high-contrast: none) {
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-percentage ::-ms-backdrop,
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-percentage .in-progress-percentage-span {
font-weight: 700;
display: inline-flex;
margin-right: 0 !important;
min-width: 9px !important; } }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-percentage .in-progress-cancel-button button {
border: none;
background: white;
padding-right: 0; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-percentage .in-progress-cancel-button button svg {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
flex-shrink: 0;
margin-top: 1.5px;
fill: #677480;
cursor: pointer; }
.in-progress-activity-container .in-progress-activity-information .in-progress-activity-percentage .in-progress-cancel-button button svg:hover {
fill: #c00;
opacity: 0.5; }
.in-progress-activity-container .in-progress-activity-progress-bar {
order: 2; }
.in-progress-activity-container .in-progress-activity-progress-bar .bwc-progress-bar-determinate {
transition: width 0.5s ease-in-out; }
.in-progress-activity-container .in-progress-activity-status-message {
order: 3;
width: auto;
font-size: 12px;
margin-top: 2px; }
.in-progress-activity-container .error .bwc-progress-bar-determinate {
background: #c00 !important; }
.in-progress-activity-container .warning {
color: #f60; }
.in-progress-activity-container .success {
color: #56aa1c; }
.in-progress-activity-container .failed {
color: #c00; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.i-s-container {
display: inline-flex;
align-items: center;
background: #e5f5fd;
padding: 8px;
min-height: 44px;
outline: solid 1px #008be1;
border-radius: 3px; }
.i-s-container .i-s-info-col {
display: inline-flex;
flex-direction: column;
margin-left: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 500px; }
.i-s-container .i-s-info-col .tooltip-content {
max-width: 100%; }
.i-s-container .i-s-info-col .tooltip-content .tooltip {
max-width: 100%; }
.i-s-container .i-s-info-col .i-s-title {
font-size: 16px;
font-weight: 700;
line-height: 22px;
max-width: 100% !important; }
.i-s-container .i-s-info-col .i-s-data {
font-size: 12px;
font-weight: 400;
line-height: 22px;
display: inline-flex; }
.i-s-container .i-s-info-col .i-s-data .filename-tooltip {
overflow: hidden; }
.i-s-container .i-s-info-col .i-s-data .filename-tooltip .tooltip .i-f-n {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.i-s-container .i-s-info-col .i-s-data span:not(:last-child) {
margin-right: 16px; }
.filename-tooltip,
.version-tooltip {
display: inline-block;
margin-right: 5px; }
.t-f-n {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
/* ---------------------------------------------------------------------------------------------
| $Copyright: (c) 2018 Bentley Systems, Incorporated. All rights reserved. $
*-------------------------------------------------------------------------------------------- */
/* Helper Mixin */
/* User-facing Mixin */
.n-v-item-summary {
margin-bottom: 12px; }
.bnt-hc-side-navigation-item-icon-placeholder{height:24px}.bnt-hc-side-navigation-item-expand-corner{width:0;height:0;border-bottom:6px solid;border-color:#677480;border-left:6px solid transparent;position:absolute;bottom:2px;right:2px}.bnt-hc-side-navigation-item-expand-icon{display:flex;align-self:center;padding-right:24px;color:#677480}.bnt-hc-side-navigation-item-icon{display:flex;align-self:center;justify-content:center;font-size:24px;min-width:24px;height:24px;color:#677480;box-sizing:content-box}.bnt-hc-side-navigation-item-icon>i{width:24px;height:24px}.bnt-hc-side-navigation-item-child-container{position:absolute;left:100%;top:0;z-index:1000;border:1px solid #e7e9ec;display:flex;flex-direction:column;margin-left:-1px;padding-top:8px;padding-bottom:8px;padding-left:24px;background:#fff}.bnt-hc-side-navigation-hide-border{position:absolute;left:-2px;top:0px;width:4px;height:64px;background:#fff}.bnt-hc-side-navigation-hide-border-item-context{position:absolute;right:-2px;top:1px;width:4px;height:64px;background:#fff}.bnt-hc-side-navigation-item-child-icon{display:flex;align-self:center;justify-content:center;font-size:16px;color:#677480;padding-right:16px}.bnt-hc-side-navigation-item-child-icon-placeholder{width:16px;height:16px;padding-right:16px}.bnt-hc-side-navigation-item-child-caption{display:flex;align-self:center;padding-right:24px}.bnt-hc-side-navigation-item-child{display:flex;flex-direction:row;height:40px}.bnt-hc-side-navigation-item-child:hover{text-decoration:none;color:#008be1}.bnt-hc-side-navigation-item-child:hover>span{color:#008be1}.bnt-hc-side-navigation-item-child.active{text-decoration:none;color:#008be1}.bnt-hc-side-navigation-item-child.active>i{color:#008be1}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-child{padding-left:40px;border-left:1px solid #e7e9ec;border-right:1px solid #e7e9ec}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-child:last-child{padding-bottom:8px}.bnt-hc-side-navigation-item-divider{border:1px solid #e7e9ec;border-bottom:none;height:0px}.bnt-hc-side-navigation-item{position:relative;display:flex;flex:0 0 auto;flex-direction:column;line-height:22px;color:#2a2f34;font-size:14px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;font-size:12px;cursor:pointer}.bnt-hc-side-navigation-item a:link,.bnt-hc-side-navigation-item a:visited,.bnt-hc-side-navigation-item a:hover,.bnt-hc-side-navigation-item a:active{text-decoration:none;color:#2a2f34}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;border:1px solid #e7e9ec;border-bottom:0 none transparent;height:64px;margin:0;cursor:pointer;padding:0 20px}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.pw{height:54px;justify-content:left;padding:20px}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.pw>div{display:flex}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.pw>div>span{padding-left:8px;display:flex;align-items:center;font-size:14px}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.withContext{background-color:#f7f7f7}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.withContext>div.bnt-hc-side-navigation-hide-border-item-context{background-color:#f7f7f7}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container>a.bnt-hc-side-navigation-item-caption{display:flex;align-self:center;flex-grow:1;padding-right:24px;opacity:1;white-space:nowrap}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container>a.bnt-hc-side-navigation-item-caption-hidden{opacity:0}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container>a.bnt-hc-side-navigation-item-caption-long{white-space:normal;width:20px}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container::after{content:"";position:absolute;z-index:1;transition:all .5s;width:3px;height:100%;top:0;left:0;background:#008be1;opacity:0}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container:hover{text-decoration:none;color:#008be1}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container:hover>i{color:#008be1}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container:hover>div.bnt-hc-side-navigation-item-expand-corner{border-color:#008be1;border-left-color:transparent}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-container{text-decoration:none;color:#008be1}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-container>i{color:#008be1}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-container>div.bnt-hc-side-navigation-item-expand-corner{border-color:#008be1;border-left-color:transparent}.bnt-hc-side-navigation-item:last-child>div.bnt-hc-side-navigation-item-container{border-bottom:1px solid #e7e9ec}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container{color:#008be1}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container i{color:#008be1}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container span{font-weight:bold}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container .bnt-hc-side-navigation-item-icon{color:#008be1}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container::after{opacity:1}.bnt-hc-side-navigation-item:hover div.bnt-hc-side-navigation-item-container{color:#008be1}.bnt-hc-side-navigation-item:hover div.bnt-hc-side-navigation-item-container i{color:#008be1}.bnt-hc-side-navigation-item:hover div.bnt-hc-side-navigation-item-container .bnt-hc-side-navigation-item-icon{color:#008be1}.bnt-hc-side-navigation-item-long{white-space:normal;line-height:18px}.disabled-side-bar-item a:active{pointer-events:none}.disabled-side-bar-item .bnt-hc-side-navigation-item-container .bnt-hc-side-navigation-item-icon svg{fill:#c7ccd1}.disabled-side-bar-item .bnt-hc-side-navigation-item-container span{opacity:.6}.disabled-side-bar-item .bnt-hc-side-navigation-item-container .iui-tooltip{white-space:pre-wrap}.disabled-side-bar-item .container-with-badge:active{pointer-events:none}.disabled-side-bar-item .container-with-badge .badge svg path{fill:#c7ccd1}.disabled-side-bar-item:hover div.bnt-hc-side-navigation-item-container{color:#2a2f34;cursor:default}
.bnt-hc-side-navigation-item-icon-placeholder{height:24px}.bnt-hc-side-navigation-item-expand-corner{width:0;height:0;border-bottom:6px solid;border-color:#677480;border-left:6px solid transparent;position:absolute;bottom:2px;right:2px}.bnt-hc-side-navigation-item-expand-icon{display:flex;align-self:center;padding-right:24px;color:#677480}.bnt-hc-side-navigation-item-icon{display:flex;align-self:center;justify-content:center;font-size:24px;min-width:24px;height:24px;color:#677480;box-sizing:content-box}.bnt-hc-side-navigation-item-icon>i{width:24px;height:24px}.bnt-hc-side-navigation-item-child-container{position:absolute;left:100%;top:0;z-index:1000;border:1px solid #e7e9ec;display:flex;flex-direction:column;margin-left:-1px;padding-top:8px;padding-bottom:8px;padding-left:24px;background:#fff}.bnt-hc-side-navigation-hide-border{position:absolute;left:-2px;top:0px;width:4px;height:64px;background:#fff}.bnt-hc-side-navigation-hide-border-item-context{position:absolute;right:-2px;top:1px;width:4px;height:64px;background:#fff}.bnt-hc-side-navigation-item-child-icon{display:flex;align-self:center;justify-content:center;font-size:16px;color:#677480;padding-right:16px}.bnt-hc-side-navigation-item-child-icon-placeholder{width:16px;height:16px;padding-right:16px}.bnt-hc-side-navigation-item-child-caption{display:flex;align-self:center;padding-right:24px}.bnt-hc-side-navigation-item-child{display:flex;flex-direction:row;height:40px}.bnt-hc-side-navigation-item-child:hover{text-decoration:none;color:#008be1}.bnt-hc-side-navigation-item-child:hover>span{color:#008be1}.bnt-hc-side-navigation-item-child.active{text-decoration:none;color:#008be1}.bnt-hc-side-navigation-item-child.active>i{color:#008be1}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-child{padding-left:40px;border-left:1px solid #e7e9ec;border-right:1px solid #e7e9ec}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-child:last-child{padding-bottom:8px}.bnt-hc-side-navigation-item-divider{border:1px solid #e7e9ec;border-bottom:none;height:0px}.bnt-hc-side-navigation-item{position:relative;display:flex;flex:0 0 auto;flex-direction:column;line-height:22px;color:#2a2f34;font-size:14px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;font-size:12px;cursor:pointer}.bnt-hc-side-navigation-item a:link,.bnt-hc-side-navigation-item a:visited,.bnt-hc-side-navigation-item a:hover,.bnt-hc-side-navigation-item a:active{text-decoration:none;color:#2a2f34}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;border:1px solid #e7e9ec;border-bottom:0 none transparent;height:64px;margin:0;cursor:pointer;padding:0 20px}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.pw{height:54px;justify-content:left;padding:20px}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.pw>div{display:flex}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.pw>div>span{padding-left:8px;display:flex;align-items:center;font-size:14px}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.withContext{background-color:#f7f7f7}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container.withContext>div.bnt-hc-side-navigation-hide-border-item-context{background-color:#f7f7f7}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container>a.bnt-hc-side-navigation-item-caption{display:flex;align-self:center;flex-grow:1;padding-right:24px;opacity:1;white-space:nowrap}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container>a.bnt-hc-side-navigation-item-caption-hidden{opacity:0}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container>a.bnt-hc-side-navigation-item-caption-long{white-space:normal;width:20px}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container::after{content:"";position:absolute;z-index:1;transition:all .5s;width:3px;height:100%;top:0;left:0;background:#008be1;opacity:0}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container:hover{text-decoration:none;color:#008be1}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container:hover>i{color:#008be1}.bnt-hc-side-navigation-item div.bnt-hc-side-navigation-item-container:hover>div.bnt-hc-side-navigation-item-expand-corner{border-color:#008be1;border-left-color:transparent}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-container{text-decoration:none;color:#008be1}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-container>i{color:#008be1}.bnt-hc-side-navigation-item.expanded>div.bnt-hc-side-navigation-item-container>div.bnt-hc-side-navigation-item-expand-corner{border-color:#008be1;border-left-color:transparent}.bnt-hc-side-navigation-item:last-child>div.bnt-hc-side-navigation-item-container{border-bottom:1px solid #e7e9ec}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container{color:#008be1}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container i{color:#008be1}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container span{font-weight:bold}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container .bnt-hc-side-navigation-item-icon{color:#008be1}.bnt-hc-side-navigation-item.active div.bnt-hc-side-navigation-item-container::after{opacity:1}.bnt-hc-side-navigation-item:hover div.bnt-hc-side-navigation-item-container{color:#008be1}.bnt-hc-side-navigation-item:hover div.bnt-hc-side-navigation-item-container i{color:#008be1}.bnt-hc-side-navigation-item:hover div.bnt-hc-side-navigation-item-container .bnt-hc-side-navigation-item-icon{color:#008be1}.bnt-hc-side-navigation-item-long{white-space:normal;line-height:18px}.disabled-side-bar-item a:active{pointer-events:none}.disabled-side-bar-item .bnt-hc-side-navigation-item-container .bnt-hc-side-navigation-item-icon svg{fill:#c7ccd1}.disabled-side-bar-item .bnt-hc-side-navigation-item-container span{opacity:.6}.disabled-side-bar-item .bnt-hc-side-navigation-item-container .iui-tooltip{white-space:pre-wrap}.disabled-side-bar-item .container-with-badge:active{pointer-events:none}.disabled-side-bar-item .container-with-badge .badge svg path{fill:#c7ccd1}.disabled-side-bar-item:hover div.bnt-hc-side-navigation-item-container{color:#2a2f34;cursor:default}.bnt-hc-side-navigation{position:relative;display:flex;flex:1 0 auto;height:100%;flex-direction:column;list-style:none;padding:0;margin:0;min-width:64px}.bnt-hc-side-navigation>li{display:block;padding:0;margin:0}.bnt-hc-side-navigation>li.bnt-hc-side-navigation-expand-btn{cursor:pointer}.bnt-hc-side-navigation>li.bnt-hc-side-navigation-expand-btn>a{display:flex;align-self:center;justify-content:center;position:relative;padding-top:8px;padding-bottom:8px;border:1px solid #e7e9ec;border-bottom:0 none transparent;border-top:0 none transparent;margin:0px}.bnt-hc-side-navigation>li.bnt-hc-side-navigation-expand-btn>a>i{font-size:8px;color:#677480}.bnt-hc-side-navigation-expanded{position:relative;background:#fff;display:flex;flex:1 0 auto;height:100%;flex-direction:column;list-style:none;padding:0;margin:0;min-width:64px}.bnt-hc-side-navigation-expanded>li{display:block;padding:0;margin:0}.bnt-hc-side-navigation-expanded>li.bnt-hc-side-navigation-expand-btn{cursor:pointer}.bnt-hc-side-navigation-expanded>li.bnt-hc-side-navigation-expand-btn>a{display:flex;align-self:center;justify-content:center;position:relative;padding-top:8px;padding-bottom:8px;border:1px solid #e7e9ec;border-bottom:0 none transparent;border-top:0 none transparent;margin:0px}.bnt-hc-side-navigation-expanded>li.bnt-hc-side-navigation-expand-btn>a>i{font-size:8px;color:#677480}.bnt-hc-side-navigation-expanded-with-context-pw,.bnt-hc-side-navigation-expanded-with-context,.bnt-hc-side-navigation-pw{z-index:1;position:absolute;top:0;left:0;background:#fff;display:flex;flex:1 0 auto;height:100%;flex-direction:column;list-style:none;padding:0;margin:0;min-width:64px}.bnt-hc-side-navigation-expanded-with-context-pw>li,.bnt-hc-side-navigation-expanded-with-context>li,.bnt-hc-side-navigation-pw>li{display:block;padding:0;margin:0}.bnt-hc-side-navigation-expanded-with-context-pw>li.bnt-hc-side-navigation-expand-btn,.bnt-hc-side-navigation-expanded-with-context>li.bnt-hc-side-navigation-expand-btn,.bnt-hc-side-navigation-pw>li.bnt-hc-side-navigation-expand-btn{cursor:pointer}.bnt-hc-side-navigation-expanded-with-context-pw>li.bnt-hc-side-navigation-expand-btn>a,.bnt-hc-side-navigation-expanded-with-context>li.bnt-hc-side-navigation-expand-btn>a,.bnt-hc-side-navigation-pw>li.bnt-hc-side-navigation-expand-btn>a{display:flex;align-self:center;justify-content:center;position:relative;padding-top:8px;padding-bottom:8px;border:1px solid #e7e9ec;border-bottom:0 none transparent;border-top:0 none transparent;margin:0px}.bnt-hc-side-navigation-expanded-with-context-pw>li.bnt-hc-side-navigation-expand-btn>a>i,.bnt-hc-side-navigation-expanded-with-context>li.bnt-hc-side-navigation-expand-btn>a>i,.bnt-hc-side-navigation-pw>li.bnt-hc-side-navigation-expand-btn>a>i{font-size:8px;color:#677480}.bnt-hc-side-navigation-container{background:#fff;z-index:10}.bnt-hc-side-navigation-expander{flex:1 0 auto;border:1px solid #e7e9ec;border-bottom:0 none transparent}.bnt-hc-side-navigation-li-context-container{display:flex;flex-direction:row;flex:1 0 auto}.bnt-hc-side-navigation-li-context-container:hover{overflow-y:scroll;scrollbar-width:thin}.bnt-hc-side-navigation-li-context-container:hover::-webkit-scrollbar{width:5px}.bnt-hc-side-navigation-context-container{position:relative;display:flex;flex-direction:column;flex:1 0 auto;border:1px solid #e7e9ec;border-left:0 none transparent;background:#f7f7f7;width:220px}.bnt-hc-side-navigation-context-container div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnt-hc-side-navigation-context-container .navigation-context-expander{display:flex;justify-content:flex-end;border-bottom:1px solid #e7e9ec;padding:9px 8px 5px 0px}.bnt-hc-side-navigation-context-container .navigation-context-expander .svg-icon{cursor:pointer;font-size:7px}.bnt-hc-side-navigation-context-container .navigation-context-expander .svg-icon:hover{color:#0075bd}.bnt-hc-side-navigation-context-container-minimized{display:flex;flex-direction:column;flex:1 0 auto;border:1px solid #e7e9ec;border-left:0 none transparent;background:#f7f7f7;width:15px}.bnt-hc-side-navigation-context-container-minimized .navigation-context-expander{display:flex;justify-content:flex-end;border-bottom:1px solid #e7e9ec;padding:9px 3px 5px 0px}.bnt-hc-side-navigation-context-container-minimized .navigation-context-expander .svg-icon{cursor:pointer;font-size:7px}.bnt-hc-side-navigation-context-container-minimized .navigation-context-expander .svg-icon:hover{color:#0075bd}.bnt-hc-side-navigation-context-container-minimized .navigation-context-expand-area{height:100%;width:100%}.bnt-hc-side-navigation-li-container{flex-grow:1;min-width:70px;max-width:110px;display:flex;flex:1 0 auto;flex-direction:column}.bnt-hc-side-navigation-li-container.pw{min-width:40px}.big .bnt-hc-side-navigation-li-container.pw{max-width:205px;transition:.7s}.small .bnt-hc-side-navigation-li-container.pw{max-width:66px;transition:.7s}.bnt-hc-side-navigation-context-caption{min-width:180px;display:flex;padding:24px;padding-top:14px;font-size:24px}.bnt-hc-side-navigation-item.toggle-big{text-align:center;border:1px solid #e7e9ec;border-bottom:0 none transparent;font-size:larger}
.container-with-badge{position:relative}.container-with-badge .badge{position:absolute;top:0px;right:0;width:20px;height:20px}
.bnt-hc-footer-container{padding-top:24px;padding-bottom:20px;display:flex;flex-direction:row;flex:0 1 auto;justify-content:center;flex-wrap:wrap;width:100%;line-height:1.5;font-size:12px;text-align:center;vertical-align:middle}.bnt-hc-footer-element:not(:first-child)::before{content:"|";padding-right:5px;padding-left:5px}.bnt-hc-footer-element a{color:#999;text-decoration:none}.bnt-hc-footer-element a:hover{text-decoration:underline}
.bnt-hc-footer-corrector{flex:0 1 auto;height:62px;position:relative}.bnt-hc-footer-corrector footer{position:absolute;top:0;left:0}
.bnt-hc-extra-forms{padding:0 16px}.bnt-hc-extra-forms .extra-forms-item-header{padding:15px 0;border-bottom:1px solid #e7e9ec;font-weight:bold}.bnt-hc-extra-forms .extra-forms-item{padding:15px 0 15px 15px;border-bottom:1px solid #e7e9ec}.bnt-hc-extra-forms .bnt-hc-text-subheading:nth-of-type(n+2){margin-top:22px}.extra-forms-item-link{color:#000;text-decoration:none}.extra-forms-item-link.extra-forms-item-active-link{color:#008be1}
.bwc-loaders-large{display:inline-block;position:relative;vertical-align:middle;width:48px;height:48px;margin:0;text-indent:999em;overflow:hidden;background:transparent}@keyframes bwc-loaders-animate-opacity{0%{opacity:.85}50%{opacity:.25}100%{opacity:.25}}.bwc-loaders-large>*::before,.bwc-loaders-large>*::after{content:"";position:absolute;top:0;left:22px;width:4px;height:12px;border-radius:3px;background:#2a2f34;transform-origin:2px 24px;animation:bwc-loaders-animate-opacity 1s linear infinite}.bwc-loaders-large.white>*::before,.bwc-loaders-large.white>*::after{background:#fff}.bwc-loaders-large>*:nth-child(1)::before{transform:rotate(0deg);animation-delay:0s}.bwc-loaders-large>*:nth-child(1)::after{transform:rotate(-180deg);animation-delay:-0.5s}.bwc-loaders-large>*:nth-child(2)::before{transform:rotate(-30deg);animation-delay:-0.0833333333s}.bwc-loaders-large>*:nth-child(2)::after{transform:rotate(-210deg);animation-delay:-0.5833333333s}.bwc-loaders-large>*:nth-child(3)::before{transform:rotate(-60deg);animation-delay:-0.1666666667s}.bwc-loaders-large>*:nth-child(3)::after{transform:rotate(-240deg);animation-delay:-0.6666666667s}.bwc-loaders-large>*:nth-child(4)::before{transform:rotate(-90deg);animation-delay:-0.25s}.bwc-loaders-large>*:nth-child(4)::after{transform:rotate(-270deg);animation-delay:-0.75s}.bwc-loaders-large>*:nth-child(5)::before{transform:rotate(-120deg);animation-delay:-0.3333333333s}.bwc-loaders-large>*:nth-child(5)::after{transform:rotate(-300deg);animation-delay:-0.8333333333s}.bwc-loaders-large>*:nth-child(6)::before{transform:rotate(-150deg);animation-delay:-0.4166666667s}.bwc-loaders-large>*:nth-child(6)::after{transform:rotate(-330deg);animation-delay:-0.9166666667s}.bwc-loaders-medium{display:inline-block;position:relative;vertical-align:middle;width:32px;height:32px;margin:0;text-indent:999em;overflow:hidden;background:transparent}@keyframes bwc-loaders-animate-opacity{0%{opacity:.85}50%{opacity:.25}100%{opacity:.25}}.bwc-loaders-medium>*::before,.bwc-loaders-medium>*::after{content:"";position:absolute;top:0;left:14.5px;width:3px;height:8px;border-radius:3px;background:#2a2f34;transform-origin:1.5px 16px;animation:bwc-loaders-animate-opacity 1s linear infinite}.bwc-loaders-medium.white>*::before,.bwc-loaders-medium.white>*::after{background:#fff}.bwc-loaders-medium>*:nth-child(1)::before{transform:rotate(0deg);animation-delay:0s}.bwc-loaders-medium>*:nth-child(1)::after{transform:rotate(-180deg);animation-delay:-0.5s}.bwc-loaders-medium>*:nth-child(2)::before{transform:rotate(-30deg);animation-delay:-0.0833333333s}.bwc-loaders-medium>*:nth-child(2)::after{transform:rotate(-210deg);animation-delay:-0.5833333333s}.bwc-loaders-medium>*:nth-child(3)::before{transform:rotate(-60deg);animation-delay:-0.1666666667s}.bwc-loaders-medium>*:nth-child(3)::after{transform:rotate(-240deg);animation-delay:-0.6666666667s}.bwc-loaders-medium>*:nth-child(4)::before{transform:rotate(-90deg);animation-delay:-0.25s}.bwc-loaders-medium>*:nth-child(4)::after{transform:rotate(-270deg);animation-delay:-0.75s}.bwc-loaders-medium>*:nth-child(5)::before{transform:rotate(-120deg);animation-delay:-0.3333333333s}.bwc-loaders-medium>*:nth-child(5)::after{transform:rotate(-300deg);animation-delay:-0.8333333333s}.bwc-loaders-medium>*:nth-child(6)::before{transform:rotate(-150deg);animation-delay:-0.4166666667s}.bwc-loaders-medium>*:nth-child(6)::after{transform:rotate(-330deg);animation-delay:-0.9166666667s}.bwc-loaders-small{display:inline-block;position:relative;vertical-align:middle;width:16px;height:16px;margin:0;text-indent:999em;overflow:hidden;background:transparent}@keyframes bwc-loaders-animate-opacity{0%{opacity:.85}50%{opacity:.25}100%{opacity:.25}}.bwc-loaders-small>*::before,.bwc-loaders-small>*::after{content:"";position:absolute;top:0;left:7px;width:2px;height:4px;border-radius:3px;background:#2a2f34;transform-origin:1px 8px;animation:bwc-loaders-animate-opacity 1s linear infinite}.bwc-loaders-small.white>*::before,.bwc-loaders-small.white>*::after{background:#fff}.bwc-loaders-small>*:nth-child(1)::before{transform:rotate(0deg);animation-delay:0s}.bwc-loaders-small>*:nth-child(1)::after{transform:rotate(-180deg);animation-delay:-0.5s}.bwc-loaders-small>*:nth-child(2)::before{transform:rotate(-30deg);animation-delay:-0.0833333333s}.bwc-loaders-small>*:nth-child(2)::after{transform:rotate(-210deg);animation-delay:-0.5833333333s}.bwc-loaders-small>*:nth-child(3)::before{transform:rotate(-60deg);animation-delay:-0.1666666667s}.bwc-loaders-small>*:nth-child(3)::after{transform:rotate(-240deg);animation-delay:-0.6666666667s}.bwc-loaders-small>*:nth-child(4)::before{transform:rotate(-90deg);animation-delay:-0.25s}.bwc-loaders-small>*:nth-child(4)::after{transform:rotate(-270deg);animation-delay:-0.75s}.bwc-loaders-small>*:nth-child(5)::before{transform:rotate(-120deg);animation-delay:-0.3333333333s}.bwc-loaders-small>*:nth-child(5)::after{transform:rotate(-300deg);animation-delay:-0.8333333333s}.bwc-loaders-small>*:nth-child(6)::before{transform:rotate(-150deg);animation-delay:-0.4166666667s}.bwc-loaders-small>*:nth-child(6)::after{transform:rotate(-330deg);animation-delay:-0.9166666667s}.bnt-hc-spinner-container{display:inline-block;vertical-align:middle}.bnt-hc-spinner-container>div>div{width:100%;height:100%}.bnt-hc-spinner-container>div>div::before{content:none !important}.bnt-hc-spinner-container>div>div::after{content:none !important}.bnt-hc-spinner{animation:spinner-rotate 2s linear infinite;z-index:2;width:2rem;height:2rem}.bnt-hc-spinner .fill{stroke:#008be1;animation:bnt-dash 1.5s ease-in-out infinite}.bnt-hc-spinner .shape{stroke:#c7ccd1}.bnt-hc-spinner-small{display:inline-block;position:relative;vertical-align:middle;width:16px;height:16px;margin:0;text-indent:999em;overflow:hidden;background:transparent;text-indent:0;vertical-align:initial}@keyframes bwc-loaders-animate-opacity{0%{opacity:.85}50%{opacity:.25}100%{opacity:.25}}.bnt-hc-spinner-small>*::before,.bnt-hc-spinner-small>*::after{content:"";position:absolute;top:0;left:7px;width:2px;height:4px;border-radius:3px;background:#2a2f34;transform-origin:1px 8px;animation:bwc-loaders-animate-opacity 1s linear infinite}.bnt-hc-spinner-small.white>*::before,.bnt-hc-spinner-small.white>*::after{background:#fff}.bnt-hc-spinner-small>*:nth-child(1)::before{transform:rotate(0deg);animation-delay:0s}.bnt-hc-spinner-small>*:nth-child(1)::after{transform:rotate(-180deg);animation-delay:-0.5s}.bnt-hc-spinner-small>*:nth-child(2)::before{transform:rotate(-30deg);animation-delay:-0.0833333333s}.bnt-hc-spinner-small>*:nth-child(2)::after{transform:rotate(-210deg);animation-delay:-0.5833333333s}.bnt-hc-spinner-small>*:nth-child(3)::before{transform:rotate(-60deg);animation-delay:-0.1666666667s}.bnt-hc-spinner-small>*:nth-child(3)::after{transform:rotate(-240deg);animation-delay:-0.6666666667s}.bnt-hc-spinner-small>*:nth-child(4)::before{transform:rotate(-90deg);animation-delay:-0.25s}.bnt-hc-spinner-small>*:nth-child(4)::after{transform:rotate(-270deg);animation-delay:-0.75s}.bnt-hc-spinner-small>*:nth-child(5)::before{transform:rotate(-120deg);animation-delay:-0.3333333333s}.bnt-hc-spinner-small>*:nth-child(5)::after{transform:rotate(-300deg);animation-delay:-0.8333333333s}.bnt-hc-spinner-small>*:nth-child(6)::before{transform:rotate(-150deg);animation-delay:-0.4166666667s}.bnt-hc-spinner-small>*:nth-child(6)::after{transform:rotate(-330deg);animation-delay:-0.9166666667s}.bnt-hc-spinner-large{display:inline-block;position:relative;vertical-align:middle;width:48px;height:48px;margin:0;text-indent:999em;overflow:hidden;background:transparent;text-indent:0;vertical-align:initial}@keyframes bwc-loaders-animate-opacity{0%{opacity:.85}50%{opacity:.25}100%{opacity:.25}}.bnt-hc-spinner-large>*::before,.bnt-hc-spinner-large>*::after{content:"";position:absolute;top:0;left:22px;width:4px;height:12px;border-radius:3px;background:#2a2f34;transform-origin:2px 24px;animation:bwc-loaders-animate-opacity 1s linear infinite}.bnt-hc-spinner-large.white>*::before,.bnt-hc-spinner-large.white>*::after{background:#fff}.bnt-hc-spinner-large>*:nth-child(1)::before{transform:rotate(0deg);animation-delay:0s}.bnt-hc-spinner-large>*:nth-child(1)::after{transform:rotate(-180deg);animation-delay:-0.5s}.bnt-hc-spinner-large>*:nth-child(2)::before{transform:rotate(-30deg);animation-delay:-0.0833333333s}.bnt-hc-spinner-large>*:nth-child(2)::after{transform:rotate(-210deg);animation-delay:-0.5833333333s}.bnt-hc-spinner-large>*:nth-child(3)::before{transform:rotate(-60deg);animation-delay:-0.1666666667s}.bnt-hc-spinner-large>*:nth-child(3)::after{transform:rotate(-240deg);animation-delay:-0.6666666667s}.bnt-hc-spinner-large>*:nth-child(4)::before{transform:rotate(-90deg);animation-delay:-0.25s}.bnt-hc-spinner-large>*:nth-child(4)::after{transform:rotate(-270deg);animation-delay:-0.75s}.bnt-hc-spinner-large>*:nth-child(5)::before{transform:rotate(-120deg);animation-delay:-0.3333333333s}.bnt-hc-spinner-large>*:nth-child(5)::after{transform:rotate(-300deg);animation-delay:-0.8333333333s}.bnt-hc-spinner-large>*:nth-child(6)::before{transform:rotate(-150deg);animation-delay:-0.4166666667s}.bnt-hc-spinner-large>*:nth-child(6)::after{transform:rotate(-330deg);animation-delay:-0.9166666667s}.bnt-hc-spinner-medium{display:inline-block;position:relative;vertical-align:middle;width:32px;height:32px;margin:0;text-indent:999em;overflow:hidden;background:transparent;text-indent:0;vertical-align:initial}@keyframes bwc-loaders-animate-opacity{0%{opacity:.85}50%{opacity:.25}100%{opacity:.25}}.bnt-hc-spinner-medium>*::before,.bnt-hc-spinner-medium>*::after{content:"";position:absolute;top:0;left:14.5px;width:3px;height:8px;border-radius:3px;background:#2a2f34;transform-origin:1.5px 16px;animation:bwc-loaders-animate-opacity 1s linear infinite}.bnt-hc-spinner-medium.white>*::before,.bnt-hc-spinner-medium.white>*::after{background:#fff}.bnt-hc-spinner-medium>*:nth-child(1)::before{transform:rotate(0deg);animation-delay:0s}.bnt-hc-spinner-medium>*:nth-child(1)::after{transform:rotate(-180deg);animation-delay:-0.5s}.bnt-hc-spinner-medium>*:nth-child(2)::before{transform:rotate(-30deg);animation-delay:-0.0833333333s}.bnt-hc-spinner-medium>*:nth-child(2)::after{transform:rotate(-210deg);animation-delay:-0.5833333333s}.bnt-hc-spinner-medium>*:nth-child(3)::before{transform:rotate(-60deg);animation-delay:-0.1666666667s}.bnt-hc-spinner-medium>*:nth-child(3)::after{transform:rotate(-240deg);animation-delay:-0.6666666667s}.bnt-hc-spinner-medium>*:nth-child(4)::before{transform:rotate(-90deg);animation-delay:-0.25s}.bnt-hc-spinner-medium>*:nth-child(4)::after{transform:rotate(-270deg);animation-delay:-0.75s}.bnt-hc-spinner-medium>*:nth-child(5)::before{transform:rotate(-120deg);animation-delay:-0.3333333333s}.bnt-hc-spinner-medium>*:nth-child(5)::after{transform:rotate(-300deg);animation-delay:-0.8333333333s}.bnt-hc-spinner-medium>*:nth-child(6)::before{transform:rotate(-150deg);animation-delay:-0.4166666667s}.bnt-hc-spinner-medium>*:nth-child(6)::after{transform:rotate(-330deg);animation-delay:-0.9166666667s}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes bnt-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.bnt-hc-spinner-ie{width:100%;height:100%;display:block;color:#008be1}.bnt-hc-spinner-ie:after{content:"";width:100%;height:100%;display:inline-block;border:2.5px solid currentColor;border-bottom-color:#c7ccd1;border-radius:100%;background:transparent;animation:bnt-dash-ie 1s linear infinite;box-sizing:border-box}.bnt-hc-spinner-ie:before{content:none}@keyframes bnt-dash-ie{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.bnt-hc-spinner-absolute{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:1}
.loading-container{width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-container .loading-text{font-weight:600;font-size:18px}.loading-container-centered{width:100%;height:100%;flex:1}
.bnt-hc-pagination{text-align:center;padding:8px 0px}.bnt-hc-pagination .bnt-hc-pagination-page-item{padding:5px 8px;cursor:pointer;text-decoration:underline;color:#008be1}.bnt-hc-pagination .bnt-hc-pagination-page-item.active{cursor:initial;text-decoration:none;font-weight:700;color:inherit}.bnt-hc-pagination .bnt-hc-pagination-dots{padding:5px 6px}.bnt-hc-pagination .btn-hc-pagination-page-tracker{float:right;height:100%;margin-right:16px}.bnt-hc-pagination .btn-hc-pagination-page-tracker span{color:#9ba5ae;font-size:12px}.bnt-hc-pagination .btn-hc-pagination-next-page-button{cursor:pointer;color:#555;vertical-align:-3px;margin-left:10px}.bnt-hc-pagination .btn-hc-pagination-previous-page-button{cursor:pointer;color:#555;vertical-align:-3px;margin-right:10px}
.bnt-hc-dropdown-container{position:relative;display:inline-flex;height:100%;align-items:center}.bnt-hc-dropdown-component{position:absolute;z-index:4020 !important}
.bnt-hc-tables-table-tune.bnt-hc-tables-table thead{display:table-header-group;width:initial;table-layout:initial}.bnt-hc-tables-table-tune.bnt-hc-tables-table tbody tr{display:table-row;width:initial;table-layout:initial}.bnt-hc-tables-table{display:table;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}.bnt-hc-tables-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:22px;padding:10px 16px;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff}.bnt-hc-tables-cell:first-child{border-left-width:1px}.bnt-hc-tables-cell:last-child{border-right-width:1px}.bnt-hc-tables-cell:first-child{padding-left:15px}.bnt-hc-tables-cell:last-child{padding-right:15px}.bnt-hc-tables-cell>.icon{font-size:16px}.bnt-hc-tables-checkbox-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:42px;padding:0;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff}.bnt-hc-tables-checkbox-cell:first-child{border-left-width:1px}.bnt-hc-tables-checkbox-cell:last-child{border-right-width:1px}.bnt-hc-tables-checkbox-cell:first-child>label{padding-left:12px}.bnt-hc-tables-checkbox-cell:last-child>label{padding-right:12px}.bnt-hc-tables-checkbox-cell>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:13px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-checkbox-cell>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-checkbox-cell.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:17.5px;top:20px;width:7px;height:2px}.bnt-hc-tables-checkbox-cell-core{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:42px;padding:0}.bnt-hc-tables-checkbox-cell-core:first-child{border-left-width:1px}.bnt-hc-tables-checkbox-cell-core:last-child{border-right-width:1px}.bnt-hc-tables-checkbox-cell-core:first-child>label{padding-left:12px}.bnt-hc-tables-checkbox-cell-core:last-child>label{padding-right:12px}.bnt-hc-tables-checkbox-cell-core>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:13px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-checkbox-cell-core>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-checkbox-cell-core.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:17.5px;top:20px;width:7px;height:2px}.bnt-hc-tables-empty-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:22px;padding:10px 16px;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff;width:10px}.bnt-hc-tables-empty-cell:first-child{border-left-width:1px}.bnt-hc-tables-empty-cell:last-child{border-right-width:1px}.bnt-hc-tables-empty-cell:first-child{padding-left:15px}.bnt-hc-tables-empty-cell:last-child{padding-right:15px}.bnt-hc-tables-head-checkbox-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:42px;padding:0;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-head-checkbox-cell:first-child{border-left-width:1px}.bnt-hc-tables-head-checkbox-cell:last-child{border-right-width:1px}.bnt-hc-tables-head-checkbox-cell:first-child>label{padding-left:12px}.bnt-hc-tables-head-checkbox-cell:last-child>label{padding-right:12px}.bnt-hc-tables-head-checkbox-cell>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:13px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-head-checkbox-cell>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-head-checkbox-cell.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:17.5px;top:20px;width:7px;height:2px}.bnt-hc-tables-head-checkbox-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-head-empty-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:22px;padding:10px 16px;width:10px;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-head-empty-cell:first-child{border-left-width:1px}.bnt-hc-tables-head-empty-cell:last-child{border-right-width:1px}.bnt-hc-tables-head-empty-cell:first-child{padding-left:15px}.bnt-hc-tables-head-empty-cell:last-child{padding-right:15px}.bnt-hc-tables-head-empty-cell:hover{background-color:#eef0f3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-head-icon-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:16px;line-height:16px;padding:13px 13px;width:16px;font-size:16px;color:#677480;fill:#677480;cursor:pointer;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-head-icon-cell:first-child{border-left-width:1px}.bnt-hc-tables-head-icon-cell:last-child{border-right-width:1px}.bnt-hc-tables-head-icon-cell:first-child{padding-left:12px}.bnt-hc-tables-head-icon-cell:last-child{padding-right:12px}.bnt-hc-tables-head-icon-cell>img,.bnt-hc-tables-head-icon-cell>svg{width:16px;height:16px;padding:0;margin:0;vertical-align:top}.bnt-hc-tables-head-icon-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-head-label-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3;padding:0}.bnt-hc-tables-head-label-cell:first-child{border-left-width:1px}.bnt-hc-tables-head-label-cell:last-child{border-right-width:1px}.bnt-hc-tables-head-label-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-head-label-cell>.label-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;padding:0;margin:0}.bnt-hc-tables-head-label-cell>.label-container>.label-text{flex:0 1 auto;min-width:3em;line-height:42px;padding-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnt-hc-tables-head-label-cell>.label-container>.filter-icon{width:16px;height:16px;flex:0 0 auto;box-sizing:content-box;padding:13px}.bnt-hc-tables-head-label-cell>.label-container>.label-spacer{flex:1 1 0;width:0;padding:0;margin:0}.bnt-hc-tables-head-label-cell>.label-container>.sort-icon{width:16px;height:16px;flex:0 0 auto;box-sizing:content-box;padding:13px}.bnt-hc-tables-head-label-cell>.label-container>.label-text:last-child,.bnt-hc-tables-head-label-cell>.label-container>.label-spacer:last-child{padding-right:16px}.bnt-hc-tables-head-label-cell.is-sortable>.label-container>.sort-icon{opacity:0}.bnt-hc-tables-head-label-cell.is-sorted>.label-container>.sort-icon{opacity:1}.bnt-hc-tables-head-label-cell:first-child>.label-container>.label-text:first-child,.bnt-hc-tables-head-label-cell:first-child>.label-container>.label-spacer:first-child{padding-left:15px}.bnt-hc-tables-head-label-cell:first-child>.label-container>.filter-icon:first-child,.bnt-hc-tables-head-label-cell:first-child>.label-container>.sort-icon:first-child{padding-left:12px}.bnt-hc-tables-head-label-cell:last-child>.label-container>.label-text:last-child,.bnt-hc-tables-head-label-cell:last-child>.label-container>.label-spacer:last-child{padding-right:15px}.bnt-hc-tables-head-label-cell:last-child>.label-container>.filter-icon:last-child,.bnt-hc-tables-head-label-cell:last-child>.label-container>.sort-icon:last-child{padding-right:12px}.bnt-hc-tables-head-label-cell.is-sortable,.bnt-hc-tables-head-label-cell.is-sorted{cursor:pointer}.bnt-hc-tables-head-label-cell.is-sortable:hover>.label-container>.sort-icon{opacity:.65}.bnt-hc-tables-icon-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:16px;line-height:16px;padding:13px 13px;width:16px;font-size:16px;color:#677480;fill:#677480;cursor:pointer;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff;color:#677480;fill:#677480}.bnt-hc-tables-icon-cell:first-child{border-left-width:1px}.bnt-hc-tables-icon-cell:last-child{border-right-width:1px}.bnt-hc-tables-icon-cell:first-child{padding-left:12px}.bnt-hc-tables-icon-cell:last-child{padding-right:12px}.bnt-hc-tables-icon-cell>img,.bnt-hc-tables-icon-cell>svg{width:16px;height:16px;padding:0;margin:0;vertical-align:top}.bnt-hc-tables-row>td>.expand-icon{display:inline-block;transition:.15s ease-in-out}.bnt-hc-tables-row:hover>td{background-color:#e5f5fd;border-left-color:#e5f5fd;border-right-color:#e5f5fd}.bnt-hc-tables-row.expanded-child>td{border-left-color:#008be1;border-right-color:#008be1}.bnt-hc-tables-row.expanded-parent>td{border-color:#008be1;background-color:#008be1;color:#fff}.bnt-hc-tables-row.expanded-parent>td>.expand-icon{transform:rotate(90deg)}.bnt-hc-tables-row.expanded-parent:hover>td{border-color:#0073ba;background-color:#0073ba}.bnt-hc-tables-row.expanded-child.last-child>td{border-bottom-color:#008be1}.bnt-hc-tables-table-condensed{display:table;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:auto}.bnt-hc-tables-table-condensed .bnt-hc-tables-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:22px;padding:6px 12px;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff}.bnt-hc-tables-table-condensed .bnt-hc-tables-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-cell:first-child{padding-left:11px}.bnt-hc-tables-table-condensed .bnt-hc-tables-cell:last-child{padding-right:11px}.bnt-hc-tables-table-condensed .bnt-hc-tables-cell>.icon{font-size:16px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:34px;padding:0;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell:first-child>label{padding-left:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell:last-child>label{padding-right:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:9px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:13.5px;top:16px;width:7px;height:2px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell-core{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:34px;padding:0}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell-core:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell-core:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell-core:first-child>label{padding-left:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell-core:last-child>label{padding-right:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell-core>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:9px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell-core>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-table-condensed .bnt-hc-tables-checkbox-cell-core.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:13.5px;top:16px;width:7px;height:2px}.bnt-hc-tables-table-condensed .bnt-hc-tables-empty-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:22px;padding:6px 12px;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff;width:10px}.bnt-hc-tables-table-condensed .bnt-hc-tables-empty-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-empty-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-empty-cell:first-child{padding-left:11px}.bnt-hc-tables-table-condensed .bnt-hc-tables-empty-cell:last-child{padding-right:11px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:34px;padding:0;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell:first-child>label{padding-left:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell:last-child>label{padding-right:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:9px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:13.5px;top:16px;width:7px;height:2px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-checkbox-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-empty-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:22px;padding:6px 12px;width:10px;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-empty-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-empty-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-empty-cell:first-child{padding-left:11px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-empty-cell:last-child{padding-right:11px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-empty-cell:hover{background-color:#eef0f3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-icon-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:16px;line-height:16px;padding:9px 9px;width:16px;font-size:16px;color:#677480;fill:#677480;cursor:pointer;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-icon-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-icon-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-icon-cell:first-child{padding-left:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-icon-cell:last-child{padding-right:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-icon-cell>img,.bnt-hc-tables-table-condensed .bnt-hc-tables-head-icon-cell>svg{width:16px;height:16px;padding:0;margin:0;vertical-align:top}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-icon-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3;padding:0}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell>.label-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;padding:0;margin:0}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell>.label-container>.label-text{flex:0 1 auto;min-width:3em;line-height:34px;padding-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell>.label-container>.filter-icon{width:16px;height:16px;flex:0 0 auto;box-sizing:content-box;padding:9px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell>.label-container>.label-spacer{flex:1 1 0;width:0;padding:0;margin:0}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell>.label-container>.sort-icon{width:16px;height:16px;flex:0 0 auto;box-sizing:content-box;padding:9px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell>.label-container>.label-text:last-child,.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell>.label-container>.label-spacer:last-child{padding-right:12px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell.is-sortable>.label-container>.sort-icon{opacity:0}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell.is-sorted>.label-container>.sort-icon{opacity:1}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:first-child>.label-container>.label-text:first-child,.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:first-child>.label-container>.label-spacer:first-child{padding-left:11px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:first-child>.label-container>.filter-icon:first-child,.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:first-child>.label-container>.sort-icon:first-child{padding-left:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:last-child>.label-container>.label-text:last-child,.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:last-child>.label-container>.label-spacer:last-child{padding-right:11px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:last-child>.label-container>.filter-icon:last-child,.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell:last-child>.label-container>.sort-icon:last-child{padding-right:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell.is-sortable,.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell.is-sorted{cursor:pointer}.bnt-hc-tables-table-condensed .bnt-hc-tables-head-label-cell.is-sortable:hover>.label-container>.sort-icon{opacity:.65}.bnt-hc-tables-table-condensed .bnt-hc-tables-icon-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:16px;line-height:16px;padding:9px 9px;width:16px;font-size:16px;color:#677480;fill:#677480;cursor:pointer;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff;color:#677480;fill:#677480}.bnt-hc-tables-table-condensed .bnt-hc-tables-icon-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-icon-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed .bnt-hc-tables-icon-cell:first-child{padding-left:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-icon-cell:last-child{padding-right:8px}.bnt-hc-tables-table-condensed .bnt-hc-tables-icon-cell>img,.bnt-hc-tables-table-condensed .bnt-hc-tables-icon-cell>svg{width:16px;height:16px;padding:0;margin:0;vertical-align:top}.bnt-hc-tables-table-condensed .bnt-hc-tables-row>td>.expand-icon{display:inline-block;transition:.15s ease-in-out}.bnt-hc-tables-table-condensed .bnt-hc-tables-row:hover>td{background-color:#e5f5fd;border-left-color:#e5f5fd;border-right-color:#e5f5fd}.bnt-hc-tables-table-condensed .bnt-hc-tables-row.expanded-child>td{border-left-color:#008be1;border-right-color:#008be1}.bnt-hc-tables-table-condensed .bnt-hc-tables-row.expanded-parent>td{border-color:#008be1;background-color:#008be1;color:#fff}.bnt-hc-tables-table-condensed .bnt-hc-tables-row.expanded-parent>td>.expand-icon{transform:rotate(90deg)}.bnt-hc-tables-table-condensed .bnt-hc-tables-row.expanded-parent:hover>td{border-color:#0073ba;background-color:#0073ba}.bnt-hc-tables-table-condensed .bnt-hc-tables-row.expanded-child.last-child>td{border-bottom-color:#008be1}.bnt-hc-tables-table-condensed.extra-condensed{display:table;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:auto}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:18px;padding:4px 8px;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-cell:first-child{padding-left:7px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-cell:last-child{padding-right:7px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-cell>.icon{font-size:16px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:26px;padding:0;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell:first-child>label{padding-left:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell:last-child>label{padding-right:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:5px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:9.5px;top:12px;width:7px;height:2px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell-core{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:26px;padding:0}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell-core:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell-core:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell-core:first-child>label{padding-left:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell-core:last-child>label{padding-right:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell-core>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:5px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell-core>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-checkbox-cell-core.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:9.5px;top:12px;width:7px;height:2px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-empty-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:22px;padding:2px 8px;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff;width:10px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-empty-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-empty-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-empty-cell:first-child{padding-left:7px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-empty-cell:last-child{padding-right:7px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;position:relative;background-clip:padding-box;width:26px;padding:0;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell:first-child>label{padding-left:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell:last-child>label{padding-right:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell>label{box-sizing:content-box;display:block;width:16px;line-height:16px;padding:5px;margin:0;text-align:left;cursor:pointer}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell>label>input{display:inline-block;vertical-align:top;margin:2px 0 0 2px;cursor:pointer}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell.partially-selected::after{content:" ";display:block;position:absolute;background-color:#3c434a;left:9.5px;top:12px;width:7px;height:2px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-checkbox-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-empty-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:10px;line-height:22px;padding:2px 8px;width:10px;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-empty-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-empty-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-empty-cell:first-child{padding-left:7px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-empty-cell:last-child{padding-right:7px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-empty-cell:hover{background-color:#eef0f3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-icon-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:16px;line-height:16px;padding:5px 5px;width:16px;font-size:16px;color:#677480;fill:#677480;cursor:pointer;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-icon-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-icon-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-icon-cell:first-child{padding-left:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-icon-cell:last-child{padding-right:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-icon-cell>img,.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-icon-cell>svg{width:16px;height:16px;padding:0;margin:0;vertical-align:top}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-icon-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;background-color:#eef0f3;color:#000;border-bottom-color:#dce0e3;border-left-color:#eef0f3;border-right-color:#eef0f3;padding:0}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:hover{background-color:#dce0e3;border-left-color:#dce0e3;border-right-color:#dce0e3}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell>.label-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;padding:0;margin:0}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell>.label-container>.label-text{flex:0 1 auto;min-width:3em;line-height:26px;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell>.label-container>.filter-icon{width:16px;height:16px;flex:0 0 auto;box-sizing:content-box;padding:5px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell>.label-container>.label-spacer{flex:1 1 0;width:0;padding:0;margin:0}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell>.label-container>.sort-icon{width:16px;height:16px;flex:0 0 auto;box-sizing:content-box;padding:5px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell>.label-container>.label-text:last-child,.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell>.label-container>.label-spacer:last-child{padding-right:8px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell.is-sortable>.label-container>.sort-icon{opacity:0}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell.is-sorted>.label-container>.sort-icon{opacity:1}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:first-child>.label-container>.label-text:first-child,.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:first-child>.label-container>.label-spacer:first-child{padding-left:7px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:first-child>.label-container>.filter-icon:first-child,.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:first-child>.label-container>.sort-icon:first-child{padding-left:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:last-child>.label-container>.label-text:last-child,.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:last-child>.label-container>.label-spacer:last-child{padding-right:7px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:last-child>.label-container>.filter-icon:last-child,.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell:last-child>.label-container>.sort-icon:last-child{padding-right:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell.is-sortable,.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell.is-sorted{cursor:pointer}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-head-label-cell.is-sortable:hover>.label-container>.sort-icon{opacity:.65}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-icon-cell{display:table-cell;box-sizing:content-box;text-align:left;vertical-align:top;font-size:14px;font-weight:400;border:0 solid #c00;border-bottom-width:1px;min-width:16px;line-height:16px;padding:5px 5px;width:16px;font-size:16px;color:#677480;fill:#677480;cursor:pointer;background-color:#fff;color:#2a2f34;border-bottom-color:#dce0e3;border-left-color:#fff;border-right-color:#fff;color:#677480;fill:#677480}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-icon-cell:first-child{border-left-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-icon-cell:last-child{border-right-width:1px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-icon-cell:first-child{padding-left:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-icon-cell:last-child{padding-right:4px}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-icon-cell>img,.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-icon-cell>svg{width:16px;height:16px;padding:0;margin:0;vertical-align:top}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-row>td>.expand-icon{display:inline-block;transition:.15s ease-in-out}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-row:hover>td{background-color:#e5f5fd;border-left-color:#e5f5fd;border-right-color:#e5f5fd}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-row.expanded-child>td{border-left-color:#008be1;border-right-color:#008be1}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-row.expanded-parent>td{border-color:#008be1;background-color:#008be1;color:#fff}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-row.expanded-parent>td>.expand-icon{transform:rotate(90deg)}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-row.expanded-parent:hover>td{border-color:#0073ba;background-color:#0073ba}.bnt-hc-tables-table-condensed.extra-condensed .bnt-hc-tables-row.expanded-child.last-child>td{border-bottom-color:#008be1}.bnt-hc-tables-table.bnt-hc-tables-tweaked{width:100%;table-layout:fixed;flex:1 0 auto;overflow:hidden;border-collapse:collapse}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-hc-tables-row:hover>td{background:inherit}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-tables-table thead{z-index:0}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-tables-table tbody{z-index:0}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-tables-table thead{display:table-header-group;width:initial;table-layout:initial;overflow-x:hidden}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-tables-table tbody tr{display:table-row;width:initial;table-layout:initial;background-color:#fff}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-hc-tables-cell,.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-hc-tables-empty-cell,.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-hc-tables-checkbox-cell{vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:static;border:1px solid transparent;border-bottom:1px solid #dce0e3;cursor:auto;height:50px}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-hc-tables-cell{padding:0 16px}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-hc-tables-empty-cell{overflow:visible;padding:0 16px}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-hc-tables-checkbox-cell>label{width:16px;margin:0 auto 0 0;padding-left:11px;height:100%;box-sizing:border-box;line-height:22px}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-table-scroll{display:flex;flex-direction:column;overflow:visible}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-table-scroll>thead{flex:0 0 auto;min-height:0;display:block}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-table-scroll>thead>tr{position:relative;display:block}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-table-scroll>tbody{flex:1 0;min-height:50px;display:block;width:100%;overflow-y:auto;overflow-x:hidden}.bnt-hc-tables-table.bnt-hc-tables-tweaked.bnt-hc-table-measure>tbody>tr:nth-child(n+1){display:none}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th{height:50px;padding:0;background:#eef0f3;border-bottom:1px solid #dce0e3;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container{height:100%;display:flex;align-items:center;overflow:hidden}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container>*{flex:0 0 auto;min-width:0;margin-right:8px}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container>*:last-child{margin-right:16px}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container>.label-text{flex:0 1 auto;padding-left:16px;min-width:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container>div>.bnt-hc-dropdown-container,.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container>.bnt-hc-dropdown-container{display:flex;align-items:center}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container .filter-icon{cursor:pointer;display:none}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container .filter-icon.filtered{display:inline-flex;color:#56aa1c;opacity:1}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container:hover .filter-icon{display:inline-flex;opacity:.65}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container>.sort-icon{margin-left:auto;opacity:0}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container.is-sortable{cursor:pointer}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container.is-sortable:hover{background:#dce0e3}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container.is-sortable:hover .sort-icon{opacity:.65}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container.is-sorted{cursor:pointer;background:#dce0e3}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container.is-sorted .sort-icon{opacity:1}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container.is-sorted:hover{background:#dce0e3}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container.is-sorted:hover .sort-icon{opacity:.65}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.label-container.inline-form{opacity:0;pointer-events:none;margin-bottom:-50px}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th.bnt-tables-drag-entered{border-right:#000 3px dashed}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.bnt-tables-resize-grip{z-index:100;position:absolute;background:#008be1;margin-left:-3px;margin-right:-3px;border-left:2px solid transparent;border-right:2px solid transparent;width:8px;height:50px;margin-bottom:-50px;opacity:0;padding-right:1px;cursor:col-resize;background-clip:content-box;right:0;top:0;bottom:0}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.bnt-tables-resize-grip:hover,.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th>.bnt-tables-resize-grip:active{opacity:1}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-tables-resize-grip:hover{opacity:1}.bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th:hover>.bnt-tables-resize-grip{opacity:1}.bnt-hc-tables-table.bnt-hc-tables-tweaked .no-pointer-events *{pointer-events:none}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-tables-row-processed{background-color:#e5f5fd}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-tables-row-processed>td{background:none}.bnt-hc-tables-table.bnt-hc-tables-tweaked .bnt-hc-search-highlight{background-color:#ff0}.bnt-hc-tables-table.bnt-hc-tables-tweaked tr.bnt-hc-row-selected>td,.bnt-hc-tables-table.bnt-hc-tables-tweaked tr.bnt-hc-row-selected:hover>td{background-color:#e5f5fd}.bnt-hc-tables-table.bnt-hc-tables-tweaked tr.bnt-hc-row-selected>td.bnt-hc-tables-checkbox-cell,.bnt-hc-tables-table.bnt-hc-tables-tweaked tr.bnt-hc-row-selected:hover>td.bnt-hc-tables-checkbox-cell{border-top-color:#e5f5fd;border-left-color:#e5f5fd;border-right-color:#e5f5fd}.bnt-hc-tables-no-items td{padding:0;height:0;width:1%;overflow:visible;vertical-align:top}.bnt-hc-tables-no-items td div{display:flex;justify-content:center;align-items:center;height:140px;width:100%}.bnt-hc-tables-no-items td div>*{padding:2em;background:#fff}.bnt-hc-tables-loading{overflow:visible}.bnt-hc-tables-loading>tr>*{opacity:.5;pointer-events:none}.bnt-hc-tables-loading .bnt-hc-tables-loading-overlay{height:0;overflow:visible}.bnt-hc-tables-loading .bnt-hc-tables-loading-overlay td{opacity:1;padding:0;height:0;overflow:visible;vertical-align:top}.bnt-hc-tables-loading .bnt-hc-tables-loading-overlay td>div{position:relative;z-index:1000;display:flex;justify-content:center;align-items:center;height:140px;margin-bottom:-140px;width:100%}.bnt-hc-tables-loading .bnt-hc-tables-no-items>*{opacity:0}.bnt-hc-tables-pagination{background-color:#f9f9f9;border-bottom:1px solid #dce0e3;border-top:1px solid #dce0e3}.bnt-hc-settings-icon{margin-left:16px;margin-top:-5px}.bnt-hc-tables-empty-cell.bnt-hc-editable-cell:hover,.bnt-hc-tables-empty-cell.bnt-hc-editing-cell,.bnt-hc-tables-cell.bnt-hc-editable-cell:hover,.bnt-hc-tables-cell.bnt-hc-editing-cell{border:1px double #008be1}.bnt-hc-tables-empty-cell.bnt-hc-editable-cell:hover .bnt-hc-dropdown-container,.bnt-hc-tables-empty-cell.bnt-hc-editing-cell .bnt-hc-dropdown-container,.bnt-hc-tables-cell.bnt-hc-editable-cell:hover .bnt-hc-dropdown-container,.bnt-hc-tables-cell.bnt-hc-editing-cell .bnt-hc-dropdown-container{width:100%}.bnt-hc-options-cell-popover-border{position:relative;max-width:300px;margin-top:2px;box-shadow:2px 2px 30px rgba(0,0,0,.25);background:#fff;background-clip:padding-box}.bnt-hc-options-cell-popover-border .bnt-hc-menu-item :nth-child(n+2){margin-left:.5em}.table-spinner-container{position:absolute;z-index:1000;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.table-container .bnt-hc-tables-pagination{width:1%}.bnt-hc-table-container,.table-container{height:100%;width:100%;position:relative;display:flex}.bnt-hc-table-container{z-index:8}.bnt-hc-table-container .bnt-hc-tables-table.bnt-hc-tables-tweaked>thead>tr>th{vertical-align:middle;position:sticky;top:0;z-index:7}.bnt-hc-table-container-wrapper{z-index:0}.bnt-hc-table-container-wrapper .bnt-hc-table-centered-info-container{display:flex;justify-content:center;align-items:center;position:absolute;z-index:500;top:50%;left:50%;right:50%;bottom:50%;height:inherit;width:inherit}