/* Table of Contents ================================================== #Datepicker */ /* #Datepicker ================================================== */ .datepicker { left: 0; margin-top: 1px; padding: 5px; top: 0; } .datepicker:before { border-bottom: 7px solid rgba(246,247,249,1); border-right: 7px solid transparent; border-left: 7px solid transparent; content: ''; display: inline-block; left: 6px; position: absolute; top: -7px; } .datepicker:after { border-bottom: 6px solid rgba(246,247,249,1); border-right: 6px solid transparent; border-left: 6px solid transparent; content: ''; display: inline-block; left: 7px; position: absolute; top: -6px; } .dow { font-weight: bold; } .datepicker > div { display: none; } .datepicker table { margin: 0; width: 100%; } .datepicker td, .datepicker th { height: 20px; text-align: center; width: 20px; } .datepicker td.day:hover { background-color: rgba(58,144,216,1); border-radius: 2px; color: rgba(255,255,255,1); cursor: pointer; } .datepicker td.day.disabled { color: rgba(158,171,179,1); } .datepicker td.old, .datepicker td.new { color: rgba(158,171,179,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-color: rgba(254,79,50,1); border-radius: 2px; color: rgba(255,255,255,1); } .datepicker td span { display: block; height: 54px; float: left; line-height: 54px; margin: 2px; width: 47px; } .datepicker td span:hover { background-color: rgba(58,144,216,1); color: rgba(255,255,255,1); } .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-color: rgba(254,79,50,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-color: rgba(58,144,216,1); border-radius: 2px; color: rgba(255,255,255,1); cursor: pointer; }