@font-face {
    font-family: 'Montserrat';
    src: url('font.woff2') format('woff2');
    font-display: swap;
}


.main-body * {
	font-family: 'Montserrat', Arial, sans-serif;
}
.navigation-toolbar:has(+ .preloader-wrapper) {
    display:none;
}

.navigation-toolbar-logo img.header-logo { width: 106px; height: 32px; }

:root {
    --uiSystemFont: Work Sans,Arial,Helvetica,sans-serif;
    --arsenic-950: #161D26;
}

.ant-drawer {
    font-family: var(--uiSystemFont);
}

table {
	width: 100%;
}

body:not([data-auth]) .auth-only {
  display: none;
}

body[data-auth] .anonym-only {
  display: none;
}

.button-image-container {
    color: transparent;
}

.js-label span.component-label {
    cursor: default;
}

.layout-grid.container-grid {
    scroll-behavior: smooth;
    display: grid;
    overflow-x: hidden;
    overflow-y: auto;
/*    scroll-snap-type: y proximity;*/
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
}

  /* Montserrat 12px 200 */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
  }

  /* Montserrat 16px 300 */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 300;

  }

  /* Montserrat 16px 400 */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 400;

  }


/* Montserrat 500  */
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.woff2') format('truetype');
	font-style: medium;
	font-variant: medium;
	font-weight: 500;
}


    /* Montserrat 14px 600*/
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
  }


  /* Montserrat 14px 700*/
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
  }

/* Montserrat 18px 800  */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 800;
  }

  /* Montserrat 900  */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
 }



/* Montserrat Alternates 400 */
@font-face {
	font-family: 'Montserrat Alternates';
	src: url('../fonts/MontserratAlternates-Regular.ttf') format('truetype');
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}

/* Montserrat Alternates 500 */
@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/MontserratAlternates-Medium.ttf') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
}


/* Montserrat Alternates 700 */
@font-face {
	font-family: 'Montserrat Alternates';
	src: url('../fonts/MontserratAlternates-Bold.ttf') format('truetype');
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
}

/*Work Sans 300 */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Light.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
}

/*Work Sans Italic 300 */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-LightItalic.woff2') format('truetype');
    font-style: italic;
    font-weight: 300;
}

/*Work Sans Italic 400 */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Italic.woff2') format('truetype');
    font-style: italic;
    font-weight: 400;
}



/*Work Sans 400 */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Regular.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
}

/*Work Sans 500 */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Medium.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
}


/*Work Sans 600 */
@font-face {
	font-family: 'Work Sans';
	src: url('../fonts/WorkSans-SemiBold.woff2') format('truetype');
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
}

/*Work Sans 700 */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Bold.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
}

/*Work Sans 800 */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraBold.woff2') format('truetype');
    font-style: normal;
    font-variant: normal;
    font-weight: 800;
}


div.ant-select-item-option-content {
	justify-content: space-between;
}

.ant-select-item-option-content span {
	border: none;
	height: inherit;
}

div.ant-select-item-option-selected.ant-select-item-option-selected {
	box-shadow: none;
}

.ant-select-item.ant-select-item-option.ant-select-item-option-selected .ant-select-item-option-content:after {
	width: 8px;
	height: 8px;
	background-color: #FF8964;
	border-radius: 50%;
	content: '';
	margin-right: 12px;
}

.ant-select-item-option-active.ant-select-item-option-active .ant-select-item-option-content:after {
	width: 4px;
	height: 4px;
	background-color: #94A9BD;
	border-radius: 50%;
	content: '';
	margin-right: 12px;
	padding-left: 4px;
}

.ant-select-item-option-content span {
	padding-right: 4px;
}

label.ant-checkbox-wrapper {
	align-items: center;
}

span.ant-checkbox {
	top: 0;
}

.ant-checkbox.ant-checkbox.ant-checkbox-checked {
    background-color: rgb(255, 137, 100);
    border-color: rgb(255, 137, 100);
}

.ant-drawer.drawer-panel button.ant-drawer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;

  background: transparent;
  position: relative;
  padding: 0;

  margin-left: 0;
}

.ant-drawer-close div.drawer-close-icon {
  border: 2px solid #161D26;
  background-color: transparent;
  width: 40px;
  height: 40px;
  transition: all 0.3s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-drawer-close:before,
.ant-drawer-close:after {
     transform: rotate(45deg);
     content: '';
     background-color: black;
     position: absolute;
     width: 24px;
     height: 2px;
     left: calc(8px);
     top: calc(50% - 1px);
     transition: width 0.24s, left 0.24s;
}

.ant-drawer-close:after {
     transform: rotate(135deg);
}

.ant-drawer-close:hover div.drawer-close-icon {
  width: 0;
  height: 0;
  transition: all 0.3s;
}

.ant-drawer-close:hover:before,
.ant-drawer-close:hover:after {
     width: 40px;
     left: 0;
}

.ant-drawer-close div.drawer-close-icon svg{
  display: none;
}

.ant-menu-overflow {display: block}

.ant-menu-horizontal>.ant-menu-item:after {display: none}

.drawer-panel .ant-drawer-wrapper-body .ant-drawer-header {display:none}

div.ant-tabs-content.ant-tabs-content-top {
    height: 100%;
}

div.agg-properties-editor-variable-container.container-code-editor div.component-scroll-container {
    height: inherit;
width: 100%
}

.agg-modal .ant-modal-content {
	min-width: 1300px;
}

span.ant-select-selection-placeholder,
textarea::placeholder,
input::placeholder {
  font: italic normal 300 14px/18px Work Sans;
}

.agg-input-wrapper.agg-input-wrapper:focus,
.ant-picker-focused, .date-time-picker:active,
.agg-textarea:not(.agg-textarea-disabled):active, 
.agg-textarea:not(.agg-textarea-disabled):focus,
.js-textField input.ant-input.agg-input:active, 
.js-textField input.ant-input.agg-input:focus, 
.agg-input-wrapper.ant-input-affix-wrapper.ant-input-affix-wrapper-focused,
.ant-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input), 
.ant-select.ant-select-open:not(.ant-select-disabled) {
	z-index: 2;
    box-shadow: 0 0 0 4px rgba(40, 183, 195, .48);
    border: 1px solid #1F828C;
}


.agg-input-wrapper.ant-input-affix-wrapper.ant-input-affix-wrapper-focused:hover,
.js-textField input.ant-input.agg-input:focus:hover,
.js-textField input.ant-input.agg-input:active:hover,
.ant-select.ant-select-focused.ant-select-open:not(.ant-select-disabled):hover {
	box-shadow: 0 0 0 4px rgba(120, 143, 165, .48);
	border-color: #161D26;
}

.ant-picker-panel-container {
    border: 1px solid #1F828C;
}

@media(max-width: 800px) {
    #app > .layout-grid.container-grid::-webkit-scrollbar {
        width: 0px;
    }
}


.ant-btn-primary {
    background-color: black;
    border: none;
}

.ant-btn-primary:hover {
    background-color: #ff8964;
}

.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    color: #fff;
    background: #000000;
}

.ant-select-item-option, .ant-select.ant-select.default .ant-select-item {
  height: 40px;
}

.ant-select.agg-select.ant-select-open .ant-select-selection-placeholder,
.ant-select-single.ant-select-open .ant-select-selection-item {
	color: #161D26;
}

.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-in-range:before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before {
    background: #e0e0e0;
}

.ant-select-dropdown {
    border: #161D26 1px solid;
}

.ant-select-item-option-selected.ant-select-item-option-selected {
    background-color: #28b7c33d;
}

.ant-select-item-option-content span {
    font: 14px/18px Work Sans;
}

.ant-select-item-option-selected span{
    font-weight: 600;
}

.ui-component.js-textField.input-default.input-medium.input-error input[data-valid="invalid"]:active,
.ui-component.js-textField.input-default.input-medium.input-error input[data-valid="invalid"]:focus {
    transition: all 0.2s ease 0s;
    box-shadow: rgba(227, 96, 96, 0.48) 0px 0px 0px 4px;
}

@media(max-width: 800px) {
	.layout-grid.container-grid {
		scrollbar-width: none;
	}
}

.agg-menu-item-icon img {
    width: 16px;
    height: 16px;
    filter: brightness(3.5)
}
.ant-menu-vertical .ant-menu-item {margin-top: 0; padding: 0 24px}
.ant-menu-vertical .ant-menu-item:not(:last-child) {margin-bottom: 0;}
.ant-menu-sub span.agg-menu-item-value {font: normal normal normal 16px/24px Montserrat; text-wrap: wrap;}
.ant-menu-submenu .ant-menu-item {display: flex; align-items: center;}

.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub {padding: 16px 0; border-radius: 4px; width: 240px}
.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub li.ant-menu-item:hover {background-color: #EDEDED;}
.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub li.ant-menu-item:hover .agg-menu-item-value,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu-item:hover {color: #161D26}
.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub li.ant-menu-item:hover .agg-menu-item-icon img {filter: brightness(0)}
li.ant-menu-item:last-child {height: auto; margin-bottom: 0}
.ant-menu-submenu-popup .ant-menu-item:last-child .agg-menu-item-value:before {content: ''; display: block; position: absolute; width: 122px; height: 1px; top: 50%; background-color: #E5E5E5}
.ant-menu-submenu-popup .ant-menu-item:last-child:hover .agg-menu-item-value:before {background-color: #C2C2C2}

.ant-menu-submenu-popup:before {
    z-index: 0;
    background-color: white;
    opacity: 1;
    clip-path: polygon(26px 8px, 32px 0, 38px 8px);
}

.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub {padding: 16px 0; border-radius: 4px; width: 240px}
.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub li.ant-menu-item:hover {background-color: #EDEDED;}
.ant-menu-submenu-popup .ant-menu-item.ant-menu-item-selected {background-color: unset}
.ant-menu-submenu-popup .ant-menu-item.ant-menu-item-selected .agg-menu-item-value {font-weight: bold; color: #161D26}
.ant-menu-submenu-popup .ant-menu-item.ant-menu-item-selected .agg-menu-item-icon img {filter: none}
.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub li.ant-menu-item:hover .agg-menu-item-value,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu-item:hover {color: #161D26}
.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub li.ant-menu-item:hover .agg-menu-item-icon img {filter: brightness(0)}
li.ant-menu-item:last-child {height: auto; margin-bottom: 0}
.ant-menu-sub .ant-menu-item:last-child .agg-menu-item-value:before {content: ''; display: block; position: absolute; width: 122px; height: 1px; top: 50%; background-color: #E5E5E5}
.ant-menu-sub .ant-menu-item:last-child:hover .agg-menu-item-value:before {background-color: #C2C2C2}

@media(max-width: 1000px) {
    .ant-menu-sub .agg-menu-item-icon {display: none !important}
    i.ant-menu-submenu-arrow {display: none}
}

.tooltip-content-wrapper {
    overflow: unset;
}



/*--------------------Solution Navigator Drop Downs-----------------------------*/
.solution-list div.ant-select-item-option-content {
    justify-content: space-between;
    min-width: 174px;

}

.dropdown-panel  .ant-select-dropdown.large .ant-select-item:first-child {
    margin-bottom: 9px!important;
}

.solution-list .ant-select-item:first-child {
    margin-bottom: 9px;
}

.solution-list .ant-select-item {
    padding-left: 12px!important;
}

.dropdown-panel  .ant-select-dropdown.large .ant-select-item:first-child:before {
    content: '';
    background-color: black;
    height: 1px;
    display: block;
}

.solution-list .ant-select-item:first-child:after {
    content: '';
    background-color: #E5E5E5;
    height: 1px;
    width: calc(100% - 15px);
    display: block;
    position: absolute;
    left: 8px;
    top: 110%;
}

.ant-select-dropdown.agg-select-dropdown.solution-list.large.ant-select-dropdown-placement-bottomLeft .ant-select-item {
    padding-left: 32px;
}

.solution-list .ant-select-item.ant-select-item-option.ant-select-item-option-selected .ant-select-item-option-content:after {
    width: 8px;
    height: 8px;
    background-color: #161D26;
    border-radius: 50%;
    content: '';
    position: absolute;
    right: 8px;
    margin-right: 0px;
}

.solution-list .ant-select-item-option-active.ant-select-item-option-active .ant-select-item-option-content:after {
    width: 4px;
    height: 4px;
    background-color: #161D26;
    border-radius: 50%;
    content: '';
    position: absolute;
    right: 8px;
    margin-right: 0px;
}


/*.solution-list div.ant-select-item.ant-select-item-option {
   margin-top: 6px;
   margin-bottom: 6px;

}
*/



.solution-list .ant-select-item-option-content span {
   text-align: left;
   font: normal normal normal 16px/20px Montserrat;
   letter-spacing: 0px;
   color: #161D26;
   opacity: 1;
}

.solution-list .ant-select-item-option-selected span{
   text-align: left;
   font: normal normal 600 16px/20px Montserrat;
   letter-spacing: 0px;
   color: #161D26;
   opacity: 1;
}

.solution-list span.ant-select-selection-item > span {
   text-align: left;
   font: normal normal 400 20px/24px Montserrat;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-shadow: 0px 0px 8px #161D263D;
   opacity: 1;
   text-overflow: ellipsis;
   overflow: hidden;
   padding-left: 4px;
}

/*--------------------Solution Navigator Input Placeholder-----------------------------*/

div#searchInput input::placeholder {
    text-align: left;
    font: normal normal 300 20px/24px Montserrat;
    letter-spacing: 0px;
    color: #161D26;
    opacity: 0.8
} 


#header.transparent div.grid-component.dockable {
    box-shadow: none !important;
}