.datepicker { padding: 4px; border-radius: 4px; left: 0px; top: 0px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .datepicker > div { display: none; } .datepicker table { margin: 0px; width: 100%; } .datepicker td { border-radius: 4px; width: 20px; height: 20px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .datepicker th { border-radius: 4px; width: 20px; height: 20px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .datepicker td.day:hover { background: rgb(238, 238, 238); cursor: pointer; } .datepicker td.day.disabled { color: rgb(238, 238, 238); } .datepicker td.old { color: rgb(153, 153, 153); } .datepicker td.new { color: rgb(153, 153, 153); } .datepicker td.active { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; background-color: rgb(0, 109, 204); } .datepicker td.active:hover { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; background-color: rgb(0, 109, 204); } .datepicker td.active:hover { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active:hover { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active:focus { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active:hover:focus { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active:active { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active:hover:active { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active.active { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active.active:hover { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active.disabled { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active.disabled:hover { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td[disabled].active { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td[disabled].active:hover { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td.active:active { } .datepicker td.active:hover:active { } .datepicker td.active.active { } .datepicker td.active.active:hover { } .datepicker td span { margin: 2px; border-radius: 4px; width: 47px; height: 54px; line-height: 54px; float: left; display: block; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .datepicker td span:hover { background: rgb(238, 238, 238); } .datepicker td span.active { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; background-color: rgb(0, 109, 204); } .datepicker td span.active:hover { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td span.active:focus { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td span.active:active { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td span.active.active { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td span.active.disabled { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td span[disabled].active { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td span.active:active { } .datepicker td span.active.active { } .datepicker td span.old { color: rgb(153, 153, 153); } .datepicker th.switch { width: 145px; } .datepicker th.next { font-size: 21px; } .datepicker th.prev { font-size: 21px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: rgb(238, 238, 238); } .input-append.date .add-on i { width: 16px; height: 16px; display: block; cursor: pointer; } .input-prepend.date .add-on i { width: 16px; height: 16px; display: block; cursor: pointer; }