/* Datepicker */
.datepicker.datepicker-dropdown,
.datepicker.datepicker-inline {
  padding: 0 25px;
  width: 30%;
  max-width: 500px;
  min-width: 250px; }
  .datepicker.datepicker-dropdown .datepicker-days,
  .datepicker.datepicker-inline .datepicker-days {
    padding: 0.8rem 0.7rem; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed,
    .datepicker.datepicker-inline .datepicker-days table.table-condensed {
      width: 100%; }
      .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th {
        text-align: center;
        padding: 0.5rem 0; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
          color: #6c757d;
          padding-bottom: 1rem;
          padding-top: 1rem;
          text-align: left;
          background: #ffffff; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {
          color: #6c757d;
          background: #ffffff;
          padding-bottom: 1rem;
          padding-top: 1rem;
          font-size: 1rem;
          font-weight: 600; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {
          color: grey;
          padding-bottom: 1rem;
          padding-top: 1rem;
          text-align: right;
          background: #ffffff; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
          font-family: "Poppins", sans-serif;
          color: #6c757d;
          font-size: 0.875rem;
          font-weight: initial; }
          .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child,
          .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child {
            text-align: center; }
          .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child,
          .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child {
            text-align: center; }
      .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {
        position: relative;
        top: 13px; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td {
          text-align: center; }
          .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day,
          .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day {
            font-size: 0.9375rem;
            padding: 0.5rem 0;
            color: #6c757d; }
            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover,
            .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover {
              background: #ffffff; }
            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:first-child,
            .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:first-child {
              text-align: center; }
            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:last-child,
            .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:last-child {
              text-align: center; }
            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active,
            .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {
              color: #fff;
              background: transparent;
              position: relative;
              z-index: 1; }
              .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before,
              .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {
                content: "";
                width: 38px;
                height: 38px;
                background: #19d895;
                border-radius: 100%;
                display: block;
                margin: auto;
                vertical-align: middle;
                position: absolute;
                top: 1px;
                z-index: -1;
                left: 0;
                right: 0; }
            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today,
            .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today {
              color: #fff;
              background: transparent;
              position: relative;
              z-index: 1; }
              .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before,
              .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before {
                content: "";
                width: 38px;
                height: 38px;
                background: #2196f3;
                border-radius: 100%;
                display: block;
                margin: auto;
                vertical-align: middle;
                position: absolute;
                top: 1px;
                z-index: -1;
                left: 0;
                right: 0; }
          .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day,
          .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day {
            color: #eaeaef; }

.datepicker.datepicker-inline {
  width: 100%;
  max-width: 100%;
  min-width: 250px; }
  .datepicker.datepicker-inline thead tr th.prev {
    color: grey;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  .datepicker.datepicker-inline thead tr th.datepicker-switch {
    color: #2196f3;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  .datepicker.datepicker-inline thead tr th.next {
    color: grey;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }

.datepicker > div {
  display: initial;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  border-radius: 2px; }

.datepicker.input-group, .datepicker.asColorPicker-wrap {
  border: 1px solid #f2f2f2;
  padding: 0; }
  .datepicker.input-group .form-control, .datepicker.asColorPicker-wrap .form-control, .datepicker.input-group .asColorPicker-input, .datepicker.asColorPicker-wrap .asColorPicker-input, .datepicker.input-group .dataTables_wrapper select, .dataTables_wrapper .datepicker.input-group select, .datepicker.asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .datepicker.asColorPicker-wrap select, .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=text], .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=text], .datepicker.input-group
  .jsgrid .jsgrid-table .jsgrid-filter-row select,
  .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group select, .datepicker.asColorPicker-wrap
  .jsgrid .jsgrid-table .jsgrid-filter-row select,
  .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap select, .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group input[type=number], .datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap input[type=number], .datepicker.input-group .select2-container--default .select2-selection--single, .select2-container--default .datepicker.input-group .select2-selection--single, .datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .datepicker.asColorPicker-wrap .select2-selection--single, .datepicker.input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.input-group .select2-search__field, .datepicker.asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.asColorPicker-wrap .select2-search__field, .datepicker.input-group .tt-hint, .datepicker.asColorPicker-wrap .tt-hint, .datepicker.input-group
  .tt-query, .datepicker.asColorPicker-wrap
  .tt-query, .datepicker.input-group
  .typeahead, .datepicker.asColorPicker-wrap
  .typeahead {
    border: none; }
