vendor/assets/stylesheets/flatpickr/rtl/themes/material_red.rtl.css in flatpickr-2.2.4.0 vs vendor/assets/stylesheets/flatpickr/rtl/themes/material_red.rtl.css in flatpickr-2.2.5.0

- old
+ new

@@ -1,13 +1,619 @@ -.flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;animation:none;direction:rtl;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:242px;box-sizing:border-box;}.flatpickr-calendar.open{display:inline-block;opacity:1;visibility:visible;max-height:320px;z-index:99999;animation:flatpickrFadeInDown .5s cubic-bezier(0,1,.5,1)}.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:320px;display:block;position:relative}.flatpickr-calendar.static{display:none;position:relative;}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{width:auto}.flatpickr-calendar.dateIsPicked.hasTime .flatpickr-time{height:38px}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(239,83,80,0.2)}.flatpickr-calendar.arrowTop:after{border-bottom-color:#ef5350}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:rgba(239,83,80,0.2)}.flatpickr-calendar.arrowBottom:after{border-top-color:#ef5350}.flatpickr-month{border-radius:5px 5px 0 0;background:#ef5350;color:#fff;fill:#fff;height:28px;line-height:24px;text-align:center;position:relative;user-select:none}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:10px;height:16px;line-height:16px;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{/* - /*rtl:begin:ignore*/right:5px;/* - /*rtl:end:ignore*/}/* +.flatpickr-input { + cursor: pointer; + z-index: 1; +} +.flatpickr-mobileInput { + opacity: 0; + visibility: hidden; + position: absolute; + width: 0; + height: 0; + box-sizing: border-box; + padding: 0; +} +.flatpickr-calendar { + background: transparent; + overflow: hidden; + max-height: 0; + opacity: 0; + visibility: hidden; + text-align: center; + padding: 0; + animation: none; + direction: rtl; + border: 0; + font-size: 14px; + line-height: 24px; + border-radius: 5px; + position: absolute; + width: 293.75px; + box-sizing: border-box; + box-shadow: 0 3px 13px rgba(0,0,0,0.08); + z-index: 999; +} +.flatpickr-calendar.open, +.flatpickr-calendar.inline { + opacity: 1; + visibility: visible; + overflow: visible; + max-height: 640px; +} +.flatpickr-calendar.open { + display: inline-block; + z-index: 99999; + animation: flatpickrFadeInDown 0.5s cubic-bezier(0, 1, 0.5, 1); +} +.flatpickr-calendar.inline { + display: block; + position: relative; +} +.flatpickr-calendar.static { + position: relative; + top: 2px; +} +.flatpickr-calendar.static.open { + display: block; +} +.flatpickr-calendar.hasWeeks { + width: auto; +} +.flatpickr-calendar.dateIsPicked.hasTime .flatpickr-time { + height: 40px; +} +.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { + height: auto; +} +.flatpickr-calendar:before, +.flatpickr-calendar:after { + position: absolute; + display: block; + pointer-events: none; + border: solid transparent; + content: ''; + height: 0; + width: 0; + right: 22px; +} +.flatpickr-calendar.rightMost:before, +.flatpickr-calendar.rightMost:after { + right: auto; + left: 22px; +} +.flatpickr-calendar:before { + border-width: 5px; + margin: 0 -5px; +} +.flatpickr-calendar:after { + border-width: 4px; + margin: 0 -4px; +} +.flatpickr-calendar.arrowTop:before, +.flatpickr-calendar.arrowTop:after { + bottom: 100%; +} +.flatpickr-calendar.arrowTop:before { + border-bottom-color: #e6e6e6; +} +.flatpickr-calendar.arrowTop:after { + border-bottom-color: #ef5350; +} +.flatpickr-calendar.arrowBottom:before, +.flatpickr-calendar.arrowBottom:after { + top: 100%; +} +.flatpickr-calendar.arrowBottom:before { + border-top-color: #e6e6e6; +} +.flatpickr-calendar.arrowBottom:after { + border-top-color: #ef5350; +} +.flatpickr-month { + border-radius: 5px 5px 0 0; + background: #ef5350; + color: #fff; + fill: #fff; + height: 28px; + line-height: 24px; + text-align: center; + position: relative; + user-select: none; + z-index: 2; +} +.flatpickr-prev-month, +.flatpickr-next-month { + text-decoration: none; + cursor: pointer; + position: absolute; + top: 10px; + height: 16px; + line-height: 16px; +} +.flatpickr-prev-month i, +.flatpickr-next-month i { + position: relative; +} +.flatpickr-prev-month.flatpickr-prev-month, +.flatpickr-next-month.flatpickr-prev-month { +/* /*rtl:begin:ignore*/ /* + */ + right: calc(3.57% - 1.5px); +/* /*rtl:end:ignore*/ -.flatpickr-prev-month.flatpickr-next-month,.flatpickr-next-month.flatpickr-next-month{/* - /*rtl:begin:ignore*/left:5px;/* - /*rtl:end:ignore*/}/* +/* + */ +} +/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ -.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.flatpickr-prev-month svg:hover,.flatpickr-next-month svg:hover{fill:#f64747}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#bbb}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper span{position:absolute;left:0;width:14px;padding:0 2px 0 4px;height:50%;line-height:50%;opacity:0;z-index:9;cursor:pointer;border:1px solid rgba(72,72,72,0.05);box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute;top:33%}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:4px solid rgba(72,72,72,0.6)}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid rgba(72,72,72,0.6)}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(255,255,255,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;right:12.5%;top:5px;display:inline-block;text-align:center;}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;padding-right:7px}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:default;padding:0 .5ch 0 0;margin:0;display:inline;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(255,255,255,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:#ef5350;text-align:center;overflow:hidden}.flatpickr-days{padding:1px;outline:0;text-align:right;width:240px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;border:1px solid rgba(239,83,80,0.2);border-top:0;border-bottom:0;border-radius:0 0 3px 3px}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;display:inline-block\9;position:relative;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:300;width:14.2857143%;flex-basis:14.2857143%;max-width:34px;height:34px;line-height:34px;margin:1px 0 0 0;text-align:center;transition:50ms all ease-out;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#ef5350;color:#fff;border-color:#ef5350}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:50px 0 0 50px}.flatpickr-day.inRange{border-radius:0}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(72,72,72,0.3);background:transparent;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,0.54);height:24px;line-height:24px;margin:0;background:#ef5350;text-align:center;display:block;float:right;width:14.28%;font-weight:bold}.flatpickr-weekwrapper{display:inline-block;float:right;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;border-right:1px solid rgba(239,83,80,0.2);border-left:1px solid rgba(239,83,80,0.2)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%;max-width:none}.flatpickr-innerContainer{display:block;display:flex;border-bottom:1px solid rgba(239,83,80,0.2);}.flatpickr-innerContainer:after{display:inline-block;content:"";clear:both}.flatpickr-rContainer{display:inline-block}.flatpickr-time{text-align:center;border-top:0;outline:0;display:block;height:0;line-height:36px;max-height:36px;box-sizing:border-box;overflow:hidden;transition:height .33s cubic-bezier(0,1,.5,1);display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:36px;float:right;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#484848}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#484848}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#484848;font-size:14px;position:relative;box-sizing:border-box;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;display:inline-block;float:right;line-height:inherit;color:#484848;font-weight:bold;width:2%}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#ececec}.hasWeeks .flatpickr-days,.hasTime .flatpickr-days{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.hasWeeks .flatpickr-days{border-right:0}.dateIsPicked .flatpickr-innerContainer + .flatpickr-time{border:1px solid rgba(239,83,80,0.2);border-top:0}@media all and (-ms-high-contrast:none){.flatpickr-days{width:256px}.flatpickr-month{padding:0;}.flatpickr-month svg{top:0 !important}}@-moz-keyframes flatpickrFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}@-webkit-keyframes flatpickrFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}@-o-keyframes flatpickrFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}@keyframes flatpickrFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}} \ No newline at end of file +.flatpickr-prev-month.flatpickr-next-month, +.flatpickr-next-month.flatpickr-next-month { +/* + /*rtl:begin:ignore*/ +/* + */ + left: calc(3.57% - 1.5px); +/* + /*rtl:end:ignore*/ +/* + */ +} +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-prev-month:hover, +.flatpickr-next-month:hover { + color: #bbb; +} +.flatpickr-prev-month:hover svg, +.flatpickr-next-month:hover svg { + fill: #f64747; +} +.flatpickr-prev-month svg, +.flatpickr-next-month svg { + width: 14px; +} +.flatpickr-prev-month svg path, +.flatpickr-next-month svg path { + transition: fill 0.1s; + fill: inherit; +} +.numInputWrapper { + position: relative; + height: auto; +} +.numInputWrapper input, +.numInputWrapper span { + display: inline-block; +} +.numInputWrapper input { + width: 100%; +} +.numInputWrapper span { + position: absolute; + left: 0; + width: 14px; + padding: 0 2px 0 4px; + height: 50%; + line-height: 50%; + opacity: 0; + z-index: 9; + cursor: pointer; + border: 1px solid rgba(72,72,72,0.05); + box-sizing: border-box; +} +.numInputWrapper span:hover { + background: rgba(0,0,0,0.1); +} +.numInputWrapper span:active { + background: rgba(0,0,0,0.2); +} +.numInputWrapper span:after { + display: block; + content: ""; + position: absolute; + top: 33%; +} +.numInputWrapper span.arrowUp { + top: 0; + border-bottom: 0; +} +.numInputWrapper span.arrowUp:after { + border-right: 4px solid transparent; + border-left: 4px solid transparent; + border-bottom: 4px solid rgba(72,72,72,0.6); +} +.numInputWrapper span.arrowDown { + top: 50%; +} +.numInputWrapper span.arrowDown:after { + border-right: 4px solid transparent; + border-left: 4px solid transparent; + border-top: 4px solid rgba(72,72,72,0.6); +} +.numInputWrapper span svg { + width: inherit; + height: auto; +} +.numInputWrapper span svg path { + fill: rgba(255,255,255,0.5); +} +.numInputWrapper:hover { + background: rgba(0,0,0,0.05); +} +.numInputWrapper:hover span { + opacity: 1; +} +.flatpickr-current-month { + font-size: 135%; + line-height: inherit; + font-weight: 300; + color: inherit; + position: absolute; + width: 75%; + right: 12.5%; + top: 5px; + display: inline-block; + text-align: center; +} +.flatpickr-current-month span.cur-month { + font-family: inherit; + font-weight: 700; + color: inherit; + display: inline-block; + padding-right: 7px; +} +.flatpickr-current-month .numInputWrapper { + width: 6ch; + width: 7ch\0; + display: inline-block; +} +.flatpickr-current-month .numInputWrapper span.arrowUp:after { + border-bottom-color: #fff; +} +.flatpickr-current-month .numInputWrapper span.arrowDown:after { + border-top-color: #fff; +} +.flatpickr-current-month input.cur-year { + background: transparent; + box-sizing: border-box; + color: inherit; + cursor: default; + padding: 0 0.5ch 0 0; + margin: 0; + display: inline; + font-size: inherit; + font-family: inherit; + font-weight: 300; + line-height: inherit; + height: initial; + border: 0; + border-radius: 0; + vertical-align: initial; +} +.flatpickr-current-month input.cur-year:focus { + outline: 0; +} +.flatpickr-current-month input.cur-year[disabled], +.flatpickr-current-month input.cur-year[disabled]:hover { + font-size: 100%; + color: rgba(255,255,255,0.5); + background: transparent; + pointer-events: none; +} +.flatpickr-weekdays { + background: #ef5350; + text-align: center; + overflow: hidden; +} +.flatpickr-days { + padding: 0 2.375px; + outline: 0; + text-align: right; + width: 293.75px; + box-sizing: border-box; + display: inline-block; + display: flex; + flex-wrap: wrap; + border-left: 1px solid #e6e6e6; + border-right: 1px solid #e6e6e6; +} +.flatpickr-day { + background: none; + border: 1px solid transparent; + border-radius: 150px; + box-sizing: border-box; + color: #484848; + cursor: pointer; + font-weight: 400; + width: 14.2857143%; + flex-basis: 14.2857143%; + max-width: 38px; + height: 38px; + line-height: 38px; + margin: 0px 1.5px; + display: inline-block; + display: inline-block\9; + position: relative; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} +.flatpickr-day.inRange, +.flatpickr-day.prevMonthDay.inRange, +.flatpickr-day.nextMonthDay.inRange, +.flatpickr-day.today.inRange, +.flatpickr-day.prevMonthDay.today.inRange, +.flatpickr-day.nextMonthDay.today.inRange, +.flatpickr-day:hover, +.flatpickr-day.prevMonthDay:hover, +.flatpickr-day.nextMonthDay:hover, +.flatpickr-day:focus, +.flatpickr-day.prevMonthDay:focus, +.flatpickr-day.nextMonthDay:focus { + cursor: pointer; + outline: 0; + background: #e2e2e2; + border-color: #e2e2e2; +} +.flatpickr-day.today { + border-color: #bbb; +} +.flatpickr-day.today:hover, +.flatpickr-day.today:focus { + border-color: #bbb; + background: #bbb; + color: #fff; +} +.flatpickr-day.selected, +.flatpickr-day.startRange, +.flatpickr-day.endRange, +.flatpickr-day.selected:focus, +.flatpickr-day.startRange:focus, +.flatpickr-day.endRange:focus, +.flatpickr-day.selected:hover, +.flatpickr-day.startRange:hover, +.flatpickr-day.endRange:hover, +.flatpickr-day.selected.prevMonthDay, +.flatpickr-day.startRange.prevMonthDay, +.flatpickr-day.endRange.prevMonthDay, +.flatpickr-day.selected.nextMonthDay, +.flatpickr-day.startRange.nextMonthDay, +.flatpickr-day.endRange.nextMonthDay { + background: #ef5350; + color: #fff; + border-color: #ef5350; +} +.flatpickr-day.selected.startRange, +.flatpickr-day.startRange.startRange, +.flatpickr-day.endRange.startRange { + border-radius: 0 50px 50px 0; +} +.flatpickr-day.selected.endRange, +.flatpickr-day.startRange.endRange, +.flatpickr-day.endRange.endRange { + border-radius: 50px 0 0 50px; +} +.flatpickr-day.inRange { + border-radius: 0; + box-shadow: 3.75px 0 0 #e2e2e2, -3.75px 0 0 #e2e2e2; +} +.flatpickr-day.disabled, +.flatpickr-day.disabled:hover { + pointer-events: none; +} +.flatpickr-day.disabled, +.flatpickr-day.disabled:hover, +.flatpickr-day.prevMonthDay, +.flatpickr-day.nextMonthDay, +.flatpickr-day.notAllowed, +.flatpickr-day.notAllowed.prevMonthDay, +.flatpickr-day.notAllowed.nextMonthDay { + color: rgba(72,72,72,0.3); + background: transparent; + border-color: transparent; + cursor: default; +} +span.flatpickr-weekday { + cursor: default; + font-size: 90%; + color: rgba(0,0,0,0.54); + height: 27.166666666666668px; + line-height: 24px; + margin: 0; + background: #ef5350; + text-align: center; + display: block; + float: right; + width: 14.28%; + font-weight: bold; + margin: 0; + padding-top: 3.166666666666667px; +} +.rangeMode .flatpickr-day { + margin-top: 1px; +} +.flatpickr-weekwrapper { + display: inline-block; + float: right; + z-index: 2; +} +.flatpickr-weekwrapper .flatpickr-weeks { + padding: 0 12px; + border-right: 1px solid #e6e6e6; + box-shadow: -1px 0 0 #e6e6e6; +} +.flatpickr-weekwrapper .flatpickr-weekday { + float: none; + width: 100%; +} +.flatpickr-weekwrapper span.flatpickr-day { + display: block; + width: 100%; + max-width: none; + margin: 0; + border: 0; +} +.flatpickr-innerContainer { + display: block; + display: flex; + box-sizing: border-box; + overflow: hidden; + background: #fff; +} +.flatpickr-rContainer { + display: inline-block; + padding: 0; + box-sizing: border-box; + z-index: 2; +} +.flatpickr-time { + text-align: center; + outline: 0; + display: block; + height: 0; + line-height: 40px; + max-height: 40px; + box-sizing: border-box; + overflow: hidden; + transition: height 0.33s cubic-bezier(0, 1, 0.5, 1); + display: flex; + background: #fff; + border-radius: 0 0 5px 5px; + border: 1px solid #e6e6e6; +} +.flatpickr-time:after { + content: ""; + display: table; + clear: both; +} +.flatpickr-time .numInputWrapper { + flex: 1; + width: 40%; + height: 40px; + float: right; + z-index: 3; +} +.flatpickr-time .numInputWrapper span.arrowUp:after { + border-bottom-color: #484848; +} +.flatpickr-time .numInputWrapper span.arrowDown:after { + border-top-color: #484848; +} +.flatpickr-time.hasSeconds .numInputWrapper { + width: 26%; +} +.flatpickr-time.time24hr .numInputWrapper { + width: 49%; +} +.flatpickr-time input { + background: transparent; + box-shadow: none; + border: 0; + border-radius: 0; + text-align: center; + margin: 0; + padding: 0; + height: inherit; + line-height: inherit; + cursor: pointer; + color: #484848; + font-size: 14px; + position: relative; + box-sizing: border-box; +} +.flatpickr-time input.flatpickr-hour { + font-weight: bold; +} +.flatpickr-time input.flatpickr-minute, +.flatpickr-time input.flatpickr-second { + font-weight: 400; +} +.flatpickr-time input:focus { + outline: 0; + border: 0; +} +.flatpickr-time .flatpickr-time-separator, +.flatpickr-time .flatpickr-am-pm { + height: inherit; + display: inline-block; + float: right; + line-height: inherit; + color: #484848; + font-weight: bold; + width: 2%; + z-index: 3; + user-select: none; +} +.flatpickr-time .flatpickr-am-pm { + outline: 0; + width: 18%; + cursor: pointer; + text-align: center; + font-weight: 400; +} +.flatpickr-time .flatpickr-am-pm:hover, +.flatpickr-time .flatpickr-am-pm:focus { + background: #ececec; +} +.hasWeeks .flatpickr-days, +.hasTime .flatpickr-days { + border-bottom: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.hasWeeks .flatpickr-days { + border-right: 0; +} +@media all and (-ms-high-contrast: none) { + .flatpickr-month { + padding: 0; + } + .flatpickr-month svg { + top: 0 !important; + } +} +@-moz-keyframes flatpickrFadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes flatpickrFadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-o-keyframes flatpickrFadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes flatpickrFadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +}