.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
      font-family: lato, arial;
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .3em .9em .3em .9em;
    width: auto;
    overflow: visible;
}




    .ui-widget button {
      font-size: 12px;
    }

    .ui-widget-header .ui-icon {
      background-image: initial;
    }
    
    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
      margin-top: initial;
      top: 15%;
      left: 60%;
    }
    
    .ui-icon-circle-triangle-e {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 10px solid rgba(0, 0, 0, .8);
      position: absolute;
      bottom: 50%;
    }
    
    .ui-icon-circle-triangle-w {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid rgba(0, 0, 0, .8);
      position: absolute;
      bottom: 50%;
    }
    

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
      border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    }
    
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
      border: 1px solid #CCCCCC;
      background: #999999;
      color: #FFFFFF;
    }

    .ui-priority-secondary, 
    .ui-widget-content 
    .ui-priority-secondary, 
    .ui-widget-header 
    .ui-priority-secondary {
          opacity: 1;
    }

    .ui-state-active-range a {
      background-color: #336699 !important;
      color: white !important;
      border: 1px solid #6699CC !important;
    }

    .date-container {
      width: 900px;
      text-align: center;
      flex: 1 1 auto;
      position: relative;
      background-color: #F5F5F5;
      font-size: 12px;
      height: 100%;
      line-height: 2.5;
      border: 1px solid #cdcdcd;
      -webkit-text-size-adjust: 100%;
    }

    .date-wrapper {
        position: absolute;
        font-size: 14px;
        z-index: 10;
        margin-top: 7px;
        left: 50%;
        margin-left: -360px;
        line-height: 1.5;
        -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.81);
        -moz-box-shadow:    0px 10px 30px 0px rgba(50, 50, 50, 0.81);
        box-shadow:         0px 10px 30px 0px rgba(50, 50, 50, 0.81);
    }

    .ui-datepicker-inline {
      margin: auto;
    }

    .start, .end {
      width: 20%;
      max-width: 120px;
      margin: 0 2%;
      font-size: 12px;
      padding: 2px;
    }
    .start:focus, .end:focus {
      outline: 3px solid #336699;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
      .start:focus, .end:focus {
        outline: 3px auto #336699;
      }
    }