/*=====================================================
=            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;*/
	width: 100%; }
  .fzn-date-picker input {
	  background-color: transparent;
	  border: none; 
    width: auto;
    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;
	min-width: 350px;
}
  .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: 0px;
	width:100%; }
    .fzn-date-picker .datepicker th,
    .fzn-date-picker .datepicker td {
      text-align: center;
      width: 38px;
      height: 38px;
      padding-top: 10px;
      border: none;
      font-size: 14px;
      color: #434A54;
      padding: 5px 0px;
      cursor: pointer;
      border-radius: 100%;
		vertical-align: middle; }
    .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(0, 0, 0, 0.1);
        color: #CCC; }
      .fzn-date-picker .datepicker .picker.old, .fzn-date-picker .datepicker .picker.new {
        color: #999999; }
      .fzn-date-picker .datepicker .picker.disabled {
        color: #CCC; }
      .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: #fd1c3b; }
        .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; }

.fzn-date-picker .button.datepicker-close{ display:none !important; }
/*td.day.picker.active::before{ content:' '; }*/