.formfield.datetime .formContent {
  display: flex; }
  .formfield.datetime .formContent .dateSelector {
    flex-grow: 1; }
  .formfield.datetime .formContent select {
    flex-grow: 0;
    width: 80px; }

.dateSelector {
  flex-grow: 1; }
  .dateSelector:before {
    position: absolute;
    font-family: fontAwesome;
    content: '\f073';
    opacity: 0.6;
    display: block;
    padding: 10px 0 0 8px; }
  .dateSelector input {
    padding-left: 28px !important; }
  .dateSelector .calendar {
    width: 250px;
    padding: 10px;
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    position: absolute;
    display: none;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10000;
    margin-top: 2px; }
    .dateSelector.opened .calendar {
      display: block; }
    .dateSelector .calendar .header {
      display: flex;
      line-height: 25px;
      border-bottom: 1px solid #aaaaaa;
      padding-bottom: 10px;
      color: #444444; }
      .dateSelector .calendar .header strong {
        flex-grow: 1;
        font-weight: normal;
        font-size: 1.1rem; }
    .dateSelector .calendar .arrow {
      flex-grow: 0;
      width: 30px;
      text-align: center;
      border-radius: 3px;
      background-color: #dddddd;
      margin: 0px 3px;
      cursor: pointer; }
      .dateSelector .calendar .arrow:before {
        content: '\f053';
        font-family: fontAwesome; }
      .dateSelector .calendar .arrow.next:before {
        content: '\f054'; }
    .dateSelector .calendar table {
      margin: 10px 0 0 0;
      width: 100%; }
      .dateSelector .calendar table tr {
        background-color: transparent !important;
        border: none; }
        .dateSelector .calendar table tr td {
          background-color: transparent !important;
          border: none;
          text-align: center;
          padding: 0px; }
          .dateSelector .calendar table tr td span {
            display: block;
            cursor: pointer;
            padding: 3px 0; }
          .dateSelector .calendar table tr td.disabled span {
            cursor: auto; }
          .dateSelector .calendar table tr td.today span {
            border: 1px solid #aaaaaa; }
          .dateSelector .calendar table tr td.outmonth {
            opacity: 0.3; }
          .dateSelector .calendar table tr td.selected span {
            font-weight: bold;
            background-color: #999999;
            color: #ffffff; }
          .dateSelector .calendar table tr td:hover span {
            background-color: #cccccc; }
        .dateSelector .calendar table tr:hover td {
          background-color: transparent !important; }

/*# sourceMappingURL=datePicker.css.map */