/*=====================================================
=            Separate Theme For Datepicker            =
=====================================================*/
/*=====  End of Separate Theme For Datepicker  ======*/
.fzn-date-picker .datepicker .picker:not(.disabled):hover, .fzn-date-picker .datepicker .picker.disabled:hover {
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }

.fzn-iconified {
  display: inline-block; }

.fzn-date-picker {
  background: #FFF;
  margin: 0 0 0.75rem; }
  .fzn-date-picker input {
    width: auto;
    background: #FFF;
    margin-bottom: 0; }
  .fzn-date-picker label {
    width: inherit; }
  .fzn-date-picker .date-display {
    display: inline-block;
    width: 100%; }
    .fzn-date-picker .date-display input {
      width: 100%;
      font-size: 14px; }
  .fzn-date-picker .icon-label-input {
    float: right; }
  .fzn-date-picker .date-input-hidden {
    display: none;
    visibility: hidden; }
  .fzn-date-picker .datepicker {
    display: none;
    position: absolute;
    padding: 4px;
    margin-top: 1px;
    background: #FFF; }
  .fzn-date-picker .datepicker-inline {
    width: 220px; }
  .fzn-date-picker .datepicker-dropdown {
    top: 0;
    left: 0; }
  .fzn-date-picker .datepicker-dropdown-before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
  .fzn-date-picker .datepicker-dropdown-after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -6px;
    left: 7px; }
  .fzn-date-picker .datepicker > div,
  .fzn-date-picker .datepicker-days div.datepicker-days,
  .fzn-date-picker .datepicker-months div.datepicker-months,
  .fzn-date-picker .datepicker-years div.datepicker-years {
    display: block; }
  .fzn-date-picker .datepicker {
    font-family: arial;
    border: 1px solid #EAEAEA; }
    .fzn-date-picker .datepicker table {
      margin: 0;
      border-radius: 3px;
      border-collapse: separate;
      border-spacing: 5px; }
    .fzn-date-picker .datepicker th,
    .fzn-date-picker .datepicker td {
      text-align: center;
      width: 38px;
      height: 26px;
      padding-top: 10px;
      border: none;
      font-size: 14px;
      color: #434A54;
      padding: 5px 0px;
      cursor: pointer;
      border-radius: 100%; }
    .fzn-date-picker .datepicker th {
      height: auto;
      border-radius: 100%; }
      .fzn-date-picker .datepicker th.date-switch {
        border-radius: 0px;
        border-bottom: 1px solid #EAEAEA; }
      .fzn-date-picker .datepicker th.prev, .fzn-date-picker .datepicker th.next {
        border-bottom: 1px solid #EAEAEA;
        border-radius: 0; }
      .fzn-date-picker .datepicker th .material-icons {
        font-size: 17px; }
    .fzn-date-picker .datepicker table tr td span {
      display: block;
      width: 23%;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 1%;
      cursor: pointer; }
    .fzn-date-picker .datepicker .date-switch {
      width: 145px; }
      .fzn-date-picker .datepicker .date-switch:hover {
        color: #008CCD; }
    .fzn-date-picker .datepicker .prev:hover,
    .fzn-date-picker .datepicker .next:hover {
      color: #008CCD; }
    .fzn-date-picker .datepicker thead {
      cursor: pointer;
      background: #FFF;
      border: 1px solid #EAEAEA; }
    .fzn-date-picker .datepicker tbody {
      background: #FFF;
      border: 1px solid #EAEAEA; }
      .fzn-date-picker .datepicker tbody tr.days td {
        padding: 0;
        font-size: 12px;
        text-align: center;
        color: #aaa; }
    .fzn-date-picker .datepicker .picker {
      border-radius: 100%; }
      .fzn-date-picker .datepicker .picker.month, .fzn-date-picker .datepicker .picker.year {
        height: 53px;
        line-height: 53px;
        font-size: 14px; }
        .fzn-date-picker .datepicker .picker.month.active, .fzn-date-picker .datepicker .picker.year.active {
          background: #FFF;
          font-weight: 700;
          color: #333; }
      .fzn-date-picker .datepicker .picker:not(.disabled):hover {
        border-color: #EAEAEA;
        background-color: #F8F8F8; }
      .fzn-date-picker .datepicker .picker.disabled:hover {
        border-color: #EAEAEA;
        background-color: rgba(154, 17, 69, 0.2);
        color: #9a1145; }
      .fzn-date-picker .datepicker .picker.old, .fzn-date-picker .datepicker .picker.new {
        color: #999999; }
      .fzn-date-picker .datepicker .picker.disabled {
        color: wheat; }
      .fzn-date-picker .datepicker .picker.today {
        color: #0000ff;
        background-color: rgba(82, 168, 236, 0.5); }
      .fzn-date-picker .datepicker .picker.active {
        color: #FFF;
        background-color: #008CCD; }
        .fzn-date-picker .datepicker .picker.active:hover {
          color: #434A54; }
  .fzn-date-picker .datepicker-close {
    position: absolute;
    top: -30px;
    right: 0px;
    width: 15px;
    height: 30px;
    padding: 0px;
    display: none; }

body {
  }
  body .datepicker-container {
    margin: 0 auto;
    text-align: center; }
    body .datepicker-container input {
      height: 32px;
      border-radius: 3px;
      border: 1px solid #EAEAEA;
      padding: 0px 10px; }
    body .datepicker-container .datepicker-1, body .datepicker-container .datepicker-2 {
      width: 294px;
      display: inline-block;
      text-align: left;
      padding: 0 90px;
      min-height: 300px; }
      body .datepicker-container .datepicker-1 label, body .datepicker-container .datepicker-2 label {
        color: #999;
        font-weight: 600;
        font-family: "Source Sans Pro"; }
    body .datepicker-container .datepicker-1 {
      }
  body .selected-date {
    /*background: rgb(0, 113, 181, .8);*/
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #FFF;
    position: fixed;
    bottom: 50px;
    border-radius: 0px;
    font-size: 14px;
    color: #999;
    transition: all 900ms ease; }
    body .selected-date.vis {
      opacity: 1; }
    body .selected-date.hidden {
      opacity: 0; }
    body .selected-date.datepicker-1-value {
      left: 50px; }
    body .selected-date.datepicker-2-value {
      right: 50px; }
    body .selected-date h3 {
      color: #999;
      font-size: 16px;
      margin: 0;
      margin-bottom: 10px; }