@deviceinsight/ng-ui-components 7.1.0 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1 +1,2378 @@
1
- @charset "UTF-8";.di.upload,.di.upload *{transition:all .1s ease}.di.upload{margin:0;padding:0;width:100%;height:100%;min-height:80px;font-size:16px;border:1px dashed #888;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none}.di.upload{display:flex;flex-direction:column;align-items:center}.di.upload:hover{border-color:#666;background:#f9f9f9}.di.upload:active{background:#eee}.di.upload>div{width:100%;height:100%}.di.upload.clickable{cursor:pointer}.di.upload.hasContent{border:1px solid var(--primary-color, #1a8ed3)}.di.upload .drag-drop-hint{margin:0;padding:0}.di.upload .drag-drop-hint:before,.di.upload .drag-drop-hover-hint:before{content:"";width:32px;height:32px;margin:-9px 0 0 -42px;background:url("data:image/svg+xml,%3csvg%20id='upload_cloud_32'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3e%3cpath%20id='wolke'%20d='M25.08,12.31A9.54,9.54,0,0,0,7.26,9.76,7.64,7.64,0,0,0,8.08,25H24.63a6.35,6.35,0,0,0,.45-12.69Z'/%3e%3cg%20id='Pfeil'%3e%3cpolyline%20points='10%2020%2016%2014%2022%2020'%20style='fill:%20none;stroke:%20%23fff;stroke-linecap:%20round;stroke-miterlimit:%2010;stroke-width:%202px'/%3e%3crect%20x='14'%20y='15'%20width='4'%20height='11'%20style='fill:%20%23fff'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;position:absolute;opacity:.5;background-size:16px 16px}.di.upload .reject .drag-drop-hint,.di.upload .accept .drag-drop-hint,.di.upload .reject .drag-drop-hover-hint,.di.upload .accept .drag-drop-hover-hint{display:none}.di.upload .drag-drop-hover-hint{margin:0;padding:0;display:none}.di.upload .drag-drop-text-container{width:100%;height:100%;min-height:80px;margin:0;padding:0 0 0 40px;display:flex;justify-content:center;align-items:center;border:none}.di.upload .drag-drop-text-container:hover .drag-drop-hint{display:none}.di.upload .drag-drop-text-container:hover>.drag-drop-hover-hint{display:block}.di.upload .drag-drop-accept{margin:0;padding:0;color:#1a8ed3;display:none}.di.upload .accept .drag-drop-accept{display:block}.di.upload .drag-drop-reject{margin:0;padding:0;display:none}.di.upload .reject .drag-drop-reject{display:block}.di.upload.preview-container{display:flex;width:100%;height:100%}.di.upload .preview{flex:1;background-size:contain;background-repeat:no-repeat;background-position:center center;overflow:hidden;display:flex}.di.upload .preview .action-button{border:none;background:none;border-radius:0;margin:0;padding:0;flex-grow:1;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;transition:all,.2s ease;background-color:#0000;color:transparent}.di.upload .preview .action-button:hover{color:#fff;background-color:#0006}.di.slider .rc-slider-with-marks{margin-bottom:25px}.di.slider .disabled-area-element{position:absolute;right:0;top:0;height:100%;background:repeating-linear-gradient(-45deg,#f9f9f9 13px 18px,#d4d4d4 0px 20px)}.di.slider .rc-slider-track{background-color:var(--primary-color, #1a8ed3)}.di.slider .rc-slider-handle,.di.slider .rc-slider-dot-active{border-color:var(--primary-color, #1a8ed3)}.di.slider .rc-slider-handle:active{box-shadow:0 0 5px var(--primary-color, #1a8ed3)}.rc-tooltip{background-color:#6c6c6c;border-radius:6px;box-shadow:#d9d9d9 0 0 4px;color:#fff;line-height:1;padding:5px 2px;opacity:1;min-width:24px;text-align:center}.rc-tooltip .rc-tooltip-arrow{border-top-color:#6c6c6c;transform:translateY(100%)}.di.color-picker{margin:-5px -10px;padding:0}.di.color-picker .color{width:20%;padding:15px;float:left;position:relative;transition:transform .1s ease;cursor:pointer}.di.color-picker .color:hover{transform:scale(1.2);z-index:1;box-shadow:0 2px 1px #0003}.di.color-picker .color:active{box-shadow:0 0 0 2px #fff inset}.di.color-picker .color.selected{box-shadow:0 0 0 2px #fff inset,0 4px 4px 4px #0003;z-index:1}.di.gradient-color-picker .inputs{display:flex;justify-content:space-between;margin-top:10px}.di.route-link{color:#666}.di.route-link:hover{color:#000}.di.route-link .icon{background-color:transparent;display:block;cursor:pointer;opacity:.65;background-repeat:no-repeat;background-position:50%;position:relative}.di.route-link .icon:hover{background-color:#00000012;opacity:1;border-radius:3px;text-decoration:none;cursor:pointer}.di.route-link .icon:active{background-color:#0000001a;opacity:1}.di.pagination{text-shadow:0 1px 0 #fff;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.di.pagination .next,.di.pagination .prev{width:32px;height:32px;display:inline-block;font-size:24px;font-weight:700;color:#333;position:relative;line-height:28px}.di.pagination .next:hover,.di.pagination .prev:hover{cursor:pointer;background:#00000012;color:#444}.di.pagination .next:active,.di.pagination .prev:active{background:#0000001a}.di.pagination .next,.di.pagination .prev,.di.pagination .info{padding:0 10px;vertical-align:middle;border-radius:3px}.di.pagination .info input{width:45px;height:32px;margin:0 5px;text-align:center;padding:4px 0;font-size:12px;border:1px solid #ccc;border-radius:2px;background:transparent}.di.pagination .info input:hover{border:1px solid #b5b5b5}.di.pagination .info input:focus{border:1px solid #333}.di.pagination .options{margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #eee}.di.reactable{width:100%;margin:0 0 5px;background:none;border-collapse:collapse}.di.reactable [class*="right aligned"],.di.reactable[class*="right aligned"]{text-align:right}.di.reactable a{text-decoration:underline;vertical-align:middle}.di.reactable input[type=text],.di.reactable select{width:100%;max-width:380px}.di.reactable th{height:40px;background:none;padding:0 20px 0 0;-webkit-user-select:none;user-select:none;-moz-user-select:none;white-space:nowrap;border-top:1px solid transparent;text-align:left;position:relative}.di.reactable td{height:38px;padding:0 15px 0 0;white-space:nowrap}.di.reactable tr{border-top:1px solid #ddd}.di.reactable tr td:first-child{font-weight:700}.di.reactable tr.transitive td,.di.reactable tr.transitive td a{color:#999}.di.reactable .filterrow td{padding:5px 2.5px}.di.reactable.striped tr:nth-child(odd){background:#f9f9f9}.di.reactable.striped thead+tbody tr:nth-child(2n){background:#f0f0f0}.di.reactable.striped thead+tbody tr:nth-child(odd){background:#fff}.di.reactable.striped td{border-bottom:1px solid #fff}.di.reactable.hoverable tbody tr:hover{background-color:#0000000d}.di.reactable.hoverable tbody tr.filterrow:hover{background:none}.di.reactable.selectable tbody tr:hover{background-color:#0000000d;cursor:pointer}.di.reactable.selectable tbody tr:active{background-color:#0000001a}.di.reactable.selectable tbody tr.filterrow:hover{background-color:transparent}.di.reactable.scroll-x{overflow-x:auto;margin-bottom:10px;padding-bottom:10px}.di.reactable.sortable th{cursor:default}.di.reactable.sortable th:hover{text-decoration:none}.di.reactable.sortable th.sortable:hover{cursor:pointer}.di.reactable.sortable th.sortable:hover:after{content:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20id='triangle_up'%20data-name='triangle%20up'%20points='7.5%203%204%207%2011%207%207.5%203'/%3e%3cpolygon%20id='triangle_down'%20data-name='triangle%20down'%20points='7.5%2013%204%209%2011%209%207.5%2013'/%3e%3c/svg%3e");position:absolute;padding:0;margin-left:1px;filter:opacity(.3);width:16px;height:16px}.di.reactable.sortable th.sortable.sortAsc:after{content:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%206%204%2010%2011%2010%207.5%206'/%3e%3c/svg%3e");position:absolute;padding:0;margin-left:2px;width:16px;height:16px;filter:none}.di.reactable.sortable th.sortable.sortDes:after{content:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e");position:absolute;padding:0;margin-left:2px;width:16px;height:16px;filter:none}.di.color-picker{width:220px;height:200px}.di.color-picker.grid-color-picker{max-width:250px;height:auto}.di.color-picker .colorpicker{position:relative;height:100%;width:100%;background-color:#fff}.di.color-picker .hue-slider{position:absolute;top:1em;bottom:1em;right:1.3em}.di.color-picker .hue-slider .track{background:linear-gradient(to bottom,red,#f09,#cd00ff,#3200ff,#06f,#00fffd,#0f6,#35ff00,#cdff00,#f90,red)}.di.color-picker .map{position:absolute;inset:1em 2em 1em 1em;overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:.25em}.di.color-picker .map.active{cursor:none}.di.color-picker .map.dark .pointer{border-color:#fff}.di.color-picker .map.light .pointer{border-color:#000}.di.color-picker .map .pointer{position:absolute;width:10px;height:10px;margin-left:-5px;margin-bottom:-5px;border-radius:100%;border:1px solid #000;will-change:left,bottom}.di.color-picker .map .background{top:0;left:0;position:absolute;height:100%;width:100%}.di.color-picker .map .background:before,.di.color-picker .map .background:after{display:block;content:"";position:absolute;inset:0}.di.color-picker .map .background:after{background:linear-gradient(to bottom,transparent 0%,black 100%)}.di.color-picker .map .background:before{background:linear-gradient(to right,#fff,#fff0)}.di.color-picker .slider{position:absolute;-webkit-user-select:none;user-select:none}.di.color-picker .slider.vertical{top:0;bottom:0;left:50%;width:10px;cursor:ns-resize}.di.color-picker .slider.vertical .track{position:absolute;top:0;bottom:0;left:50%;width:8px;margin-left:-4px}.di.color-picker .slider.horizontal{left:0;right:0;top:50%;height:10px;cursor:ew-resize}.di.color-picker .slider.horizontal .track{position:absolute;left:0;right:0;top:50%;height:8px;margin-top:-4px}.di.color-picker .slider .track{border-radius:3px}.di.color-picker .slider .pointer{position:absolute;bottom:50%;left:50%;width:16px;height:16px;margin-left:-8px;margin-bottom:-8px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #ccc,0 1px 2px #ccc;will-change:left,bottom}.di.color-picker .opacity-slider{position:absolute;bottom:1.3em;left:1em;right:2em}.di.color-picker .opacity-slider .slider{background:#fff url(data:image/gif;base64,R0lGODdhEAAQAPEAAMvLy8zMzP///wAAACwAAAAAEAAQAEACHYxvosstCAEMrq6Jj812Y59NIDQipdY5XLWqH4sVADs=) repeat;background-size:8px 8px;height:8px}.di.color-picker .opacity-slider .slider .track{height:8px;margin-top:-4px;background:linear-gradient(to right,#fff0,#fff)}.di.color-picker .with-opacity-slider .map,.di.color-picker .with-opacity-slider .hue-slider{bottom:2em}.di.color-picker.with-textfield{padding-bottom:30px}.di.color-picker-popper{position:relative;z-index:unset!important;width:40px;height:40px}.di.color-picker-popper .trigger{border:1px solid #ccc;box-shadow:0 0 0 2px #fff inset;width:100%;height:100%;cursor:pointer}.di.color-picker-popper .color-picker-box{width:220px}.di.monthpicker{width:auto}.di.monthpicker .pager{height:35px;line-height:35px;margin:10px 0 0;text-align:center}.di.monthpicker .pager *{vertical-align:middle}.di.monthpicker .pager .page-nav{height:35px;display:inline-block;border-radius:3px}.di.monthpicker .pager .page-nav.prev{width:40px;background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%208%209.94%201.65%2011.35%203.06%206.41%208%2011.35%2012.94%209.94%2014.35%203.59%208'/%3e%3cpath%20d='M9.94,2.35l.71.71L6.41,7.29,5.71,8l.7.71,4.24,4.23-.71.71L4.29,8,9.94,2.35m0-1.41L2.88,8l7.06,7.06,2.12-2.12L7.12,8l4.94-4.94L9.94.94Z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;cursor:pointer;background-size:16px 16px}.di.monthpicker .pager .page-nav.next{width:40px;background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%2012.94%208.53%208%203.59%203.06%205%201.65%2011.35%208%205%2014.35%203.59%2012.94'/%3e%3cpath%20d='M5,2.35,10.65,8,5,13.65l-.71-.71L8.53,8.71,9.23,8l-.7-.71L4.29,3.06,5,2.35M5,.94,2.88,3.06,7.82,8,2.88,12.94,5,15.06,12.06,8,5,.94Z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;cursor:pointer;background-size:16px 16px}.di.monthpicker .pager .page-nav.info{width:75px;font-size:14px;font-weight:700}.di.monthpicker .pager .page-nav.prev:hover,.di.monthpicker .pager .page-nav.next:hover{background-color:#00000012}.di.monthpicker .pager .page-nav.prev:active,.di.monthpicker .pager .page-nav.next:active{background-color:#0000001a}.di.monthpicker .months{margin-top:20px}.di.monthpicker .months td{padding:10px 15px;border-radius:3px}.di.monthpicker .months td:hover{background-color:#00000012;cursor:pointer;transition-duration:0s}.di.monthpicker .months td:active{background-color:#0000001a}.di.monthpicker .months td.selected{background-color:#333;color:#fff;font-weight:700}.di.date-time-input{display:flex}.di.date-time-input input{height:32px;color:#333}.di.date-input-wrapper{position:relative;display:inline-block}.di.date-input-wrapper .date.invalid{border-color:red;border-width:1px}.di.date-input-wrapper .date.invalid:focus,.di.date-input-wrapper .date.invalid:hover{border-color:red}.di.date-input-wrapper .di.button{position:absolute;right:0;top:0;height:100%;padding:0 5px}.di.date-time-input input{padding:3px;font-size:16px;border:1px solid transparent;text-align:center}.di.date-time-input input.date{width:105px!important;font-weight:700}.di.date-time-input input.date::placeholder{font-size:15px;text-overflow:clip}.di.date-time-input input.time{width:55px!important}.di.date-time-input input:hover{border:1px solid #b5b5b5}.di.date-time-input input:focus{border:1px solid #333}.di.date-time-input.with-warning{border:1px solid red}.di.period-picker{white-space:nowrap}.di.period-picker div:not([class]){display:inline-block;position:relative}.di.period-picker,.di.period-picker .inputs{margin-right:5px;display:flex;align-items:center}.di.period-picker input{padding:3px;font-size:16px;border:1px solid transparent;text-align:center}.di.period-picker input.date{width:105px!important;font-weight:700}.di.period-picker input.date::placeholder{font-size:15px;text-overflow:clip}.di.period-picker input.time{width:55px!important}.di.period-picker input:hover{border:1px solid #b5b5b5}.di.period-picker input:focus{border:1px solid #333}.di.period-picker .date-time-input{border:1px solid transparent;transition:border 1s ease-out}.di.period-picker.centered{display:flex;justify-content:center}.di.svg-image .anchor:hover,.di.svg-image .anchor:hover *{stroke:#0ff!important;stroke-width:2px!important;cursor:pointer}.treeview .node-info{display:flex;justify-content:flex-start;align-items:center;margin:1px 0}.treeview .node-info:hover{background-color:#eee}.treeview .node-info .description{display:flex;align-items:center}.treeview .node-info>input{margin:0 5px;position:static}.treeview .node-info>.icon{height:24px;width:24px;cursor:pointer;margin:0 2px}.treeview .node-info .name{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;height:30px;display:flex;align-items:center}.treeview .icon-container{display:flex;justify-content:center;align-items:center;width:24px;height:24px;margin:0 2px}.treeview>.node{margin-left:0!important}.treeview>.node>.node{margin-left:14px}.treeview .node{margin-left:28px}.treeview .node-info .skeleton{width:14px;height:30px;display:flex;flex-wrap:wrap}.treeview .node-info .skeleton .skeleton-cell{height:50%;width:100%}.treeview .node-info .skeleton .skeleton-cell.top{border-left:1px dashed grey;border-bottom:1px dashed grey}.treeview .node-info .skeleton .skeleton-cell.bottom{border-left:1px dashed grey}.di.svg-image .anchor:hover,.di.svg-image .anchor:hover *{cursor:pointer;stroke-width:2px!important}.di.svg-image .di.hover:hover,.di.svg-image .di.hover:hover *{fill:#0ff!important}.infobox{display:flex;flex-direction:column;box-shadow:0 2px 2px -1px #aaa}.infobox-header{display:flex;justify-content:space-between;width:100%}.infobox-header-content{display:flex;padding:15px;flex:1}.infobox-message{line-height:1.5;word-break:break-word;padding-right:30px}.infobox-iconcontainer+.infobox-message{padding-left:10px;padding-top:3px}.infobox-closebutton{flex-basis:50px;cursor:pointer;padding:0;background-color:transparent}.infobox-closebutton:hover{background-color:#0000001a}.di.multimenu{margin:-10px}.di.multimenu .drop{z-index:1}.di.multimenu .drop .item{padding:0;white-space:nowrap;border-bottom:1px solid #ddd;text-align:left;cursor:pointer;position:relative;z-index:1;display:flex;align-items:center}.di.multimenu .drop .item:last-child{border:none}.di.multimenu .drop .item:hover{background:#00000012}.di.multimenu .drop .item:active{background:#0000001a}.di.multimenu .drop .item-text{height:35px;padding:10px 20px;display:flex;align-items:center}.di.multimenu .drop .item-icon{width:16px;height:16px;margin:0 -8px 0 20px}.di.multimenu .drop .item-more{width:35px;height:35px;margin-left:auto;background-color:#fff;display:inline-block}.di.multimenu .drop .item-more.icon.triangle{background:#fff url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='10%208.04%206%204%206%2012.08%2010%208.04'/%3e%3c/svg%3e") no-repeat center;border-left:1px solid #ddd}.di.multimenu .drop .item-more.icon.triangle:hover{background-color:#00000012}.di.multimenu .drop .item-more.icon.triangle:active{background-color:#0000001a}.di.multimenu .drop .item-more.icon.dots{background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='12.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='8.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='4.5'%20cy='7.5'%20r='1.5'/%3e%3c/svg%3e") no-repeat center;background-size:16px 16px}.di.multimenu .drop .item-more .item-more-submenu{display:none;box-shadow:0 1px 3px #0003;border:1px solid rgba(0,0,0,.2)}.di.multimenu .drop .item-more .item-more-submenu{position:absolute;top:0;left:100%;background:#fff}.di.multimenu .drop .item-more .item-more-submenu .subitem{padding:10px 20px;border-bottom:1px solid #ddd}.di.multimenu .drop .item-more .item-more-submenu .subitem:last-child{border-bottom:none}.di.multimenu .drop .item-more .item-more-submenu .subitem:hover{background:#00000012}.di.multimenu .drop .item-more .item-more-submenu .subitem:active{background:#0000001a}.di.multimenu .drop .item-more:hover .item-more-submenu{display:block}.di.multimenu .drop .left-box{width:1px;height:calc(100% + 2px);position:absolute;right:0%;top:-1px;border:1px solid;background:#fff;z-index:1;overflow:hidden;opacity:0}.di.multimenu .drop .left-box{box-shadow:0 1px 3px #0003;border:1px solid rgba(0,0,0,.2);border-radius:3px 0 0 3px}.di.multimenu .drop .left-box.show{right:100%;width:230px;opacity:1}.di.multimenu .drop .right-box{position:relative;z-index:2;border-radius:0 3px 3px 0}.di.multimenu a{text-decoration:none}.di.modal.scroll-horizontally-advice{padding-top:40vh}.di.modal.scroll-horizontally-advice .modal-content .scroll-horizontally-advice-buttons{text-align:right;margin-top:24px}.di.button *{vertical-align:middle}.di.button{height:32px;font-size:11px;font-weight:700;padding:0 15px;margin:0 4px 0 0;display:inline-block;color:#333;background-color:#fff;border-radius:3px;cursor:pointer;border:1px solid #ddd;border-bottom:1px solid #aaa}.di.button img{opacity:.8;margin:0}.di.button img+span{margin:0 0 0 8px}.di.button:hover{background-color:#00000012}.di.button:active,.di.button.active{background-color:#0000001a}.di.button.active{border:1px solid #333}.di.button.small{height:24px;margin:0 1px;padding:0 10px}.di.button.link{display:inline-block;border:none;background-color:transparent;box-shadow:none;cursor:pointer}.di.button.link:hover{text-decoration:none;background-color:#00000012;border-radius:3px}.di.button.link:active{background-color:#0000001a}.di.button.primary{background-color:var(--primary-color, #1a8ed3);border:none;color:#fff;border:1px solid var(--primary-color, #1a8ed3);border-bottom:1px solid var(--primary-color-darker, #1575ad)}.di.button.primary:hover,.di.button.primary:focus,.di.button.primary:active{background-color:var(--primary-color-darker, #1575ad);color:#fff}.di.button.danger{background-color:#ff494f;border:none;color:#fff;border:1px solid #FF494F;border-bottom:1px solid #E1494F}.di.button.danger:hover,.di.button.danger:focus,.di.button.danger:active{background-color:#e1494f;color:#fff}.di.button:disabled,.di.button.disabled{opacity:.35;cursor:default;pointer-events:none;filter:grayscale(100%)}.di.button::-moz-focus-inner{border:0;padding:0}.di.button-row{margin:30px 0 40px;display:flex}.di.button-row.dividing{padding:25px 0 0;border-top:1px solid #ddd}.di.button-row .button{min-width:70px}.di.modal{position:fixed;inset:0;background-color:#fff0;z-index:99999}.di.modal{transition:all .15s linear;pointer-events:none}.di.modal .modal-window{margin:7vh auto 0;border-radius:4px;background-color:#fff;box-shadow:0 5px 10px #0003;overflow:hidden}.di.modal .modal-window{transition:margin .3s ease-out .2s,opacity .3s ease-out .2s;opacity:0}.di.modal .modal-header{padding:20px 30px;min-height:60px;cursor:move;font-size:20px;line-height:25px;border-bottom:1px solid #ddd}.di.modal .modal-content{padding:20px 30px;max-height:calc(80vh - 100px);overflow:auto;clear:both}.di.modal .modal-footer{margin:0;text-align:right;padding:20px 30px;border-radius:0 0 4px 4px;border-top:1px solid #ddd}.di.modal.show{background-color:#00000080;pointer-events:auto}.di.modal.show .modal-window{margin:10vh auto 0;opacity:1}.di.spinner{border:2px solid #bababa;border-top:2px solid var(--primary-color, #1a8ed3);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.di.spinner-wrapper{position:relative;height:100%;z-index:0}.di.spinner-wrapper .spinner-container{opacity:0;transition:opacity .1s ease;background-color:#ffffffbf}.di.spinner-wrapper .spinner-container{position:absolute;inset:0;z-index:1;visibility:hidden}.di.spinner-wrapper .spinner-container.visible{opacity:1;visibility:visible}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.di.toggle{position:relative;display:inline-block;width:60px;height:30px}.di.toggle input{display:none}.di.toggle .switch{position:absolute;background-color:gray;border-radius:15px;cursor:pointer;inset:0}.di.toggle .switch:before{content:"";width:28px;height:28px;background-color:#fff;position:absolute;right:1px;top:1px;border-radius:14px}.di.toggle .switch,.di.toggle .switch:before{transition:transform .1s ease-out,background-color .05s ease-out .05s}.di.toggle input:checked+.switch:before{transform:translate(0)}.di.toggle input+.switch:before{transform:translate(-30px)}.di.toggle-small{width:40px;height:20px}.di.toggle .switch-small:before{width:18px;height:18px}.di.toggle input+.switch-small:before{transform:translate(-20px)}.di.checkbox{cursor:pointer}.di.checkbox>input:disabled+div,.di.toggle>input:disabled+div{opacity:.4;cursor:auto}.di.checkbox>input{display:none}.di.checkbox .box,.di.checkbox .radio{display:inline-block;text-align:left;width:16px;height:16px;border:1px solid black;vertical-align:middle}.di.checkbox .radio{border-radius:10px}.di.checkbox input:checked+.box:before{content:"✓";left:-1px;top:0;position:relative;float:right;font-size:14px;line-height:14px}.di.checkbox input:checked+.radio:before{content:"";display:block;position:relative;height:6px;width:6px;background-color:#222;border-radius:3px;top:4px;left:4px}.di .textlabel{-webkit-user-select:none;user-select:none;font-size:12px;vertical-align:middle;padding-left:5px}.di.label{height:22px;padding:0 10px;margin-right:6px;color:#333;border:1px solid #bbb;border-radius:20px;display:inline-flex;align-items:center;font-size:12px;white-space:nowrap}.di.label.removable{padding-right:0}.di.label .remove{margin:0 2px 0 8px;width:18px;height:18px;display:flex;justify-content:center;align-items:center}.di.label .remove{background-color:#0000004d;border-radius:50%;cursor:pointer}.di.label .remove:hover{background-color:#00000080}.di.label .remove:active{background-color:#000000b3}.di.label .remove img{flex-shrink:0}.di.label.danger{background-color:#e50000;border-color:transparent;color:#fff}.di.label.success{background-color:#00cc0a;border-color:transparent;color:#fff}.di.label.warning{background-color:#ffb400;border-color:transparent;color:#fff}.di.label.neutral{background-color:#ddd;border-color:transparent}.di.label.small{height:16px;font-size:11px}.di.label.small .remove{width:12px;height:12px}.di.label.small .remove img{width:10px}.di.label.large{height:30px}.di.label.large .remove{width:24px;height:24px}.di.label.clickable{cursor:pointer}a .di.label{text-decoration:solid inherit underline;font-weight:400}a .di.label:hover{background-color:#00000012;text-decoration:underline}a .di.label:active{background-color:#0000001a}.clearfix:after{content:"";clear:both;display:block;visibility:hidden;height:0px}.disabled{opacity:.35;pointer-events:none;cursor:default}.di.tabs{margin:5px 0 20px;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;align-items:center}.di.tabs .item{padding:12px 15px;margin-bottom:-1px;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;color:#666;background:none;border-top:0;border-left:0;border-right:0;border-radius:0;cursor:pointer}.di.tabs .item:hover{background-color:#00000012}.di.tabs .item:active{background-color:#0000001a}.di.tabs .item.active,.dragging.item.active{font-weight:700;color:#333;border-bottom:2px solid var(--primary-color, #1a8ed3)}.di.tabs .item.disabled{opacity:.35;pointer-events:none;cursor:default}.di.tabs .item .add{background:url("data:image/svg+xml,%3csvg%20id='icon-add_24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpolygon%20id='plus'%20points='20%2010%2014%2010%2014%204%2010%204%2010%2010%204%2010%204%2014%2010%2014%2010%2020%2014%2020%2014%2014%2020%2014%2020%2010'/%3e%3c/svg%3e") no-repeat center;padding:0 25px;background-size:16px 16px}.dragging.item{padding:12px 15px;margin-bottom:-1px;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;color:#666;background-color:#0000001a;border-top:0;border-left:0;border-right:0;border-radius:0;cursor:move;white-space:nowrap}.draggable-area *{cursor:move}.di.tabs .tab-header,.dragging .tab-header{position:relative}.di.tabs .tab-header:after,.dragging .tab-header:after{position:absolute;content:"";inset:0}.di.accordion{width:auto}.di.accordion .item{border-bottom:1px solid #bbb}.di.accordion .head{display:flex;align-items:center;justify-content:space-between;transition:.1s all ease}.di.accordion .head:hover{background-color:#00000012;transition-duration:0s}.di.accordion .head:before{content:"";position:absolute;display:inline-block;width:0;height:0;margin:0 0 0 3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid black;pointer-events:none}.di.accordion .head:before{transition:.1s all ease}.di.accordion .title{width:100%;padding:15px 15px 15px 20px;display:flex;align-items:center;cursor:pointer}.di.accordion .title *{margin:initial}.di.accordion .title span{margin-right:10px}.di.accordion .tools{padding:0 0 0 15px;display:flex;align-items:center}.di.accordion .cont{height:0px;overflow:hidden;padding:0 0 0 25px;opacity:.3;transition:.25s all ease;transform:scaleY(.9);transform-origin:top left}.di.accordion .item.open .cont{height:auto;padding:15px 0 15px 25px;opacity:1;transform:scaleY(1)}.di.accordion .item.open .head:before{transform:rotate(90deg);transition:.3s ease}.di.accordion .item.open .head{border-bottom:1px dashed #eee}.di.accordion .accordion{background-color:#0000000d}.di.accordion h2{margin-top:0!important}.di.popup{min-width:40px;margin-top:-3px;z-index:1000;top:0;left:0;background-color:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px #0003;border-radius:3px;opacity:0}.di.popup{transition:opacity .1s ease,margin .1s ease}.di.popup-wrapper.hidden,.di.popup-wrapper.hidden>*{opacity:0!important;pointer-events:none}.di.popup-wrapper{transition:opacity .2s ease}.di.popup[class*=bottom],.di.popup[class*=top],.di.popup[class*=right],.di.popup[class*=left]{opacity:1}.di.popup .popup-arrow{width:10px;height:10px;margin:0;background-color:#fff;position:absolute;z-index:0;border:1px solid rgba(0,0,0,.2);border-right:none;border-bottom:none}.di.popup .popup-arrow[class*=bottom]{top:-8px}.di.popup .popup-arrow[class*=top]{bottom:-4px}.di.popup .popup-arrow[class*=left]{right:-5px}.di.popup .popup-arrow[class*=right]{left:-5px}.di.popup .popup-arrow[class*=bottom]:before{border-bottom:none;border-right:none;transform:rotate(45deg)}.di.popup .popup-arrow[class*=top]:before{border-bottom:none;border-right:none;transform:rotate(-135deg)}.di.popup .popup-arrow[class*=left]:before{border-bottom:none;border-right:none;transform:rotate(135deg)}.di.popup .popup-arrow[class*=right]:before{border-bottom:none;border-right:none;transform:rotate(-45deg)}.di.popup .popup-arrow,.di.popup .popup-arrow:before{position:absolute;width:8px;height:8px;background:inherit;border:1px solid rgba(0,0,0,.2)}.di.popup .popup-arrow{visibility:hidden}.di.popup .popup-arrow:before{visibility:visible;content:""}.di.popup .popup-content{margin:10px}.di.popup.inverted{background-color:#333;box-shadow:none}.di.popup.inverted .popup-arrow{background-color:#333;border:none}.di.popup.inverted .popup-content{color:#fff}.di.popup.inverted a{color:#fff;text-decoration:none;vertical-align:middle}.di.popup.inverted a:hover{text-decoration:underline}.di.popup.bubble .bubble-content{padding:5px;white-space:nowrap;display:inline-block}.di.popup.tooltip{transition:none;transition:opacity .1s ease}.di.popup.tooltip .tooltip-content{white-space:nowrap;display:inline-block;line-height:12px}.search-box{height:32px;padding:0 30px 0 0;border:1px solid #ccc;border-radius:5px;position:relative;background:#fff}.search-box input{width:100%;height:30px;padding:0 8px 0 15px;background:none;margin-top:0;border:none;outline:none;font-size:12px;box-shadow:none;border-radius:0}.search-box .di.button{position:absolute;right:0;margin-right:0;padding:7px 10px}.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-enter,.rc-tooltip-zoom-appear{opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-play-state:paused}.rc-tooltip-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-play-state:paused}.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1)}to{opacity:0;transform-origin:50% 50%;transform:scale(0)}}.rc-tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.5;opacity:.9}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top,.rc-tooltip-placement-topLeft,.rc-tooltip-placement-topRight{padding:5px 0 9px}.rc-tooltip-placement-right,.rc-tooltip-placement-rightTop,.rc-tooltip-placement-rightBottom{padding:0 5px 0 9px}.rc-tooltip-placement-bottom,.rc-tooltip-placement-bottomLeft,.rc-tooltip-placement-bottomRight{padding:9px 0 5px}.rc-tooltip-placement-left,.rc-tooltip-placement-leftTop,.rc-tooltip-placement-leftBottom{padding:0 9px 0 5px}.rc-tooltip-inner{padding:8px 10px;color:#fff;text-align:left;text-decoration:none;background-color:#373737;border-radius:6px;box-shadow:0 0 4px #0000002b;min-height:34px}.rc-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{bottom:4px;margin-left:-5px;border-width:5px 5px 0;border-top-color:#373737}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{left:4px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#373737}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{right:4px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#373737}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{top:4px;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#373737}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.Toastify{z-index:999999;position:fixed;--toastify-toast-width: 350px;--toastify-toast-min-height: 68px;--toastify-toast-padding: 0 35px 0 70px}.Toastify__toast{margin-bottom:-1px;border:1px solid #fff}.Toastify__toast{box-shadow:0 5px 10px #00000040}.Toastify__toast-container--top-center{top:0}.Toastify__toast-body{margin:auto 20px}.Toastify__toast-theme--colored.Toastify__toast--error{background:#ecd9d9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQlJREFUeNpi/P//PwMtAQspivf29QmAaOeiog9ANlF6GIn1AdDAfiBVAOVOAOJCqlkANNwBSO1HE3YE4gOE9DIRGTr9RIqRbgHQ9QlAygCLFEgsgaIggkbqfSAWwKHkAxArQmmyfFCAx3AGqFwBWT4Aul4B6no4ACZPmBy6cpAvHpDqg34Sskg/SUEETZYBJFgAUutAig/6ySgV+omyAE+yJASwJlsmLMmyn4F80I+e6lhISZZEFHCwZNuAkUyxJUsKADzZMpESsaB8AMsLxEY4E5nJkuhkC4uDeiLrBFIj3JDZlo9PAVqBUBtIAPFCJlxlCJXAA1gkJ9LA8ESS6mRyARMDjQFAgAEAi9hTqMxme4UAAAAASUVORK5CYII=) no-repeat 25px center;color:#820000}.Toastify__toast-theme--colored.Toastify__toast--success{background:#cce0cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYNJREFUeNpi/P//PwMtAQs+yY7NPYJAKhKIPYFYD4glgPgXED8B4jtAvB2Il1f4lrzHoZ+BEZsPgBIcQKoQiMuAWICAIz8AcTcQ9wMt+o5uARMWwxWA1GkgbiPCcAaomlYgPgXViwKY0AyXAVKHgViHjOAG6TkMNQPTAmiwrANiGQriVAZqBlYfFACxKRUSjimGBUDXCwGpCmokS2BEg6j/6D4AJUV+KhkOC/JsZAvcqWw4iPJAtsCAyoaDgD6yBeJUNhxuJsyCn7g0IxtAguEYyfQ5sa4kwfCXyBbcxFVYYTOQGJcDwUVkC3biKVFxBhkew0FgB7IFy4H4IzGWEGn4R6iZEAuArnoHpDoJ1A3EGs4ANQtkJqI+AGriBFIngViXwjx3BYjNgPg7SmEHrSyCgPgZBYY/BeJAmOEY9QHQElA1aAN1BTkut4FWpah1MlqY3od6EVRllpJSZSK7nFCl/x1aZU4H4ihowQWq9CWRMuYlaFJcBsTvcdnOSOtmC0CAAQDdhonhy/OiLAAAAABJRU5ErkJggg==) no-repeat 25px center;color:#006400}.Toastify__close-button{top:0;right:0;height:100%;padding:5px 10px;color:#111;font-weight:400;align-self:auto;transition:.05s;background:#0000000d;border-radius:0;opacity:1}.Toastify__close-button:hover{background:#0000001a}.Toastify__toast-icon{display:none}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.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 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.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,.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:auto}.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:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;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:#fff;font-weight:700}.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:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.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:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.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,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.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{transform:rotate(135deg);right:-16px;top:0}.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:.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:.3rem;border-top-right-radius:.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:.3rem;border-bottom-right-radius:.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:0 6px 0 0;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:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;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__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker{padding:10px;font-family:arial;font-size:12px;border:none;box-shadow:none}.react-datepicker__header{background:#fff;border:none}.react-datepicker__current-month{margin-top:3px;font-size:14px}.react-datepicker__day{transition:all .1s ease}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background:#333;border-radius:3px}.react-datepicker__day-name,.react-datepicker__day{margin:0;line-height:27px;width:27px}.react-datepicker__day:hover{background-color:#00000012;transition-duration:0s;border-radius:3px}.react-datepicker__day-names{margin-top:10px;margin-bottom:-3px}.react-datepicker__day--outside-month{color:#888}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover{background:#000}.react-datepicker__day--keyboard-selected{background:#0000001a;border-radius:3px;color:#333}.react-datepicker__day--today{box-shadow:1px 1px #0003}.react-datepicker__navigation{border:none;top:11px}.react-datepicker__navigation--next{width:40px;height:40px;right:10px;border-radius:3px}.react-datepicker__navigation--next:hover{background:#00000012}.react-datepicker__navigation--next:after{position:absolute;top:0;content:"";display:block;width:40px;height:35px;background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%2012.94%208.53%208%203.59%203.06%205%201.65%2011.35%208%205%2014.35%203.59%2012.94'/%3e%3cpath%20d='M5,2.35,10.65,8,5,13.65l-.71-.71L8.53,8.71,9.23,8l-.7-.71L4.29,3.06,5,2.35M5,.94,2.88,3.06,7.82,8,2.88,12.94,5,15.06,12.06,8,5,.94Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;background-size:16px 16px}.react-datepicker__navigation--previous{width:40px;height:40px;left:13px;border-radius:3px}.react-datepicker__navigation--previous:hover{border-radius:3px;background:#00000012}.react-datepicker__navigation--previous:after{position:absolute;top:0;content:"";display:block;width:35px;height:35px;background-image:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%208%209.94%201.65%2011.35%203.06%206.41%208%2011.35%2012.94%209.94%2014.35%203.59%208'/%3e%3cpath%20d='M9.94,2.35l.71.71L6.41,7.29,5.71,8l.7.71,4.24,4.23-.71.71L4.29,8,9.94,2.35m0-1.41L2.88,8l7.06,7.06,2.12-2.12L7.12,8l4.94-4.94L9.94.94Z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.react-datepicker-wrapper .date.invalid,.react-datepicker-wrapper .date.invalid:focus{border-color:red}.react-datepicker-popper{z-index:2}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none!important}.Select input::-ms-clear{display:none!important}.Select input::-ms-reveal{display:none!important}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:.35}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-searchable.is-focused:not(.is-open)>.Select-control{cursor:text}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a;background:#fff}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:42px}.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{color:#007eff;outline:none;text-decoration:underline}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select.is-open .Select-arrow,.Select .Select-arrow-zone:hover>.Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-color:#d9d9d9 #ccc #b3b3b3;border-radius:4px;border:1px solid #ccc;color:#333;cursor:default;display:table;border-spacing:0;border-collapse:separate;height:36px;outline:none;overflow:hidden;position:relative;width:100%}.Select-control:hover{box-shadow:0 1px #0000000f}.Select-control .Select-input:focus{outline:none;background:#fff}.Select-placeholder,.Select--single>.Select-control .Select-value{color:#aaa;inset:0;line-height:34px;padding-left:10px;padding-right:10px;position:absolute;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:34px;padding-left:10px;padding-right:10px;vertical-align:middle}.Select-input>input{width:100%;background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:none;line-height:17px;padding:8px 0 12px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.has-value.is-pseudo-focused .Select-input{opacity:0}.Select-control:not(.is-searchable)>.Select-input{outline:none}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px}.Select-loading{-webkit-animation:Select-animation-spin .4s infinite linear;-o-animation:Select-animation-spin .4s infinite linear;animation:Select-animation-spin .4s infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #ccc;border-right-color:#333;display:inline-block;position:relative;vertical-align:middle}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn .2s;-o-animation:Select-animation-fadeIn .2s;animation:Select-animation-fadeIn .2s;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:17px}.Select-clear-zone:hover{color:#d0021b}.Select-clear{display:inline-block;font-size:18px;line-height:1}.Select--multi .Select-clear-zone{width:17px}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}.Select-control>*:last-child{padding-right:5px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left}@-webkit-keyframes Select-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{0%{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ccc;border-top-color:#e6e6e6;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;left:0;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 10px}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.Select-option.is-selected{background-color:#f5faff;background-color:#007eff0a;color:#333}.Select-option.is-focused{background-color:#ebf5ff;background-color:#007eff14;color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 10px}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:10px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#ebf5ff;background-color:#007eff14;border-radius:2px;border:1px solid #c2e0ff;border:1px solid rgba(0,126,255,.24);color:#007eff;display:inline-block;font-size:.9em;line-height:1.4;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:2px;border-top-right-radius:2px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#007eff;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:2px;border-top-left-radius:2px;border-right:1px solid #c2e0ff;border-right:1px solid rgba(0,126,255,.24);padding:1px 5px 3px}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus{background-color:#d8eafd;background-color:#0071e614;color:#0071e6}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:#007eff3d}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #c2e0ff;border-left:1px solid rgba(0,126,255,.24)}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}.select-search-container .select-search__control{border-radius:2px;min-height:32px}.select-search-container .select-search__control--menu-is-open,.select-search-container .select-search__control--is-focused{border-color:#ccc;box-shadow:none}.select-search-container .select-search__value-container{padding-top:0;padding-bottom:0}.select-search-container .select-search__value-container>div{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.select-search-container .select-search__input input[type=text]{height:30px}.select-search-container .select-search__indicator{padding:2px}.select-search-container .select-search__indicator-separator{display:none}.select-search-container .select-search__menu{margin-top:0}.select-search-container .select-search__dropdown-indicator{background:no-repeat center url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e");background-size:16px 16px}.select-search-container .select-search__dropdown-indicator svg{visibility:hidden}.select-search-container.special .select-search__option:last-child{font-weight:700;border-top:1px solid #ddd}
1
+ @charset "UTF-8";/**
2
+ * CS NG
3
+ * UI Components
4
+ */
5
+
6
+ /* Upload */
7
+
8
+ .di.upload,
9
+ .di.upload * {
10
+ transition: all 0.1s ease;
11
+ }
12
+
13
+ .di.upload {
14
+ margin: 0;
15
+ padding: 0;
16
+ width: 100%;
17
+ height: 100%;
18
+ min-height: 80px;
19
+ font-size: 16px;
20
+ border: 1px dashed #888;
21
+ border-radius: 4px;
22
+ overflow: hidden;
23
+ user-select: none;
24
+ }
25
+
26
+ .di.upload {
27
+ display: flex;
28
+ flex-direction: column;
29
+ align-items: center;
30
+ }
31
+
32
+ .di.upload:hover {
33
+ border-color: #666;
34
+ background: #f9f9f9;
35
+ }
36
+
37
+ .di.upload:active {
38
+ background: #eee;
39
+ }
40
+
41
+ .di.upload > div {
42
+ width: 100%;
43
+ height: 100%;
44
+ }
45
+
46
+ .di.upload.clickable {
47
+ cursor: pointer;
48
+ }
49
+
50
+ .di.upload.hasContent {
51
+ border: 1px solid var(--primary-color, #1a8ed3);
52
+ }
53
+
54
+ .di.upload .drag-drop-hint {
55
+ margin: 0;
56
+ padding: 0;
57
+ }
58
+
59
+ .di.upload .drag-drop-hint::before,
60
+ .di.upload .drag-drop-hover-hint::before {
61
+ content: '';
62
+ width: 32px;
63
+ height: 32px;
64
+ margin: -9px 0 0 -42px;
65
+ background: url("data:image/svg+xml,%3csvg%20id='upload_cloud_32'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3e%3cpath%20id='wolke'%20d='M25.08,12.31A9.54,9.54,0,0,0,7.26,9.76,7.64,7.64,0,0,0,8.08,25H24.63a6.35,6.35,0,0,0,.45-12.69Z'/%3e%3cg%20id='Pfeil'%3e%3cpolyline%20points='10%2020%2016%2014%2022%2020'%20style='fill:%20none;stroke:%20%23fff;stroke-linecap:%20round;stroke-miterlimit:%2010;stroke-width:%202px'/%3e%3crect%20x='14'%20y='15'%20width='4'%20height='11'%20style='fill:%20%23fff'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
66
+ position: absolute;
67
+ opacity: 0.5;
68
+ background-size: 16px 16px;
69
+ }
70
+
71
+ .di.upload .reject .drag-drop-hint,
72
+ .di.upload .accept .drag-drop-hint {
73
+ display: none;
74
+ }
75
+
76
+ .di.upload .reject .drag-drop-hover-hint,
77
+ .di.upload .accept .drag-drop-hover-hint {
78
+ display: none;
79
+ }
80
+
81
+ .di.upload .drag-drop-hover-hint {
82
+ margin: 0;
83
+ padding: 0;
84
+ display: none;
85
+ }
86
+
87
+ .di.upload .drag-drop-text-container {
88
+ width: 100%;
89
+ height: 100%;
90
+ min-height: 80px;
91
+ margin: 0;
92
+ padding: 0 0 0 40px;
93
+ display: flex;
94
+ justify-content: center;
95
+ align-items: center;
96
+ border: none;
97
+ }
98
+
99
+ .di.upload .drag-drop-text-container:hover .drag-drop-hint {
100
+ display: none;
101
+ }
102
+
103
+ .di.upload .drag-drop-text-container:hover > .drag-drop-hover-hint {
104
+ display: block;
105
+ }
106
+
107
+ .di.upload .drag-drop-accept {
108
+ margin: 0;
109
+ padding: 0;
110
+ color: rgb(26, 142, 211);
111
+ display: none;
112
+ }
113
+
114
+ .di.upload .accept .drag-drop-accept {
115
+ display: block;
116
+ }
117
+
118
+ .di.upload .drag-drop-reject {
119
+ margin: 0;
120
+ padding: 0;
121
+ display: none;
122
+ }
123
+
124
+ .di.upload .reject .drag-drop-reject {
125
+ display: block;
126
+ }
127
+
128
+ .di.upload.preview-container {
129
+ display: flex;
130
+ width: 100%;
131
+ height: 100%;
132
+ }
133
+
134
+ .di.upload .preview {
135
+ flex: 1;
136
+ background-size: contain;
137
+ background-repeat: no-repeat;
138
+ background-position: center center;
139
+ overflow: hidden;
140
+ display: flex;
141
+ }
142
+
143
+ .di.upload .preview .action-button {
144
+ border: none;
145
+ background: none;
146
+ border-radius: 0;
147
+ margin: 0;
148
+ padding: 0;
149
+ flex-grow: 1;
150
+ cursor: pointer;
151
+ user-select: none;
152
+ outline: 0;
153
+ transition:
154
+ all,
155
+ 0.2s ease;
156
+ background-color: rgba(0, 0, 0, 0);
157
+ color: transparent;
158
+ }
159
+
160
+ .di.upload .preview .action-button:hover {
161
+ color: #ffffff;
162
+ background-color: rgba(0, 0, 0, 0.4);
163
+ }
164
+
165
+ /* Slider */
166
+
167
+ .di.slider .rc-slider-with-marks {
168
+ margin-bottom: 25px;
169
+ }
170
+
171
+ .di.slider .disabled-area-element {
172
+ position: absolute;
173
+ right: 0;
174
+ top: 0;
175
+ height: 100%;
176
+ background: repeating-linear-gradient(-45deg, #f9f9f9 13px 18px, #d4d4d4 0px 20px);
177
+ }
178
+
179
+ .di.slider .rc-slider-track {
180
+ background-color: var(--primary-color, #1a8ed3);
181
+ }
182
+
183
+ .di.slider .rc-slider-handle {
184
+ border-color: var(--primary-color, #1a8ed3);
185
+ }
186
+
187
+ .di.slider .rc-slider-dot-active {
188
+ border-color: var(--primary-color, #1a8ed3);
189
+ }
190
+
191
+ .di.slider .rc-slider-handle:active {
192
+ box-shadow: 0 0 5px var(--primary-color, #1a8ed3);
193
+ }
194
+
195
+ /* Tooltip */
196
+
197
+ .rc-tooltip {
198
+ background-color: rgb(108, 108, 108);
199
+ border-radius: 6px;
200
+ box-shadow: rgb(217, 217, 217) 0px 0px 4px;
201
+ color: white;
202
+ line-height: 1;
203
+ padding: 5px 2px;
204
+ opacity: 1;
205
+ min-width: 24px;
206
+ text-align: center;
207
+ }
208
+
209
+ .rc-tooltip .rc-tooltip-arrow {
210
+ border-top-color: rgb(108, 108, 108);
211
+ transform: translateY(100%);
212
+ }
213
+
214
+ /* ColorPicker */
215
+
216
+ .di.color-picker {margin:-5px -10px; padding:0}
217
+
218
+ .di.color-picker .color {width:20%; padding:15px; float:left; position:relative; transition: transform .1s ease; cursor:pointer;}
219
+
220
+ .di.color-picker .color:hover {transform: scale(1.2); z-index:1; box-shadow:0 2px 1px rgba(0,0,0,0.2)}
221
+
222
+ .di.color-picker .color:active {box-shadow: 0 0px 0px 2px #fff inset;}
223
+
224
+ .di.color-picker .color.selected {box-shadow: 0 0 0 2px #ffffff inset, 0px 4px 4px 4px rgba(0, 0, 0, 0.2); z-index:1;}
225
+
226
+ .di.gradient-color-picker .inputs { display: flex; justify-content: space-between; margin-top: 10px; }
227
+
228
+ /* RouteLink */
229
+
230
+ .di.route-link {color: #666}
231
+
232
+ .di.route-link:hover {color: #000}
233
+
234
+ .di.route-link .icon {background-color:transparent; display:block; cursor:pointer; opacity:0.65; background-repeat:no-repeat; background-position:50%; position:relative}
235
+
236
+ .di.route-link .icon:hover {background-color:rgba(0,0,0,0.07); opacity:1; border-radius:3px; text-decoration:none; cursor:pointer;}
237
+
238
+ .di.route-link .icon:active {background-color:rgba(0,0,0,0.1); opacity:1;}
239
+
240
+ /* misc */
241
+
242
+ .clearfix::after {content:""; clear:both; display:block; visibility:hidden; height:0px;}
243
+
244
+ .disabled {opacity:0.35; pointer-events:none; cursor:default;}
245
+
246
+ /* Pagination */
247
+
248
+ .di.pagination {text-shadow:0 1px 0 #fff; user-select:none; display:flex; align-items:center; justify-content:center;}
249
+
250
+ .di.pagination .next,
251
+ .di.pagination .prev {width:32px; height:32px; display:inline-block; font-size:24px; font-weight:bold; color:#333; position:relative; line-height:28px;}
252
+
253
+ .di.pagination .next:hover,
254
+ .di.pagination .prev:hover {cursor:pointer; background:rgba(0,0,0,.07); color:#444}
255
+
256
+ .di.pagination .next:active,
257
+ .di.pagination .prev:active {background:rgba(0,0,0,.1);}
258
+
259
+ .di.pagination .next,
260
+ .di.pagination .prev,
261
+ .di.pagination .info {padding:0 10px 0; vertical-align:middle; border-radius:3px;}
262
+
263
+ .di.pagination .info input {width:45px; height:32px; margin:0 5px; text-align:center; padding:4px 0; font-size:12px; border:1px solid #ccc; border-radius:2px; background:transparent;}
264
+
265
+ .di.pagination .info input:hover {border:1px solid #b5b5b5;}
266
+
267
+ .di.pagination .info input:focus {border:1px solid #333;}
268
+
269
+ .di.pagination .options {margin:0 0 0 10px; padding: 0 0 0 10px; border-left:1px solid #eee;}
270
+
271
+ /* Reactable */
272
+
273
+ .di.reactable {width:100%; margin:0 0 5px; background:none;border-collapse:collapse;}
274
+
275
+ .di.reactable [class*="right aligned"],
276
+ .di.reactable[class*="right aligned"] {text-align:right;}
277
+
278
+ .di.reactable a {text-decoration:underline; vertical-align:middle;}
279
+
280
+ .di.reactable input[type="text"],
281
+ .di.reactable select {width:100%; max-width:380px;}
282
+
283
+ .di.reactable th {height:40px; background:none; padding:0 20px 0 0; user-select:none; -moz-user-select:none; white-space:nowrap; border-top:1px solid transparent; text-align:left; position:relative;}
284
+
285
+ .di.reactable td {height:38px; padding:0 15px 0 0; white-space:nowrap;}
286
+
287
+ .di.reactable tr {border-top:1px solid #ddd;}
288
+
289
+ .di.reactable tr td:first-child {font-weight:bold;}
290
+
291
+ .di.reactable tr.transitive td,
292
+ .di.reactable tr.transitive td a {color: #999;}
293
+
294
+ .di.reactable .filterrow td {padding:5px 2.5px;}
295
+
296
+ .di.reactable.striped tr:nth-child(odd) {background:#f9f9f9;}
297
+
298
+ .di.reactable.striped thead + tbody tr:nth-child(even) {background:#f0f0f0;}
299
+
300
+ .di.reactable.striped thead + tbody tr:nth-child(odd) {background:#ffffff;}
301
+
302
+ .di.reactable.striped td {border-bottom:1px solid #fff;}
303
+
304
+ .di.reactable.hoverable tbody tr:hover {background-color:rgba(0,0,0,0.05);}
305
+
306
+ .di.reactable.hoverable tbody tr.filterrow:hover {background:none;}
307
+
308
+ .di.reactable.selectable tbody tr:hover {background-color:rgba(0,0,0,0.05); cursor:pointer;}
309
+
310
+ .di.reactable.selectable tbody tr:active {background-color:rgba(0,0,0,0.1)}
311
+
312
+ .di.reactable.selectable tbody tr.filterrow:hover {background-color:transparent;}
313
+
314
+ .di.reactable.scroll-x {overflow-x:auto; margin-bottom:10px; padding-bottom:10px;}
315
+
316
+ .di.reactable.sortable th {cursor:default;}
317
+
318
+ .di.reactable.sortable th:hover {text-decoration:none;}
319
+
320
+ .di.reactable.sortable th.sortable:hover { cursor: pointer;}
321
+
322
+ .di.reactable.sortable th.sortable:hover::after {content: url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20id='triangle_up'%20data-name='triangle%20up'%20points='7.5%203%204%207%2011%207%207.5%203'/%3e%3cpolygon%20id='triangle_down'%20data-name='triangle%20down'%20points='7.5%2013%204%209%2011%209%207.5%2013'/%3e%3c/svg%3e"); position:absolute; padding:0 0 0 0px; margin-left:1px; filter:opacity(0.3); width:16px; height:16px;}
323
+
324
+ .di.reactable.sortable th.sortable.sortAsc::after {content: url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%206%204%2010%2011%2010%207.5%206'/%3e%3c/svg%3e"); position:absolute; padding:0 0 0 0px; margin-left:2px; width:16px; height:16px;filter:none;}
325
+
326
+ .di.reactable.sortable th.sortable.sortDes::after {content: url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e"); position:absolute; padding:0 0 0 0px; margin-left:2px; width:16px; height:16px;filter:none;}
327
+
328
+ /* Color Picker */
329
+
330
+ .di.color-picker { width: 220px; height: 200px; }
331
+
332
+ .di.color-picker.grid-color-picker { max-width: 250px; height: auto;}
333
+
334
+ .di.color-picker .colorpicker { position: relative; height: 100%; width: 100%; background-color: #fff; }
335
+
336
+ .di.color-picker .hue-slider {position: absolute;top: 1em;bottom: 1em;right: 1.3em; }
337
+
338
+ .di.color-picker .hue-slider .track { background: linear-gradient(to bottom, #FF0000 0%, #FF0099 10%, #CD00FF 20%, #3200FF 30%, #0066FF 40%, #00FFFD 50%, #00FF66 60%, #35FF00 70%, #CDFF00 80%, #FF9900 90%, #FF0000 100%); }
339
+
340
+ .di.color-picker .map {position: absolute;top: 1em;bottom: 1em;right: 2em;left: 1em;overflow: hidden;user-select: none;border-radius: 0.25em; }
341
+
342
+ .di.color-picker .map.active {cursor: none; }
343
+
344
+ .di.color-picker .map.dark .pointer {border-color: #fff; }
345
+
346
+ .di.color-picker .map.light .pointer {border-color: #000; }
347
+
348
+ .di.color-picker .map .pointer {position: absolute;width: 10px;height: 10px;margin-left: -5px;margin-bottom: -5px;border-radius: 100%;border: 1px solid #000;will-change: left, bottom; }
349
+
350
+ .di.color-picker .map .background {top: 0;left: 0;position: absolute;height: 100%;width: 100%; }
351
+
352
+ .di.color-picker .map .background:before,
353
+ .di.color-picker .map .background:after {display: block;content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0; }
354
+
355
+ .di.color-picker .map .background:after {background: linear-gradient(to bottom, transparent 0%, black 100%); }
356
+
357
+ .di.color-picker .map .background:before {background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }
358
+
359
+ .di.color-picker .slider {position: absolute;user-select: none; }
360
+
361
+ .di.color-picker .slider.vertical { top: 0; bottom: 0; left: 50%; width: 10px; cursor: ns-resize; }
362
+
363
+ .di.color-picker .slider.vertical .track { position: absolute; top: 0; bottom: 0; left: 50%; width: 8px; margin-left: -4px; }
364
+
365
+ .di.color-picker .slider.horizontal { left: 0; right: 0; top: 50%; height: 10px; cursor: ew-resize; }
366
+
367
+ .di.color-picker .slider.horizontal .track { position: absolute; left: 0; right: 0; top: 50%; height: 8px; margin-top: -4px; }
368
+
369
+ .di.color-picker .slider .track { border-radius: 3px; }
370
+
371
+ .di.color-picker .slider .pointer { position: absolute; bottom: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-bottom: -8px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px #ccc,0 1px 2px #ccc; will-change: left, bottom; }
372
+
373
+ .di.color-picker .opacity-slider {position: absolute;bottom: 1.3em;left: 1em;right: 2em; }
374
+
375
+ .di.color-picker .opacity-slider .slider {background: #fff url("data:image/gif;base64,R0lGODdhEAAQAPEAAMvLy8zMzP///wAAACwAAAAAEAAQAEACHYxvosstCAEMrq6Jj812Y59NIDQipdY5XLWqH4sVADs=") repeat;background-size: 8px 8px;height: 8px; }
376
+
377
+ .di.color-picker .opacity-slider .slider .track {height: 8px;margin-top: -4px;background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 100%); }
378
+
379
+ .di.color-picker .with-opacity-slider .map { bottom: 2em; }
380
+
381
+ .di.color-picker .with-opacity-slider .hue-slider {bottom: 2em; }
382
+
383
+ .di.color-picker.with-textfield { padding-bottom: 30px; }
384
+
385
+ .di.color-picker-popper {position:relative; z-index: unset !important; width: 40px; height: 40px;}
386
+
387
+ .di.color-picker-popper .trigger {border:1px solid #ccc; box-shadow:0 0 0 2px #ffffff inset; width: 100%; height: 100%; cursor: pointer;}
388
+
389
+ .di.color-picker-popper .color-picker-box {width:220px;}
390
+
391
+ /* Period Picker */
392
+
393
+ .di.monthpicker {width:auto;}
394
+
395
+ .di.monthpicker .pager {height:35px; line-height:35px; margin:10px 0 0 0; text-align:center;}
396
+
397
+ .di.monthpicker .pager * {vertical-align:middle;}
398
+
399
+ .di.monthpicker .pager .page-nav {height:35px; display:inline-block; border-radius:3px;}
400
+
401
+ .di.monthpicker .pager .page-nav.prev {width:40px; background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%208%209.94%201.65%2011.35%203.06%206.41%208%2011.35%2012.94%209.94%2014.35%203.59%208'/%3e%3cpath%20d='M9.94,2.35l.71.71L6.41,7.29,5.71,8l.7.71,4.24,4.23-.71.71L4.29,8,9.94,2.35m0-1.41L2.88,8l7.06,7.06,2.12-2.12L7.12,8l4.94-4.94L9.94.94Z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat; cursor:pointer; background-size: 16px 16px;}
402
+
403
+ .di.monthpicker .pager .page-nav.next {width:40px; background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%2012.94%208.53%208%203.59%203.06%205%201.65%2011.35%208%205%2014.35%203.59%2012.94'/%3e%3cpath%20d='M5,2.35,10.65,8,5,13.65l-.71-.71L8.53,8.71,9.23,8l-.7-.71L4.29,3.06,5,2.35M5,.94,2.88,3.06,7.82,8,2.88,12.94,5,15.06,12.06,8,5,.94Z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat; cursor:pointer; background-size: 16px 16px;}
404
+
405
+ .di.monthpicker .pager .page-nav.info {width:75px; font-size:14px; font-weight:bold;}
406
+
407
+ .di.monthpicker .pager .page-nav.prev:hover,
408
+ .di.monthpicker .pager .page-nav.next:hover {background-color:rgba(0,0,0,.07)}
409
+
410
+ .di.monthpicker .pager .page-nav.prev:active,
411
+ .di.monthpicker .pager .page-nav.next:active {background-color:rgba(0,0,0,.1)}
412
+
413
+ .di.monthpicker .months {margin-top:20px;}
414
+
415
+ .di.monthpicker .months td {padding:10px 15px; border-radius: 3px}
416
+
417
+ .di.monthpicker .months td:hover {background-color:rgba(0,0,0,0.07); cursor:pointer; transition-duration: 0s;}
418
+
419
+ .di.monthpicker .months td:active {background-color:rgba(0,0,0,0.1);}
420
+
421
+ .di.monthpicker .months td.selected {background-color:#333; color: white; font-weight: bold}
422
+
423
+ /* Date Time Input */
424
+
425
+ .di.date-time-input {display: flex;}
426
+
427
+ .di.date-time-input input {height:32px; color: #333}
428
+
429
+ .di.date-input-wrapper { position: relative; display: inline-block; }
430
+
431
+ .di.date-input-wrapper .date.invalid {border-color: red; border-width: 1px;}
432
+
433
+ .di.date-input-wrapper .date.invalid:focus, .di.date-input-wrapper .date.invalid:hover {border-color: red;}
434
+
435
+ .di.date-input-wrapper .di.button { position: absolute; right: 0; top: 0; height: 100%; padding: 0 5px;}
436
+
437
+ .di.date-time-input input {padding:3px; font-size:16px; border:1px solid transparent; text-align:center;}
438
+
439
+ .di.date-time-input input.date {width:105px !important; font-weight:bold;}
440
+
441
+ .di.date-time-input input.date::placeholder {font-size: 15px; text-overflow: clip;}
442
+
443
+ .di.date-time-input input.time {width:55px !important;}
444
+
445
+ .di.date-time-input input:hover {border:1px solid #b5b5b5;}
446
+
447
+ .di.date-time-input input:focus {border:1px solid #333;}
448
+
449
+ .di.date-time-input.with-warning {border: 1px solid red;}
450
+
451
+ .di.period-picker {white-space:nowrap;}
452
+
453
+ .di.period-picker div:not([class]){display:inline-block; position:relative;}
454
+
455
+ .di.period-picker, .di.period-picker .inputs {margin-right:5px; display:flex; align-items: center;}
456
+
457
+ .di.period-picker input {padding:3px; font-size:16px; border:1px solid transparent; text-align:center;}
458
+
459
+ .di.period-picker input.date {width:105px !important; font-weight:bold;}
460
+
461
+ .di.period-picker input.date::placeholder {font-size: 15px; text-overflow: clip;}
462
+
463
+ .di.period-picker input.time {width:55px !important;}
464
+
465
+ .di.period-picker input:hover {border:1px solid #b5b5b5;}
466
+
467
+ .di.period-picker input:focus {border:1px solid #333;}
468
+
469
+ .di.period-picker .date-time-input {border: 1px solid transparent; transition: border 1s ease-out;}
470
+
471
+ .di.period-picker.centered {display: flex; justify-content: center;}
472
+
473
+ /* SvgImage */
474
+
475
+ .di.svg-image .anchor:hover, .di.svg-image .anchor:hover * { stroke: cyan !important; stroke-width: 2px !important; cursor: pointer; }
476
+
477
+ .di.svg-image .di.hover:hover, .di.svg-image .di.hover:hover * { fill: cyan !important; }
478
+
479
+ .treeview .node-info { display: flex; justify-content: flex-start; align-items: center; margin: 1px 0px; }
480
+
481
+ .treeview .node-info:hover { background-color: #eee; }
482
+
483
+ .treeview .node-info .description { display: flex; align-items: center; }
484
+
485
+ .treeview .node-info > input{ margin: 0 5px; position: static; /*<---this should not be necessary...*/}
486
+
487
+ .treeview .node-info > .icon { height: 24px; width: 24px; cursor: pointer; margin: 0 2px; }
488
+
489
+ .treeview .node-info .name { flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; user-select:none; height: 30px; display: flex; align-items: center; }
490
+
491
+ .treeview .icon-container { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin: 0 2px; }
492
+
493
+ /* root nodes*/
494
+
495
+ .treeview > .node { margin-left: 0 !important; }
496
+
497
+ /* first childnodes do not have to take skeletons into account */
498
+
499
+ .treeview > .node > .node { margin-left: 14px; }
500
+
501
+ /* any childnodes below have 14px for node padding and 14px for skeleton padding */
502
+
503
+ .treeview .node { margin-left: 28px; }
504
+
505
+ .treeview .node-info .skeleton { width: 14px; height: 30px; display: flex; flex-wrap: wrap; }
506
+
507
+ .treeview .node-info .skeleton .skeleton-cell { height: 50%; width: 100%; }
508
+
509
+ .treeview .node-info .skeleton .skeleton-cell.top { border-left: 1px dashed grey; border-bottom: 1px dashed grey; }
510
+
511
+ .treeview .node-info .skeleton .skeleton-cell.bottom { border-left: 1px dashed grey; }
512
+
513
+ .di.svg-image .anchor:hover, .di.svg-image .anchor:hover * { cursor: pointer; stroke-width: 2px !important; }
514
+
515
+ .di.svg-image .di.hover:hover, .di.svg-image .di.hover:hover * { fill: cyan !important; }
516
+
517
+ .infobox { display: flex; flex-direction: column; box-shadow: 0px 2px 2px -1px #aaa; }
518
+
519
+ .infobox-header { display: flex; justify-content: space-between; width: 100%; }
520
+
521
+ .infobox-header-content { display: flex; padding: 15px; flex: 1; }
522
+
523
+ .infobox-message { line-height: 1.5; word-break: break-word; padding-right: 30px; }
524
+
525
+ .infobox-iconcontainer + .infobox-message { padding-left: 10px; padding-top: 3px; }
526
+
527
+ .infobox-closebutton { flex-basis: 50px; cursor: pointer; padding: 0; background-color: transparent; }
528
+
529
+ .infobox-closebutton:hover { background-color: rgba(0, 0, 0, 0.1); }
530
+
531
+ /* Multi Menu (Drop & more) */
532
+
533
+ .di.multimenu {margin:-10px;}
534
+
535
+ .di.multimenu .drop {z-index:1;}
536
+
537
+ .di.multimenu .drop .item {padding:0; white-space:nowrap; border-bottom:1px solid #ddd; text-align:left; cursor:pointer; position:relative; z-index:1; display:flex; align-items:center;}
538
+
539
+ .di.multimenu .drop .item:last-child {border:none;}
540
+
541
+ .di.multimenu .drop .item:hover {background:rgba(0,0,0,0.07)}
542
+
543
+ .di.multimenu .drop .item:active {background:rgba(0,0,0,0.1)}
544
+
545
+ .di.multimenu .drop .item-text {height:35px; padding:10px 20px 10px 20px; display:flex; align-items:center;}
546
+
547
+ .di.multimenu .drop .item-icon {width:16px; height:16px; margin:0 -8px 0 20px;}
548
+
549
+ .di.multimenu .drop .item-more {width:35px; height:35px; margin-left:auto; background-color:#fff; display:inline-block; }
550
+
551
+ .di.multimenu .drop .item-more.icon.triangle {background:#fff url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='10%208.04%206%204%206%2012.08%2010%208.04'/%3e%3c/svg%3e") no-repeat center; border-left:1px solid #ddd;}
552
+
553
+ .di.multimenu .drop .item-more.icon.triangle:hover {background-color:rgba(0,0,0,0.07);}
554
+
555
+ .di.multimenu .drop .item-more.icon.triangle:active {background-color:rgba(0,0,0,0.1);}
556
+
557
+ .di.multimenu .drop .item-more.icon.dots {background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='12.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='8.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='4.5'%20cy='7.5'%20r='1.5'/%3e%3c/svg%3e") no-repeat center; background-size: 16px 16px;}
558
+
559
+ .di.multimenu .drop .item-more .item-more-submenu {display:none; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); border:1px solid rgba(0, 0, 0, 0.2);}
560
+
561
+ .di.multimenu .drop .item-more .item-more-submenu {position:absolute; top:0; left: 100%; background:#fff;}
562
+
563
+ .di.multimenu .drop .item-more .item-more-submenu .subitem {padding:10px 20px; border-bottom:1px solid #ddd;}
564
+
565
+ .di.multimenu .drop .item-more .item-more-submenu .subitem:last-child {border-bottom:none}
566
+
567
+ .di.multimenu .drop .item-more .item-more-submenu .subitem:hover {background:rgba(0,0,0,0.07);}
568
+
569
+ .di.multimenu .drop .item-more .item-more-submenu .subitem:active {background:rgba(0,0,0,0.1);}
570
+
571
+ .di.multimenu .drop .item-more:hover .item-more-submenu {display:block;}
572
+
573
+ .di.multimenu .drop .left-box {width:1px; height:calc(100% + 2px); position:absolute; right:0%; top:-1px; border:1px solid; background:#fff; z-index:1; overflow:hidden; opacity:0;}
574
+
575
+ .di.multimenu .drop .left-box {box-shadow:0 1px 3px rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.2); border-radius:3px 0 0 3px;}
576
+
577
+ .di.multimenu .drop .left-box.show {right:100%; width:230px; opacity:1;}
578
+
579
+ .di.multimenu .drop .right-box {position:relative; z-index:2; border-radius:0 3px 3px 0; /*background:#fff;*/}
580
+
581
+ .di.multimenu a {text-decoration: none;}
582
+
583
+ .di.modal.scroll-horizontally-advice {padding-top: 40vh}
584
+
585
+ .di.modal.scroll-horizontally-advice .modal-content .scroll-horizontally-advice-buttons {text-align: right; margin-top: 24px;}
586
+ .di.button *{vertical-align:middle}.di.button{height:32px;font-size:11px;font-weight:700;padding:0 15px;margin:0 4px 0 0;display:inline-block;color:#333;background-color:#fff;border-radius:3px;cursor:pointer;border:1px solid #ddd;border-bottom:1px solid #aaa}.di.button img{opacity:.8;margin:0}.di.button img+span{margin:0 0 0 8px}.di.button:hover{background-color:#00000012}.di.button:active,.di.button.active{background-color:#0000001a}.di.button.active{border:1px solid #333}.di.button.small{height:24px;margin:0 1px;padding:0 10px}.di.button.link{display:inline-block;border:none;background-color:transparent;box-shadow:none;cursor:pointer}.di.button.link:hover{text-decoration:none;background-color:#00000012;border-radius:3px}.di.button.link:active{background-color:#0000001a}.di.button.primary{background-color:var(--primary-color, #1a8ed3);border:none;color:#fff;border:1px solid var(--primary-color, #1a8ed3);border-bottom:1px solid var(--primary-color-darker, #1575ad)}.di.button.primary:hover,.di.button.primary:focus,.di.button.primary:active{background-color:var(--primary-color-darker, #1575ad);color:#fff}.di.button.danger{background-color:#ff494f;border:none;color:#fff;border:1px solid #FF494F;border-bottom:1px solid #E1494F}.di.button.danger:hover,.di.button.danger:focus,.di.button.danger:active{background-color:#e1494f;color:#fff}.di.button:disabled,.di.button.disabled{opacity:.35;cursor:default;pointer-events:none;filter:grayscale(100%)}.di.button::-moz-focus-inner{border:0;padding:0}.di.button-row{margin:30px 0 40px;display:flex}.di.button-row.dividing{padding:25px 0 0;border-top:1px solid #ddd}.di.button-row .button{min-width:70px}.di.modal{position:fixed;inset:0;background-color:#fff0;z-index:99999}.di.modal{transition:all .15s linear;pointer-events:none}.di.modal .modal-window{margin:7vh auto 0;border-radius:4px;background-color:#fff;box-shadow:0 5px 10px #0003;overflow:hidden}.di.modal .modal-window{transition:margin .3s ease-out .2s,opacity .3s ease-out .2s;opacity:0}.di.modal .modal-header{padding:20px 30px;min-height:60px;cursor:move;font-size:20px;line-height:25px;border-bottom:1px solid #ddd}.di.modal .modal-content{padding:20px 30px;max-height:calc(80vh - 100px);overflow:auto;clear:both}.di.modal .modal-footer{margin:0;text-align:right;padding:20px 30px;border-radius:0 0 4px 4px;border-top:1px solid #ddd}.di.modal.show{background-color:#00000080;pointer-events:auto}.di.modal.show .modal-window{margin:10vh auto 0;opacity:1}.di.spinner{border:2px solid #bababa;border-top:2px solid var(--primary-color, #1a8ed3);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.di.spinner-wrapper{position:relative;height:100%;z-index:0}.di.spinner-wrapper .spinner-container{opacity:0;transition:opacity .1s ease;background-color:#ffffffbf}.di.spinner-wrapper .spinner-container{position:absolute;inset:0;z-index:1;visibility:hidden}.di.spinner-wrapper .spinner-container.visible{opacity:1;visibility:visible}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.di.toggle{position:relative;display:inline-block;width:60px;height:30px}.di.toggle input{display:none}.di.toggle .switch{position:absolute;background-color:gray;border-radius:15px;cursor:pointer;inset:0}.di.toggle .switch:before{content:"";width:28px;height:28px;background-color:#fff;position:absolute;right:1px;top:1px;border-radius:14px}.di.toggle .switch,.di.toggle .switch:before{transition:transform .1s ease-out,background-color .05s ease-out .05s}.di.toggle input:checked+.switch:before{transform:translate(0)}.di.toggle input+.switch:before{transform:translate(-30px)}.di.toggle-small{width:40px;height:20px}.di.toggle .switch-small:before{width:18px;height:18px}.di.toggle input+.switch-small:before{transform:translate(-20px)}.di.checkbox{cursor:pointer}.di.checkbox>input:disabled+div,.di.toggle>input:disabled+div{opacity:.4;cursor:auto}.di.checkbox>input{display:none}.di.checkbox .box,.di.checkbox .radio{display:inline-block;text-align:left;width:16px;height:16px;border:1px solid black;vertical-align:middle}.di.checkbox .radio{border-radius:10px}.di.checkbox input:checked+.box:before{content:"✓";left:-1px;top:0;position:relative;float:right;font-size:14px;line-height:14px}.di.checkbox input:checked+.radio:before{content:"";display:block;position:relative;height:6px;width:6px;background-color:#222;border-radius:3px;top:4px;left:4px}.di .textlabel{-webkit-user-select:none;user-select:none;font-size:12px;vertical-align:middle;padding-left:5px}.di.label{height:22px;padding:0 10px;margin-right:6px;color:#333;border:1px solid #bbb;border-radius:20px;display:inline-flex;align-items:center;font-size:12px;white-space:nowrap}.di.label.removable{padding-right:0}.di.label .remove{margin:0 2px 0 8px;width:18px;height:18px;display:flex;justify-content:center;align-items:center}.di.label .remove{background-color:#0000004d;border-radius:50%;cursor:pointer}.di.label .remove:hover{background-color:#00000080}.di.label .remove:active{background-color:#000000b3}.di.label .remove img{flex-shrink:0}.di.label.danger{background-color:#e50000;border-color:transparent;color:#fff}.di.label.success{background-color:#00cc0a;border-color:transparent;color:#fff}.di.label.warning{background-color:#ffb400;border-color:transparent;color:#fff}.di.label.neutral{background-color:#ddd;border-color:transparent}.di.label.small{height:16px;font-size:11px}.di.label.small .remove{width:12px;height:12px}.di.label.small .remove img{width:10px}.di.label.large{height:30px}.di.label.large .remove{width:24px;height:24px}.di.label.clickable{cursor:pointer}a .di.label{text-decoration:solid inherit underline;font-weight:400}a .di.label:hover{background-color:#00000012;text-decoration:underline}a .di.label:active{background-color:#0000001a}.clearfix:after{content:"";clear:both;display:block;visibility:hidden;height:0px}.disabled{opacity:.35;pointer-events:none;cursor:default}.di.tabs{margin:5px 0 20px;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;align-items:center}.di.tabs .item{padding:12px 15px;margin-bottom:-1px;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;color:#666;background:none;border-top:0;border-left:0;border-right:0;border-radius:0;cursor:pointer}.di.tabs .item:hover{background-color:#00000012}.di.tabs .item:active{background-color:#0000001a}.di.tabs .item.active,.dragging.item.active{font-weight:700;color:#333;border-bottom:2px solid var(--primary-color, #1a8ed3)}.di.tabs .item.disabled{opacity:.35;pointer-events:none;cursor:default}.di.tabs .item .add{background:url("data:image/svg+xml,%3csvg%20id='icon-add_24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpolygon%20id='plus'%20points='20%2010%2014%2010%2014%204%2010%204%2010%2010%204%2010%204%2014%2010%2014%2010%2020%2014%2020%2014%2014%2020%2014%2020%2010'/%3e%3c/svg%3e") no-repeat center;padding:0 25px;background-size:16px 16px}.dragging.item{padding:12px 15px;margin-bottom:-1px;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;color:#666;background-color:#0000001a;border-top:0;border-left:0;border-right:0;border-radius:0;cursor:move;white-space:nowrap}.draggable-area *{cursor:move}.di.tabs .tab-header,.dragging .tab-header{position:relative}.di.tabs .tab-header:after,.dragging .tab-header:after{position:absolute;content:"";inset:0}.di.accordion{width:auto}.di.accordion .item{border-bottom:1px solid #bbb}.di.accordion .head{display:flex;align-items:center;justify-content:space-between;transition:.1s all ease}.di.accordion .head:hover{background-color:#00000012;transition-duration:0s}.di.accordion .head:before{content:"";position:absolute;display:inline-block;width:0;height:0;margin:0 0 0 3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid black;pointer-events:none}.di.accordion .head:before{transition:.1s all ease}.di.accordion .title{width:100%;padding:15px 15px 15px 20px;display:flex;align-items:center;cursor:pointer}.di.accordion .title *{margin:initial}.di.accordion .title span{margin-right:10px}.di.accordion .tools{padding:0 0 0 15px;display:flex;align-items:center}.di.accordion .cont{height:0px;overflow:hidden;padding:0 0 0 25px;opacity:.3;transition:.25s all ease;transform:scaleY(.9);transform-origin:top left}.di.accordion .item.open .cont{height:auto;padding:15px 0 15px 25px;opacity:1;transform:scaleY(1)}.di.accordion .item.open .head:before{transform:rotate(90deg);transition:.3s ease}.di.accordion .item.open .head{border-bottom:1px dashed #eee}.di.accordion .accordion{background-color:#0000000d}.di.accordion h2{margin-top:0!important}.di.popup{min-width:40px;margin-top:-3px;z-index:1000;top:0;left:0;background-color:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px #0003;border-radius:3px;opacity:0}.di.popup{transition:opacity .1s ease,margin .1s ease}.di.popup-wrapper.hidden,.di.popup-wrapper.hidden>*{opacity:0!important;pointer-events:none}.di.popup-wrapper{transition:opacity .2s ease}.di.popup[class*=bottom],.di.popup[class*=top],.di.popup[class*=right],.di.popup[class*=left]{opacity:1}.di.popup .popup-arrow{width:10px;height:10px;margin:0;background-color:#fff;position:absolute;z-index:0;border:1px solid rgba(0,0,0,.2);border-right:none;border-bottom:none}.di.popup .popup-arrow[class*=bottom]{top:-8px}.di.popup .popup-arrow[class*=top]{bottom:-4px}.di.popup .popup-arrow[class*=left]{right:-5px}.di.popup .popup-arrow[class*=right]{left:-5px}.di.popup .popup-arrow[class*=bottom]:before{border-bottom:none;border-right:none;transform:rotate(45deg)}.di.popup .popup-arrow[class*=top]:before{border-bottom:none;border-right:none;transform:rotate(-135deg)}.di.popup .popup-arrow[class*=left]:before{border-bottom:none;border-right:none;transform:rotate(135deg)}.di.popup .popup-arrow[class*=right]:before{border-bottom:none;border-right:none;transform:rotate(-45deg)}.di.popup .popup-arrow,.di.popup .popup-arrow:before{position:absolute;width:8px;height:8px;background:inherit;border:1px solid rgba(0,0,0,.2)}.di.popup .popup-arrow{visibility:hidden}.di.popup .popup-arrow:before{visibility:visible;content:""}.di.popup .popup-content{margin:10px}.di.popup.inverted{background-color:#333;box-shadow:none}.di.popup.inverted .popup-arrow{background-color:#333;border:none}.di.popup.inverted .popup-content{color:#fff}.di.popup.inverted a{color:#fff;text-decoration:none;vertical-align:middle}.di.popup.inverted a:hover{text-decoration:underline}.di.popup.bubble .bubble-content{padding:5px;white-space:nowrap;display:inline-block}.di.popup.tooltip{transition:none;transition:opacity .1s ease}.di.popup.tooltip .tooltip-content{white-space:nowrap;display:inline-block;line-height:12px}.search-box{height:32px;padding:0 30px 0 0;border:1px solid #ccc;border-radius:5px;position:relative;background:#fff}.search-box input{width:100%;height:30px;padding:0 8px 0 15px;background:none;margin-top:0;border:none;outline:none;font-size:12px;box-shadow:none;border-radius:0}.search-box .di.button{position:absolute;right:0;margin-right:0;padding:7px 10px}
587
+ .rc-tooltip.rc-tooltip-zoom-appear,
588
+ .rc-tooltip.rc-tooltip-zoom-enter {
589
+ opacity: 0;
590
+ }
591
+ .rc-tooltip.rc-tooltip-zoom-enter,
592
+ .rc-tooltip.rc-tooltip-zoom-leave {
593
+ display: block;
594
+ }
595
+ .rc-tooltip-zoom-enter,
596
+ .rc-tooltip-zoom-appear {
597
+ opacity: 0;
598
+ animation-duration: 0.3s;
599
+ animation-fill-mode: both;
600
+ animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
601
+ animation-play-state: paused;
602
+ }
603
+ .rc-tooltip-zoom-leave {
604
+ animation-duration: 0.3s;
605
+ animation-fill-mode: both;
606
+ animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
607
+ animation-play-state: paused;
608
+ }
609
+ .rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
610
+ .rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
611
+ animation-name: rcToolTipZoomIn;
612
+ animation-play-state: running;
613
+ }
614
+ .rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
615
+ animation-name: rcToolTipZoomOut;
616
+ animation-play-state: running;
617
+ }
618
+ @keyframes rcToolTipZoomIn {
619
+ 0% {
620
+ opacity: 0;
621
+ transform-origin: 50% 50%;
622
+ transform: scale(0, 0);
623
+ }
624
+ 100% {
625
+ opacity: 1;
626
+ transform-origin: 50% 50%;
627
+ transform: scale(1, 1);
628
+ }
629
+ }
630
+ @keyframes rcToolTipZoomOut {
631
+ 0% {
632
+ opacity: 1;
633
+ transform-origin: 50% 50%;
634
+ transform: scale(1, 1);
635
+ }
636
+ 100% {
637
+ opacity: 0;
638
+ transform-origin: 50% 50%;
639
+ transform: scale(0, 0);
640
+ }
641
+ }
642
+ .rc-tooltip {
643
+ position: absolute;
644
+ z-index: 1070;
645
+ display: block;
646
+ visibility: visible;
647
+ font-size: 12px;
648
+ line-height: 1.5;
649
+ opacity: 0.9;
650
+ }
651
+ .rc-tooltip-hidden {
652
+ display: none;
653
+ }
654
+ .rc-tooltip-placement-top,
655
+ .rc-tooltip-placement-topLeft,
656
+ .rc-tooltip-placement-topRight {
657
+ padding: 5px 0 9px 0;
658
+ }
659
+ .rc-tooltip-placement-right,
660
+ .rc-tooltip-placement-rightTop,
661
+ .rc-tooltip-placement-rightBottom {
662
+ padding: 0 5px 0 9px;
663
+ }
664
+ .rc-tooltip-placement-bottom,
665
+ .rc-tooltip-placement-bottomLeft,
666
+ .rc-tooltip-placement-bottomRight {
667
+ padding: 9px 0 5px 0;
668
+ }
669
+ .rc-tooltip-placement-left,
670
+ .rc-tooltip-placement-leftTop,
671
+ .rc-tooltip-placement-leftBottom {
672
+ padding: 0 9px 0 5px;
673
+ }
674
+ .rc-tooltip-inner {
675
+ padding: 8px 10px;
676
+ color: #fff;
677
+ text-align: left;
678
+ text-decoration: none;
679
+ background-color: #373737;
680
+ border-radius: 6px;
681
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
682
+ min-height: 34px;
683
+ }
684
+ .rc-tooltip-arrow {
685
+ position: absolute;
686
+ width: 0;
687
+ height: 0;
688
+ border-color: transparent;
689
+ border-style: solid;
690
+ }
691
+ .rc-tooltip-placement-top .rc-tooltip-arrow,
692
+ .rc-tooltip-placement-topLeft .rc-tooltip-arrow,
693
+ .rc-tooltip-placement-topRight .rc-tooltip-arrow {
694
+ bottom: 4px;
695
+ margin-left: -5px;
696
+ border-width: 5px 5px 0;
697
+ border-top-color: #373737;
698
+ }
699
+ .rc-tooltip-placement-top .rc-tooltip-arrow {
700
+ left: 50%;
701
+ }
702
+ .rc-tooltip-placement-topLeft .rc-tooltip-arrow {
703
+ left: 15%;
704
+ }
705
+ .rc-tooltip-placement-topRight .rc-tooltip-arrow {
706
+ right: 15%;
707
+ }
708
+ .rc-tooltip-placement-right .rc-tooltip-arrow,
709
+ .rc-tooltip-placement-rightTop .rc-tooltip-arrow,
710
+ .rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
711
+ left: 4px;
712
+ margin-top: -5px;
713
+ border-width: 5px 5px 5px 0;
714
+ border-right-color: #373737;
715
+ }
716
+ .rc-tooltip-placement-right .rc-tooltip-arrow {
717
+ top: 50%;
718
+ }
719
+ .rc-tooltip-placement-rightTop .rc-tooltip-arrow {
720
+ top: 15%;
721
+ margin-top: 0;
722
+ }
723
+ .rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
724
+ bottom: 15%;
725
+ }
726
+ .rc-tooltip-placement-left .rc-tooltip-arrow,
727
+ .rc-tooltip-placement-leftTop .rc-tooltip-arrow,
728
+ .rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
729
+ right: 4px;
730
+ margin-top: -5px;
731
+ border-width: 5px 0 5px 5px;
732
+ border-left-color: #373737;
733
+ }
734
+ .rc-tooltip-placement-left .rc-tooltip-arrow {
735
+ top: 50%;
736
+ }
737
+ .rc-tooltip-placement-leftTop .rc-tooltip-arrow {
738
+ top: 15%;
739
+ margin-top: 0;
740
+ }
741
+ .rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
742
+ bottom: 15%;
743
+ }
744
+ .rc-tooltip-placement-bottom .rc-tooltip-arrow,
745
+ .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
746
+ .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
747
+ top: 4px;
748
+ margin-left: -5px;
749
+ border-width: 0 5px 5px;
750
+ border-bottom-color: #373737;
751
+ }
752
+ .rc-tooltip-placement-bottom .rc-tooltip-arrow {
753
+ left: 50%;
754
+ }
755
+ .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
756
+ left: 15%;
757
+ }
758
+ .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
759
+ right: 15%;
760
+ }
761
+ .rc-slider {
762
+ position: relative;
763
+ width: 100%;
764
+ height: 14px;
765
+ padding: 5px 0;
766
+ border-radius: 6px;
767
+ touch-action: none;
768
+ box-sizing: border-box;
769
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
770
+ }
771
+ .rc-slider * {
772
+ box-sizing: border-box;
773
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
774
+ }
775
+ .rc-slider-rail {
776
+ position: absolute;
777
+ width: 100%;
778
+ height: 4px;
779
+ background-color: #e9e9e9;
780
+ border-radius: 6px;
781
+ }
782
+ .rc-slider-track,
783
+ .rc-slider-tracks {
784
+ position: absolute;
785
+ height: 4px;
786
+ background-color: #abe2fb;
787
+ border-radius: 6px;
788
+ }
789
+ .rc-slider-track-draggable {
790
+ z-index: 1;
791
+ box-sizing: content-box;
792
+ background-clip: content-box;
793
+ border-top: 5px solid rgba(0, 0, 0, 0);
794
+ border-bottom: 5px solid rgba(0, 0, 0, 0);
795
+ transform: translateY(-5px);
796
+ }
797
+ .rc-slider-handle {
798
+ position: absolute;
799
+ z-index: 1;
800
+ width: 14px;
801
+ height: 14px;
802
+ margin-top: -5px;
803
+ background-color: #fff;
804
+ border: solid 2px #96dbfa;
805
+ border-radius: 50%;
806
+ cursor: pointer;
807
+ cursor: -webkit-grab;
808
+ cursor: grab;
809
+ opacity: 0.8;
810
+ user-select: none;
811
+ touch-action: pan-x;
812
+ }
813
+ .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
814
+ border-color: #57c5f7;
815
+ box-shadow: 0 0 0 5px #96dbfa;
816
+ }
817
+ .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {
818
+ opacity: 0;
819
+ }
820
+ .rc-slider-handle:focus {
821
+ outline: none;
822
+ box-shadow: none;
823
+ }
824
+ .rc-slider-handle:focus-visible {
825
+ border-color: #2db7f5;
826
+ box-shadow: 0 0 0 3px #96dbfa;
827
+ }
828
+ .rc-slider-handle-click-focused:focus {
829
+ border-color: #96dbfa;
830
+ box-shadow: unset;
831
+ }
832
+ .rc-slider-handle:hover {
833
+ border-color: #57c5f7;
834
+ }
835
+ .rc-slider-handle:active {
836
+ border-color: #57c5f7;
837
+ box-shadow: 0 0 5px #57c5f7;
838
+ cursor: -webkit-grabbing;
839
+ cursor: grabbing;
840
+ }
841
+ .rc-slider-mark {
842
+ position: absolute;
843
+ top: 18px;
844
+ left: 0;
845
+ width: 100%;
846
+ font-size: 12px;
847
+ }
848
+ .rc-slider-mark-text {
849
+ position: absolute;
850
+ display: inline-block;
851
+ color: #999;
852
+ text-align: center;
853
+ vertical-align: middle;
854
+ cursor: pointer;
855
+ }
856
+ .rc-slider-mark-text-active {
857
+ color: #666;
858
+ }
859
+ .rc-slider-step {
860
+ position: absolute;
861
+ width: 100%;
862
+ height: 4px;
863
+ background: transparent;
864
+ }
865
+ .rc-slider-dot {
866
+ position: absolute;
867
+ bottom: -2px;
868
+ width: 8px;
869
+ height: 8px;
870
+ vertical-align: middle;
871
+ background-color: #fff;
872
+ border: 2px solid #e9e9e9;
873
+ border-radius: 50%;
874
+ cursor: pointer;
875
+ }
876
+ .rc-slider-dot-active {
877
+ border-color: #96dbfa;
878
+ }
879
+ .rc-slider-dot-reverse {
880
+ margin-right: -4px;
881
+ }
882
+ .rc-slider-disabled {
883
+ background-color: #e9e9e9;
884
+ }
885
+ .rc-slider-disabled .rc-slider-track {
886
+ background-color: #ccc;
887
+ }
888
+ .rc-slider-disabled .rc-slider-handle,
889
+ .rc-slider-disabled .rc-slider-dot {
890
+ background-color: #fff;
891
+ border-color: #ccc;
892
+ box-shadow: none;
893
+ cursor: not-allowed;
894
+ }
895
+ .rc-slider-disabled .rc-slider-mark-text,
896
+ .rc-slider-disabled .rc-slider-dot {
897
+ cursor: not-allowed !important;
898
+ }
899
+ .rc-slider-vertical {
900
+ width: 14px;
901
+ height: 100%;
902
+ padding: 0 5px;
903
+ }
904
+ .rc-slider-vertical .rc-slider-rail {
905
+ width: 4px;
906
+ height: 100%;
907
+ }
908
+ .rc-slider-vertical .rc-slider-track {
909
+ bottom: 0;
910
+ left: 5px;
911
+ width: 4px;
912
+ }
913
+ .rc-slider-vertical .rc-slider-track-draggable {
914
+ border-top: 0;
915
+ border-right: 5px solid rgba(0, 0, 0, 0);
916
+ border-bottom: 0;
917
+ border-left: 5px solid rgba(0, 0, 0, 0);
918
+ transform: translateX(-5px);
919
+ }
920
+ .rc-slider-vertical .rc-slider-handle {
921
+ position: absolute;
922
+ z-index: 1;
923
+ margin-top: 0;
924
+ margin-left: -5px;
925
+ touch-action: pan-y;
926
+ }
927
+ .rc-slider-vertical .rc-slider-mark {
928
+ top: 0;
929
+ left: 18px;
930
+ height: 100%;
931
+ }
932
+ .rc-slider-vertical .rc-slider-step {
933
+ width: 4px;
934
+ height: 100%;
935
+ }
936
+ .rc-slider-vertical .rc-slider-dot {
937
+ margin-left: -2px;
938
+ }
939
+ .rc-slider-tooltip-zoom-down-enter,
940
+ .rc-slider-tooltip-zoom-down-appear {
941
+ display: block !important;
942
+ animation-duration: 0.3s;
943
+ animation-fill-mode: both;
944
+ animation-play-state: paused;
945
+ }
946
+ .rc-slider-tooltip-zoom-down-leave {
947
+ display: block !important;
948
+ animation-duration: 0.3s;
949
+ animation-fill-mode: both;
950
+ animation-play-state: paused;
951
+ }
952
+ .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
953
+ .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
954
+ animation-name: rcSliderTooltipZoomDownIn;
955
+ animation-play-state: running;
956
+ }
957
+ .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
958
+ animation-name: rcSliderTooltipZoomDownOut;
959
+ animation-play-state: running;
960
+ }
961
+ .rc-slider-tooltip-zoom-down-enter,
962
+ .rc-slider-tooltip-zoom-down-appear {
963
+ transform: scale(0, 0);
964
+ animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
965
+ }
966
+ .rc-slider-tooltip-zoom-down-leave {
967
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
968
+ }
969
+ @keyframes rcSliderTooltipZoomDownIn {
970
+ 0% {
971
+ transform: scale(0, 0);
972
+ transform-origin: 50% 100%;
973
+ opacity: 0;
974
+ }
975
+ 100% {
976
+ transform: scale(1, 1);
977
+ transform-origin: 50% 100%;
978
+ }
979
+ }
980
+ @keyframes rcSliderTooltipZoomDownOut {
981
+ 0% {
982
+ transform: scale(1, 1);
983
+ transform-origin: 50% 100%;
984
+ }
985
+ 100% {
986
+ transform: scale(0, 0);
987
+ transform-origin: 50% 100%;
988
+ opacity: 0;
989
+ }
990
+ }
991
+ .rc-slider-tooltip {
992
+ position: absolute;
993
+ top: -9999px;
994
+ left: -9999px;
995
+ visibility: visible;
996
+ box-sizing: border-box;
997
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
998
+ }
999
+ .rc-slider-tooltip * {
1000
+ box-sizing: border-box;
1001
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1002
+ }
1003
+ .rc-slider-tooltip-hidden {
1004
+ display: none;
1005
+ }
1006
+ .rc-slider-tooltip-placement-top {
1007
+ padding: 4px 0 8px 0;
1008
+ }
1009
+ .rc-slider-tooltip-inner {
1010
+ min-width: 24px;
1011
+ height: 24px;
1012
+ padding: 6px 2px;
1013
+ color: #fff;
1014
+ font-size: 12px;
1015
+ line-height: 1;
1016
+ text-align: center;
1017
+ text-decoration: none;
1018
+ background-color: #6c6c6c;
1019
+ border-radius: 6px;
1020
+ box-shadow: 0 0 4px #d9d9d9;
1021
+ }
1022
+ .rc-slider-tooltip-arrow {
1023
+ position: absolute;
1024
+ width: 0;
1025
+ height: 0;
1026
+ border-color: transparent;
1027
+ border-style: solid;
1028
+ }
1029
+ .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
1030
+ bottom: 4px;
1031
+ left: 50%;
1032
+ margin-left: -4px;
1033
+ border-width: 4px 4px 0;
1034
+ border-top-color: #6c6c6c;
1035
+ }
1036
+ /* Customization of react-toastify messages/notifications. */
1037
+
1038
+ .Toastify {
1039
+ z-index: 999999;
1040
+ position: fixed;
1041
+ --toastify-toast-width: 350px;
1042
+ --toastify-toast-min-height: 68px;
1043
+ --toastify-toast-padding: 0 35px 0 70px;
1044
+ }
1045
+ .Toastify__toast {
1046
+ margin-bottom: -1px;
1047
+ border: 1px solid #fff;
1048
+ }
1049
+ .Toastify__toast {
1050
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
1051
+ }
1052
+ .Toastify__toast-container--top-center {
1053
+ top: 0;
1054
+ }
1055
+ .Toastify__toast-body {
1056
+ margin: auto 20px;
1057
+ }
1058
+
1059
+ .Toastify__toast-theme--colored.Toastify__toast--error {
1060
+ background: #ecd9d9 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQlJREFUeNpi/P//PwMtAQspivf29QmAaOeiog9ANlF6GIn1AdDAfiBVAOVOAOJCqlkANNwBSO1HE3YE4gOE9DIRGTr9RIqRbgHQ9QlAygCLFEgsgaIggkbqfSAWwKHkAxArQmmyfFCAx3AGqFwBWT4Aul4B6no4ACZPmBy6cpAvHpDqg34Sskg/SUEETZYBJFgAUutAig/6ySgV+omyAE+yJASwJlsmLMmyn4F80I+e6lhISZZEFHCwZNuAkUyxJUsKADzZMpESsaB8AMsLxEY4E5nJkuhkC4uDeiLrBFIj3JDZlo9PAVqBUBtIAPFCJlxlCJXAA1gkJ9LA8ESS6mRyARMDjQFAgAEAi9hTqMxme4UAAAAASUVORK5CYII=') no-repeat 25px center;
1061
+ color: rgb(130, 0, 0);
1062
+ }
1063
+ .Toastify__toast-theme--colored.Toastify__toast--success {
1064
+ background: #cce0cc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYNJREFUeNpi/P//PwMtAQs+yY7NPYJAKhKIPYFYD4glgPgXED8B4jtAvB2Il1f4lrzHoZ+BEZsPgBIcQKoQiMuAWICAIz8AcTcQ9wMt+o5uARMWwxWA1GkgbiPCcAaomlYgPgXViwKY0AyXAVKHgViHjOAG6TkMNQPTAmiwrANiGQriVAZqBlYfFACxKRUSjimGBUDXCwGpCmokS2BEg6j/6D4AJUV+KhkOC/JsZAvcqWw4iPJAtsCAyoaDgD6yBeJUNhxuJsyCn7g0IxtAguEYyfQ5sa4kwfCXyBbcxFVYYTOQGJcDwUVkC3biKVFxBhkew0FgB7IFy4H4IzGWEGn4R6iZEAuArnoHpDoJ1A3EGs4ANQtkJqI+AGriBFIngViXwjx3BYjNgPg7SmEHrSyCgPgZBYY/BeJAmOEY9QHQElA1aAN1BTkut4FWpah1MlqY3od6EVRllpJSZSK7nFCl/x1aZU4H4ihowQWq9CWRMuYlaFJcBsTvcdnOSOtmC0CAAQDdhonhy/OiLAAAAABJRU5ErkJggg==') no-repeat 25px center;
1065
+ color: rgb(0, 100, 0);
1066
+ }
1067
+
1068
+ .Toastify__close-button {
1069
+ top: 0;
1070
+ right: 0;
1071
+ height: 100%;
1072
+ padding: 5px 10px;
1073
+ color: #111;
1074
+ font-weight: normal;
1075
+ align-self: auto;
1076
+ transition: 0.05s;
1077
+ background: rgba(0, 0, 0, 0.05);
1078
+ border-radius: 0;
1079
+ opacity: 1;
1080
+ }
1081
+ .Toastify__close-button:hover {
1082
+ background: rgba(0, 0, 0, 0.1);
1083
+ }
1084
+
1085
+ .Toastify__toast-icon {
1086
+ display: none;
1087
+ }
1088
+
1089
+ .react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
1090
+ .react-datepicker__month-read-view--down-arrow,
1091
+ .react-datepicker__month-year-read-view--down-arrow {
1092
+ border-color: #ccc;
1093
+ border-style: solid;
1094
+ border-width: 3px 3px 0 0;
1095
+ content: "";
1096
+ display: block;
1097
+ height: 9px;
1098
+ position: absolute;
1099
+ top: 6px;
1100
+ width: 9px;
1101
+ }
1102
+ /* sr-only utility class for accessibility */
1103
+ .react-datepicker__sr-only {
1104
+ position: absolute;
1105
+ width: 1px;
1106
+ height: 1px;
1107
+ padding: 0;
1108
+ margin: -1px;
1109
+ overflow: hidden;
1110
+ clip-path: inset(50%);
1111
+ white-space: nowrap;
1112
+ border: 0;
1113
+ }
1114
+
1115
+ .react-datepicker-wrapper {
1116
+ display: inline-block;
1117
+ padding: 0;
1118
+ border: 0;
1119
+ }
1120
+
1121
+ .react-datepicker {
1122
+ font-family: "Helvetica Neue", helvetica, arial, sans-serif;
1123
+ font-size: 0.8rem;
1124
+ background-color: #fff;
1125
+ color: #000;
1126
+ border: 1px solid #aeaeae;
1127
+ border-radius: 0.3rem;
1128
+ display: inline-block;
1129
+ position: relative;
1130
+ line-height: initial;
1131
+ }
1132
+
1133
+ .react-datepicker--time-only .react-datepicker__time-container {
1134
+ border-left: 0;
1135
+ }
1136
+ .react-datepicker--time-only .react-datepicker__time,
1137
+ .react-datepicker--time-only .react-datepicker__time-box {
1138
+ border-bottom-left-radius: 0.3rem;
1139
+ border-bottom-right-radius: 0.3rem;
1140
+ }
1141
+
1142
+ .react-datepicker-popper {
1143
+ z-index: 1;
1144
+ line-height: 0;
1145
+ }
1146
+ .react-datepicker-popper .react-datepicker__triangle {
1147
+ stroke: #aeaeae;
1148
+ }
1149
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
1150
+ fill: #f0f0f0;
1151
+ color: #f0f0f0;
1152
+ }
1153
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
1154
+ fill: #fff;
1155
+ color: #fff;
1156
+ }
1157
+
1158
+ .react-datepicker__header {
1159
+ text-align: center;
1160
+ background-color: #f0f0f0;
1161
+ border-bottom: 1px solid #aeaeae;
1162
+ border-top-left-radius: 0.3rem;
1163
+ padding: 8px 0;
1164
+ position: relative;
1165
+ }
1166
+ .react-datepicker__header--time {
1167
+ padding-bottom: 8px;
1168
+ padding-left: 5px;
1169
+ padding-right: 5px;
1170
+ }
1171
+ .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
1172
+ border-top-left-radius: 0;
1173
+ }
1174
+ .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
1175
+ border-top-right-radius: 0.3rem;
1176
+ }
1177
+
1178
+ .react-datepicker__year-dropdown-container--select,
1179
+ .react-datepicker__month-dropdown-container--select,
1180
+ .react-datepicker__month-year-dropdown-container--select,
1181
+ .react-datepicker__year-dropdown-container--scroll,
1182
+ .react-datepicker__month-dropdown-container--scroll,
1183
+ .react-datepicker__month-year-dropdown-container--scroll {
1184
+ display: inline-block;
1185
+ margin: 0 15px;
1186
+ }
1187
+
1188
+ .react-datepicker__current-month,
1189
+ .react-datepicker-time__header,
1190
+ .react-datepicker-year-header {
1191
+ margin-top: 0;
1192
+ color: #000;
1193
+ font-weight: bold;
1194
+ font-size: 0.944rem;
1195
+ }
1196
+
1197
+ h2.react-datepicker__current-month {
1198
+ padding: 0;
1199
+ margin: 0;
1200
+ }
1201
+
1202
+ .react-datepicker-time__header {
1203
+ text-overflow: ellipsis;
1204
+ white-space: nowrap;
1205
+ overflow: hidden;
1206
+ }
1207
+
1208
+ .react-datepicker__navigation {
1209
+ align-items: center;
1210
+ background: none;
1211
+ display: flex;
1212
+ justify-content: center;
1213
+ text-align: center;
1214
+ cursor: pointer;
1215
+ position: absolute;
1216
+ top: 2px;
1217
+ padding: 0;
1218
+ border: none;
1219
+ z-index: 1;
1220
+ height: 32px;
1221
+ width: 32px;
1222
+ text-indent: -999em;
1223
+ overflow: hidden;
1224
+ }
1225
+ .react-datepicker__navigation--previous {
1226
+ left: 2px;
1227
+ }
1228
+ .react-datepicker__navigation--next {
1229
+ right: 2px;
1230
+ }
1231
+ .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
1232
+ right: 85px;
1233
+ }
1234
+ .react-datepicker__navigation--years {
1235
+ position: relative;
1236
+ top: 0;
1237
+ display: block;
1238
+ margin-left: auto;
1239
+ margin-right: auto;
1240
+ }
1241
+ .react-datepicker__navigation--years-previous {
1242
+ top: 4px;
1243
+ }
1244
+ .react-datepicker__navigation--years-upcoming {
1245
+ top: -4px;
1246
+ }
1247
+ .react-datepicker__navigation:hover *::before {
1248
+ border-color: rgb(165.75, 165.75, 165.75);
1249
+ }
1250
+
1251
+ .react-datepicker__navigation-icon {
1252
+ position: relative;
1253
+ top: -1px;
1254
+ font-size: 20px;
1255
+ width: 0;
1256
+ }
1257
+ .react-datepicker__navigation-icon--next {
1258
+ left: -2px;
1259
+ }
1260
+ .react-datepicker__navigation-icon--next::before {
1261
+ transform: rotate(45deg);
1262
+ left: -7px;
1263
+ }
1264
+ .react-datepicker__navigation-icon--previous {
1265
+ right: -2px;
1266
+ }
1267
+ .react-datepicker__navigation-icon--previous::before {
1268
+ transform: rotate(225deg);
1269
+ right: -7px;
1270
+ }
1271
+
1272
+ .react-datepicker__month-container {
1273
+ float: left;
1274
+ }
1275
+
1276
+ .react-datepicker__year {
1277
+ margin: 0.4rem;
1278
+ text-align: center;
1279
+ }
1280
+ .react-datepicker__year-wrapper {
1281
+ display: flex;
1282
+ flex-wrap: wrap;
1283
+ max-width: 180px;
1284
+ }
1285
+ .react-datepicker__year .react-datepicker__year-text {
1286
+ display: inline-block;
1287
+ width: 4rem;
1288
+ margin: 2px;
1289
+ }
1290
+
1291
+ .react-datepicker__month {
1292
+ margin: 0.4rem;
1293
+ text-align: center;
1294
+ }
1295
+ .react-datepicker__month .react-datepicker__month-text,
1296
+ .react-datepicker__month .react-datepicker__quarter-text {
1297
+ display: inline-block;
1298
+ width: 4rem;
1299
+ margin: 2px;
1300
+ }
1301
+
1302
+ .react-datepicker__input-time-container {
1303
+ clear: both;
1304
+ width: 100%;
1305
+ float: left;
1306
+ margin: 5px 0 10px 15px;
1307
+ text-align: left;
1308
+ }
1309
+ .react-datepicker__input-time-container .react-datepicker-time__caption {
1310
+ display: inline-block;
1311
+ }
1312
+ .react-datepicker__input-time-container .react-datepicker-time__input-container {
1313
+ display: inline-block;
1314
+ }
1315
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
1316
+ display: inline-block;
1317
+ margin-left: 10px;
1318
+ }
1319
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
1320
+ width: auto;
1321
+ }
1322
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
1323
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
1324
+ -webkit-appearance: none;
1325
+ margin: 0;
1326
+ }
1327
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
1328
+ -moz-appearance: textfield;
1329
+ }
1330
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
1331
+ margin-left: 5px;
1332
+ display: inline-block;
1333
+ }
1334
+
1335
+ .react-datepicker__time-container {
1336
+ float: right;
1337
+ border-left: 1px solid #aeaeae;
1338
+ width: 85px;
1339
+ }
1340
+ .react-datepicker__time-container--with-today-button {
1341
+ display: inline;
1342
+ border: 1px solid #aeaeae;
1343
+ border-radius: 0.3rem;
1344
+ position: absolute;
1345
+ right: -87px;
1346
+ top: 0;
1347
+ }
1348
+ .react-datepicker__time-container .react-datepicker__time {
1349
+ position: relative;
1350
+ background: white;
1351
+ border-bottom-right-radius: 0.3rem;
1352
+ }
1353
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
1354
+ width: 85px;
1355
+ overflow-x: hidden;
1356
+ margin: 0 auto;
1357
+ text-align: center;
1358
+ border-bottom-right-radius: 0.3rem;
1359
+ }
1360
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
1361
+ list-style: none;
1362
+ margin: 0;
1363
+ height: calc(195px + 1.7rem / 2);
1364
+ overflow-y: scroll;
1365
+ padding-right: 0;
1366
+ padding-left: 0;
1367
+ width: 100%;
1368
+ box-sizing: content-box;
1369
+ }
1370
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
1371
+ height: 30px;
1372
+ padding: 5px 10px;
1373
+ white-space: nowrap;
1374
+ }
1375
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
1376
+ cursor: pointer;
1377
+ background-color: #f0f0f0;
1378
+ }
1379
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
1380
+ background-color: #216ba5;
1381
+ color: white;
1382
+ font-weight: bold;
1383
+ }
1384
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
1385
+ background-color: #216ba5;
1386
+ }
1387
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
1388
+ color: #ccc;
1389
+ }
1390
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
1391
+ cursor: default;
1392
+ background-color: transparent;
1393
+ }
1394
+
1395
+ .react-datepicker__week-number {
1396
+ color: #ccc;
1397
+ display: inline-block;
1398
+ width: 1.7rem;
1399
+ line-height: 1.7rem;
1400
+ text-align: center;
1401
+ margin: 0.166rem;
1402
+ }
1403
+ .react-datepicker__week-number.react-datepicker__week-number--clickable {
1404
+ cursor: pointer;
1405
+ }
1406
+ .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
1407
+ border-radius: 0.3rem;
1408
+ background-color: #f0f0f0;
1409
+ }
1410
+ .react-datepicker__week-number--selected {
1411
+ border-radius: 0.3rem;
1412
+ background-color: #216ba5;
1413
+ color: #fff;
1414
+ }
1415
+ .react-datepicker__week-number--selected:hover {
1416
+ background-color: rgb(28.75, 93.2196969697, 143.75);
1417
+ }
1418
+
1419
+ .react-datepicker__day-names {
1420
+ text-align: center;
1421
+ white-space: nowrap;
1422
+ margin-bottom: -8px;
1423
+ }
1424
+
1425
+ .react-datepicker__week {
1426
+ white-space: nowrap;
1427
+ }
1428
+
1429
+ .react-datepicker__day-name,
1430
+ .react-datepicker__day,
1431
+ .react-datepicker__time-name {
1432
+ color: #000;
1433
+ display: inline-block;
1434
+ width: 1.7rem;
1435
+ line-height: 1.7rem;
1436
+ text-align: center;
1437
+ margin: 0.166rem;
1438
+ }
1439
+ .react-datepicker__day-name--disabled,
1440
+ .react-datepicker__day--disabled,
1441
+ .react-datepicker__time-name--disabled {
1442
+ cursor: default;
1443
+ color: #ccc;
1444
+ }
1445
+
1446
+ .react-datepicker__day,
1447
+ .react-datepicker__month-text,
1448
+ .react-datepicker__quarter-text,
1449
+ .react-datepicker__year-text {
1450
+ cursor: pointer;
1451
+ }
1452
+ .react-datepicker__day:not([aria-disabled=true]):hover,
1453
+ .react-datepicker__month-text:not([aria-disabled=true]):hover,
1454
+ .react-datepicker__quarter-text:not([aria-disabled=true]):hover,
1455
+ .react-datepicker__year-text:not([aria-disabled=true]):hover {
1456
+ border-radius: 0.3rem;
1457
+ background-color: #f0f0f0;
1458
+ }
1459
+ .react-datepicker__day--today,
1460
+ .react-datepicker__month-text--today,
1461
+ .react-datepicker__quarter-text--today,
1462
+ .react-datepicker__year-text--today {
1463
+ font-weight: bold;
1464
+ }
1465
+ .react-datepicker__day--highlighted,
1466
+ .react-datepicker__month-text--highlighted,
1467
+ .react-datepicker__quarter-text--highlighted,
1468
+ .react-datepicker__year-text--highlighted {
1469
+ border-radius: 0.3rem;
1470
+ background-color: #3dcc4a;
1471
+ color: #fff;
1472
+ }
1473
+ .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
1474
+ .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
1475
+ .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
1476
+ .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
1477
+ background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
1478
+ }
1479
+ .react-datepicker__day--highlighted-custom-1,
1480
+ .react-datepicker__month-text--highlighted-custom-1,
1481
+ .react-datepicker__quarter-text--highlighted-custom-1,
1482
+ .react-datepicker__year-text--highlighted-custom-1 {
1483
+ color: magenta;
1484
+ }
1485
+ .react-datepicker__day--highlighted-custom-2,
1486
+ .react-datepicker__month-text--highlighted-custom-2,
1487
+ .react-datepicker__quarter-text--highlighted-custom-2,
1488
+ .react-datepicker__year-text--highlighted-custom-2 {
1489
+ color: green;
1490
+ }
1491
+ .react-datepicker__day--holidays,
1492
+ .react-datepicker__month-text--holidays,
1493
+ .react-datepicker__quarter-text--holidays,
1494
+ .react-datepicker__year-text--holidays {
1495
+ position: relative;
1496
+ border-radius: 0.3rem;
1497
+ background-color: #ff6803;
1498
+ color: #fff;
1499
+ }
1500
+ .react-datepicker__day--holidays .overlay,
1501
+ .react-datepicker__month-text--holidays .overlay,
1502
+ .react-datepicker__quarter-text--holidays .overlay,
1503
+ .react-datepicker__year-text--holidays .overlay {
1504
+ position: absolute;
1505
+ bottom: 100%;
1506
+ left: 50%;
1507
+ transform: translateX(-50%);
1508
+ background-color: #333;
1509
+ color: #fff;
1510
+ padding: 4px;
1511
+ border-radius: 4px;
1512
+ white-space: nowrap;
1513
+ visibility: hidden;
1514
+ opacity: 0;
1515
+ transition: visibility 0s, opacity 0.3s ease-in-out;
1516
+ }
1517
+ .react-datepicker__day--holidays:not([aria-disabled=true]):hover,
1518
+ .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
1519
+ .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
1520
+ .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
1521
+ background-color: rgb(207, 82.9642857143, 0);
1522
+ }
1523
+ .react-datepicker__day--holidays:hover .overlay,
1524
+ .react-datepicker__month-text--holidays:hover .overlay,
1525
+ .react-datepicker__quarter-text--holidays:hover .overlay,
1526
+ .react-datepicker__year-text--holidays:hover .overlay {
1527
+ visibility: visible;
1528
+ opacity: 1;
1529
+ }
1530
+ .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
1531
+ .react-datepicker__month-text--selected,
1532
+ .react-datepicker__month-text--in-selecting-range,
1533
+ .react-datepicker__month-text--in-range,
1534
+ .react-datepicker__quarter-text--selected,
1535
+ .react-datepicker__quarter-text--in-selecting-range,
1536
+ .react-datepicker__quarter-text--in-range,
1537
+ .react-datepicker__year-text--selected,
1538
+ .react-datepicker__year-text--in-selecting-range,
1539
+ .react-datepicker__year-text--in-range {
1540
+ border-radius: 0.3rem;
1541
+ background-color: #216ba5;
1542
+ color: #fff;
1543
+ }
1544
+ .react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
1545
+ .react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
1546
+ .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
1547
+ .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
1548
+ .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
1549
+ .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
1550
+ .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
1551
+ .react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
1552
+ .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
1553
+ .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
1554
+ background-color: rgb(28.75, 93.2196969697, 143.75);
1555
+ }
1556
+ .react-datepicker__day--keyboard-selected,
1557
+ .react-datepicker__month-text--keyboard-selected,
1558
+ .react-datepicker__quarter-text--keyboard-selected,
1559
+ .react-datepicker__year-text--keyboard-selected {
1560
+ border-radius: 0.3rem;
1561
+ background-color: rgb(186.25, 217.0833333333, 241.25);
1562
+ color: rgb(0, 0, 0);
1563
+ }
1564
+ .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
1565
+ .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
1566
+ .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
1567
+ .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
1568
+ background-color: rgb(28.75, 93.2196969697, 143.75);
1569
+ }
1570
+ .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
1571
+ .react-datepicker__month-text--in-range,
1572
+ .react-datepicker__quarter-text--in-range,
1573
+ .react-datepicker__year-text--in-range),
1574
+ .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
1575
+ .react-datepicker__month-text--in-range,
1576
+ .react-datepicker__quarter-text--in-range,
1577
+ .react-datepicker__year-text--in-range),
1578
+ .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
1579
+ .react-datepicker__month-text--in-range,
1580
+ .react-datepicker__quarter-text--in-range,
1581
+ .react-datepicker__year-text--in-range),
1582
+ .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
1583
+ .react-datepicker__month-text--in-range,
1584
+ .react-datepicker__quarter-text--in-range,
1585
+ .react-datepicker__year-text--in-range) {
1586
+ background-color: rgba(33, 107, 165, 0.5);
1587
+ }
1588
+ .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
1589
+ .react-datepicker__month-text--in-selecting-range,
1590
+ .react-datepicker__quarter-text--in-selecting-range,
1591
+ .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
1592
+ .react-datepicker__month-text--in-selecting-range,
1593
+ .react-datepicker__quarter-text--in-selecting-range,
1594
+ .react-datepicker__year-text--in-selecting-range),
1595
+ .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
1596
+ .react-datepicker__month-text--in-selecting-range,
1597
+ .react-datepicker__quarter-text--in-selecting-range,
1598
+ .react-datepicker__year-text--in-selecting-range),
1599
+ .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
1600
+ .react-datepicker__month-text--in-selecting-range,
1601
+ .react-datepicker__quarter-text--in-selecting-range,
1602
+ .react-datepicker__year-text--in-selecting-range),
1603
+ .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
1604
+ .react-datepicker__month-text--in-selecting-range,
1605
+ .react-datepicker__quarter-text--in-selecting-range,
1606
+ .react-datepicker__year-text--in-selecting-range),
1607
+ .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
1608
+ .react-datepicker__month-text--in-selecting-range,
1609
+ .react-datepicker__quarter-text--in-selecting-range,
1610
+ .react-datepicker__year-text--in-selecting-range),
1611
+ .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
1612
+ .react-datepicker__month-text--in-selecting-range,
1613
+ .react-datepicker__quarter-text--in-selecting-range,
1614
+ .react-datepicker__year-text--in-selecting-range),
1615
+ .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
1616
+ .react-datepicker__month-text--in-selecting-range,
1617
+ .react-datepicker__quarter-text--in-selecting-range,
1618
+ .react-datepicker__year-text--in-selecting-range) {
1619
+ background-color: #f0f0f0;
1620
+ color: #000;
1621
+ }
1622
+ .react-datepicker__day--disabled,
1623
+ .react-datepicker__month-text--disabled,
1624
+ .react-datepicker__quarter-text--disabled,
1625
+ .react-datepicker__year-text--disabled {
1626
+ cursor: default;
1627
+ color: #ccc;
1628
+ }
1629
+ .react-datepicker__day--disabled .overlay,
1630
+ .react-datepicker__month-text--disabled .overlay,
1631
+ .react-datepicker__quarter-text--disabled .overlay,
1632
+ .react-datepicker__year-text--disabled .overlay {
1633
+ position: absolute;
1634
+ bottom: 70%;
1635
+ left: 50%;
1636
+ transform: translateX(-50%);
1637
+ background-color: #333;
1638
+ color: #fff;
1639
+ padding: 4px;
1640
+ border-radius: 4px;
1641
+ white-space: nowrap;
1642
+ visibility: hidden;
1643
+ opacity: 0;
1644
+ transition: visibility 0s, opacity 0.3s ease-in-out;
1645
+ }
1646
+
1647
+ .react-datepicker__input-container {
1648
+ position: relative;
1649
+ display: inline-block;
1650
+ width: 100%;
1651
+ }
1652
+ .react-datepicker__input-container .react-datepicker__calendar-icon {
1653
+ position: absolute;
1654
+ padding: 0.5rem;
1655
+ box-sizing: content-box;
1656
+ }
1657
+
1658
+ .react-datepicker__view-calendar-icon input {
1659
+ padding: 6px 10px 5px 25px;
1660
+ }
1661
+
1662
+ .react-datepicker__year-read-view,
1663
+ .react-datepicker__month-read-view,
1664
+ .react-datepicker__month-year-read-view {
1665
+ border: 1px solid transparent;
1666
+ border-radius: 0.3rem;
1667
+ position: relative;
1668
+ }
1669
+ .react-datepicker__year-read-view:hover,
1670
+ .react-datepicker__month-read-view:hover,
1671
+ .react-datepicker__month-year-read-view:hover {
1672
+ cursor: pointer;
1673
+ }
1674
+ .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
1675
+ .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
1676
+ .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
1677
+ .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
1678
+ .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
1679
+ .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
1680
+ border-top-color: rgb(178.5, 178.5, 178.5);
1681
+ }
1682
+ .react-datepicker__year-read-view--down-arrow,
1683
+ .react-datepicker__month-read-view--down-arrow,
1684
+ .react-datepicker__month-year-read-view--down-arrow {
1685
+ transform: rotate(135deg);
1686
+ right: -16px;
1687
+ top: 0;
1688
+ }
1689
+
1690
+ .react-datepicker__year-dropdown,
1691
+ .react-datepicker__month-dropdown,
1692
+ .react-datepicker__month-year-dropdown {
1693
+ background-color: #f0f0f0;
1694
+ position: absolute;
1695
+ width: 50%;
1696
+ left: 25%;
1697
+ top: 30px;
1698
+ z-index: 1;
1699
+ text-align: center;
1700
+ border-radius: 0.3rem;
1701
+ border: 1px solid #aeaeae;
1702
+ }
1703
+ .react-datepicker__year-dropdown:hover,
1704
+ .react-datepicker__month-dropdown:hover,
1705
+ .react-datepicker__month-year-dropdown:hover {
1706
+ cursor: pointer;
1707
+ }
1708
+ .react-datepicker__year-dropdown--scrollable,
1709
+ .react-datepicker__month-dropdown--scrollable,
1710
+ .react-datepicker__month-year-dropdown--scrollable {
1711
+ height: 150px;
1712
+ overflow-y: scroll;
1713
+ }
1714
+
1715
+ .react-datepicker__year-option,
1716
+ .react-datepicker__month-option,
1717
+ .react-datepicker__month-year-option {
1718
+ line-height: 20px;
1719
+ width: 100%;
1720
+ display: block;
1721
+ margin-left: auto;
1722
+ margin-right: auto;
1723
+ }
1724
+ .react-datepicker__year-option:first-of-type,
1725
+ .react-datepicker__month-option:first-of-type,
1726
+ .react-datepicker__month-year-option:first-of-type {
1727
+ border-top-left-radius: 0.3rem;
1728
+ border-top-right-radius: 0.3rem;
1729
+ }
1730
+ .react-datepicker__year-option:last-of-type,
1731
+ .react-datepicker__month-option:last-of-type,
1732
+ .react-datepicker__month-year-option:last-of-type {
1733
+ -webkit-user-select: none;
1734
+ -moz-user-select: none;
1735
+ -ms-user-select: none;
1736
+ user-select: none;
1737
+ border-bottom-left-radius: 0.3rem;
1738
+ border-bottom-right-radius: 0.3rem;
1739
+ }
1740
+ .react-datepicker__year-option:hover,
1741
+ .react-datepicker__month-option:hover,
1742
+ .react-datepicker__month-year-option:hover {
1743
+ background-color: #ccc;
1744
+ }
1745
+ .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
1746
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
1747
+ .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
1748
+ border-bottom-color: rgb(178.5, 178.5, 178.5);
1749
+ }
1750
+ .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
1751
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
1752
+ .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
1753
+ border-top-color: rgb(178.5, 178.5, 178.5);
1754
+ }
1755
+ .react-datepicker__year-option--selected,
1756
+ .react-datepicker__month-option--selected,
1757
+ .react-datepicker__month-year-option--selected {
1758
+ position: absolute;
1759
+ left: 15px;
1760
+ }
1761
+
1762
+ .react-datepicker__close-icon {
1763
+ cursor: pointer;
1764
+ background-color: transparent;
1765
+ border: 0;
1766
+ outline: 0;
1767
+ padding: 0 6px 0 0;
1768
+ position: absolute;
1769
+ top: 0;
1770
+ right: 0;
1771
+ height: 100%;
1772
+ display: table-cell;
1773
+ vertical-align: middle;
1774
+ }
1775
+ .react-datepicker__close-icon::after {
1776
+ cursor: pointer;
1777
+ background-color: #216ba5;
1778
+ color: #fff;
1779
+ border-radius: 50%;
1780
+ height: 16px;
1781
+ width: 16px;
1782
+ padding: 2px;
1783
+ font-size: 12px;
1784
+ line-height: 1;
1785
+ text-align: center;
1786
+ display: table-cell;
1787
+ vertical-align: middle;
1788
+ content: "×";
1789
+ }
1790
+ .react-datepicker__close-icon--disabled {
1791
+ cursor: default;
1792
+ }
1793
+ .react-datepicker__close-icon--disabled::after {
1794
+ cursor: default;
1795
+ background-color: #ccc;
1796
+ }
1797
+
1798
+ .react-datepicker__today-button {
1799
+ background: #f0f0f0;
1800
+ border-top: 1px solid #aeaeae;
1801
+ cursor: pointer;
1802
+ text-align: center;
1803
+ font-weight: bold;
1804
+ padding: 5px 0;
1805
+ clear: left;
1806
+ }
1807
+
1808
+ .react-datepicker__portal {
1809
+ position: fixed;
1810
+ width: 100vw;
1811
+ height: 100vh;
1812
+ background-color: rgba(0, 0, 0, 0.8);
1813
+ left: 0;
1814
+ top: 0;
1815
+ justify-content: center;
1816
+ align-items: center;
1817
+ display: flex;
1818
+ z-index: 2147483647;
1819
+ }
1820
+ .react-datepicker__portal .react-datepicker__day-name,
1821
+ .react-datepicker__portal .react-datepicker__day,
1822
+ .react-datepicker__portal .react-datepicker__time-name {
1823
+ width: 3rem;
1824
+ line-height: 3rem;
1825
+ }
1826
+ @media (max-width: 400px), (max-height: 550px) {
1827
+ .react-datepicker__portal .react-datepicker__day-name,
1828
+ .react-datepicker__portal .react-datepicker__day,
1829
+ .react-datepicker__portal .react-datepicker__time-name {
1830
+ width: 2rem;
1831
+ line-height: 2rem;
1832
+ }
1833
+ }
1834
+ .react-datepicker__portal .react-datepicker__current-month,
1835
+ .react-datepicker__portal .react-datepicker-time__header {
1836
+ font-size: 1.44rem;
1837
+ }
1838
+
1839
+ .react-datepicker__children-container {
1840
+ width: 13.8rem;
1841
+ margin: 0.4rem;
1842
+ padding-right: 0.2rem;
1843
+ padding-left: 0.2rem;
1844
+ height: auto;
1845
+ }
1846
+
1847
+ .react-datepicker__aria-live {
1848
+ position: absolute;
1849
+ clip-path: circle(0);
1850
+ border: 0;
1851
+ height: 1px;
1852
+ margin: -1px;
1853
+ overflow: hidden;
1854
+ padding: 0;
1855
+ width: 1px;
1856
+ white-space: nowrap;
1857
+ }
1858
+
1859
+ .react-datepicker__calendar-icon {
1860
+ width: 1em;
1861
+ height: 1em;
1862
+ vertical-align: -0.125em;
1863
+ }
1864
+ /**
1865
+ * CS NG
1866
+ * React Datepicker
1867
+ * Custom
1868
+ *
1869
+ * @author sga
1870
+ * @date 20170000
1871
+ * @info Overwrite
1872
+ * @lastmodified 20190626
1873
+ * @lastmodifiedby sga
1874
+ * @version 1.6.0
1875
+ * @note
1876
+ */
1877
+ .react-datepicker {padding:10px; font-family:arial; font-size:12px; border:none; box-shadow:none;}
1878
+ .react-datepicker__header {background:#fff; border:none;}
1879
+ .react-datepicker__current-month {margin-top:3px; font-size:14px;}
1880
+ .react-datepicker__day {transition:all .1s ease;}
1881
+ .react-datepicker__day--selected,
1882
+ .react-datepicker__day--in-selecting-range,
1883
+ .react-datepicker__day--in-range {background:#333; border-radius:3px;}
1884
+ .react-datepicker__day-name,
1885
+ .react-datepicker__day {margin:0; line-height: 27px; width: 27px;}
1886
+ .react-datepicker__day:hover {background-color:rgba(0,0,0,0.07); transition-duration: 0s; border-radius:3px;}
1887
+ .react-datepicker__day-names {margin-top:10px; margin-bottom:-3px;}
1888
+ .react-datepicker__day--outside-month {color:#888}
1889
+ .react-datepicker__day--selected:hover,
1890
+ .react-datepicker__day--in-selecting-range:hover,
1891
+ .react-datepicker__day--in-range:hover {background: #000;}
1892
+ .react-datepicker__day--keyboard-selected {background:rgba(0,0,0,0.1); border-radius:3px; color:#333;}
1893
+ .react-datepicker__day--today {box-shadow:1px 1px 0px rgba(0,0,0,0.2);}
1894
+ .react-datepicker__navigation {border:none; top:11px; }
1895
+ .react-datepicker__navigation--next {width:40px; height:40px; right:10px; border-radius:3px; }
1896
+ .react-datepicker__navigation--next:hover {background:rgba(0,0,0,0.07);}
1897
+ .react-datepicker__navigation--next::after {position:absolute; top:0; content:''; display:block; width:40px; height:35px; background: url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%2012.94%208.53%208%203.59%203.06%205%201.65%2011.35%208%205%2014.35%203.59%2012.94'/%3e%3cpath%20d='M5,2.35,10.65,8,5,13.65l-.71-.71L8.53,8.71,9.23,8l-.7-.71L4.29,3.06,5,2.35M5,.94,2.88,3.06,7.82,8,2.88,12.94,5,15.06,12.06,8,5,.94Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center; background-size: 16px 16px;}
1898
+ .react-datepicker__navigation--previous {width:40px; height:40px; left:13px; border-radius:3px;}
1899
+ .react-datepicker__navigation--previous:hover {border-radius:3px; background:rgba(0,0,0,0.07);}
1900
+ .react-datepicker__navigation--previous::after {position:absolute; top:0; content:''; display:block; width:35px; height:35px; background-image: url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%208%209.94%201.65%2011.35%203.06%206.41%208%2011.35%2012.94%209.94%2014.35%203.59%208'/%3e%3cpath%20d='M9.94,2.35l.71.71L6.41,7.29,5.71,8l.7.71,4.24,4.23-.71.71L4.29,8,9.94,2.35m0-1.41L2.88,8l7.06,7.06,2.12-2.12L7.12,8l4.94-4.94L9.94.94Z'/%3e%3c/g%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
1901
+
1902
+ .react-datepicker-wrapper .date.invalid,
1903
+ .react-datepicker-wrapper .date.invalid:focus {border-color:#ff0000}
1904
+
1905
+ .react-datepicker-popper {z-index: 2;}
1906
+ .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {border-bottom-color:#fff;}
1907
+ /**
1908
+ * React Select
1909
+ * ============
1910
+ * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
1911
+ * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
1912
+ * MIT License: https://github.com/JedWatson/react-select
1913
+ */
1914
+ .Select {
1915
+ position: relative;
1916
+ }
1917
+ .Select input::-webkit-contacts-auto-fill-button,
1918
+ .Select input::-webkit-credentials-auto-fill-button {
1919
+ display: none !important;
1920
+ }
1921
+ .Select input::-ms-clear {
1922
+ display: none !important;
1923
+ }
1924
+ .Select input::-ms-reveal {
1925
+ display: none !important;
1926
+ }
1927
+ .Select,
1928
+ .Select div,
1929
+ .Select input,
1930
+ .Select span {
1931
+ -webkit-box-sizing: border-box;
1932
+ -moz-box-sizing: border-box;
1933
+ box-sizing: border-box;
1934
+ }
1935
+ .Select.is-disabled .Select-arrow-zone {
1936
+ cursor: default;
1937
+ pointer-events: none;
1938
+ opacity: 0.35;
1939
+ }
1940
+ .Select.is-disabled > .Select-control {
1941
+ background-color: #f9f9f9;
1942
+ }
1943
+ .Select.is-disabled > .Select-control:hover {
1944
+ box-shadow: none;
1945
+ }
1946
+ .Select.is-open > .Select-control {
1947
+ border-bottom-right-radius: 0;
1948
+ border-bottom-left-radius: 0;
1949
+ background: #fff;
1950
+ border-color: #b3b3b3 #ccc #d9d9d9;
1951
+ }
1952
+ .Select.is-open > .Select-control .Select-arrow {
1953
+ top: -2px;
1954
+ border-color: transparent transparent #999;
1955
+ border-width: 0 5px 5px;
1956
+ }
1957
+ .Select.is-searchable.is-open > .Select-control {
1958
+ cursor: text;
1959
+ }
1960
+ .Select.is-searchable.is-focused:not(.is-open) > .Select-control {
1961
+ cursor: text;
1962
+ }
1963
+ .Select.is-focused > .Select-control {
1964
+ background: #fff;
1965
+ }
1966
+ .Select.is-focused:not(.is-open) > .Select-control {
1967
+ border-color: #007eff;
1968
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
1969
+ background: #fff;
1970
+ }
1971
+ .Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
1972
+ padding-right: 42px;
1973
+ }
1974
+ .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
1975
+ .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
1976
+ color: #333;
1977
+ }
1978
+ .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
1979
+ .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
1980
+ cursor: pointer;
1981
+ text-decoration: none;
1982
+ }
1983
+ .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
1984
+ .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
1985
+ .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
1986
+ .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
1987
+ color: #007eff;
1988
+ outline: none;
1989
+ text-decoration: underline;
1990
+ }
1991
+ .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
1992
+ .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
1993
+ background: #fff;
1994
+ }
1995
+ .Select.has-value.is-pseudo-focused .Select-input {
1996
+ opacity: 0;
1997
+ }
1998
+ .Select.is-open .Select-arrow,
1999
+ .Select .Select-arrow-zone:hover > .Select-arrow {
2000
+ border-top-color: #666;
2001
+ }
2002
+ .Select.Select--rtl {
2003
+ direction: rtl;
2004
+ text-align: right;
2005
+ }
2006
+ .Select-control {
2007
+ background-color: #fff;
2008
+ border-color: #d9d9d9 #ccc #b3b3b3;
2009
+ border-radius: 4px;
2010
+ border: 1px solid #ccc;
2011
+ color: #333;
2012
+ cursor: default;
2013
+ display: table;
2014
+ border-spacing: 0;
2015
+ border-collapse: separate;
2016
+ height: 36px;
2017
+ outline: none;
2018
+ overflow: hidden;
2019
+ position: relative;
2020
+ width: 100%;
2021
+ }
2022
+ .Select-control:hover {
2023
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
2024
+ }
2025
+ .Select-control .Select-input:focus {
2026
+ outline: none;
2027
+ background: #fff;
2028
+ }
2029
+ .Select-placeholder,
2030
+ .Select--single > .Select-control .Select-value {
2031
+ bottom: 0;
2032
+ color: #aaa;
2033
+ left: 0;
2034
+ line-height: 34px;
2035
+ padding-left: 10px;
2036
+ padding-right: 10px;
2037
+ position: absolute;
2038
+ right: 0;
2039
+ top: 0;
2040
+ max-width: 100%;
2041
+ overflow: hidden;
2042
+ text-overflow: ellipsis;
2043
+ white-space: nowrap;
2044
+ }
2045
+ .Select-input {
2046
+ height: 34px;
2047
+ padding-left: 10px;
2048
+ padding-right: 10px;
2049
+ vertical-align: middle;
2050
+ }
2051
+ .Select-input > input {
2052
+ width: 100%;
2053
+ background: none transparent;
2054
+ border: 0 none;
2055
+ box-shadow: none;
2056
+ cursor: default;
2057
+ display: inline-block;
2058
+ font-family: inherit;
2059
+ font-size: inherit;
2060
+ margin: 0;
2061
+ outline: none;
2062
+ line-height: 17px;
2063
+ /* For IE 8 compatibility */
2064
+ padding: 8px 0 12px;
2065
+ /* For IE 8 compatibility */
2066
+ -webkit-appearance: none;
2067
+ }
2068
+ .is-focused .Select-input > input {
2069
+ cursor: text;
2070
+ }
2071
+ .has-value.is-pseudo-focused .Select-input {
2072
+ opacity: 0;
2073
+ }
2074
+ .Select-control:not(.is-searchable) > .Select-input {
2075
+ outline: none;
2076
+ }
2077
+ .Select-loading-zone {
2078
+ cursor: pointer;
2079
+ display: table-cell;
2080
+ position: relative;
2081
+ text-align: center;
2082
+ vertical-align: middle;
2083
+ width: 16px;
2084
+ }
2085
+ .Select-loading {
2086
+ -webkit-animation: Select-animation-spin 400ms infinite linear;
2087
+ -o-animation: Select-animation-spin 400ms infinite linear;
2088
+ animation: Select-animation-spin 400ms infinite linear;
2089
+ width: 16px;
2090
+ height: 16px;
2091
+ box-sizing: border-box;
2092
+ border-radius: 50%;
2093
+ border: 2px solid #ccc;
2094
+ border-right-color: #333;
2095
+ display: inline-block;
2096
+ position: relative;
2097
+ vertical-align: middle;
2098
+ }
2099
+ .Select-clear-zone {
2100
+ -webkit-animation: Select-animation-fadeIn 200ms;
2101
+ -o-animation: Select-animation-fadeIn 200ms;
2102
+ animation: Select-animation-fadeIn 200ms;
2103
+ color: #999;
2104
+ cursor: pointer;
2105
+ display: table-cell;
2106
+ position: relative;
2107
+ text-align: center;
2108
+ vertical-align: middle;
2109
+ width: 17px;
2110
+ }
2111
+ .Select-clear-zone:hover {
2112
+ color: #D0021B;
2113
+ }
2114
+ .Select-clear {
2115
+ display: inline-block;
2116
+ font-size: 18px;
2117
+ line-height: 1;
2118
+ }
2119
+ .Select--multi .Select-clear-zone {
2120
+ width: 17px;
2121
+ }
2122
+ .Select-arrow-zone {
2123
+ cursor: pointer;
2124
+ display: table-cell;
2125
+ position: relative;
2126
+ text-align: center;
2127
+ vertical-align: middle;
2128
+ width: 25px;
2129
+ padding-right: 5px;
2130
+ }
2131
+ .Select--rtl .Select-arrow-zone {
2132
+ padding-right: 0;
2133
+ padding-left: 5px;
2134
+ }
2135
+ .Select-arrow {
2136
+ border-color: #999 transparent transparent;
2137
+ border-style: solid;
2138
+ border-width: 5px 5px 2.5px;
2139
+ display: inline-block;
2140
+ height: 0;
2141
+ width: 0;
2142
+ position: relative;
2143
+ }
2144
+ .Select-control > *:last-child {
2145
+ padding-right: 5px;
2146
+ }
2147
+ .Select--multi .Select-multi-value-wrapper {
2148
+ display: inline-block;
2149
+ }
2150
+ .Select .Select-aria-only {
2151
+ position: absolute;
2152
+ display: inline-block;
2153
+ height: 1px;
2154
+ width: 1px;
2155
+ margin: -1px;
2156
+ clip: rect(0, 0, 0, 0);
2157
+ overflow: hidden;
2158
+ float: left;
2159
+ }
2160
+ @-webkit-keyframes Select-animation-fadeIn {
2161
+ from {
2162
+ opacity: 0;
2163
+ }
2164
+ to {
2165
+ opacity: 1;
2166
+ }
2167
+ }
2168
+ @keyframes Select-animation-fadeIn {
2169
+ from {
2170
+ opacity: 0;
2171
+ }
2172
+ to {
2173
+ opacity: 1;
2174
+ }
2175
+ }
2176
+ .Select-menu-outer {
2177
+ border-bottom-right-radius: 4px;
2178
+ border-bottom-left-radius: 4px;
2179
+ background-color: #fff;
2180
+ border: 1px solid #ccc;
2181
+ border-top-color: #e6e6e6;
2182
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
2183
+ box-sizing: border-box;
2184
+ margin-top: -1px;
2185
+ max-height: 200px;
2186
+ position: absolute;
2187
+ left: 0;
2188
+ top: 100%;
2189
+ width: 100%;
2190
+ z-index: 1;
2191
+ -webkit-overflow-scrolling: touch;
2192
+ }
2193
+ .Select-menu {
2194
+ max-height: 198px;
2195
+ overflow-y: auto;
2196
+ }
2197
+ .Select-option {
2198
+ box-sizing: border-box;
2199
+ background-color: #fff;
2200
+ color: #666666;
2201
+ cursor: pointer;
2202
+ display: block;
2203
+ padding: 8px 10px;
2204
+ }
2205
+ .Select-option:last-child {
2206
+ border-bottom-right-radius: 4px;
2207
+ border-bottom-left-radius: 4px;
2208
+ }
2209
+ .Select-option.is-selected {
2210
+ background-color: #f5faff;
2211
+ /* Fallback color for IE 8 */
2212
+ background-color: rgba(0, 126, 255, 0.04);
2213
+ color: #333;
2214
+ }
2215
+ .Select-option.is-focused {
2216
+ background-color: #ebf5ff;
2217
+ /* Fallback color for IE 8 */
2218
+ background-color: rgba(0, 126, 255, 0.08);
2219
+ color: #333;
2220
+ }
2221
+ .Select-option.is-disabled {
2222
+ color: #cccccc;
2223
+ cursor: default;
2224
+ }
2225
+ .Select-noresults {
2226
+ box-sizing: border-box;
2227
+ color: #999999;
2228
+ cursor: default;
2229
+ display: block;
2230
+ padding: 8px 10px;
2231
+ }
2232
+ .Select--multi .Select-input {
2233
+ vertical-align: middle;
2234
+ margin-left: 10px;
2235
+ padding: 0;
2236
+ }
2237
+ .Select--multi.Select--rtl .Select-input {
2238
+ margin-left: 0;
2239
+ margin-right: 10px;
2240
+ }
2241
+ .Select--multi.has-value .Select-input {
2242
+ margin-left: 5px;
2243
+ }
2244
+ .Select--multi .Select-value {
2245
+ background-color: #ebf5ff;
2246
+ /* Fallback color for IE 8 */
2247
+ background-color: rgba(0, 126, 255, 0.08);
2248
+ border-radius: 2px;
2249
+ border: 1px solid #c2e0ff;
2250
+ /* Fallback color for IE 8 */
2251
+ border: 1px solid rgba(0, 126, 255, 0.24);
2252
+ color: #007eff;
2253
+ display: inline-block;
2254
+ font-size: 0.9em;
2255
+ line-height: 1.4;
2256
+ margin-left: 5px;
2257
+ margin-top: 5px;
2258
+ vertical-align: top;
2259
+ }
2260
+ .Select--multi .Select-value-icon,
2261
+ .Select--multi .Select-value-label {
2262
+ display: inline-block;
2263
+ vertical-align: middle;
2264
+ }
2265
+ .Select--multi .Select-value-label {
2266
+ border-bottom-right-radius: 2px;
2267
+ border-top-right-radius: 2px;
2268
+ cursor: default;
2269
+ padding: 2px 5px;
2270
+ }
2271
+ .Select--multi a.Select-value-label {
2272
+ color: #007eff;
2273
+ cursor: pointer;
2274
+ text-decoration: none;
2275
+ }
2276
+ .Select--multi a.Select-value-label:hover {
2277
+ text-decoration: underline;
2278
+ }
2279
+ .Select--multi .Select-value-icon {
2280
+ cursor: pointer;
2281
+ border-bottom-left-radius: 2px;
2282
+ border-top-left-radius: 2px;
2283
+ border-right: 1px solid #c2e0ff;
2284
+ /* Fallback color for IE 8 */
2285
+ border-right: 1px solid rgba(0, 126, 255, 0.24);
2286
+ padding: 1px 5px 3px;
2287
+ }
2288
+ .Select--multi .Select-value-icon:hover,
2289
+ .Select--multi .Select-value-icon:focus {
2290
+ background-color: #d8eafd;
2291
+ /* Fallback color for IE 8 */
2292
+ background-color: rgba(0, 113, 230, 0.08);
2293
+ color: #0071e6;
2294
+ }
2295
+ .Select--multi .Select-value-icon:active {
2296
+ background-color: #c2e0ff;
2297
+ /* Fallback color for IE 8 */
2298
+ background-color: rgba(0, 126, 255, 0.24);
2299
+ }
2300
+ .Select--multi.Select--rtl .Select-value {
2301
+ margin-left: 0;
2302
+ margin-right: 5px;
2303
+ }
2304
+ .Select--multi.Select--rtl .Select-value-icon {
2305
+ border-right: none;
2306
+ border-left: 1px solid #c2e0ff;
2307
+ /* Fallback color for IE 8 */
2308
+ border-left: 1px solid rgba(0, 126, 255, 0.24);
2309
+ }
2310
+ .Select--multi.is-disabled .Select-value {
2311
+ background-color: #fcfcfc;
2312
+ border: 1px solid #e3e3e3;
2313
+ color: #333;
2314
+ }
2315
+ .Select--multi.is-disabled .Select-value-icon {
2316
+ cursor: not-allowed;
2317
+ border-right: 1px solid #e3e3e3;
2318
+ }
2319
+ .Select--multi.is-disabled .Select-value-icon:hover,
2320
+ .Select--multi.is-disabled .Select-value-icon:focus,
2321
+ .Select--multi.is-disabled .Select-value-icon:active {
2322
+ background-color: #fcfcfc;
2323
+ }
2324
+ @keyframes Select-animation-spin {
2325
+ to {
2326
+ transform: rotate(1turn);
2327
+ }
2328
+ }
2329
+ @-webkit-keyframes Select-animation-spin {
2330
+ to {
2331
+ -webkit-transform: rotate(1turn);
2332
+ }
2333
+ }
2334
+ .select-search-container .select-search__control {
2335
+ border-radius: 2px;
2336
+ min-height: 32px;
2337
+ }
2338
+ .select-search-container .select-search__control--menu-is-open {
2339
+ border-color: hsl(0, 0%, 80%);
2340
+ box-shadow: none;
2341
+ }
2342
+ .select-search-container .select-search__control--is-focused {
2343
+ border-color: hsl(0, 0%, 80%);
2344
+ box-shadow: none;
2345
+ }
2346
+ .select-search-container .select-search__value-container {
2347
+ padding-top: 0;
2348
+ padding-bottom: 0;
2349
+ }
2350
+ .select-search-container .select-search__value-container > div {
2351
+ padding-top: 0;
2352
+ padding-bottom: 0;
2353
+ margin-top: 0;
2354
+ margin-bottom: 0;
2355
+ }
2356
+ .select-search-container .select-search__input input[type='text'] {
2357
+ height: 30px;
2358
+ }
2359
+ .select-search-container .select-search__indicator {
2360
+ padding: 2px;
2361
+ }
2362
+ .select-search-container .select-search__indicator-separator {
2363
+ display: none;
2364
+ }
2365
+ .select-search-container .select-search__menu {
2366
+ margin-top: 0;
2367
+ }
2368
+ .select-search-container .select-search__dropdown-indicator {
2369
+ background: no-repeat center url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e");
2370
+ background-size: 16px 16px;
2371
+ }
2372
+ .select-search-container .select-search__dropdown-indicator svg {
2373
+ visibility: hidden;
2374
+ }
2375
+ .select-search-container.special .select-search__option:last-child {
2376
+ font-weight: bold;
2377
+ border-top: 1px solid #ddd;
2378
+ }