sparnatural
Version:
Visual client-side SPARQL query builder and knowledge graph exploration tool
301 lines (278 loc) • 253 kB
CSS
.awesomplete [hidden] {
display: none;
}
.awesomplete .visually-hidden {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.awesomplete {
display: inline-block;
position: relative;
}
.awesomplete > input {
display: block;
}
.awesomplete > ul {
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
margin: 0;
background: #fff;
}
.awesomplete > ul:empty {
display: none;
}
.nice-select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: inline-block;
/*float: left;*/
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
-o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 1000; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }
/*!
* Datepicker v1.0.10
* https://fengyuanchen.github.io/datepicker
*
* Copyright 2014-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2020-09-29T14:46:09.037Z
*/.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}
/**
Note how the theme applies to Sparnatural as well as other technical classes with absolute positioning that
also needs to benefits from the variables.
**/
.Sparnatural,
.select2-container--default,
.tippy-box
{
/**
* Color of the criteria arrows (orange)
**/
--primary-color-main: rgb(250,136,3);
/**
* Color of the "unselect" buttons in criterias (dark orange)
**/
--primary-color-important: rgb(182, 97, 0) ;
/**
* Color of the bottom : folded variable selector, and of a selected value in a criteria (light orange)
**/
--primary-color-medium: rgb(255, 210, 157) ;
/**
* variable selector background & tooltip background (even lighter orange)
**/
--primary-color-light: rgb(255, 231, 203) ;
/**
* Color of the options arrow (optional / negation) (strong green)
**/
--secondary-color-main: rgb(107,215,171) ;
/**
* Color of the highlight of arrows
**/
--secondary-color-important: rgb(2,184,117) ;
/**
* Color of the options arrow when not selected (light green)
**/
--secondary-color-light: rgb(151,227,196) ;
/**
* Color of the service option enabled
**/
--ternary-color-main: rgb(3, 201, 250) ;
/**
* Color of the hover of autocomplete selection
**/
--ternary-color-light: rgb(184, 211, 224);
/**
* Color of variable d&d grip, disabled query button, disabled options
**/
--silver-color-main: rgb(167,167,167) ;
/**
*
**/
--silver-color-light: rgb(230, 230, 230) ;
/**
* Default text color
**/
--default-text-color: #666 ;
/**
* Red, Green and Blue components for the background color.
* An alpha is added to this color at each line (0.1, 0.2, 0.3, etc.)
**/
--bg-red: 29 ;
--bg-green: 224 ;
--bg-blue: 153 ;
}
.submitSection{height:41px;background:var(--secondary-color-main);position:relative;margin:0 auto;width:100%}.submitSection a{position:absolute;display:flex;top:14px;width:fit-content;right:30px;padding:10px;padding-left:12px;border-radius:5px;background:var(--secondary-color-important);box-shadow:0px 2px 3px 0px #cfcfcf;cursor:pointer;z-index:2}.submitSection a svg{display:block;max-width:34px;height:34px}.submitSection a svg path{fill:#fff;width:auto;height:auto}.submitSection a svg.playLoader{display:none;max-width:44px;height:44px}.submitSection a.submitDisable{background:var(--silver-color-light);cursor:default}.submitSection a.submitDisable svg path{fill:var(--silver-color-main)}.submitSection a.submitDisable.loadingEnabled{padding:4px}.submitSection a.submitDisable.loadingEnabled svg.playIcon{display:none}.submitSection a.submitDisable.loadingEnabled svg.playLoader{display:block}.submitSection a.submitDisable.loadingEnabled svg.playLoader path{fill:var(--secondary-color-important)}.builder-section{display:block;padding:0 30px}.builder-section .reset-wrapper{position:relative;height:0;max-width:100%;margin:0 auto}.builder-section .reset-wrapper>.reset-form{position:absolute;right:0;top:1px;width:54px;height:54px;margin-top:30px;margin-bottom:30px;border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:0px 2px 3px 0px #cfcfcf}.builder-section .reset-wrapper>.reset-form a{display:block;margin:5px;cursor:pointer}.variablesSelection{background:#ffe7cb;margin-bottom:22px;border-top:2px solid #8d8d8d;background:var(--primary-color-light);margin-bottom:22px;border-top:2px solid var(--silver-color-main)}.variablesSelection .flexWrap{display:flex;flex-direction:row;flex-wrap:nowrap}.variablesSelection .linesWrapper{height:0;overflow:hidden}.variablesSelection.displayed .linesWrapper{height:auto}.variablesSelection.displayed .VariableSelectorDisplay a{margin-top:-22px;transition:margin-top .7s ease}.variablesSelection .VariableSelectorDisplay{background:var(--primary-color-medium);height:41px;position:relative}.variablesSelection .VariableSelectorDisplay a{position:absolute;left:50%;display:block;height:44px;width:44px;margin:0 auto;margin-top:18px;margin-left:-22px;border-radius:22px;background:var(--primary-color-medium);line-height:1;padding:10px;transition:margin-top .7s ease;cursor:pointer}.variablesSelection .VariableSelectorDisplay a .arrow-icon{margin-top:4px;display:inline}.variablesSelection .line1,.variablesSelection .line2{display:flex;flex-direction:row;flex-wrap:wrap;width:calc(100% - 60px);margin:0 auto;border:1px solid #ddd;background:#fff;max-width:96%}.variablesSelection .line1>div.variablesOtherSelect,.variablesSelection .line2>div.variablesOtherSelect{display:block}.variablesSelection .line2{border-radius:0 0 5px 5px;border-bottom:0px solid rgba(0,0,0,0);min-height:61px;margin-bottom:41px}.variablesSelection .line2 .sortableItem{padding:10px;display:inline-block}.variablesSelection .line2 .sortableItem:first-child{min-width:150px}.variablesSelection .line2 .variablesOtherSelect>div:first-child{background:#d3d3d3;height:100%;display:block;float:left}.variablesSelection .line2 .variableSelected{position:relative;padding:3px 7px 3px 2px;border:1px solid gray;font-size:12px;color:var(--default-text-color);border-radius:5px;background:#fff;align-items:center;width:fit-content;min-width:110px}.variablesSelection .line2 .variableSelected .variable-handle{display:inline-block;padding:0 3px;height:24px;color:rgba(0,0,0,0);cursor:grab}.variablesSelection .line2 .variableSelected .variable-handle svg{width:15px;height:24px}.variablesSelection .line2 .variableSelected .variable-handle svg path{stroke:var(--silver-color-main);stroke-width:.264583}.variablesSelection .line2 .variableSelected input{line-height:30px;padding:1px;min-width:3ch;margin-left:5px;border:0px;text-align:center}.variablesSelection .line2 .variableSelected input:invalid{border:2px dashed red}.variablesSelection .line2 .variableSelected [contenteditable=true]:active,.variablesSelection .line2 .variableSelected [contenteditable=true]:focus{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;padding:0 5px;outline:none}.variablesSelection .line2 .variableSelectedAggr{padding-left:8px}.variablesSelection .line2 .variableSelectedAggr .variableAggr-handle{display:inline-block;padding:0 1px 0 8px;height:24px;color:rgba(0,0,0,0);border-left:1px solid var(--silver-color-main);cursor:pointer}.variablesSelection .line2 .variableSelectedAggr .variableAggr-handle svg{width:11px;height:24px}.variablesSelection .line2 .variableSelectedAggr .variableAggr-handle svg .st0{stroke:var(--default-text-color);stroke-width:1}.variablesSelection .line2 .aggrOptions{background-color:#fff;position:absolute;right:0;top:110%;width:100%;z-index:1000;border-radius:5px;border:1px solid gray}.variablesSelection .line2 .aggrOptions ul{list-style-type:none;margin:0;padding:0}.variablesSelection .line2 .aggrOptions ul li{padding:3px 8px;border-bottom:1px solid var(--silver-color-light)}.variablesSelection .line2 .aggrOptions ul li:first-child{border-radius:5px 5px 0 0}.variablesSelection .line2 .aggrOptions ul li:has(+li:hover),.variablesSelection .line2 .aggrOptions ul li:has(+li.selected){border-bottom:1px solid rgba(0,0,0,0)}.variablesSelection .line2 .aggrOptions ul li:hover,.variablesSelection .line2 .aggrOptions ul li.selected{cursor:pointer;color:#fff;background-color:var(--primary-color-main);margin-top:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid var(--primary-color-main);-webkit-background-clip:padding-box;background-clip:padding-box}.variablesSelection .line2 .aggrOptions ul li:hover:first-child,.variablesSelection .line2 .aggrOptions ul li.selected:first-child{border-top:1px solid gray}.variablesSelection .line2 .aggrOptions ul li.revealIf{background-color:var(--silver-color-light);color:var(--silver-color-main)}.variablesSelection .line2 .aggrOptions ul li.revealIf:hover{border-top:1px solid var(--silver-color-light);border-bottom:1px solid var(--silver-color-light)}.variablesSelection .line2 .aggrOptions ul li.revealIf.selected{color:#fff;background-color:var(--primary-color-main);margin-top:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid var(--primary-color-main);-webkit-background-clip:padding-box;background-clip:padding-box}.variablesSelection .line2 .aggrOptions.is-num ul li.revealIf.revealIf-num{background-color:#fff;color:var(--default-text-color);border-bottom:1px solid var(--silver-color-light)}.variablesSelection .line2 .aggrOptions.is-num ul li.revealIf.revealIf-num:hover,.variablesSelection .line2 .aggrOptions.is-num ul li.revealIf.revealIf-num.selected{color:#fff;background-color:var(--primary-color-main);margin-top:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid var(--primary-color-main);-webkit-background-clip:padding-box;background-clip:padding-box}.variablesSelection .line2 .aggrOptions.is-time ul li.revealIf.revealIf-time{background-color:#fff;color:var(--default-text-color);border-bottom:1px solid var(--silver-color-light)}.variablesSelection .line2 .aggrOptions.is-time ul li.revealIf.revealIf-time:hover,.variablesSelection .line2 .aggrOptions.is-time ul li.revealIf.revealIf-time.selected{color:#fff;background-color:var(--primary-color-main);margin-top:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid var(--primary-color-main);-webkit-background-clip:padding-box;background-clip:padding-box}.variablesSelection .line2 .aggrOptions.reducted ul li{display:none}.variablesSelection .line2 .aggrOptions.reducted ul li.selected,.variablesSelection .line2 .aggrOptions.reducted ul li.reducted-visible{display:list-item}.variablesSelection .line2 .aggrOptions .aggrOptionsExtend{border-radius:0 0 5px 5px}.variablesSelection .line2 .aggrOptions .aggrOptionsExtend span{padding:3px 8px;text-align:center}.variablesSelection .line2 .aggrOptions .aggrOptionsExtend:hover{cursor:pointer;color:#fff;padding-bottom:1px;background-color:var(--primary-color-main);margin-top:-1px;margin-bottom:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid gray}.variablesSelection .line2 .aggrOptions.extended .aggrOptionsExtend .reducted-action{display:none}.variablesSelection .line2 .aggrOptions.extended .aggrOptionsExtend .extended-action{display:block}.variablesSelection .line2 .aggrOptions.reducted .aggrOptionsExtend .reducted-action{display:block}.variablesSelection .line2 .aggrOptions.reducted .aggrOptionsExtend .extended-action{display:none}.variablesSelection .line2 .aggrBadgeValue{position:absolute;background-color:var(--primary-color-main);color:#fff;border-radius:5px;left:50%;top:0;transform:translate(-50%, -50%);padding:2px 4px;font-size:10px;line-height:14px;white-space:nowrap;overflow:hidden}.variablesSelection .line1{margin-top:41px;border-radius:5px 5px 0 0;justify-content:space-between;border-bottom:1px solid #a9a9a9;line-height:20px;-moz-box-shadow:0px 2px 3px 0px #cfcfcf;-webkit-box-shadow:0px 2px 3px 0px #cfcfcf;-o-box-shadow:0px 2px 3px 0px #cfcfcf;box-shadow:0px 2px 3px 0px #cfcfcf;color:var(--default-text-color)}.variablesSelection .line1 .variablesOrdersSelect{background:#d3d3d3;padding:0 10px;min-width:148px}.variablesSelection .line1 .variablesOrdersSelect strong{font-size:12px}.variablesSelection .line1 .variablesOrdersSelect a{cursor:pointer}.variablesSelection .line1 .variablesOrdersSelect a svg{width:20px;height:20px}.variablesSelection .line1 .variablesOrdersSelect a.selected{cursor:default}.variablesSelection .line1 .variablesOrdersSelect a.selected svg path{fill:var(--primary-color-main)}.variablesSelection .line1 .variablesOptionsSelect{display:flex;text-align:right;padding:5px 5px 5px 5px;font-size:14px;font-weight:bolder}.variablesSelection .line1 .variablesOptionsSelect p{border-top:10px;margin-bottom:auto;margin-right:10px}.variablesSelection .line1 a{display:inline-block;padding:5px;color:var(--default-text-color)}.variablesSelection .switch{position:relative;display:inline-block;width:50px;height:26px;margin-bottom:0}.variablesSelection .switch input{opacity:0;width:0;height:0}.variablesSelection .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.variablesSelection .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.variablesSelection input:checked+.slider{background-color:var(--primary-color-medium)}.variablesSelection input:focus+.slider{box-shadow:0 0 1px #ccc}.variablesSelection input:checked+.slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translateX(22px);background-color:var(--primary-color-main)}.variablesSelection .slider.round{border-radius:26px;border:1px solid #555}.variablesSelection .slider.round:before{border-radius:50%;border:1px solid #555}ul.componentsListe{padding:0;width:100%;margin:0 auto}ul.componentsListe ul li li.OnEdit>div>div>.ActionWhere.ShowOnEdit{display:none}ul.componentsListe li.groupe.optional-enabled .CriteriaGroup{border:3px dashed var(--primary-color-main)}ul.componentsListe li.groupe.optional-enabled ul.childsList .ActionAnd>.trait-and-bottom{border-left:3px dashed var(--primary-color-main)}ul.componentsListe li.groupe.optional-enabled ul.childsList .ActionAnd>a{border:2px dashed var(--primary-color-main)}ul.componentsListe li.groupe.optional-enabled ul.childsList>li.hasAnd>span{border-left:3px dashed var(--primary-color-main)}ul.componentsListe li.groupe.optional-enabled ul.childsList>li.hasAnd>span>span{border:2px dashed var(--primary-color-main)}ul.componentsListe li.groupe:first-child>.CriteriaGroup{width:calc(100% - 54px - 20px)}li.groupe{margin:0;padding-top:1px;padding-bottom:1px;display:block;clear:both}li.groupe>li.groupe{margin-left:75px}.CriteriaGroup{border:1px solid #ddd;display:flex;position:relative;border-radius:5px;background:#fff;margin-top:30px;margin-bottom:80px;padding:2px 0 2px 5px;clear:both;-moz-box-shadow:0px 2px 3px 0px #cfcfcf;-webkit-box-shadow:0px 2px 3px 0px #cfcfcf;-o-box-shadow:0px 2px 3px 0px #cfcfcf;box-shadow:0px 2px 3px 0px #cfcfcf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3)}.CriteriaGroup .flexWrap{display:flex;flex-direction:row;flex-wrap:nowrap}.CriteriaGroup .componentBackArrow svg{height:48px}.CriteriaGroup .componentBackArrow svg path{fill:rgba(0,0,0,0);stroke:rgba(0,0,0,0);stroke-width:2.5px}.CriteriaGroup .componentFrontArrow svg{height:48px}.CriteriaGroup .componentFrontArrow svg path{fill:rgba(0,0,0,0);stroke:var(--silver-color-light);stroke-width:3px}.CriteriaGroup .componentFrontArrow svg rect{fill:#fff}.CriteriaGroup.optionalEnabled{border:3px dashed var(--primary-color-main)}.CriteriaGroup.notExistsEnabled{border:3px dashed #000}.CriteriaGroup.serviceEnabled{border:3px dashed var(--ternary-color-main)}.CriteriaGroup span.unselect{display:block;position:absolute;top:15px;right:10px;width:22px;height:22px !important;padding:0 0;text-align:center;cursor:pointer;color:var(--primary-color-important);line-height:22px;font-size:18px;box-sizing:border-box;border-radius:11px;z-index:2}li.groupe.completed>.CriteriaGroup{margin-bottom:30px}.OptionsGroup{display:flex;flex-direction:row;flex-wrap:nowrap;min-width:fit-content;margin-left:-22px}.OptionsGroup .componentBackArrow svg{height:48px}.OptionsGroup .componentBackArrow svg path{fill:var(--secondary-color-main);stroke:#fff}.OptionsGroup.Disabled{display:flex}.OptionsGroup.Disabled .componentBackArrow svg{height:48px}.OptionsGroup.Disabled .componentBackArrow svg path{fill:var(--silver-color-main);stroke:#fff}.OptionsGroup.NoOptionEnabled{display:none !important}.OptionsGroup.NoOptionEnabled .componentBackArrow svg{height:48px}.OptionsGroup.NoOptionEnabled .componentBackArrow svg path{fill:var(--silver-color-light);stroke:#fff}.OptionsGroup .Optional,.OptionsGroup .NotExists{padding-right:13px;margin-left:-7px;position:relative;display:flex;zoom:1;margin-bottom:0;line-height:42px;color:#fff;margin-left:3px;padding-right:0;font-size:14px;margin-right:-20px;cursor:pointer}.OptionsGroup .Optional .componentBackArrow svg,.OptionsGroup .NotExists .componentBackArrow svg{height:48px}.OptionsGroup .Optional .componentBackArrow svg path,.OptionsGroup .NotExists .componentBackArrow svg path{fill:var(--secondary-color-light);stroke:#fff}.OptionsGroup .Optional .componentFrontArrow svg,.OptionsGroup .NotExists .componentFrontArrow svg{height:48px}.OptionsGroup .Optional .componentFrontArrow svg path,.OptionsGroup .NotExists .componentFrontArrow svg path{fill:var(--secondary-color-light);stroke:#fff}.OptionsGroup .Optional .componentFrontArrow svg rect,.OptionsGroup .NotExists .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.OptionsGroup .Optional span,.OptionsGroup .NotExists span{text-indent:13px;background:var(--secondary-color-light);border-top:3px solid #fff;border-bottom:3px solid #fff}.OptionsGroup .Optional input,.OptionsGroup .NotExists input{display:none}.OptionsGroup .Optional:hover .componentBackArrow svg,.OptionsGroup .Optional.Enabled .componentBackArrow svg,.OptionsGroup .NotExists:hover .componentBackArrow svg,.OptionsGroup .NotExists.Enabled .componentBackArrow svg{height:48px}.OptionsGroup .Optional:hover .componentBackArrow svg path,.OptionsGroup .Optional.Enabled .componentBackArrow svg path,.OptionsGroup .NotExists:hover .componentBackArrow svg path,.OptionsGroup .NotExists.Enabled .componentBackArrow svg path{fill:var(--secondary-color-important);stroke:#fff}.OptionsGroup .Optional:hover .componentFrontArrow svg,.OptionsGroup .Optional.Enabled .componentFrontArrow svg,.OptionsGroup .NotExists:hover .componentFrontArrow svg,.OptionsGroup .NotExists.Enabled .componentFrontArrow svg{height:48px}.OptionsGroup .Optional:hover .componentFrontArrow svg path,.OptionsGroup .Optional.Enabled .componentFrontArrow svg path,.OptionsGroup .NotExists:hover .componentFrontArrow svg path,.OptionsGroup .NotExists.Enabled .componentFrontArrow svg path{fill:var(--secondary-color-important);stroke:#fff}.OptionsGroup .Optional:hover .componentFrontArrow svg rect,.OptionsGroup .Optional.Enabled .componentFrontArrow svg rect,.OptionsGroup .NotExists:hover .componentFrontArrow svg rect,.OptionsGroup .NotExists.Enabled .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.OptionsGroup .Optional:hover span,.OptionsGroup .Optional.Enabled span,.OptionsGroup .NotExists:hover span,.OptionsGroup .NotExists.Enabled span{background:var(--secondary-color-important)}.ObjectPropertyGroup{margin-right:-15px;padding-left:10px}.ObjectPropertyGroup .nice-select{padding-left:1em}.ObjectPropertyGroup .current{font-style:italic}.ObjectPropertyGroup .temporary-label{line-height:46px;font-size:14px;height:42px;padding-left:20px;padding-right:25px;display:inline-block;color:var(--default-text-color)}.ObjectPropertyTypeId{display:flex}.StartClassGroup,.EndClassGroup{position:relative;margin-right:9px}.StartClassGroup.Highlited .componentFrontArrow,.ClassTypeId.Highlited .componentFrontArrow{margin-right:5px}.EndClassGroup{position:relative;min-width:auto;display:flex}.EndClassGroup .EditComponents{position:absolute;left:36px;top:51px;line-height:35px;z-index:101;height:54px;padding:0 0;width:auto;font-size:14px;z-index:1000}.EndClassGroup .EditComponents .edit-trait{position:absolute;top:50%;left:0;width:20px;border-top:3px solid var(--primary-color-main);display:inline-block}.EndClassGroup .EditComponents .edit-trait .edit-trait-top{position:absolute;bottom:3px;left:-2px;display:none;border-left:3px solid var(--primary-color-main);height:24px}.EndClassGroup .EditComponents .edit-num{position:absolute;top:-2px;left:-1px;transform:translate(-50%, -50%);border:3px solid var(--primary-color-main);border-radius:10px;width:20px;height:20px;text-align:center;line-height:14px;font-size:10px;background:#fff;font-style:italic}.ClassTypeId{display:flex}.ClassTypeId span.unselect{position:relative;top:-10px;right:29px}.ClassTypeId.Highlited .componentBackArrow svg{height:48px}.ClassTypeId.Highlited .componentBackArrow svg path{fill:var(--primary-color-main);stroke:#fff}.ClassTypeId.Highlited .componentFrontArrow svg{height:48px}.ClassTypeId.Highlited .componentFrontArrow svg path{fill:var(--primary-color-main);stroke:#fff}.ClassTypeId.Highlited .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.ClassTypeId.Highlited .nice-select{border-radius:unset;color:#fff;background-color:var(--primary-color-main);border-color:#fff}.ClassTypeId.Highlited.VariableSelected .componentFrontArrow svg{height:48px}.ClassTypeId.Highlited.VariableSelected .componentFrontArrow svg path{fill:var(--primary-color-main);stroke:var(--secondary-color-important)}.ClassTypeId.Highlited.VariableSelected .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.ClassTypeId.Highlited.VariableSelected .componentBackArrow svg{height:48px}.ClassTypeId.Highlited.VariableSelected .componentBackArrow svg path{fill:var(--primary-color-main);stroke:var(--secondary-color-important)}.ClassTypeId.Highlited.VariableSelected .nice-select{border-color:var(--secondary-color-important)}.ActionsGroup{position:absolute;display:block;top:100%;width:100%;height:46px;z-index:1}.ActionsGroup:hover .ActionAnd{display:block}.ActionsGroup>div{position:absolute}.ActionsGroup .ActionAnd{display:none;left:15px;left:36px;top:15px;line-height:46px;text-align:center}.ActionsGroup .ActionAnd .trait-and-bottom{position:absolute;top:-14px;left:-1px;border-left:3px solid var(--primary-color-main);margin-left:-1px;height:15px}.ActionsGroup .ActionAnd .trait-and-bottom:before{content:"";display:block;position:absolute;top:-10px;left:-6px;width:9px;height:9px;-moz-box-shadow:0px 6px 3px -3px #cfcfcf;-webkit-box-shadow:0px 6px 3px -3px #cfcfcf;-o-box-shadow:0px 6px 3px -3px #cfcfcf;box-shadow:0px 6px 3px -3px #cfcfcf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3)}.ActionsGroup .ActionAnd a{cursor:pointer;display:block;background:#fff;border:2px solid var(--primary-color-main);border-radius:15px;height:30px;line-height:20px;padding:2px 10px;transform:translate(-50%, 0)}.ActionsGroup .ActionAnd a:hover{color:var(--primary-color-main)}.ActionWhere{line-height:26px;position:absolute;display:flex;margin-top:-4px;border-left:3px solid rgba(0,0,0,0)}.ActionWhere div{margin-left:25px;width:max-content}.ActionWhere a{position:absolute;left:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--primary-color-main);border-radius:13px;height:23px;min-width:23px !important;fill:var(--primary-color-main) !important;font-weight:bold;margin-left:10px}.ActionWhere a svg{height:10px}span.unselect{cursor:pointer;position:absolute;top:12px;right:25px;border-radius:100%}span.unselect svg{fill:var(--primary-color-important);width:18px;background-color:#fff;border-radius:100%}.optionalArrow{height:48px;width:34px;margin-right:-20px;position:relative;cursor:pointer}.optionalArrow svg{stroke:var(--silver-color-light);stroke-width:3px;fill:var(--secondary-color-main);stroke-width:2.5px;position:absolute;z-index:1;left:-7px}.optionalArrow svg path{filter:url(#filter19278)}.optionalArrow.disabledbutton{pointer-events:none}.optionalArrow.disabledbutton svg{fill:gray;opacity:.4}#icon_reset{fill:none;stroke:#1d1d1b;stroke-linecap:round;stroke-linejoin:round}.StartClassGroup .selectViewVariableBtn{color:#fff;position:absolute;top:50%;right:20px;height:16px;margin-top:-8px;z-index:2;cursor:pointer}.StartClassGroup .selectViewVariableBtn.disabled{opacity:.5;cursor:default}.StartClassGroup .selectViewVariableBtn svg{width:100%;height:100%;vertical-align:top}.EndClassGroup .selectViewVariableBtn{color:#fff;position:absolute;top:50%;right:43px;height:16px;margin-top:-8px;z-index:2;cursor:pointer}.EndClassGroup .selectViewVariableBtn.disabled{opacity:.5;cursor:default}.EndClassGroup .selectViewVariableBtn svg{width:100%;height:100%;vertical-align:top}.button-add{border:3px solid var(--primary-color-main);border-radius:15px;background:#fff;padding:0 10px;line-height:25px;margin-left:5px}.button-add:hover{color:var(--primary-color-main);cursor:pointer}.circle-info{margin-left:5px}.AddWidgetValueBtn{display:flex;color:#000;font-size:20px;cursor:pointer;vertical-align:middle;max-width:220px;height:48px;margin-right:-13px;position:relative;padding:0}.AddWidgetValueBtn .componentBackArrow svg{height:48px}.AddWidgetValueBtn .componentBackArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.AddWidgetValueBtn .componentFrontArrow svg{height:48px}.AddWidgetValueBtn .componentFrontArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.AddWidgetValueBtn .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.AddWidgetValueBtn p{height:inherit;background:var(--primary-color-medium);padding:0 0 0 3px;border:3px solid #fff;border-left:0;border-right:0;width:0px;overflow:visible;position:relative;margin-top:0}.AddWidgetValueBtn p span{line-height:42px;color:var(--default-text-color)}.AddWidgetValueBtn span.label-two-line{line-height:24px;line-height:21px}div.edit span{display:inline-block}div.edit svg{fill:var(--primary-color-important);width:18px;background-color:#fff;border-radius:100%}.EndClassWidgetGroup{width:auto;padding:0 15px 0 0;margin-left:-43px;display:flex}.EndClassWidgetGroup span.unselect{top:-10px}.EndClassWidgetGroup div.edit{display:block;position:absolute;top:-10px;right:32px;width:22px;height:22px !important;padding:0 0;text-align:center;cursor:pointer;color:var(--primary-color-important);line-height:22px;font-size:18px;box-sizing:border-box;border-radius:11px;z-index:2}.EndClassWidgetValue{position:relative;display:flex;color:#000;font-size:14px;padding:0;max-width:220px;height:46px;margin-right:-13px}.EndClassWidgetValue .componentBackArrow svg{height:48px}.EndClassWidgetValue .componentBackArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.EndClassWidgetValue .componentFrontArrow svg{height:48px}.EndClassWidgetValue .componentFrontArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.EndClassWidgetValue .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.EndClassWidgetValue span.label-two-line{line-height:24px;line-height:21px}.EndClassWidgetValue p{line-height:48px;height:48px;background:var(--primary-color-medium);background-clip:padding-box;margin:0;padding:0 5px 0 5px;display:inline-block;overflow:hidden;border:3px solid #fff;border-left:0;border-right:0;text-align:center}.EndClassWidgetValue p>span{line-height:42px;display:inline-block;vertical-align:baseline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--default-text-color);width:100%}.nb-choice-2 .WidgetWrapper{border-left:3px solid var(--primary-color-main)}.nb-choice-2 .WidgetWrapper:before{display:none}.WidgetWrapper{position:relative;height:51px;padding-bottom:3px;padding-left:25px;padding-right:5px;line-height:48px;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;min-width:1px}.WidgetWrapper:before{content:"";display:block;position:absolute;top:0;left:-3px;width:3px;height:20px;background:var(--primary-color-main)}.WidgetWrapper:after{content:"";display:block;position:absolute;top:-10px;left:-6px;width:9px;height:9px;-moz-box-shadow:0px 6px 3px -3px #cfcfcf;-webkit-box-shadow:0px 6px 3px -3px #cfcfcf;-o-box-shadow:0px 6px 3px -3px #cfcfcf;box-shadow:0px 6px 3px -3px #cfcfcf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3)}.WidgetWrapper .underline{text-decoration:underline}.WidgetWrapper .boolean-value{text-decoration:underline;cursor:pointer}.WidgetWrapper .or{color:var(--primary-color-main);font-weight:600}.WidgetWrapper .selectAll .underline{cursor:pointer}.WidgetWrapper>a,.WidgetWrapper>div{position:absolute;left:100%;top:0}.WidgetWrapper>.list-widget>div,.WidgetWrapper>.list-widget>input,.WidgetWrapper>.search-widget>div,.WidgetWrapper>.search-widget>input,.WidgetWrapper>.timedatepicker-widget>div,.WidgetWrapper>.timedatepicker-widget>input{display:inline-block}.WidgetWrapper>.list-widget>input,.WidgetWrapper>.search-widget>input,.WidgetWrapper>.timedatepicker-widget>input{height:35px;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 12px}.WidgetWrapper>.list-widget>input.day,.WidgetWrapper>.search-widget>input.day,.WidgetWrapper>.timedatepicker-widget>input.day{width:105px}.WidgetWrapper>.list-widget>input.year,.WidgetWrapper>.search-widget>input.year,.WidgetWrapper>.timedatepicker-widget>input.year{width:60px}.WidgetWrapper>.date-widget>.easy-autocomplete{width:176px !important}.WidgetWrapper>.date-widget>.easy-autocomplete .easy-autocomplete-container ul li{position:relative;width:296px;padding-right:120px}.WidgetWrapper>.date-widget>.easy-autocomplete .easy-autocomplete-container ul li span{display:block;position:absolute;top:0;right:0;height:30px;width:60px;line-height:20px;text-align:left;padding:5px 12px;font-size:14px}.WidgetWrapper>.date-widget>.easy-autocomplete .easy-autocomplete-container ul li span.start{right:60px}.WidgetWrapper>.date-widget input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 10px}.WidgetWrapper>.search-widget>input{width:150px;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 12px}.WidgetWrapper>.number-widget>form{display:inline-block}.WidgetWrapper>.number-widget>form>input{height:35px;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 12px}.WidgetWrapper>.number-widget>div{display:inline-block}.WidgetWrapper .easy-autocomplete-container>ul>li{white-space:normal}.WidgetWrapper .SearchWidget,.WidgetWrapper .DatesWidget{max-width:600px;white-space:nowrap}.WidgetWrapper .SearchWidget>div,.WidgetWrapper .SearchWidget>input,.WidgetWrapper .DatesWidget>div,.WidgetWrapper .DatesWidget>input{display:inline-block}.WidgetWrapper .SearchWidget>input,.WidgetWrapper .DatesWidget>input{width:70px;height:48px;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 12px}.WidgetWrapper .SearchWidget .easy-autocomplete>input,.WidgetWrapper .DatesWidget .easy-autocomplete>input{width:100%}.WidgetWrapper .SearchWidget>input{width:200px}.WidgetWrapper .ListeWidget .nice-select{background:#fff;height:35px;line-height:29px;padding-right:26px}.WidgetWrapper .ListeWidget .nice-select .current{display:inline-block;height:29px;line-height:29px;vertical-align:bottom}.WidgetWrapper .ListeWidget .nice-select .current>span{vertical-align:bottom}.WidgetWrapper .ListeWidget .nice-select .list li.option{min-height:35px;line-height:35px}.WidgetWrapper .ListeWidget .nice-select:after{margin-top:-2px}.awesomplete>ul{border-radius:.3em;margin:.2em 0 0;background:rgba(255,255,255,.9);background:linear-gradient(to bottom right, white, hsla(0deg, 0%, 100%, 0.8));border:1px solid rgba(0,0,0,.3);box-shadow:.05em .2em .6em rgba(0,0,0,.2);text-shadow:none}@supports(transform: scale(0)){.awesomplete>ul{transition:.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);transform-origin:1.43em -0.43em}.awesomplete>ul[hidden],.awesomplete>ul:empty{opacity:0;transform:scale(0);display:block;transition-timing-function:ease}}.awesomplete>ul:before{content:"";position:absolute;top:-0.43em;left:1em;width:0;height:0;padding:.4em;background:#fff;border:inherit;border-right:0;border-bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.awesomplete>ul>li{position:relative;padding:.2em .5em;cursor:pointer}.awesomplete>ul>li:hover{background:var(--ternary-color-light);color:#000}.awesomplete>ul>li[aria-selected=true]{background:var(--ternary-color-light);color:#fff}.awesomplete mark{background:var(--primary-color-medium)}.awesomplete li:hover mark{background:var(--primary-color-main)}.awesomplete li[aria-selected=true] mark{background:#3d6b00;color:inherit}.awesomplete{line-height:normal}.awesomplete ul{background:#fff !important}.list-widget{width:100%;min-width:275px}.map-widget{display:flex}.map-widget .map-wrapper{z-index:3;height:480px;width:600px}.map-widget .leaflet-pm-toolbar .icon-map-validate{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6Ii8+PC9zdmc+)}.EndClassWidgetValue p>span span{display:inline-block;padding-left:5px}.tree-widget{height:100%}.tree-widget .treeBtnDisplay{position:absolute;left:100%;top:50%;transform:translate(0, -50%);border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:0px 2px 3px 0px #cfcfcf;padding:5px;line-height:1;z-index:1;cursor:pointer}.tree-widget .treeBtnDisplay img{height:26px}.tree-widget .treeLayer{display:none;position:absolute;top:50%;margin-top:-19px;left:95%;border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:0px 2px 3px 0px #cfcfcf;z-index:2}.tree-widget .treeLayer .treeClose{position:absolute;top:5px;right:5px;width:22px;height:22px;vertical-align:top;line-height:22px;cursor:pointer}.tree-widget .treeLayer .treeClose i{text-align:center;color:var(--primary-color-important);background:#fff !important;font-size:18px}.tree-widget .treeLayer .treeNotice{padding:5px;display:none;line-height:20px}.tree-widget .treeLayer .treeDisplay{overflow:auto;max-height:500px;min-width:275px;padding:25px 10px 5px}.tree-widget .treeLayer .treeDisplay.jstree-default .jstree-disabled{opacity:.5}.tree-widget .treeLayer .treeDisplay.jstree-default .jstree-checkbox-disabled{opacity:.5}.tree-widget .treeLayer .treeActions{border-top:2px solid #ddd;padding:5px 10px;text-align:right}.tree-widget .treeLayer .treeActions a{border-radius:5px;color:#fff;display:inline-block;margin-left:10px;padding:15px 5px;line-height:1;cursor:pointer}.tree-widget .treeLayer .treeActions a.treeCancel{background:#ee8d67}.tree-widget .treeLayer .treeActions a.treeSubmit{background:#84c99e}.loadingspinner{position:absolute;z-index:1;top:.6em;left:100%;line-height:32px;border-radius:0 0 4px 4px;padding:0 5px;margin-left:7px;font-style:italic;font-size:.9em}.loadingspinner.show{display:block}.loadingspinner .load{display:none;width:32px;height:32px}.loadingspinner .load svg{vertical-align:top}.loadingspinner .load svg path{fill:var(--primary-color-main)}.loadingspinner .load.show{display:inline-block}.link-and-bottom{position:absolute;background-color:var(--primary-color-main);height:3px;z-index:0}.link-and-bottom span{transform:rotate(-90deg);display:block;background:#fff;position:relative;left:8px;top:-12px;border:2px solid var(--primary-color-main);border-radius:15px;height:30px;line-height:20px;padding:2px 10px;width:fit-content}.link-and-bottom.optionalEnabled{height:3px;position:absolute;background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8px, var(--primary-color-main) 8px, var(--primary-color-main) 16px);display:block}.link-and-bottom.optionalEnabled span{border:2px dashed var(--primary-color-main)}.link-and-bottom.notExistsEnabled{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8px, #000 8px, #000 16px)}.link-and-bottom.notExistsEnabled span{border:3px dashed #000;border-radius:15px}.link-and-bottom.serviceEnabled{height:3px;position:absolute;background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8px, var(--ternary-color-main) 8px, var(--ternary-color-main) 16px);display:block}.link-and-bottom.serviceEnabled span{border:2px dashed var(--ternary-color-main)}.link-where-bottom .upper-vertical,.link-where-bottom .horizontal,.link-where-bottom .lower-vertical{height:3px;position:absolute;background-color:var(--primary-color-main);display:block;z-index:0}.link-where-bottom .horizontal{z-index:1}.link-where-bottom .horizontal span{position:relative;top:-10px;background:#fff;border:2px solid var(--primary-color-main);border-radius:15px;height:30px;line-height:20px;padding:2px 10px;width:fit-content}.link-where-bottom.optionalEnabled .upper-vertical,.link-where-bottom.optionalEnabled .horizontal,.link-where-bottom.optionalEnabled .lower-vertical{height:3px;position:absolute;background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8px, var(--primary-color-main) 8px, var(--primary-color-main) 16px);display:block}.link-where-bottom.optionalEnabled span{border:2px dashed var(--primary-color-main)}.link-where-bottom.notExistsEnabled .upper-vertical,.link-where-bottom.notExistsEnabled .horizontal,.link-where-bottom.notExistsEnabled .lower-vertical{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8px, #000 8px, #000 16px)}.link-where-bottom.notExistsEnabled span{border:3px dashed #000;border-radius:15px}.link-where-bottom.serviceEnabled .upper-vertical,.link-where-bottom.serviceEnabled .horizontal,.link-where-bottom.serviceEnabled .lower-vertical{height:3px;position:absolute;background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8px, var(--ternary-color-main) 8px, var(--ternary-color-main) 16px);display:block}.link-where-bottom.serviceEnabled span{border:2px dashed var(--ternary-color-main)}.nice-select.disabled:after{display:none}.nice-select .current{display:inline-block;height:42px;line-height:42px;vertical-align:bottom}.nice-select .current span{display:inline-block;vertical-align:bottom;min-width:20px}.nice-select .current .selectIcon{float:left;width:26px;text-align:center;margin-left:5px}.nice-select .current .variableName{display:none}.nice-select{height:48px;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);padding-left:10px;padding-right:26px;border-width:0;border-top-width:3px;border-bottom-width:3px;border-top:3px solid #fff;border-bottom:3px solid #fff}.nice-select.open,.nice-select:active,.nice-select:focus,.nice-select:hover{border-color:#fff}.nice-select ul.list li{border-bottom:solid 1px #e8e8e8}.nice-select ul.list li img{height:40px}.nice-select ul.list li img.highlited{display:none}.nice-select ul.list li.selected,.nice-select ul.list li.focus,.nice-select ul.list li:hover{background-color:var(--primary-color-main);color:#fff}.nice-select ul.list li.selected img,.nice-select ul.list li.focus img,.nice-select ul.list li:hover img{display:none}.nice-select ul.list li.selected img.highlited,.nice-select ul.list li.focus img.highlited,.nice-select ul.list li:hover img.highlited{display:inline}.nice-select ul.list{background:#fff;top:0;margin-top:0;max-height:450px;overflow-y:auto}.nice-select ul.list:hover .option:not(:hover){color:#000}.nice-select ul.list:hover .option:not(:hover) img{display:inline}.nice-select ul.list:hover .option:not(:hover) img.highlited{display:none}.nice-select .current img{height:40px}.nice-select .current img.highlited{display:none}.nice-select:after{margin-top:0}.nice-select.disabled{color:var(--default-text-color);border-color:rgba(0,0,0,0);border-radius:0}.StartClassGroup .ClassTypeId .nice-select{border-left:3px solid #fff}.StartClassGroup .ClassTypeId.Highlited .nice-select{border-top-left-radius:6px;border-bottom-left-radius:6px}spar-natural section{padding-top:30px}spar-natural .Sparnatural{width:100%}spar-natural .Sparnatural .easy-autocomplete input{height:35px;box-sizing:border-box}spar-natural .Sparnatural .easy-autocomplete-container{z-index:999}spar-natural .Sparnatural .easy-autocomplete-container ul{line-height:20px;background:#fff}spar-natural .Sparnatural .easy-autocomplete-container ul li{padding:5px}spar-natural .Sparnatural .easy-autocomplete-container ul li.selected{background:var(--primary-color-main)}spar-natural .Sparnatural *,spar-natural .Sparnatural ::after,spar-natural .Sparnatural ::before{box-sizing:border-box}body .select2-container--default{font-size:14px;line-height:1.2}body .select2-container--default .select2-results__option--highlighted.select2-results__option--highlighted{background-color:var(--primary-color-main)}.tippy-box[data-theme~=sparnatural]{background-color:var(--primary-color-light);color:#000;border-radius:5px;border:1px dashed var(--primary-color-main);padding:2px;font-size:.75em}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selectio