skipper-organisms/dist/day-range-picker.css

A vanilla JavaScript library for skipperhospitality management

@import"https://fonts.cdnfonts.com/css/abeezee";.daypicker-range{--daypicker-primary-color: #F6F4F2;--daypicker-inactive-color: #94A3B8;--daypicker-active-color: #d1d106;--daypicker-border: #fff;--bg-daypicker-inactive-color: #2E5162;--bg-daypicker: #253846;--bg-daypicker-range: #253846;--daypicker-border: #ccc;--daypicker-accent-color: #bebe04;--primary-font: "ABeeZee", sans-serif;z-index:9999;display:block;position:relative;color:var(--daypicker-primary-color);background:var(--bg-daypicker);font-family:var(--primary-font)}.days-name{height:32px}.daypicker-range:before,.daypicker-range:after{content:" ";display:table}.daypicker-range:after{clear:both}.daypicker-range.is-hidden{display:none}.daypicker-range.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.daypicker-lendar{float:left;width:324px;margin:8px}@media (max-width: 767px){.daypicker-lendar{float:left;width:100%;margin:0}}.daypicker-title{position:relative;text-align:center;padding:16px 24px;border-top:1px solid var(--daypicker-primary-color);border-bottom:1px solid var(--daypicker-primary-color)}.daypicker-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;font-size:20px;line-height:24px;font-weight:700;background-color:var(--bg-daypicker-range)}.daypicker-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.daypicker-prev,.daypicker-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:10 20;opacity:.5}.daypicker-prev:hover,.daypicker-next:hover{opacity:1}.daypicker-prev{float:left;width:13px;height:22px;position:relative}.daypicker-prev:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 22' width='13' height='22'  fill='none'><g><path d='M12 21L2 11L12 1' stroke='white' stroke-width='2'/></g></svg>") no-repeat;background:var(--daypicker-primary-color);border-radius:16px}.daypicker-next{float:right;width:13px;height:22px;position:relative}.daypicker-next:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 22' width='13' height='22'  fill='none'><g><path d='M1 1L11 11L1 21' stroke='white' stroke-width='2'/></g></svg>") no-repeat;background:var(--daypicker-primary-color);border-radius:16px}.daypicker-prev.is-disabled,.daypicker-next.is-disabled{cursor:default;opacity:.2}.daypicker-select{display:inline-block}.daypicker-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.daypicker-table th,.daypicker-table td{width:14.285714285714286%;padding:0}.daypicker-table th{font-size:12px;line-height:16px;font-weight:700;text-align:center}.daypicker-button{cursor:pointer;height:52px;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:8px;color:var(--daypicker-primary-color);font-size:16px;text-align:center;background:var(--bg-daypicker-range);font-family:var(--primary-font)}@media (max-width: 767px){.daypicker-button{font-size:16px;line-height:18px}}.is-today .daypicker-button{color:var(--daypicker-active-color);font-weight:700}.is-inBetween .daypicker-button{color:var(--daypicker-primary-color);background:var(--daypicker-active-color)}.is-selected .daypicker-button{color:var(--daypicker-primary-color);font-weight:700;background:var(--daypicker-active-color);box-shadow:inset 0 1px 3px var(--daypicker-active-color)}.is-disabled .daypicker-button,.is-inrange .daypicker-button{background:var(--bg-daypicker-inactive-color)}.is-disabled .daypicker-button{pointer-events:none;cursor:default;color:var(--daypicker-inactive-color);opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.daypicker-row{border-left:1px solid var(--daypicker-border);border-top:1px solid var(--daypicker-border)}.daypicker-row td{border-right:1px solid var(--daypicker-border);border-bottom:1px solid var(--daypicker-border)}.daypicker-button:hover,.daypicker-row.pick-whole-week:hover .daypicker-button{color:var(--daypicker-primary-color);background:var(--daypicker-accent-color);box-shadow:none}.daypicker-table abbr{border-bottom:none;cursor:help}.day-box{display:flex;flex-direction:column;text-align:center}.day-date{text-align:right;font-size:20px}.day-price{text-align:left;font-size:10px;line-height:16px}@media (max-width: 767px){.daypicker-range{position:inherit}.daypicker-range.is-bound{box-shadow:none}}@media (min-width: 768px){.daypicker-range{position:absolute!important}}