react-toolbox-build4server/react-toolbox/js/date_picker/style.calendar.css

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

.rt-date_picker_calendar-root {
  position: relative;
  height: 27rem;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 3rem;
  text-align: center;
  background: white; }
  .rt-date_picker_calendar-root .rt-date_picker_calendar-prev, .rt-date_picker_calendar-root .rt-date_picker_calendar-next {
    position: absolute;
    top: 0;
    z-index: 100;
    height: 3.6rem;
    cursor: pointer;
    opacity: .7; }
  .rt-date_picker_calendar-root .rt-date_picker_calendar-prev {
    left: 0; }
  .rt-date_picker_calendar-root .rt-date_picker_calendar-next {
    right: 0; }

.rt-date_picker_calendar-title {
  display: inline-block;
  font-weight: 500;
  line-height: 3rem; }

.rt-date_picker_calendar-years {
  height: 100%;
  overflow-y: auto;
  font-size: 1.8rem; }
  .rt-date_picker_calendar-years > li {
    line-height: 2.4;
    cursor: pointer; }
    .rt-date_picker_calendar-years > li.rt-date_picker_calendar-active {
      font-size: 2.4;
      color: #3f51b5; }

.rt-date_picker_calendar-week {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.3rem;
  line-height: 3rem;
  opacity: .5; }
  .rt-date_picker_calendar-week > span {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%; }

.rt-date_picker_calendar-days {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.3rem; }

.rt-date_picker_calendar-day {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 14.28571%;
  -ms-flex: 0 0 14.28571%;
  flex: 0 0 14.28571%;
  padding: 0.2rem; }
  .rt-date_picker_calendar-day > span {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 50%; }
  .rt-date_picker_calendar-day:hover:not(.rt-date_picker_calendar-active):not(.rt-date_picker_calendar-disabled) > span {
    color: white;
    background: rgba(63, 81, 181, 0.21); }
  .rt-date_picker_calendar-day.rt-date_picker_calendar-active > span {
    color: white;
    background: #3f51b5; }
  .rt-date_picker_calendar-day:hover:not(.rt-date_picker_calendar-disabled) > span {
    cursor: pointer; }
  .rt-date_picker_calendar-day.rt-date_picker_calendar-disabled {
    opacity: 0.25; }

.rt-date_picker_calendar-month {
  background-color: white; }