| 1 | .next-sr-only {
|
| 2 | position: absolute;
|
| 3 | width: 1px;
|
| 4 | height: 1px;
|
| 5 | padding: 0;
|
| 6 | overflow: hidden;
|
| 7 | clip: rect(0, 0, 0, 0);
|
| 8 | white-space: nowrap;
|
| 9 | border: 0;
|
| 10 | top: 0;
|
| 11 | margin: -1px; }
|
| 12 |
|
| 13 | .next-date-picker2-footer {
|
| 14 | width: min-content;
|
| 15 | min-width: 100%;
|
| 16 | box-sizing: border-box;
|
| 17 | text-align: center;
|
| 18 | border-top: 1px solid #E6E7EB;
|
| 19 | border-top: 1px solid var(--color-line1-1, #E6E7EB);
|
| 20 | padding: 4px 12px;
|
| 21 | display: flex;
|
| 22 | min-height: 40px;
|
| 23 | align-items: center;
|
| 24 | flex-wrap: wrap;
|
| 25 | position: relative; }
|
| 26 | .next-date-picker2-footer-preset > .next-btn {
|
| 27 | margin-right: 8px;
|
| 28 | margin-right: var(--s-2, 8px); }
|
| 29 | .next-date-picker2-footer-actions {
|
| 30 | margin-left: auto; }
|
| 31 | .next-date-picker2-footer-preset-only {
|
| 32 | width: 100%; }
|
| 33 |
|
| 34 | div[dir="rtl"] .next-date-picker2-footer-preset > .next-btn {
|
| 35 | margin-left: 8px;
|
| 36 | margin-left: var(--s-2, 8px);
|
| 37 | margin-right: 0; }
|
| 38 |
|
| 39 | div[dir="rtl"] .next-date-picker2-footer-actions {
|
| 40 | margin-left: 0;
|
| 41 | margin-right: auto; }
|
| 42 |
|
| 43 | div[dir="rtl"] .next-date-picker2-wrapper .next-calendar2-cell:last-child::before {
|
| 44 | border-top-right-radius: 0;
|
| 45 | border-bottom-right-radius: 0;
|
| 46 | right: 0;
|
| 47 | border-top-left-radius: 2px;
|
| 48 | border-bottom-left-radius: 2px;
|
| 49 | left: 8px; }
|
| 50 |
|
| 51 | div[dir="rtl"] .next-date-picker2-wrapper .next-calendar2-cell:first-child::before {
|
| 52 | border-top-left-radius: 0;
|
| 53 | border-bottom-left-radius: 0;
|
| 54 | left: 0;
|
| 55 | border-top-right-radius: 2px;
|
| 56 | border-bottom-right-radius: 2px;
|
| 57 | right: 8px; }
|
| 58 |
|
| 59 | div[dir="rtl"] .next-date-time-picker-wrapper {
|
| 60 | border-right: 1px solid #E6E7EB;
|
| 61 | border-right: 1px solid var(--color-line1-1, #E6E7EB);
|
| 62 | border-left: node; }
|
| 63 | div[dir="rtl"] .next-date-time-picker-wrapper .next-time-picker2-menu:not(:last-child) {
|
| 64 | border-left: 1px solid #DCDEE3;
|
| 65 | border-right: none; }
|
| 66 |
|
| 67 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-selected.next-calendar2-cell-range-begin::before {
|
| 68 | right: 50%;
|
| 69 | left: 0; }
|
| 70 |
|
| 71 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-selected.next-calendar2-cell-range-end::before {
|
| 72 | left: 50%;
|
| 73 | right: 0; }
|
| 74 |
|
| 75 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-begin::after, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-child::after {
|
| 76 | right: 8px; }
|
| 77 |
|
| 78 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-begin:not(:last-child)::after, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-child:not(.next-calendar2-cell-hover-end)::after {
|
| 79 | left: 0; }
|
| 80 |
|
| 81 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-end::after, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-child::after {
|
| 82 | left: 8px; }
|
| 83 |
|
| 84 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-end:not(:first-child)::after, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-child:not(.next-calendar2-cell-hover-begin)::after {
|
| 85 | right: 0; }
|
| 86 |
|
| 87 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-begin::after {
|
| 88 | left: 0;
|
| 89 | right: 7px; }
|
| 90 |
|
| 91 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-end::after {
|
| 92 | right: 0;
|
| 93 | left: 7px; }
|
| 94 |
|
| 95 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-of-type::after {
|
| 96 | border-top-left-radius: 0;
|
| 97 | border-bottom-left-radius: 0;
|
| 98 | border-left: none;
|
| 99 | border-top-right-radius: 2px;
|
| 100 | border-bottom-right-radius: 2px;
|
| 101 | border-right: 1px dashed #3E71F7;
|
| 102 | border-right: 1px dashed var(--color-brand1-9, #3E71F7); }
|
| 103 |
|
| 104 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-of-type::after {
|
| 105 | border-top-right-radius: 0;
|
| 106 | border-bottom-right-radius: 0;
|
| 107 | border-right: none;
|
| 108 | border-top-left-radius: 2px;
|
| 109 | border-bottom-left-radius: 2px;
|
| 110 | border-left: 1px dashed #3E71F7;
|
| 111 | border-left: 1px dashed var(--color-brand1-9, #3E71F7); }
|
| 112 |
|
| 113 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end::before, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end::after {
|
| 114 | right: 0;
|
| 115 | left: 8px; }
|
| 116 |
|
| 117 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end.next-calendar2-cell-hover::after {
|
| 118 | border-top-right-radius: 0;
|
| 119 | border-bottom-right-radius: 0;
|
| 120 | border-right: none;
|
| 121 | border-top-left-radius: 2px;
|
| 122 | border-bottom-left-radius: 2px;
|
| 123 | border-left: 1px dashed #3E71F7;
|
| 124 | border-left: 1px dashed var(--color-brand1-9, #3E71F7); }
|
| 125 |
|
| 126 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover-begin::after {
|
| 127 | border-left: none;
|
| 128 | border-top-left-radius: 0;
|
| 129 | border-bottom-left-radius: 0;
|
| 130 | border-right: 1px dashed #3E71F7;
|
| 131 | border-right: 1px dashed var(--color-brand1-9, #3E71F7);
|
| 132 | border-top-right-radius: 2px;
|
| 133 | border-bottom-right-radius: 2px; }
|
| 134 |
|
| 135 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover-end::after {
|
| 136 | border-right: none;
|
| 137 | border-top-right-radius: 0;
|
| 138 | border-bottom-right-radius: 0;
|
| 139 | border-left: 1px dashed #3E71F7;
|
| 140 | border-left: 1px dashed var(--color-brand1-9, #3E71F7);
|
| 141 | border-top-left-radius: 2px;
|
| 142 | border-bottom-left-radius: 2px; }
|
| 143 |
|
| 144 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::before, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::after {
|
| 145 | right: 8px;
|
| 146 | left: 0; }
|
| 147 |
|
| 148 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover::after {
|
| 149 | right: 8px;
|
| 150 | border-top-right-radius: 2px;
|
| 151 | border-bottom-right-radius: 2px;
|
| 152 | border-right: 1px dashed #3E71F7;
|
| 153 | border-right: 1px dashed var(--color-brand1-9, #3E71F7); }
|
| 154 |
|
| 155 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:not(.next-calendar2-cell-hover-end):not(.next-calendar2-cell-hover-begin)::after {
|
| 156 | border-top-left-radius: 0;
|
| 157 | border-bottom-left-radius: 0;
|
| 158 | border-left: none; }
|
| 159 |
|
| 160 | div[dir="rtl"] .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2)::before {
|
| 161 | right: 50%;
|
| 162 | left: 0; }
|
| 163 |
|
| 164 | div[dir="rtl"] .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child::before {
|
| 165 | left: 50%;
|
| 166 | right: 0; }
|
| 167 |
|
| 168 | .next-date-picker2 {
|
| 169 | outline: none;
|
| 170 | display: inline-table;
|
| 171 | position: relative;
|
| 172 | width: inherit; }
|
| 173 | .next-date-picker2-overlay {
|
| 174 | vertical-align: top;
|
| 175 | padding: 4px 0px; }
|
| 176 | .next-date-picker2-overlay-range {
|
| 177 | padding: 12px 0px; }
|
| 178 | .next-date-picker2-wrapper {
|
| 179 | box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
|
| 180 | background-color: #FFFFFF;
|
| 181 | border: 1px solid #E6E7EB;
|
| 182 | border: 1px solid var(--color-line1-1, #E6E7EB);
|
| 183 | border-radius: 3px;
|
| 184 | border-radius: var(--corner-1, 3px); }
|
| 185 | .next-date-picker2-wrapper .next-calendar2-panel {
|
| 186 | border-radius: 3px;
|
| 187 | border-radius: var(--corner-1, 3px); }
|
| 188 | .next-date-picker2-wrapper .next-calendar2-body {
|
| 189 | width: 272px; }
|
| 190 | .next-date-picker2-wrapper .next-calendar2-cell::before {
|
| 191 | content: "";
|
| 192 | position: absolute;
|
| 193 | top: 50%;
|
| 194 | right: 0px;
|
| 195 | left: 0px;
|
| 196 | z-index: 1;
|
| 197 | height: 24px;
|
| 198 | transform: translateY(-50%); }
|
| 199 | .next-date-picker2-wrapper .next-calendar2-cell:last-child::before {
|
| 200 | border-top-right-radius: 2px;
|
| 201 | border-bottom-right-radius: 2px;
|
| 202 | right: 8px; }
|
| 203 | .next-date-picker2-wrapper .next-calendar2-cell:first-child::before {
|
| 204 | border-top-left-radius: 2px;
|
| 205 | border-bottom-left-radius: 2px;
|
| 206 | left: 8px; }
|
| 207 | .next-date-picker2-input {
|
| 208 | display: inline-flex;
|
| 209 | align-items: center;
|
| 210 | outline: none;
|
| 211 | box-sizing: border-box;
|
| 212 | border: 1px solid #C4C6CF;
|
| 213 | border: var(--input-border-width, 1px) solid var(--input-border-color, #C4C6CF);
|
| 214 | vertical-align: middle;
|
| 215 | width: inherit;
|
| 216 | background-color: #FFFFFF;
|
| 217 | background-color: var(--input-bg-color, #FFFFFF); }
|
| 218 | .next-date-picker2-input .next-input {
|
| 219 | border: none;
|
| 220 | flex-basis: 100%;
|
| 221 | height: 100%;
|
| 222 | width: 100%; }
|
| 223 | .next-date-picker2-input .next-input input {
|
| 224 | height: 100%;
|
| 225 | width: auto; }
|
| 226 | .next-date-picker2-input.next-date-picker2-input-small {
|
| 227 | height: 20px;
|
| 228 | height: var(--form-element-small-height, 20px);
|
| 229 | border-radius: 3px;
|
| 230 | border-radius: var(--form-element-small-corner, 3px); }
|
| 231 | .next-date-picker2-input.next-date-picker2-input-small .next-input-label {
|
| 232 | padding-left: 8px;
|
| 233 | padding-left: var(--input-s-label-padding-left, 8px);
|
| 234 | font-size: 12px;
|
| 235 | font-size: var(--form-element-small-font-size, 12px); }
|
| 236 | .next-date-picker2-input.next-date-picker2-input-small .next-input-inner {
|
| 237 | font-size: 12px;
|
| 238 | font-size: var(--form-element-small-font-size, 12px); }
|
| 239 | .next-date-picker2-input.next-date-picker2-input-small .next-input-control {
|
| 240 | padding-right: 4px;
|
| 241 | padding-right: var(--input-s-icon-padding-right, 4px); }
|
| 242 | .next-date-picker2-input.next-date-picker2-input-small .next-input-inner-text {
|
| 243 | padding-right: 4px;
|
| 244 | padding-right: var(--input-s-icon-padding-right, 4px); }
|
| 245 | .next-date-picker2-input.next-date-picker2-input-small input {
|
| 246 | height: 18px;
|
| 247 | height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2);
|
| 248 | line-height: 18px \0;
|
| 249 | line-height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2) \0;
|
| 250 | padding: 0 4px;
|
| 251 | padding: 0 var(--input-s-padding, 4px);
|
| 252 | font-size: 12px;
|
| 253 | font-size: var(--form-element-small-font-size, 12px); }
|
| 254 | .next-date-picker2-input.next-date-picker2-input-small input::placeholder {
|
| 255 | font-size: 12px;
|
| 256 | font-size: var(--form-element-small-font-size, 12px); }
|
| 257 | .next-date-picker2-input.next-date-picker2-input-small .next-input-text-field {
|
| 258 | padding: 0 4px;
|
| 259 | padding: 0 var(--input-s-padding, 4px);
|
| 260 | font-size: 12px;
|
| 261 | font-size: var(--form-element-small-font-size, 12px);
|
| 262 | height: 18px;
|
| 263 | height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2);
|
| 264 | line-height: 18px;
|
| 265 | line-height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2); }
|
| 266 | .next-date-picker2-input.next-date-picker2-input-small .next-icon:before,
|
| 267 | .next-date-picker2-input.next-date-picker2-input-small .next-icon .next-icon-remote {
|
| 268 | width: 12px;
|
| 269 | width: var(--form-element-small-icon-size, 12px);
|
| 270 | font-size: 12px;
|
| 271 | font-size: var(--form-element-small-icon-size, 12px);
|
| 272 | line-height: inherit; }
|
| 273 | .next-date-picker2-input.next-date-picker2-input-small .next-input-control {
|
| 274 | border-radius: 0 3px 3px 0;
|
| 275 | border-radius: 0 var(--form-element-small-corner, 3px) var(--form-element-small-corner, 3px) 0; }
|
| 276 | .next-date-picker2-input.next-date-picker2-input-medium {
|
| 277 | height: 28px;
|
| 278 | height: var(--form-element-medium-height, 28px);
|
| 279 | border-radius: 3px;
|
| 280 | border-radius: var(--form-element-medium-corner, 3px); }
|
| 281 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-label {
|
| 282 | padding-left: 8px;
|
| 283 | padding-left: var(--input-m-label-padding-left, 8px);
|
| 284 | font-size: 12px;
|
| 285 | font-size: var(--form-element-medium-font-size, 12px); }
|
| 286 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-inner {
|
| 287 | font-size: 12px;
|
| 288 | font-size: var(--form-element-medium-font-size, 12px); }
|
| 289 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-control {
|
| 290 | padding-right: 8px;
|
| 291 | padding-right: var(--input-m-icon-padding-right, 8px); }
|
| 292 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-inner-text {
|
| 293 | padding-right: 8px;
|
| 294 | padding-right: var(--input-m-icon-padding-right, 8px); }
|
| 295 | .next-date-picker2-input.next-date-picker2-input-medium input {
|
| 296 | height: 26px;
|
| 297 | height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2);
|
| 298 | line-height: 26px \0;
|
| 299 | line-height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2) \0;
|
| 300 | padding: 0 8px;
|
| 301 | padding: 0 var(--input-m-padding, 8px);
|
| 302 | font-size: 12px;
|
| 303 | font-size: var(--form-element-medium-font-size, 12px); }
|
| 304 | .next-date-picker2-input.next-date-picker2-input-medium input::placeholder {
|
| 305 | font-size: 12px;
|
| 306 | font-size: var(--form-element-medium-font-size, 12px); }
|
| 307 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-text-field {
|
| 308 | padding: 0 8px;
|
| 309 | padding: 0 var(--input-m-padding, 8px);
|
| 310 | font-size: 12px;
|
| 311 | font-size: var(--form-element-medium-font-size, 12px);
|
| 312 | height: 26px;
|
| 313 | height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2);
|
| 314 | line-height: 26px;
|
| 315 | line-height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2); }
|
| 316 | .next-date-picker2-input.next-date-picker2-input-medium .next-icon:before,
|
| 317 | .next-date-picker2-input.next-date-picker2-input-medium .next-icon .next-icon-remote {
|
| 318 | width: 12px;
|
| 319 | width: var(--form-element-medium-icon-size, 12px);
|
| 320 | font-size: 12px;
|
| 321 | font-size: var(--form-element-medium-icon-size, 12px);
|
| 322 | line-height: inherit; }
|
| 323 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-control {
|
| 324 | border-radius: 0 3px 3px 0;
|
| 325 | border-radius: 0 var(--form-element-medium-corner, 3px) var(--form-element-medium-corner, 3px) 0; }
|
| 326 | .next-date-picker2-input.next-date-picker2-input-large {
|
| 327 | height: 40px;
|
| 328 | height: var(--form-element-large-height, 40px);
|
| 329 | border-radius: 3px;
|
| 330 | border-radius: var(--form-element-large-corner, 3px); }
|
| 331 | .next-date-picker2-input.next-date-picker2-input-large .next-input-label {
|
| 332 | padding-left: 12px;
|
| 333 | padding-left: var(--input-l-label-padding-left, 12px);
|
| 334 | font-size: 16px;
|
| 335 | font-size: var(--form-element-large-font-size, 16px); }
|
| 336 | .next-date-picker2-input.next-date-picker2-input-large .next-input-inner {
|
| 337 | font-size: 16px;
|
| 338 | font-size: var(--form-element-large-font-size, 16px); }
|
| 339 | .next-date-picker2-input.next-date-picker2-input-large .next-input-control {
|
| 340 | padding-right: 8px;
|
| 341 | padding-right: var(--input-l-icon-padding-right, 8px); }
|
| 342 | .next-date-picker2-input.next-date-picker2-input-large .next-input-inner-text {
|
| 343 | padding-right: 8px;
|
| 344 | padding-right: var(--input-l-icon-padding-right, 8px); }
|
| 345 | .next-date-picker2-input.next-date-picker2-input-large input {
|
| 346 | height: 38px;
|
| 347 | height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2);
|
| 348 | line-height: 38px \0;
|
| 349 | line-height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2) \0;
|
| 350 | padding: 0 12px;
|
| 351 | padding: 0 var(--input-l-padding, 12px);
|
| 352 | font-size: 16px;
|
| 353 | font-size: var(--form-element-large-font-size, 16px); }
|
| 354 | .next-date-picker2-input.next-date-picker2-input-large input::placeholder {
|
| 355 | font-size: 16px;
|
| 356 | font-size: var(--form-element-large-font-size, 16px); }
|
| 357 | .next-date-picker2-input.next-date-picker2-input-large .next-input-text-field {
|
| 358 | padding: 0 12px;
|
| 359 | padding: 0 var(--input-l-padding, 12px);
|
| 360 | font-size: 16px;
|
| 361 | font-size: var(--form-element-large-font-size, 16px);
|
| 362 | height: 38px;
|
| 363 | height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2);
|
| 364 | line-height: 38px;
|
| 365 | line-height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2); }
|
| 366 | .next-date-picker2-input.next-date-picker2-input-large .next-icon:before,
|
| 367 | .next-date-picker2-input.next-date-picker2-input-large .next-icon .next-icon-remote {
|
| 368 | width: 16px;
|
| 369 | width: var(--form-element-large-icon-size, 16px);
|
| 370 | font-size: 16px;
|
| 371 | font-size: var(--form-element-large-icon-size, 16px);
|
| 372 | line-height: inherit; }
|
| 373 | .next-date-picker2-input.next-date-picker2-input-large .next-input-control {
|
| 374 | border-radius: 0 3px 3px 0;
|
| 375 | border-radius: 0 var(--form-element-large-corner, 3px) var(--form-element-large-corner, 3px) 0; }
|
| 376 | .next-date-picker2-input:hover {
|
| 377 | border-color: #A0A2AD;
|
| 378 | border-color: var(--input-hover-border-color, #A0A2AD);
|
| 379 | background-color: #FFFFFF;
|
| 380 | background-color: var(--input-hover-bg-color, #FFFFFF); }
|
| 381 | .next-date-picker2-input.next-date-picker2-input-focus {
|
| 382 | border-color: #5584FF;
|
| 383 | border-color: var(--input-focus-border-color, #5584FF);
|
| 384 | background-color: #FFFFFF;
|
| 385 | background-color: var(--input-focus-bg-color, #FFFFFF);
|
| 386 | box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
|
| 387 | box-shadow: 0 0 0 var(--input-focus-shadow-spread, 2px) var(--color-calculate-input-focus-shadow, rgba(85, 132, 255, 0.2)); }
|
| 388 | .next-date-picker2-input.next-date-picker2-input-noborder {
|
| 389 | border-color: transparent !important;
|
| 390 | box-shadow: none !important; }
|
| 391 | .next-date-picker2-input.next-date-picker2-input-disabled {
|
| 392 | color: #CCCCCC;
|
| 393 | color: var(--input-disabled-color, #CCCCCC);
|
| 394 | border-color: #E6E7EB;
|
| 395 | border-color: var(--input-disabled-border-color, #E6E7EB);
|
| 396 | background-color: #F7F8FA;
|
| 397 | background-color: var(--input-disabled-bg-color, #F7F8FA);
|
| 398 | cursor: not-allowed; }
|
| 399 | .next-date-picker2-input.next-date-picker2-input-disabled:hover {
|
| 400 | border-color: #E6E7EB;
|
| 401 | border-color: var(--input-disabled-border-color, #E6E7EB);
|
| 402 | background-color: #F7F8FA;
|
| 403 | background-color: var(--input-disabled-bg-color, #F7F8FA); }
|
| 404 | .next-date-picker2-input-separator {
|
| 405 | color: #C4C6CF;
|
| 406 | color: var(--input-border-color, #C4C6CF);
|
| 407 | font-size: 12px;
|
| 408 | line-height: 12px;
|
| 409 | display: inline-block;
|
| 410 | min-width: 16px;
|
| 411 | text-align: center; }
|
| 412 |
|
| 413 | .next-range-picker2-panel, .next-date-picker2-panel {
|
| 414 | display: inline-flex; }
|
| 415 |
|
| 416 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-range-picker-right .next-calendar2-header-left-btn,
|
| 417 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-range-picker-left .next-calendar2-header-right-btn {
|
| 418 | visibility: hidden; }
|
| 419 |
|
| 420 | .next-range-picker2-arrow {
|
| 421 | display: block;
|
| 422 | transform: translate(0, -50%) rotate(-45deg);
|
| 423 | position: absolute;
|
| 424 | z-index: 1;
|
| 425 | width: 10px;
|
| 426 | height: 10px;
|
| 427 | margin-left: 16.5px;
|
| 428 | border-color: #E6E7EB #E6E7EB transparent transparent;
|
| 429 | border-color: var(--color-line1-1, #E6E7EB) var(--color-line1-1, #E6E7EB) transparent transparent;
|
| 430 | border-style: solid;
|
| 431 | border-width: 1px;
|
| 432 | transition: left .3s ease-out;
|
| 433 | background: #FFFFFF; }
|
| 434 |
|
| 435 | .next-date-picker2-tl-bl .next-range-picker2-arrow {
|
| 436 | top: 12.5px; }
|
| 437 |
|
| 438 | .next-date-picker2-bl-tl .next-range-picker2-arrow {
|
| 439 | bottom: 13px;
|
| 440 | transform: translate(0, 50%) rotate(135deg); }
|
| 441 |
|
| 442 | .next-date-time-picker-wrapper {
|
| 443 | border-left: 1px solid #E6E7EB;
|
| 444 | border-left: 1px solid var(--color-line1-1, #E6E7EB); }
|
| 445 | .next-date-time-picker-wrapper .next-calendar2-body {
|
| 446 | padding-right: 0px;
|
| 447 | padding-left: 0px; }
|
| 448 |
|
| 449 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-disabled .next-calendar2-cell-inner {
|
| 450 | color: #CCCCCC;
|
| 451 | color: var(--color-text1-1, #CCCCCC);
|
| 452 | background: #F7F8FA;
|
| 453 | background: var(--color-fill1-1, #F7F8FA); }
|
| 454 |
|
| 455 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected::before {
|
| 456 | color: #666666;
|
| 457 | color: var(--color-text1-3, #666666);
|
| 458 | background: #DEE8FF;
|
| 459 | background: var(--color-brand1-1, #DEE8FF); }
|
| 460 |
|
| 461 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected .next-calendar2-cell-inner {
|
| 462 | color: #666666;
|
| 463 | color: var(--color-text1-3, #666666);
|
| 464 | background: transparent; }
|
| 465 |
|
| 466 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin .next-calendar2-cell-inner, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end .next-calendar2-cell-inner {
|
| 467 | z-index: 10;
|
| 468 | color: #FFFFFF;
|
| 469 | background: #5584FF;
|
| 470 | background: var(--color-brand1-6, #5584FF); }
|
| 471 |
|
| 472 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin::before {
|
| 473 | left: 50%; }
|
| 474 |
|
| 475 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end::before {
|
| 476 | right: 50%; }
|
| 477 |
|
| 478 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin-single::before, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end-single::before {
|
| 479 | display: none; }
|
| 480 |
|
| 481 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover::after {
|
| 482 | content: "";
|
| 483 | position: absolute;
|
| 484 | top: 50%;
|
| 485 | right: 0;
|
| 486 | left: 0;
|
| 487 | z-index: 2;
|
| 488 | height: 24px;
|
| 489 | transform: translateY(-50%);
|
| 490 | border-color: #3E71F7 transparent;
|
| 491 | border-color: var(--color-brand1-9, #3E71F7) transparent;
|
| 492 | border-style: dashed;
|
| 493 | border-width: 1px; }
|
| 494 |
|
| 495 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-hover-begin::after, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:first-child::after {
|
| 496 | left: 8px; }
|
| 497 |
|
| 498 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-hover-end::after, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:last-child::after {
|
| 499 | right: 8px; }
|
| 500 |
|
| 501 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-begin::after {
|
| 502 | left: 8px; }
|
| 503 |
|
| 504 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-end::after {
|
| 505 | right: 8px; }
|
| 506 |
|
| 507 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:first-of-type::after {
|
| 508 | border-top-left-radius: 2px;
|
| 509 | border-bottom-left-radius: 2px;
|
| 510 | border-left: 1px dashed #3E71F7;
|
| 511 | border-left: 1px dashed var(--color-brand1-9, #3E71F7); }
|
| 512 |
|
| 513 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:last-of-type::after {
|
| 514 | border-top-right-radius: 2px;
|
| 515 | border-bottom-right-radius: 2px;
|
| 516 | border-right: 1px dashed #3E71F7;
|
| 517 | border-right: 1px dashed var(--color-brand1-9, #3E71F7); }
|
| 518 |
|
| 519 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end::before {
|
| 520 | right: 8px; }
|
| 521 |
|
| 522 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end::after {
|
| 523 | right: 8px; }
|
| 524 |
|
| 525 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end.next-calendar2-cell-hover::after {
|
| 526 | border-top-right-radius: 2px;
|
| 527 | border-bottom-right-radius: 2px;
|
| 528 | border-right: 1px dashed #3E71F7;
|
| 529 | border-right: 1px dashed var(--color-brand1-9, #3E71F7); }
|
| 530 |
|
| 531 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover-begin::after {
|
| 532 | border-top: 1px dashed #3E71F7;
|
| 533 | border-top: 1px dashed var(--color-brand1-9, #3E71F7);
|
| 534 | border-left: 1px dashed #3E71F7;
|
| 535 | border-left: 1px dashed var(--color-brand1-9, #3E71F7);
|
| 536 | border-top-left-radius: 2px;
|
| 537 | border-bottom-left-radius: 2px; }
|
| 538 |
|
| 539 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover-end::after {
|
| 540 | border-top: 1px dashed #3E71F7;
|
| 541 | border-top: 1px dashed var(--color-brand1-9, #3E71F7);
|
| 542 | border-right: 1px dashed #3E71F7;
|
| 543 | border-right: 1px dashed var(--color-brand1-9, #3E71F7);
|
| 544 | border-top-right-radius: 2px;
|
| 545 | border-bottom-right-radius: 2px; }
|
| 546 |
|
| 547 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::before, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::after {
|
| 548 | left: 8px; }
|
| 549 |
|
| 550 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover::after {
|
| 551 | border-top-left-radius: 2px;
|
| 552 | border-bottom-left-radius: 2px;
|
| 553 | border-left: 1px dashed #3E71F7;
|
| 554 | border-left: 1px dashed var(--color-brand1-9, #3E71F7); }
|
| 555 |
|
| 556 | .next-calendar2-table-week .next-calendar2-cell-hover::after {
|
| 557 | display: none; }
|
| 558 |
|
| 559 | .next-calendar2-table-week tr:hover .next-calendar2-cell:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected)::before {
|
| 560 | background: #F2F3F7;
|
| 561 | background: var(--color-fill1-2, #F2F3F7); }
|
| 562 |
|
| 563 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected::before,
|
| 564 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected .next-calendar2-cell-inner {
|
| 565 | color: #666666;
|
| 566 | color: var(--color-text1-3, #666666);
|
| 567 | background-color: #DEE8FF;
|
| 568 | background-color: var(--color-brand1-1, #DEE8FF); }
|
| 569 |
|
| 570 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child .next-calendar2-cell-inner, .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2) .next-calendar2-cell-inner {
|
| 571 | color: #FFFFFF;
|
| 572 | background: #5584FF;
|
| 573 | background: var(--color-brand1-6, #5584FF); }
|
| 574 |
|
| 575 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2)::before {
|
| 576 | left: 50%; }
|
| 577 |
|
| 578 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child::before {
|
| 579 | right: 50%; }
|
| 580 |
|
| 581 | .next-calendar2-table-week tr:not(.next-calendar2-week-current) td.next-calendar2-cell.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled)::before,
|
| 582 | .next-calendar2-table-week tr:not(.next-calendar2-week-current) td.next-calendar2-cell.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
|
| 583 | background-color: transparent;
|
| 584 | color: #CCCCCC;
|
| 585 | color: var(--color-text1-1, #CCCCCC); }
|
| 586 |
|
| 587 | .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled):last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled):nth-child(2) .next-calendar2-cell-inner {
|
| 588 | background-color: #DEE8FF;
|
| 589 | background-color: var(--color-brand1-1, #DEE8FF);
|
| 590 | color: #666666;
|
| 591 | color: var(--color-text1-3, #666666); }
|
| 592 |
|
| 593 | .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-begin:last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-begin:nth-child(2) .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-end:last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-end:nth-child(2) .next-calendar2-cell-inner {
|
| 594 | color: #FFFFFF;
|
| 595 | background: #5584FF;
|
| 596 | background: var(--color-brand1-6, #5584FF); }
|