alexpdr

Untitled

May 6th, 2019
262
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 48.34 KB | None | 0 0
  1. <head><style type="text/css">.VirtualSelectGrid {
  2.   z-index: 1;
  3. }
  4.  
  5. .VirtualizedSelectOption {
  6.   display: -webkit-box;
  7.   display: -ms-flexbox;
  8.   display: flex;
  9.   -webkit-box-align: center;
  10.       -ms-flex-align: center;
  11.           align-items: center;
  12.   padding: 0 .5rem;
  13. }
  14. .VirtualizedSelectFocusedOption {
  15.   background-color: rgba(0, 126, 255, 0.1);
  16. }
  17. .VirtualizedSelectDisabledOption {
  18.   opacity: 0.5;
  19. }
  20. .VirtualizedSelectSelectedOption {
  21.   font-weight: bold;
  22. }
  23. </style><style type="text/css">/* Collection default theme */
  24.  
  25. .ReactVirtualized__Collection {
  26. }
  27.  
  28. .ReactVirtualized__Collection__innerScrollContainer {
  29. }
  30.  
  31. /* Grid default theme */
  32.  
  33. .ReactVirtualized__Grid {
  34. }
  35.  
  36. .ReactVirtualized__Grid__innerScrollContainer {
  37. }
  38.  
  39. /* Table default theme */
  40.  
  41. .ReactVirtualized__Table {
  42. }
  43.  
  44. .ReactVirtualized__Table__Grid {
  45. }
  46.  
  47. .ReactVirtualized__Table__headerRow {
  48.   font-weight: 700;
  49.   text-transform: uppercase;
  50.   display: -webkit-flex;
  51.   display: -moz-box;
  52.   display: -ms-flexbox;
  53.   display: flex;
  54.   -webkit-flex-direction: row;
  55.      -moz-box-orient: horizontal;
  56.      -moz-box-direction: normal;
  57.       -ms-flex-direction: row;
  58.           flex-direction: row;
  59.   -webkit-align-items: center;
  60.      -moz-box-align: center;
  61.       -ms-flex-align: center;
  62.           align-items: center;
  63. }
  64. .ReactVirtualized__Table__row {
  65.   display: -webkit-flex;
  66.   display: -moz-box;
  67.   display: -ms-flexbox;
  68.   display: flex;
  69.   -webkit-flex-direction: row;
  70.      -moz-box-orient: horizontal;
  71.      -moz-box-direction: normal;
  72.       -ms-flex-direction: row;
  73.           flex-direction: row;
  74.   -webkit-align-items: center;
  75.      -moz-box-align: center;
  76.       -ms-flex-align: center;
  77.           align-items: center;
  78. }
  79.  
  80. .ReactVirtualized__Table__headerTruncatedText {
  81.   display: inline-block;
  82.   max-width: 100%;
  83.   white-space: nowrap;
  84.   text-overflow: ellipsis;
  85.   overflow: hidden;
  86. }
  87.  
  88. .ReactVirtualized__Table__headerColumn,
  89. .ReactVirtualized__Table__rowColumn {
  90.   margin-right: 10px;
  91.   min-width: 0px;
  92. }
  93. .ReactVirtualized__Table__rowColumn {
  94.   text-overflow: ellipsis;
  95.   white-space: nowrap;
  96. }
  97.  
  98. .ReactVirtualized__Table__headerColumn:first-of-type,
  99. .ReactVirtualized__Table__rowColumn:first-of-type {
  100.   margin-left: 10px;
  101. }
  102. .ReactVirtualized__Table__sortableHeaderColumn {
  103.   cursor: pointer;
  104. }
  105.  
  106. .ReactVirtualized__Table__sortableHeaderIconContainer {
  107.   display: -webkit-flex;
  108.   display: -moz-box;
  109.   display: -ms-flexbox;
  110.   display: flex;
  111.   -webkit-align-items: center;
  112.      -moz-box-align: center;
  113.       -ms-flex-align: center;
  114.           align-items: center;
  115. }
  116. .ReactVirtualized__Table__sortableHeaderIcon {
  117.   -webkit-flex: 0 0 24px;
  118.      -moz-box-flex: 0;
  119.       -ms-flex: 0 0 24px;
  120.           flex: 0 0 24px;
  121.   height: 1em;
  122.   width: 1em;
  123.   fill: currentColor;
  124. }
  125.  
  126. /* List default theme */
  127.  
  128. .ReactVirtualized__List {
  129. }
  130. </style><style type="text/css">.rc-slider {
  131.   position: relative;
  132.   height: 14px;
  133.   padding: 5px 0;
  134.   width: 100%;
  135.   border-radius: 6px;
  136.   box-sizing: border-box;
  137.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  138. }
  139. .rc-slider * {
  140.   box-sizing: border-box;
  141.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  142. }
  143. .rc-slider-rail {
  144.   position: absolute;
  145.   width: 100%;
  146.   background-color: #e9e9e9;
  147.   height: 4px;
  148. }
  149. .rc-slider-track {
  150.   position: absolute;
  151.   left: 0;
  152.   height: 4px;
  153.   border-radius: 6px;
  154.   background-color: #abe2fb;
  155. }
  156. .rc-slider-handle {
  157.   position: absolute;
  158.   margin-left: -7px;
  159.   margin-top: -5px;
  160.   width: 14px;
  161.   height: 14px;
  162.   cursor: pointer;
  163.   border-radius: 50%;
  164.   border: solid 2px #96dbfa;
  165.   background-color: #fff;
  166. }
  167. .rc-slider-handle:hover {
  168.   border-color: #57c5f7;
  169. }
  170. .rc-slider-handle-active:active {
  171.   border-color: #57c5f7;
  172.   box-shadow: 0 0 5px #57c5f7;
  173. }
  174. .rc-slider-mark {
  175.   position: absolute;
  176.   top: 18px;
  177.   left: 0;
  178.   width: 100%;
  179.   font-size: 12px;
  180. }
  181. .rc-slider-mark-text {
  182.   position: absolute;
  183.   display: inline-block;
  184.   vertical-align: middle;
  185.   text-align: center;
  186.   cursor: pointer;
  187.   color: #999;
  188. }
  189. .rc-slider-mark-text-active {
  190.   color: #666;
  191. }
  192. .rc-slider-step {
  193.   position: absolute;
  194.   width: 100%;
  195.   height: 4px;
  196.   background: transparent;
  197. }
  198. .rc-slider-dot {
  199.   position: absolute;
  200.   bottom: -2px;
  201.   margin-left: -4px;
  202.   width: 8px;
  203.   height: 8px;
  204.   border: 2px solid #e9e9e9;
  205.   background-color: #fff;
  206.   cursor: pointer;
  207.   border-radius: 50%;
  208.   vertical-align: middle;
  209. }
  210. .rc-slider-dot:first-child {
  211.   margin-left: -4px;
  212. }
  213. .rc-slider-dot:last-child {
  214.   margin-left: -4px;
  215. }
  216. .rc-slider-dot-active {
  217.   border-color: #96dbfa;
  218. }
  219. .rc-slider-disabled {
  220.   background-color: #e9e9e9;
  221. }
  222. .rc-slider-disabled .rc-slider-track {
  223.   background-color: #ccc;
  224. }
  225. .rc-slider-disabled .rc-slider-handle,
  226. .rc-slider-disabled .rc-slider-dot {
  227.   border-color: #ccc;
  228.   background-color: #fff;
  229.   cursor: not-allowed;
  230. }
  231. .rc-slider-disabled .rc-slider-mark-text,
  232. .rc-slider-disabled .rc-slider-dot {
  233.   cursor: not-allowed !important;
  234. }
  235. .rc-slider-vertical {
  236.   width: 14px;
  237.   height: 100%;
  238.   padding: 0 5px;
  239. }
  240. .rc-slider-vertical .rc-slider-rail {
  241.   height: 100%;
  242.   width: 4px;
  243. }
  244. .rc-slider-vertical .rc-slider-track {
  245.   left: 5px;
  246.   bottom: 0;
  247.   width: 4px;
  248. }
  249. .rc-slider-vertical .rc-slider-handle {
  250.   margin-left: -5px;
  251.   margin-bottom: -7px;
  252. }
  253. .rc-slider-vertical .rc-slider-mark {
  254.   top: 0;
  255.   left: 18px;
  256.   height: 100%;
  257. }
  258. .rc-slider-vertical .rc-slider-step {
  259.   height: 100%;
  260.   width: 4px;
  261. }
  262. .rc-slider-vertical .rc-slider-dot {
  263.   left: 2px;
  264.   margin-bottom: -4px;
  265. }
  266. .rc-slider-vertical .rc-slider-dot:first-child {
  267.   margin-bottom: -4px;
  268. }
  269. .rc-slider-vertical .rc-slider-dot:last-child {
  270.   margin-bottom: -4px;
  271. }
  272. .rc-slider-tooltip-zoom-down-enter,
  273. .rc-slider-tooltip-zoom-down-appear {
  274.   -webkit-animation-duration: .3s;
  275.           animation-duration: .3s;
  276.   -webkit-animation-fill-mode: both;
  277.           animation-fill-mode: both;
  278.   display: block !important;
  279.   -webkit-animation-play-state: paused;
  280.           animation-play-state: paused;
  281. }
  282. .rc-slider-tooltip-zoom-down-leave {
  283.   -webkit-animation-duration: .3s;
  284.           animation-duration: .3s;
  285.   -webkit-animation-fill-mode: both;
  286.           animation-fill-mode: both;
  287.   display: block !important;
  288.   -webkit-animation-play-state: paused;
  289.           animation-play-state: paused;
  290. }
  291. .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
  292. .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  293.   -webkit-animation-name: rcSliderTooltipZoomDownIn;
  294.           animation-name: rcSliderTooltipZoomDownIn;
  295.   -webkit-animation-play-state: running;
  296.           animation-play-state: running;
  297. }
  298. .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  299.   -webkit-animation-name: rcSliderTooltipZoomDownOut;
  300.           animation-name: rcSliderTooltipZoomDownOut;
  301.   -webkit-animation-play-state: running;
  302.           animation-play-state: running;
  303. }
  304. .rc-slider-tooltip-zoom-down-enter,
  305. .rc-slider-tooltip-zoom-down-appear {
  306.   -webkit-transform: scale(0, 0);
  307.           transform: scale(0, 0);
  308.   -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  309.           animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  310. }
  311. .rc-slider-tooltip-zoom-down-leave {
  312.   -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  313.           animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  314. }
  315. @-webkit-keyframes rcSliderTooltipZoomDownIn {
  316.   0% {
  317.     opacity: 0;
  318.     -webkit-transform-origin: 50% 100%;
  319.             transform-origin: 50% 100%;
  320.     -webkit-transform: scale(0, 0);
  321.             transform: scale(0, 0);
  322.   }
  323.   100% {
  324.     -webkit-transform-origin: 50% 100%;
  325.             transform-origin: 50% 100%;
  326.     -webkit-transform: scale(1, 1);
  327.             transform: scale(1, 1);
  328.   }
  329. }
  330. @keyframes rcSliderTooltipZoomDownIn {
  331.   0% {
  332.     opacity: 0;
  333.     -webkit-transform-origin: 50% 100%;
  334.             transform-origin: 50% 100%;
  335.     -webkit-transform: scale(0, 0);
  336.             transform: scale(0, 0);
  337.   }
  338.   100% {
  339.     -webkit-transform-origin: 50% 100%;
  340.             transform-origin: 50% 100%;
  341.     -webkit-transform: scale(1, 1);
  342.             transform: scale(1, 1);
  343.   }
  344. }
  345. @-webkit-keyframes rcSliderTooltipZoomDownOut {
  346.   0% {
  347.     -webkit-transform-origin: 50% 100%;
  348.             transform-origin: 50% 100%;
  349.     -webkit-transform: scale(1, 1);
  350.             transform: scale(1, 1);
  351.   }
  352.   100% {
  353.     opacity: 0;
  354.     -webkit-transform-origin: 50% 100%;
  355.             transform-origin: 50% 100%;
  356.     -webkit-transform: scale(0, 0);
  357.             transform: scale(0, 0);
  358.   }
  359. }
  360. @keyframes rcSliderTooltipZoomDownOut {
  361.   0% {
  362.     -webkit-transform-origin: 50% 100%;
  363.             transform-origin: 50% 100%;
  364.     -webkit-transform: scale(1, 1);
  365.             transform: scale(1, 1);
  366.   }
  367.   100% {
  368.     opacity: 0;
  369.     -webkit-transform-origin: 50% 100%;
  370.             transform-origin: 50% 100%;
  371.     -webkit-transform: scale(0, 0);
  372.             transform: scale(0, 0);
  373.   }
  374. }
  375. .rc-slider-tooltip {
  376.   position: absolute;
  377.   left: -9999px;
  378.   top: -9999px;
  379.   visibility: visible;
  380.   box-sizing: border-box;
  381.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  382. }
  383. .rc-slider-tooltip * {
  384.   box-sizing: border-box;
  385.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  386. }
  387. .rc-slider-tooltip-hidden {
  388.   display: none;
  389. }
  390. .rc-slider-tooltip-placement-top {
  391.   padding: 4px 0 8px 0;
  392. }
  393. .rc-slider-tooltip-inner {
  394.   padding: 6px 2px;
  395.   min-width: 24px;
  396.   height: 24px;
  397.   font-size: 12px;
  398.   line-height: 1;
  399.   color: #fff;
  400.   text-align: center;
  401.   text-decoration: none;
  402.   background-color: #6c6c6c;
  403.   border-radius: 6px;
  404.   box-shadow: 0 0 4px #d9d9d9;
  405. }
  406. .rc-slider-tooltip-arrow {
  407.   position: absolute;
  408.   width: 0;
  409.   height: 0;
  410.   border-color: transparent;
  411.   border-style: solid;
  412. }
  413. .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  414.   bottom: 4px;
  415.   left: 50%;
  416.   margin-left: -4px;
  417.   border-width: 4px 4px 0;
  418.   border-top-color: #6c6c6c;
  419. }
  420. </style><style type="text/css">.Select,.Select-control{position:relative}.Select-control,.Select-input>input{width:100%;cursor:default;outline:0}.Select-arrow-zone,.Select-clear-zone,.Select-loading-zone{text-align:center;cursor:pointer}.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-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:.35}.Select-control{background-color:#fff;border-radius:4px;border:1px solid #ccc;color:#333;display:table;border-spacing:0;border-collapse:separate;height:36px;overflow:hidden}.is-searchable.is-focused:not(.is-open)>.Select-control,.is-searchable.is-open>.Select-control{cursor:text}.Select-control:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.Select-control .Select-input:focus{outline:0}.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.is-focused:not(.is-open)>.Select-control{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.Select--single>.Select-control .Select-value,.Select-placeholder{bottom:0;color:#aaa;left:0;line-height:34px;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-value.Select--single>.Select-control .Select-value .Select-value-label,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover{color:#007eff;outline:0;text-decoration:underline}.Select-input{height:34px;padding-left:10px;padding-right:10px;vertical-align:middle}.Select-input>input{background:none;border:0;box-shadow:none;display:inline-block;font-family:inherit;font-size:inherit;margin:0;line-height:14px;padding:8px 0 12px;-webkit-appearance:none}.Select-loading,.Select-loading-zone{width:16px;position:relative;vertical-align:middle}.is-focused .Select-input>input{cursor:text}.has-value.is-pseudo-focused .Select-input{opacity:0}.Select-control:not(.is-searchable)>.Select-input{outline:0}.Select-loading-zone{display:table-cell}.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;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #ccc;border-right-color:#333;display:inline-block}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn .2s;-o-animation:Select-animation-fadeIn .2s;animation:Select-animation-fadeIn .2s;color:#999;display:table-cell;position:relative;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{display:table-cell;position:relative;vertical-align:middle;width:25px;padding-right:5px}.Select--multi .Select-multi-value-wrapper,.Select-arrow{display:inline-block}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;height:0;width:0;position:relative}.Select-arrow-zone:hover>.Select-arrow,.is-open .Select-arrow{border-top-color:#666}.Select .Select-aria-only{display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left}.Select-noresults,.Select-option{box-sizing:border-box;display:block;padding:8px 10px}@-webkit-keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{from{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 0 rgba(0,0,0,.06);box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{background-color:#fff;color:#666;cursor:pointer}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.Select-option.is-selected{background-color:#f5faff;background-color:rgba(0,126,255,.04);color:#333}.Select-option.is-focused{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{color:#999;cursor:default}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);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:focus,.Select--multi .Select-value-icon:hover{background-color:#d8eafd;background-color:rgba(0,113,230,.08);color:#0071e6}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color: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:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}</style><style type="text/css">.dash-logout-btn {
  421.     padding: 1rem;
  422.     background-color: #119DFF;
  423.     border: 1px solid #119DFF;
  424.     color: #ffffff;
  425.     outline: none;
  426.     cursor: pointer;
  427.     text-align: center;
  428. }
  429.  
  430. .dash-logout-btn:hover, .dash-logout-btn:focus {
  431.     background-color: #0d76bf;
  432.     border: 1px solid #0d76bf;
  433. }
  434.  
  435. .dash-logout-frame {
  436.     display: block;
  437.     padding: 0;
  438.     margin: 0;
  439. }
  440. </style><style type="text/css">.PresetDateRangePicker_panel {
  441.   padding: 0 22px 11px
  442. }
  443. .PresetDateRangePicker_button {
  444.   position: relative;
  445.   height: 100%;
  446.   text-align: center;
  447.   background: 0 0;
  448.   border: 2px solid #00a699;
  449.   color: #00a699;
  450.   padding: 4px 12px;
  451.   margin-right: 8px;
  452.   font: inherit;
  453.   font-weight: 700;
  454.   line-height: normal;
  455.   overflow: visible;
  456.   -moz-box-sizing: border-box;
  457.   box-sizing: border-box;
  458.   cursor: pointer
  459. }
  460. .PresetDateRangePicker_button:active {
  461.   outline: 0
  462. }
  463. .PresetDateRangePicker_button__selected {
  464.   color: #fff;
  465.   background: #00a699
  466. }
  467. .SingleDatePickerInput {
  468.   display: inline-block;
  469.   background-color: #fff
  470. }
  471. .SingleDatePickerInput__withBorder {
  472.   border-radius: 2px;
  473.   border: 1px solid #dbdbdb
  474. }
  475. .SingleDatePickerInput__rtl {
  476.   direction: rtl
  477. }
  478. .SingleDatePickerInput__disabled {
  479.   background-color: #f2f2f2
  480. }
  481. .SingleDatePickerInput__block {
  482.   display: block
  483. }
  484. .SingleDatePickerInput__showClearDate {
  485.   padding-right: 30px
  486. }
  487. .SingleDatePickerInput_clearDate {
  488.   background: 0 0;
  489.   border: 0;
  490.   color: inherit;
  491.   font: inherit;
  492.   line-height: normal;
  493.   overflow: visible;
  494.   cursor: pointer;
  495.   padding: 10px;
  496.   margin: 0 10px 0 5px;
  497.   position: absolute;
  498.   right: 0;
  499.   top: 50%;
  500.   -webkit-transform: translateY(-50%);
  501.   -ms-transform: translateY(-50%);
  502.   transform: translateY(-50%)
  503. }
  504. .SingleDatePickerInput_clearDate__default:focus,
  505. .SingleDatePickerInput_clearDate__default:hover {
  506.   background: #dbdbdb;
  507.   border-radius: 50%
  508. }
  509. .SingleDatePickerInput_clearDate__small {
  510.   padding: 6px
  511. }
  512. .SingleDatePickerInput_clearDate__hide {
  513.   visibility: hidden
  514. }
  515. .SingleDatePickerInput_clearDate_svg {
  516.   fill: #82888a;
  517.   height: 12px;
  518.   width: 15px;
  519.   vertical-align: middle
  520. }
  521. .SingleDatePickerInput_clearDate_svg__small {
  522.   height: 9px
  523. }
  524. .SingleDatePickerInput_calendarIcon {
  525.   background: 0 0;
  526.   border: 0;
  527.   color: inherit;
  528.   font: inherit;
  529.   line-height: normal;
  530.   overflow: visible;
  531.   cursor: pointer;
  532.   display: inline-block;
  533.   vertical-align: middle;
  534.   padding: 10px;
  535.   margin: 0 5px 0 10px
  536. }
  537. .SingleDatePickerInput_calendarIcon_svg {
  538.   fill: #82888a;
  539.   height: 15px;
  540.   width: 14px;
  541.   vertical-align: middle
  542. }
  543. .SingleDatePicker {
  544.   position: relative;
  545.   display: inline-block
  546. }
  547. .SingleDatePicker__block {
  548.   display: block
  549. }
  550. .SingleDatePicker_picker {
  551.   z-index: 1;
  552.   background-color: #fff;
  553.   position: absolute
  554. }
  555. .SingleDatePicker_picker__rtl {
  556.   direction: rtl
  557. }
  558. .SingleDatePicker_picker__directionLeft {
  559.   left: 0
  560. }
  561. .SingleDatePicker_picker__directionRight {
  562.   right: 0
  563. }
  564. .SingleDatePicker_picker__portal {
  565.   background-color: rgba(0,0,0,.3);
  566.   position: fixed;
  567.   top: 0;
  568.   left: 0;
  569.   height: 100%;
  570.   width: 100%
  571. }
  572. .SingleDatePicker_picker__fullScreenPortal {
  573.   background-color: #fff
  574. }
  575. .SingleDatePicker_closeButton {
  576.   background: 0 0;
  577.   border: 0;
  578.   color: inherit;
  579.   font: inherit;
  580.   line-height: normal;
  581.   overflow: visible;
  582.   cursor: pointer;
  583.   position: absolute;
  584.   top: 0;
  585.   right: 0;
  586.   padding: 15px;
  587.   z-index: 2
  588. }
  589. .SingleDatePicker_closeButton:focus,
  590. .SingleDatePicker_closeButton:hover {
  591.   color: darken(#cacccd,10%);
  592.   text-decoration: none
  593. }
  594. .SingleDatePicker_closeButton_svg {
  595.   height: 15px;
  596.   width: 15px;
  597.   fill: #cacccd
  598. }
  599. .DayPickerKeyboardShortcuts_buttonReset {
  600.   background: 0 0;
  601.   border: 0;
  602.   border-radius: 0;
  603.   color: inherit;
  604.   font: inherit;
  605.   line-height: normal;
  606.   overflow: visible;
  607.   padding: 0;
  608.   cursor: pointer;
  609.   font-size: 14px
  610. }
  611. .DayPickerKeyboardShortcuts_buttonReset:active {
  612.   outline: 0
  613. }
  614. .DayPickerKeyboardShortcuts_show {
  615.   width: 33px;
  616.   height: 26px;
  617.   position: absolute;
  618.   z-index: 2
  619. }
  620. .DayPickerKeyboardShortcuts_show::before {
  621.   content: "";
  622.   display: block;
  623.   position: absolute
  624. }
  625. .DayPickerKeyboardShortcuts_show__bottomRight {
  626.   bottom: 0;
  627.   right: 0
  628. }
  629. .DayPickerKeyboardShortcuts_show__bottomRight::before {
  630.   border-top: 26px solid transparent;
  631.   border-right: 33px solid #00a699;
  632.   bottom: 0;
  633.   right: 0
  634. }
  635. .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  636.   border-right: 33px solid #008489
  637. }
  638. .DayPickerKeyboardShortcuts_show__topRight {
  639.   top: 0;
  640.   right: 0
  641. }
  642. .DayPickerKeyboardShortcuts_show__topRight::before {
  643.   border-bottom: 26px solid transparent;
  644.   border-right: 33px solid #00a699;
  645.   top: 0;
  646.   right: 0
  647. }
  648. .DayPickerKeyboardShortcuts_show__topRight:hover::before {
  649.   border-right: 33px solid #008489
  650. }
  651. .DayPickerKeyboardShortcuts_show__topLeft {
  652.   top: 0;
  653.   left: 0
  654. }
  655. .DayPickerKeyboardShortcuts_show__topLeft::before {
  656.   border-bottom: 26px solid transparent;
  657.   border-left: 33px solid #00a699;
  658.   top: 0;
  659.   left: 0
  660. }
  661. .DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  662.   border-left: 33px solid #008489
  663. }
  664. .DayPickerKeyboardShortcuts_showSpan {
  665.   color: #fff;
  666.   position: absolute
  667. }
  668. .DayPickerKeyboardShortcuts_showSpan__bottomRight {
  669.   bottom: 0;
  670.   right: 5px
  671. }
  672. .DayPickerKeyboardShortcuts_showSpan__topRight {
  673.   top: 1px;
  674.   right: 5px
  675. }
  676. .DayPickerKeyboardShortcuts_showSpan__topLeft {
  677.   top: 1px;
  678.   left: 5px
  679. }
  680. .DayPickerKeyboardShortcuts_panel {
  681.   overflow: auto;
  682.   background: #fff;
  683.   border: 1px solid #dbdbdb;
  684.   border-radius: 2px;
  685.   position: absolute;
  686.   top: 0;
  687.   bottom: 0;
  688.   right: 0;
  689.   left: 0;
  690.   z-index: 2;
  691.   padding: 22px;
  692.   margin: 33px;
  693.   text-align: left
  694. }
  695. .DayPickerKeyboardShortcuts_title {
  696.   font-size: 16px;
  697.   font-weight: 700;
  698.   margin: 0
  699. }
  700. .DayPickerKeyboardShortcuts_list {
  701.   list-style: none;
  702.   padding: 0;
  703.   font-size: 14px
  704. }
  705. .DayPickerKeyboardShortcuts_close {
  706.   position: absolute;
  707.   right: 22px;
  708.   top: 22px;
  709.   z-index: 2
  710. }
  711. .DayPickerKeyboardShortcuts_close:active {
  712.   outline: 0
  713. }
  714. .DayPickerKeyboardShortcuts_closeSvg {
  715.   height: 15px;
  716.   width: 15px;
  717.   fill: #cacccd
  718. }
  719. .DayPickerKeyboardShortcuts_closeSvg:focus,
  720. .DayPickerKeyboardShortcuts_closeSvg:hover {
  721.   fill: #82888a
  722. }
  723. .CalendarDay {
  724.   -moz-box-sizing: border-box;
  725.   box-sizing: border-box;
  726.   cursor: pointer;
  727.   font-size: 14px;
  728.   text-align: center
  729. }
  730. .CalendarDay:active {
  731.   outline: 0
  732. }
  733. .CalendarDay__defaultCursor {
  734.   cursor: default
  735. }
  736. .CalendarDay__default {
  737.   border: 1px solid #e4e7e7;
  738.   color: #484848;
  739.   background: #fff
  740. }
  741. .CalendarDay__default:hover {
  742.   background: #e4e7e7;
  743.   border: 1px solid #e4e7e7;
  744.   color: inherit
  745. }
  746. .CalendarDay__hovered_offset {
  747.   background: #f4f5f5;
  748.   border: 1px double #e4e7e7;
  749.   color: inherit
  750. }
  751. .CalendarDay__outside {
  752.   border: 0;
  753.   background: #fff;
  754.   color: #484848
  755. }
  756. .CalendarDay__outside:hover {
  757.   border: 0
  758. }
  759. .CalendarDay__blocked_minimum_nights {
  760.   background: #fff;
  761.   border: 1px solid #eceeee;
  762.   color: #cacccd
  763. }
  764. .CalendarDay__blocked_minimum_nights:active,
  765. .CalendarDay__blocked_minimum_nights:hover {
  766.   background: #fff;
  767.   color: #cacccd
  768. }
  769. .CalendarDay__highlighted_calendar {
  770.   background: #ffe8bc;
  771.   color: #484848
  772. }
  773. .CalendarDay__highlighted_calendar:active,
  774. .CalendarDay__highlighted_calendar:hover {
  775.   background: #ffce71;
  776.   color: #484848
  777. }
  778. .CalendarDay__selected_span {
  779.   background: #66e2da;
  780.   border: 1px double #33dacd;
  781.   color: #fff
  782. }
  783. .CalendarDay__selected_span:active,
  784. .CalendarDay__selected_span:hover {
  785.   background: #33dacd;
  786.   border: 1px double #33dacd;
  787.   color: #fff
  788. }
  789. .CalendarDay__selected,
  790. .CalendarDay__selected:active,
  791. .CalendarDay__selected:hover {
  792.   background: #00a699;
  793.   border: 1px double #00a699;
  794.   color: #fff
  795. }
  796. .CalendarDay__hovered_span,
  797. .CalendarDay__hovered_span:hover {
  798.   background: #b2f1ec;
  799.   border: 1px double #80e8e0;
  800.   color: #007a87
  801. }
  802. .CalendarDay__hovered_span:active {
  803.   background: #80e8e0;
  804.   border: 1px double #80e8e0;
  805.   color: #007a87
  806. }
  807. .CalendarDay__blocked_calendar,
  808. .CalendarDay__blocked_calendar:active,
  809. .CalendarDay__blocked_calendar:hover {
  810.   background: #cacccd;
  811.   border: 1px solid #cacccd;
  812.   color: #82888a
  813. }
  814. .CalendarDay__blocked_out_of_range,
  815. .CalendarDay__blocked_out_of_range:active,
  816. .CalendarDay__blocked_out_of_range:hover {
  817.   background: #fff;
  818.   border: 1px solid #e4e7e7;
  819.   color: #cacccd
  820. }
  821. .CalendarDay__hovered_start_first_possible_end {
  822.   background: #eceeee;
  823.   border: 1px double #eceeee
  824. }
  825. .CalendarDay__hovered_start_blocked_min_nights {
  826.   background: #eceeee;
  827.   border: 1px double #e4e7e7
  828. }
  829. .CalendarMonth {
  830.   background: #fff;
  831.   text-align: center;
  832.   vertical-align: top;
  833.   -webkit-user-select: none;
  834.   -moz-user-select: none;
  835.   -ms-user-select: none;
  836.   user-select: none
  837. }
  838. .CalendarMonth_table {
  839.   border-collapse: collapse;
  840.   border-spacing: 0
  841. }
  842. .CalendarMonth_verticalSpacing {
  843.   border-collapse: separate
  844. }
  845. .CalendarMonth_caption {
  846.   color: #484848;
  847.   font-size: 18px;
  848.   text-align: center;
  849.   padding-top: 22px;
  850.   padding-bottom: 37px;
  851.   caption-side: initial
  852. }
  853. .CalendarMonth_caption__verticalScrollable {
  854.   padding-top: 12px;
  855.   padding-bottom: 7px
  856. }
  857. .CalendarMonthGrid {
  858.   background: #fff;
  859.   text-align: left;
  860.   z-index: 0
  861. }
  862. .CalendarMonthGrid__animating {
  863.   z-index: 1
  864. }
  865. .CalendarMonthGrid__horizontal {
  866.   position: absolute;
  867.   left: 9px
  868. }
  869. .CalendarMonthGrid__vertical {
  870.   margin: 0 auto
  871. }
  872. .CalendarMonthGrid__vertical_scrollable {
  873.   margin: 0 auto;
  874.   overflow-y: scroll
  875. }
  876. .CalendarMonthGrid_month__horizontal {
  877.   display: inline-block;
  878.   vertical-align: top;
  879.   min-height: 100%
  880. }
  881. .CalendarMonthGrid_month__hideForAnimation {
  882.   position: absolute;
  883.   z-index: -1;
  884.   opacity: 0;
  885.   pointer-events: none
  886. }
  887. .CalendarMonthGrid_month__hidden {
  888.   visibility: hidden
  889. }
  890. .DayPickerNavigation {
  891.   position: relative;
  892.   z-index: 2
  893. }
  894. .DayPickerNavigation__horizontal {
  895.   height: 0
  896. }
  897. .DayPickerNavigation__verticalDefault {
  898.   position: absolute;
  899.   width: 100%;
  900.   height: 52px;
  901.   bottom: 0;
  902.   left: 0
  903. }
  904. .DayPickerNavigation__verticalScrollableDefault {
  905.   position: relative
  906. }
  907. .DayPickerNavigation_button {
  908.   cursor: pointer;
  909.   -webkit-user-select: none;
  910.   -moz-user-select: none;
  911.   -ms-user-select: none;
  912.   user-select: none;
  913.   border: 0;
  914.   padding: 0;
  915.   margin: 0
  916. }
  917. .DayPickerNavigation_button__default {
  918.   border: 1px solid #e4e7e7;
  919.   background-color: #fff;
  920.   color: #757575
  921. }
  922. .DayPickerNavigation_button__default:focus,
  923. .DayPickerNavigation_button__default:hover {
  924.   border: 1px solid #c4c4c4
  925. }
  926. .DayPickerNavigation_button__default:active {
  927.   background: #f2f2f2
  928. }
  929. .DayPickerNavigation_button__disabled {
  930.   cursor: default;
  931.   border: 1px solid #f2f2f2
  932. }
  933. .DayPickerNavigation_button__disabled:focus,
  934. .DayPickerNavigation_button__disabled:hover {
  935.   border: 1px solid #f2f2f2
  936. }
  937. .DayPickerNavigation_button__disabled:active {
  938.   background: 0 0
  939. }
  940. .DayPickerNavigation_button__horizontalDefault {
  941.   position: absolute;
  942.   top: 18px;
  943.   line-height: .78;
  944.   border-radius: 3px;
  945.   padding: 6px 9px
  946. }
  947. .DayPickerNavigation_leftButton__horizontalDefault {
  948.   left: 22px
  949. }
  950. .DayPickerNavigation_rightButton__horizontalDefault {
  951.   right: 22px
  952. }
  953. .DayPickerNavigation_button__verticalDefault {
  954.   padding: 5px;
  955.   background: #fff;
  956.   box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  957.   position: relative;
  958.   display: inline-block;
  959.   text-align: center;
  960.   height: 100%;
  961.   width: 50%
  962. }
  963. .DayPickerNavigation_nextButton__verticalDefault {
  964.   border-left: 0
  965. }
  966. .DayPickerNavigation_nextButton__verticalScrollableDefault {
  967.   width: 100%
  968. }
  969. .DayPickerNavigation_svg__horizontal {
  970.   height: 19px;
  971.   width: 19px;
  972.   fill: #82888a;
  973.   display: block
  974. }
  975. .DayPickerNavigation_svg__vertical {
  976.   height: 42px;
  977.   width: 42px;
  978.   fill: #484848
  979. }
  980. .DayPickerNavigation_svg__disabled {
  981.   fill: #f2f2f2
  982. }
  983. .DayPicker {
  984.   background: #fff;
  985.   position: relative;
  986.   text-align: left
  987. }
  988. .DayPicker__horizontal {
  989.   background: #fff
  990. }
  991. .DayPicker__verticalScrollable {
  992.   height: 100%
  993. }
  994. .DayPicker__hidden {
  995.   visibility: hidden
  996. }
  997. .DayPicker__withBorder {
  998.   box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  999.   border-radius: 3px
  1000. }
  1001. .DayPicker_portal__horizontal {
  1002.   box-shadow: none;
  1003.   position: absolute;
  1004.   left: 50%;
  1005.   top: 50%
  1006. }
  1007. .DayPicker_portal__vertical {
  1008.   position: initial
  1009. }
  1010. .DayPicker_focusRegion {
  1011.   outline: 0
  1012. }
  1013. .DayPicker_calendarInfo__horizontal,
  1014. .DayPicker_wrapper__horizontal {
  1015.   display: inline-block;
  1016.   vertical-align: top
  1017. }
  1018. .DayPicker_weekHeaders {
  1019.   position: relative
  1020. }
  1021. .DayPicker_weekHeaders__horizontal {
  1022.   margin-left: 9px
  1023. }
  1024. .DayPicker_weekHeader {
  1025.   color: #757575;
  1026.   position: absolute;
  1027.   top: 62px;
  1028.   z-index: 2;
  1029.   text-align: left
  1030. }
  1031. .DayPicker_weekHeader__vertical {
  1032.   left: 50%
  1033. }
  1034. .DayPicker_weekHeader__verticalScrollable {
  1035.   top: 0;
  1036.   display: table-row;
  1037.   border-bottom: 1px solid #dbdbdb;
  1038.   background: #fff;
  1039.   margin-left: 0;
  1040.   left: 0;
  1041.   width: 100%;
  1042.   text-align: center
  1043. }
  1044. .DayPicker_weekHeader_ul {
  1045.   list-style: none;
  1046.   margin: 1px 0;
  1047.   padding-left: 0;
  1048.   padding-right: 0;
  1049.   font-size: 14px
  1050. }
  1051. .DayPicker_weekHeader_li {
  1052.   display: inline-block;
  1053.   text-align: center
  1054. }
  1055. .DayPicker_transitionContainer {
  1056.   position: relative;
  1057.   overflow: hidden;
  1058.   border-radius: 3px
  1059. }
  1060. .DayPicker_transitionContainer__horizontal {
  1061.   -webkit-transition: height .2s ease-in-out;
  1062.   -moz-transition: height .2s ease-in-out;
  1063.   transition: height .2s ease-in-out
  1064. }
  1065. .DayPicker_transitionContainer__vertical {
  1066.   width: 100%
  1067. }
  1068. .DayPicker_transitionContainer__verticalScrollable {
  1069.   padding-top: 20px;
  1070.   height: 100%;
  1071.   position: absolute;
  1072.   top: 0;
  1073.   bottom: 0;
  1074.   right: 0;
  1075.   left: 0;
  1076.   overflow-y: scroll
  1077. }
  1078. .DateInput {
  1079.   margin: 0;
  1080.   padding: 0;
  1081.   background: #fff;
  1082.   position: relative;
  1083.   display: inline-block;
  1084.   width: 130px;
  1085.   vertical-align: middle
  1086. }
  1087. .DateInput__small {
  1088.   width: 97px
  1089. }
  1090. .DateInput__block {
  1091.   width: 100%
  1092. }
  1093. .DateInput__disabled {
  1094.   background: #f2f2f2;
  1095.   color: #dbdbdb
  1096. }
  1097. .DateInput_input {
  1098.   font-weight: 200;
  1099.   font-size: 19px;
  1100.   line-height: 24px;
  1101.   color: #484848;
  1102.   background-color: #fff;
  1103.   width: 100%;
  1104.   padding: 11px 11px 9px;
  1105.   border: 0;
  1106.   border-top: 0;
  1107.   border-right: 0;
  1108.   border-bottom: 2px solid transparent;
  1109.   border-left: 0;
  1110.   border-radius: 0
  1111. }
  1112. .DateInput_input__small {
  1113.   font-size: 15px;
  1114.   line-height: 18px;
  1115.   letter-spacing: .2px;
  1116.   padding: 7px 7px 5px
  1117. }
  1118. .DateInput_input__regular {
  1119.   font-weight: auto
  1120. }
  1121. .DateInput_input__readOnly {
  1122.   -webkit-user-select: none;
  1123.   -moz-user-select: none;
  1124.   -ms-user-select: none;
  1125.   user-select: none
  1126. }
  1127. .DateInput_input__focused {
  1128.   outline: 0;
  1129.   background: #fff;
  1130.   border: 0;
  1131.   border-top: 0;
  1132.   border-right: 0;
  1133.   border-bottom: 2px solid #008489;
  1134.   border-left: 0
  1135. }
  1136. .DateInput_input__disabled {
  1137.   background: #f2f2f2;
  1138.   font-style: italic
  1139. }
  1140. .DateInput_screenReaderMessage {
  1141.   border: 0;
  1142.   clip: rect(0,0,0,0);
  1143.   height: 1px;
  1144.   margin: -1px;
  1145.   overflow: hidden;
  1146.   padding: 0;
  1147.   position: absolute;
  1148.   width: 1px
  1149. }
  1150. .DateInput_fang {
  1151.   position: absolute;
  1152.   width: 20px;
  1153.   height: 10px;
  1154.   left: 22px;
  1155.   z-index: 2
  1156. }
  1157. .DateInput_fangShape {
  1158.   fill: #fff
  1159. }
  1160. .DateInput_fangStroke {
  1161.   stroke: #dbdbdb;
  1162.   fill: transparent
  1163. }
  1164. .DateRangePickerInput {
  1165.   background-color: #fff;
  1166.   display: inline-block
  1167. }
  1168. .DateRangePickerInput__disabled {
  1169.   background: #f2f2f2
  1170. }
  1171. .DateRangePickerInput__withBorder {
  1172.   border-radius: 2px;
  1173.   border: 1px solid #dbdbdb
  1174. }
  1175. .DateRangePickerInput__rtl {
  1176.   direction: rtl
  1177. }
  1178. .DateRangePickerInput__block {
  1179.   display: block
  1180. }
  1181. .DateRangePickerInput__showClearDates {
  1182.   padding-right: 30px
  1183. }
  1184. .DateRangePickerInput_arrow {
  1185.   display: inline-block;
  1186.   vertical-align: middle;
  1187.   color: #484848
  1188. }
  1189. .DateRangePickerInput_arrow_svg {
  1190.   vertical-align: middle;
  1191.   fill: #484848;
  1192.   height: 24px;
  1193.   width: 24px
  1194. }
  1195. .DateRangePickerInput_clearDates {
  1196.   background: 0 0;
  1197.   border: 0;
  1198.   color: inherit;
  1199.   font: inherit;
  1200.   line-height: normal;
  1201.   overflow: visible;
  1202.   cursor: pointer;
  1203.   padding: 10px;
  1204.   margin: 0 10px 0 5px;
  1205.   position: absolute;
  1206.   right: 0;
  1207.   top: 50%;
  1208.   -webkit-transform: translateY(-50%);
  1209.   -ms-transform: translateY(-50%);
  1210.   transform: translateY(-50%)
  1211. }
  1212. .DateRangePickerInput_clearDates__small {
  1213.   padding: 6px
  1214. }
  1215. .DateRangePickerInput_clearDates_default:focus,
  1216. .DateRangePickerInput_clearDates_default:hover {
  1217.   background: #dbdbdb;
  1218.   border-radius: 50%
  1219. }
  1220. .DateRangePickerInput_clearDates__hide {
  1221.   visibility: hidden
  1222. }
  1223. .DateRangePickerInput_clearDates_svg {
  1224.   fill: #82888a;
  1225.   height: 12px;
  1226.   width: 15px;
  1227.   vertical-align: middle
  1228. }
  1229. .DateRangePickerInput_clearDates_svg__small {
  1230.   height: 9px
  1231. }
  1232. .DateRangePickerInput_calendarIcon {
  1233.   background: 0 0;
  1234.   border: 0;
  1235.   color: inherit;
  1236.   font: inherit;
  1237.   line-height: normal;
  1238.   overflow: visible;
  1239.   cursor: pointer;
  1240.   display: inline-block;
  1241.   vertical-align: middle;
  1242.   padding: 10px;
  1243.   margin: 0 5px 0 10px
  1244. }
  1245. .DateRangePickerInput_calendarIcon_svg {
  1246.   fill: #82888a;
  1247.   height: 15px;
  1248.   width: 14px;
  1249.   vertical-align: middle
  1250. }
  1251. .DateRangePicker {
  1252.   position: relative;
  1253.   display: inline-block
  1254. }
  1255. .DateRangePicker__block {
  1256.   display: block
  1257. }
  1258. .DateRangePicker_picker {
  1259.   z-index: 1;
  1260.   background-color: #fff;
  1261.   position: absolute
  1262. }
  1263. .DateRangePicker_picker__rtl {
  1264.   direction: rtl
  1265. }
  1266. .DateRangePicker_picker__directionLeft {
  1267.   left: 0
  1268. }
  1269. .DateRangePicker_picker__directionRight {
  1270.   right: 0
  1271. }
  1272. .DateRangePicker_picker__portal {
  1273.   background-color: rgba(0,0,0,.3);
  1274.   position: fixed;
  1275.   top: 0;
  1276.   left: 0;
  1277.   height: 100%;
  1278.   width: 100%
  1279. }
  1280. .DateRangePicker_picker__fullScreenPortal {
  1281.   background-color: #fff
  1282. }
  1283. .DateRangePicker_closeButton {
  1284.   background: 0 0;
  1285.   border: 0;
  1286.   color: inherit;
  1287.   font: inherit;
  1288.   line-height: normal;
  1289.   overflow: visible;
  1290.   cursor: pointer;
  1291.   position: absolute;
  1292.   top: 0;
  1293.   right: 0;
  1294.   padding: 15px;
  1295.   z-index: 2
  1296. }
  1297. .DateRangePicker_closeButton:focus,
  1298. .DateRangePicker_closeButton:hover {
  1299.   color: darken(#cacccd,10%);
  1300.   text-decoration: none
  1301. }
  1302. .DateRangePicker_closeButton_svg {
  1303.   height: 15px;
  1304.   width: 15px;
  1305.   fill: #cacccd
  1306. }</style><style type="text/css">.DateInput_input {
  1307.     box-sizing: border-box;
  1308. }</style>
  1309.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  1310.       <meta charset="UTF-8">
  1311.         <title>Dash</title>
  1312.         <link rel="icon" type="image/x-icon" href="/_favicon.ico">
  1313.         <link rel="stylesheet" href="/assets/style.css?m=1557050474.901">
  1314. <link rel="stylesheet" href="/assets/files/medium-editor-master/demo/css/demo.css?m=1556900382.0">
  1315. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/medium-editor.css?m=1556900382.0">
  1316. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/medium-editor.min.css?m=1556900382.0">
  1317. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/beagle.css?m=1556900382.0">
  1318. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/beagle.min.css?m=1556900382.0">
  1319. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/bootstrap.css?m=1556900382.0">
  1320. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/bootstrap.min.css?m=1556900382.0">
  1321. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/default.css?m=1556900382.0">
  1322. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/default.min.css?m=1556900382.0">
  1323. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/flat.css?m=1556900382.0">
  1324. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/flat.min.css?m=1556900382.0">
  1325. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/mani.css?m=1556900382.0">
  1326. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/mani.min.css?m=1556900382.0">
  1327. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/roman.css?m=1556900382.0">
  1328. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/roman.min.css?m=1556900382.0">
  1329. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/tim.css?m=1556900382.0">
  1330. <link rel="stylesheet" href="/assets/files/medium-editor-master/dist/css/themes/tim.min.css?m=1556900382.0">
  1331. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/_settings.scss?m=1556900382.0">
  1332. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/medium-editor.scss?m=1556900382.0">
  1333. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/util/_clearfix.scss?m=1556900382.0">
  1334. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/components/_anchor-preview.scss?m=1556900382.0">
  1335. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/components/_file-dragging.scss?m=1556900382.0">
  1336. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/components/_placeholder.scss?m=1556900382.0">
  1337. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/components/_toolbar-form.scss?m=1556900382.0">
  1338. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/components/_toolbar.scss?m=1556900382.0">
  1339. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/themes/beagle.scss?m=1556900382.0">
  1340. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/themes/bootstrap.scss?m=1556900382.0">
  1341. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/themes/default.scss?m=1556900382.0">
  1342. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/themes/flat.scss?m=1556900382.0">
  1343. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/themes/mani.scss?m=1556900382.0">
  1344. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/themes/roman.scss?m=1556900382.0">
  1345. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/themes/tim.scss?m=1556900382.0">
  1346. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/animations/_image-loading.scss?m=1556900382.0">
  1347. <link rel="stylesheet" href="/assets/files/medium-editor-master/src/sass/animations/_pop-upwards.scss?m=1556900382.0">
  1348. <link rel="stylesheet" href="/assets/files/css-circle/css/circle.css?m=1381826978.0">
  1349. <link rel="stylesheet" href="/assets/files/css-circle/sass/circle.scss?m=1381825550.0">
  1350.     <style id="plotly.js-style-global"></style><style type="text/css">.tree-view{display:inline-flex;flex-direction:column}.tree-view_item{display:flex;justify-content:space-between;cursor:pointer;min-width:150px;font-size:20px}.tree-view_children{margin-left:16px}.tree-view_children-collapsed{height:0}.tree-view_arrow{cursor:pointer;margin-right:6px;margin-left:6px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tree-view_arrow:after{content:"-";font-size:20px}.tree-view_arrow-collapsed:after{content:"+";font-size:20px}</style><style type="text/css">.dash-debug-menu {
  1351.     transition: width 0.05s, background-color 0.1s;
  1352.     position: fixed;
  1353.     bottom: 35px;
  1354.     right: 35px;
  1355.     display: flex;
  1356.     justify-content: center;
  1357.     align-items: center;
  1358.     z-index: 10000;
  1359. }
  1360. .dash-debug-menu--closed {
  1361.     background-color: #119dff;
  1362.     border-radius: 100%;
  1363.     width: 64px;
  1364.     height: 64px;
  1365. }
  1366. .dash-debug-menu--opened {
  1367.     box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25),
  1368.         0px 1px 3px rgba(162, 177, 198, 0.32);
  1369.     border-radius: 4px;
  1370.     padding: 12px 0px;
  1371.     background-color: white;
  1372. }
  1373.  
  1374. .dash-debug-menu--closed:hover {
  1375.     cursor: pointer;
  1376.     background-color: #108de4;
  1377. }
  1378.  
  1379. .dash-debug-menu__icon {
  1380.     width: 24px;
  1381.     height: 28px;
  1382. }
  1383. .dash-debug-menu__icon--close {
  1384.     width: 14px;
  1385.     height: 14px;
  1386. }
  1387. .dash-debug-menu__icon--bell {
  1388.     height: 24px;
  1389.     width: 28px;
  1390. }
  1391. .dash-debug-menu__icon--debug {
  1392.     height: 24px;
  1393.     width: auto;
  1394. }
  1395. .dash-debug-menu__icon--graph {
  1396.     height: 24px;
  1397. }
  1398.  
  1399. .dash-debug-menu__content {
  1400.     display: flex;
  1401.     width: 100%;
  1402.     height: 100%;
  1403. }
  1404.  
  1405. .dash-debug-menu__button-container {
  1406.     display: flex;
  1407.     flex-direction: column;
  1408.     justify-content: center;
  1409.     align-items: center;
  1410.     width: 74px;
  1411.     margin-left: 10px;
  1412. }
  1413. .dash-debug-menu__button-label {
  1414.     color: #A2B1C6;
  1415.     font-size: 10px;
  1416.     margin-top: 4px;
  1417. }
  1418.  
  1419. .dash-debug-menu__button {
  1420.     background-color: white;
  1421.     border-radius: 100%;
  1422.     border: 1px solid #B9C2CE;
  1423.     width: 64px;
  1424.     height: 64px;
  1425.     font-size: 10px;
  1426.     display: flex;
  1427.     justify-content: center;
  1428.     align-items: center;
  1429.     transition: background-color 0.2s;
  1430.     color: black;
  1431. }
  1432. .dash-debug-menu__button--enabled {
  1433.     background-color: #00CC96;
  1434.     color: white;
  1435. }
  1436. .dash-debug-menu__button--small {
  1437.     width: 32px;
  1438.     height: 32px;
  1439.     background-color: #B9C2CE;
  1440. }
  1441. .dash-debug-menu__button:hover {
  1442.     cursor: pointer;
  1443.     background-color: #f5f5f5;
  1444. }
  1445. .dash-debug-menu__button--small:hover {
  1446.     background-color: #a1a9b5;
  1447. }
  1448.  
  1449. .dash-debug-menu__button--enabled:hover {
  1450.     background-color: #03bb8a;
  1451. }
  1452. </style><style type="text/css">.dash-debug-alert-container {
  1453.     box-sizing: border-box;
  1454.     background: #f3f6fa;
  1455.     border-radius: 2px;
  1456.     padding: 8px;
  1457.     display: flex;
  1458.     flex-direction: column;
  1459.     justify-content: center;
  1460.     transition: background-color 0.1s, border 0.1s;
  1461. }
  1462. .dash-debug-alert-container:hover {
  1463.     cursor: pointer;
  1464. }
  1465. .dash-debug-alert-container--opened {
  1466.     background-color: #119dff;
  1467.     color: white;
  1468. }
  1469. .dash-debug-alert-container__icon {
  1470.     width: 12px;
  1471.     height: 12px;
  1472.     margin-right: 4px;
  1473. }
  1474. .dash-debug-alert-container__icon--warning {
  1475.     height: auto;
  1476. }
  1477.  
  1478. .dash-debug-alert {
  1479.     display: flex;
  1480.     align-items: center;
  1481.     font-size: 10px;
  1482. }
  1483.  
  1484. .dash-debug-alert-label {
  1485.     display: flex;
  1486.     position: fixed;
  1487.     bottom: 81px;
  1488.     right: 29px;
  1489.     z-index: 10001;
  1490.     box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25),
  1491.         0px 1px 3px rgba(162, 177, 198, 0.32);
  1492.     border-radius: 32px;
  1493.     background-color: white;
  1494.     padding: 4px;
  1495. }
  1496. </style><style type="text/css">.dash-error-menu {
  1497.     max-width: 50%;
  1498.     max-height: 60%;
  1499.     display: contents;
  1500.     font-family: monospace;
  1501.     font-size: 14px;
  1502.     font-variant-ligatures: common-ligatures;
  1503. }
  1504.  
  1505. .dash-error-card {
  1506.     box-sizing: border-box;
  1507.     background: #ffffff;
  1508.     display: inline-block;
  1509.     /* shadow-1 */
  1510.     box-shadow: 0px 6px 16px rgba(80, 103, 132, 0.165),
  1511.         0px 2px 6px rgba(80, 103, 132, 0.12),
  1512.         0px 0px 1px rgba(80, 103, 132, 0.32);
  1513.     border-radius: 4px;
  1514.     position: fixed;
  1515.     top: 16px;
  1516.     right: 16px;
  1517.     animation: dash-error-card-animation 0.5s;
  1518.     padding: 24px;
  1519.     text-align: left;
  1520.     background-color: white;
  1521.  
  1522. }
  1523. .dash-error-card--alerts-tray {
  1524.     position: absolute;
  1525.     top: -300px;
  1526.     left: -1px;
  1527.     animation: none;
  1528.     box-shadow: none;
  1529.     border: 1px solid #ececec;
  1530.     border-bottom: 0;
  1531.     border-bottom-left-radius: 0px;
  1532.     border-bottom-right-radius: 0px;
  1533.     width: 422px;
  1534. }
  1535. .dash-error-card--container {
  1536.     padding: 10px 10px;
  1537.     width: 600px;
  1538.     max-width: 800px;
  1539.     max-height: calc(100vh - 50px);
  1540.     margin: 10px;
  1541.     overflow: auto;
  1542.     z-index: 1001;  /* above the plotly.js toolbar */
  1543. }
  1544.  
  1545. .dash-error-card__topbar {
  1546.     width: 100%;
  1547.     height: 32px;
  1548.     display: flex;
  1549.     justify-content: center;
  1550.     align-items: center;
  1551. }
  1552. .dash-error-card__message {
  1553.     font-size: 14px;
  1554. }
  1555.  
  1556. .dash-error-card__message > strong {
  1557.     color: #ff4500;
  1558. }
  1559.  
  1560. .dash-error-card__content {
  1561.     box-sizing: border-box;
  1562.     padding: 10px 10px;
  1563.     background-color: white;
  1564.     box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25),
  1565.         0px 1px 3px rgba(162, 177, 198, 0.32);
  1566.     border-radius: 2px;
  1567.     margin-bottom: 8px;
  1568. }
  1569.  
  1570. .dash-error-card__list-item {
  1571.     background: #ffffff;
  1572.     box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25),
  1573.         0px 1px 3px rgba(162, 177, 198, 0.32);
  1574.     border-radius: 2px;
  1575.     padding: 10px 10px;
  1576.     margin-bottom: 10px;
  1577.     display: flex;
  1578.     align-items: center;
  1579. }
  1580.  
  1581. @keyframes dash-error-card-animation {
  1582.     from {
  1583.         opacity: 0;
  1584.         -webkit-transform: scale(1.1);
  1585.         -moz-transform: scale(1.1);
  1586.         -ms-transform: scale(1.1);
  1587.         transform: scale(1.1);
  1588.     }
  1589.     to {
  1590.         opacity: 1;
  1591.         -webkit-transform: scale(1);
  1592.         -moz-transform: scale(1);
  1593.         -ms-transform: scale(1);
  1594.         transform: scale(1);
  1595.     }
  1596. }
  1597. </style><style type="text/css">.error-container {
  1598.     margin-top: 10px;
  1599. }
  1600.  
  1601. .dash-fe-errors {
  1602.     min-width: 386px;
  1603.     max-width: 650px;
  1604.     max-height: 450px;
  1605.     display: inline-block;
  1606. }
  1607.  
  1608. .dash-fe-error__icon-error {
  1609.     width: 20px;
  1610.     height: 20px;
  1611.     display: inline-block;
  1612.     margin-right: 16px;
  1613. }
  1614. .dash-fe-error__icon-close {
  1615.     width: 10px;
  1616.     height: 10px;
  1617.     position: absolute;
  1618.     right: 12px;
  1619.     top: 12px;
  1620.     display: inline-block;
  1621. }
  1622. .dash-fe-error__icon-arrow {
  1623.     width: 8px;
  1624.     height: 28px;
  1625.     margin: 0px 8px;
  1626. }
  1627. .dash-fe-error-top {
  1628.     height: 20px;
  1629.     display: flex;
  1630.     justify-content: space-between;
  1631.     width: 100%;
  1632.     cursor: pointer;
  1633. }
  1634. .dash-fe-error-top__group:first-child {
  1635.     /*
  1636.      * 77% is the maximum space allowed based off of the other elements
  1637.      * in the top part of the error container (timestamp & collapse arrow).
  1638.     * this was manually determined */
  1639.    width: 77%;
  1640. }
  1641. .dash-fe-error-top__group {
  1642.     display: inline-flex;
  1643.     align-items: center;
  1644. }
  1645. .dash-fe-error__title {
  1646.     text-align: left;
  1647.     margin: 0px;
  1648.     margin-left: 5px;
  1649.     padding: 0px;
  1650.     font-size: 14px;
  1651.     display: inline-block;
  1652.     text-overflow: ellipsis;
  1653.     white-space: nowrap;
  1654.     overflow: hidden;
  1655. }
  1656. .dash-fe-error__timestamp {
  1657.     margin-right: 20px;
  1658. }
  1659. .dash-fe-error__collapse--flipped {
  1660.     -webkit-transform: rotate(180deg);
  1661.     -ms-transform: rotate(180deg);
  1662.     transform: rotate(180deg);
  1663. }
  1664.  
  1665. .dash-fe-error__info_title {
  1666.     margin: 0;
  1667.     color: #506784;
  1668.     font-size: 16px;
  1669.     background-color: #f3f6fa;
  1670.     border: 2px solid #dfe8f3;
  1671.     box-sizing: border-box;
  1672.     border-top-left-radius: 4px;
  1673.     border-top-right-radius: 4px;
  1674.     padding: 10px;
  1675. }
  1676.  
  1677. .dash-fe-error__info {
  1678.     border: 1px solid #dfe8f3;
  1679.     margin: 0 0 1em 0;
  1680.     padding: 10px;
  1681.  
  1682.     background-color: white;
  1683.     border: 2px solid #dfe8f3;
  1684.     color: #506784;
  1685.     overflow: auto;
  1686.     white-space: pre-wrap;
  1687. }
  1688.  
  1689. .dash-fe-error__curved {
  1690.     border-radius: 4px;
  1691. }
  1692.  
  1693. .dash-fe-error__curved-top {
  1694.     border-top-left-radius: 4px;
  1695.     border-top-right-radius: 4px;
  1696.     border-bottom-width: 0px;
  1697. }
  1698.  
  1699. .dash-fe-error__curved-bottom {
  1700.     border-radius-bottom-left: 4px;
  1701.     border-radius-bottom-right: 4px;
  1702.     background-color: #FFEFEF;
  1703. }
  1704.  
  1705. .dash-be-error__st {
  1706.     background-color: #fdf3f4;
  1707.     min-width: 386px;
  1708.     max-width: 650px;
  1709.     /* iframe container handles the scrolling */
  1710.     overflow: hidden;
  1711.     display: inline-block;
  1712. }
  1713. </style><style type="text/css">.percy-show {
  1714.     display: none;
  1715. }
  1716.  
  1717. @media only percy {
  1718.     .percy-hide {
  1719.         display: none;
  1720.     }
  1721.     .percy-show {
  1722.         display: block;
  1723.     }
  1724. }
  1725. </style><style type="text/css">.dash-callback-dag--container {
  1726.     border-radius: 4px;
  1727.     position: fixed;
  1728.     bottom: 165px;
  1729.     right: 16px;
  1730.     max-width: 80vw;
  1731.     max-height: calc(100vh - 180px);
  1732.     overflow: auto;
  1733.     box-sizing: border-box;
  1734.     background: #ffffff;
  1735.     display: inline-block;
  1736.     /* shadow-1 */
  1737.     box-shadow: 0px 6px 16px rgba(80, 103, 132, 0.165),
  1738.         0px 2px 6px rgba(80, 103, 132, 0.12),
  1739.         0px 0px 1px rgba(80, 103, 132, 0.32);
  1740. }
  1741. </style></head>
Advertisement
Add Comment
Please, Sign In to add comment