/* Table of Contents ================================================== # Datepicker */ /* # Datepicker ================================================== */ .datepicker { left: 0; margin-top: 1px; padding: 5px; top: 0; z-index: 1060; } .datepicker:before { border-bottom: 7px solid rgba(245,248,250,1); border-right: 7px solid transparent; border-left: 7px solid transparent; content: ''; display: inline-block; position: absolute; } .datepicker:after { border-bottom: 6px solid rgba(245,248,250,1); border-right: 6px solid transparent; border-left: 6px solid transparent; content: ''; display: inline-block; position: absolute; } .datepicker.datepicker-orient-left:before { left: 6px; } .datepicker.datepicker-orient-left:after { left: 7px; } .datepicker.datepicker-orient-right:before { right: 6px; } .datepicker.datepicker-orient-right:after { right: 7px; } .datepicker.datepicker-orient-top:before { top: -7px; } .datepicker.datepicker-orient-top:after { top: -6px; } .datepicker.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(245,248,250,1); } .datepicker.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px rgba(245,248,250,1); } .dow { color: rgba(43,50,53,1); font-weight: bold; } .datepicker > div { display: none; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; width: 100%; } .datepicker th { height: 20px; text-align: center; width: 20px; } .datepicker td { font-weight: normal; height: 22px; line-height: 16px; text-align: center; width: 20px; } .datepicker td.day:hover { background: rgba(0,132,255,1); border-radius: 2px; color: rgba(255,255,255,1); cursor: pointer; } .datepicker td.day.disabled { color: rgba(136,153,166,1); } .datepicker td.day.disabled:hover { color: rgba(43,50,53,1); } .datepicker td.old, .datepicker td.new { color: rgba(136,153,166,1); } .datepicker td.active, .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background: rgba(68,205,1,1); border-radius: 2px; color: rgba(255,255,255,1); } .datepicker td span { border-radius: 500px; display: block; height: 46px; float: left; line-height: 46px; margin: 2px; width: 46px; } .datepicker td span:hover { background: rgba(0,132,255,1); color: rgba(43,50,53,1); cursor: pointer; } .datepicker td span.active, .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background: rgba(68,205,1,1); color: rgba(255,255,255,1); } .datepicker th.switch { font-weight: bold; width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 17px; } .datepicker thead tr:first-child th:hover { background: rgba(0,132,255,1); border-radius: 2px; color: rgba(255,255,255,1); cursor: pointer; } .datepicker thead tr:first-child th:nth-child(2) { font-weight: bold; } .datepicker-dropdown.dropdown-menu { padding: 0; z-index: 1060; }