@deviceinsight/ng-ui-components 7.0.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/index.cjs +3902 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2846 -1980
- package/dist/index.js.map +1 -1
- package/dist/style.css +2378 -1
- package/dist/types/components/input/SelectWithSearch.stories.d.ts +1 -0
- package/dist/types/components/input/SelectWithSearch.stories.d.ts.map +1 -1
- package/dist/types/components/input/SelectWithSearchAsync.d.ts +1 -0
- package/dist/types/components/input/SelectWithSearchAsync.d.ts.map +1 -1
- package/dist/types/components/input/SelectWithSearchAsync.stories.d.ts +1 -0
- package/dist/types/components/input/SelectWithSearchAsync.stories.d.ts.map +1 -1
- package/dist/types/components/reactable/helpers/ReactableTable.d.ts +1 -1
- package/dist/types/components/reactable/helpers/ReactableTable.d.ts.map +1 -1
- package/package.json +7 -7
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
|
+
}
|