input::-webkit-calendar-picker-indicator {
     display: none;
}
input.srDatePicker::-webkit-input-placeholder {
     font-size: 10px;
}

.srDatePicker {
     display: inline-block;
     text-align: center;
     cursor: pointer;
     background-position: right center;
     background-repeat: no-repeat;
     background-size: contain;
     overflow: hidden;
     -webkit-appearance: textfield;
     -moz-appearance: textfield;
}
div.srDatePicker.sr-datepicker-icon:empty:not(input) {
     background-image: url("srDatePicker/calendar.png");
}
input.srDatePicker.sr-datepicker-icon[value=""] {
     background-image: url("srDatePicker/calendar.png");
}

#sr-datepicker,
#sr-datepicker-back {
     user-select: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     text-align: center;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: Translate(-50%, -50%);
     text-align: center;
     width: 250px;
     font-size: 14px;
     line-height: 24px;
     z-index: 100;
     background: #fff;
     color: #666;
     border: 0;
     border-radius: 2px;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
     overflow: hidden;
     border: 1px solid #114779;
     border-radius: 2px;
}
#sr-datepicker-back {
     background-color: transparent;
     pointer-events: all;
     border: 0;
     box-shadow: none;
     width: 350px;
     z-index: 99;
}
#sr-datepicker.sr-move-left {
     transform: translateX(-100%);
}
#sr-datepicker.sr-move-right {
     transform: translateX(100%);
}

#sr-datepicker-head {
     width: 100%;
     height: 30px;
     font-size:14px;
     display:flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 0 4px;
     background: #114779;
     color: #fff;
     text-align: left;
}
#sr-datepicker-year {
     width: 44px;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     font-size: 14px !important;
}
#sr-datepicker-month {
     width: 44px;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     font-size: 14px !important;
}
#sr-datepicker-body {
     background: #fff;
     color: #666;
     width: 100%;
     line-height: 30px;
     padding: 0 3px 2px 3px;
     line-height: normal;
}
#sr-datepicker-controls {
     padding:2px 4px;
}
.sr-datepicker-button {
     border: 1px solid #114779;
     width: 24px;
     height: 24px;
     line-height: 24px;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
     display: inline-block;
     vertical-align: middle;
     border-radius: 2px;
     cursor: pointer;
     box-sizing: border-box;
}
.sr-datepicker-btnicon {
     width: 22px;
     height: 22px;
     text-align: center;
     background-color: #114779;
     color: #fff;
     border-radius: 2px;
     cursor: pointer;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     background-image: url("srDatePicker/calendar_white.png");
}

#sr-datepicker-year-minus,
#sr-datepicker-month-minus {
     background-image: url("srDatePicker/minus.png");
}
#sr-datepicker-year-plus,
#sr-datepicker-month-plus {
     background-image: url("srDatePicker/plus.png");
}
#sr-datepicker-close {
     border: 0;
     background-image: url("srDatePicker/close.png");
     float: right;
}
#sr-datepicker-today {
     height: 24px;
     line-height: 24px;
     width: 100%;
     text-align: center;
}
#sr-datepicker-clear {
     height: 24px;
     line-height: 24px;
     width: 100%;
     text-align: center;
}
.sr-datepicker-button.sr-datepicker-half,
#sr-datepicker-today.sr-datepicker-half,
#sr-datepicker-clear.sr-datepicker-half {
     opacity: 1;
     width: calc((100% / 2) - 2px);
}
.sr-datepicker-button:hover:not(.sr-button-disabled) {
     border-color: #dcdcdc;
}
.sr-datepicker-button.sr-button-disabled {
     border: 1px solid transprent;
     opacity: 0.25;
     cursor: inherit;
}

.sr-datepicker-label {
     width: 34px;
     height: 14px;
     line-height: 14px;
     text-align: center;
     font-size: 12px;
     user-select: none;
     -webkit-user-select: none;
     display: inline-block;
}
.sr-datepicker-day,
.sr-datepicker-noday {
     width: 34px;
     height: 27px;
     line-height: 27px;
     margin: 0px;
     border-radius: 2px;
     border: 1px solid transparent;
     text-align: center;
     cursor: pointer;
     user-select: none;
     -webkit-user-select: none;
     display: inline-block;
}
.sr-datepicker-day.sr-datepicker-highlight {
     background-color: #f4faff;
     color: #0071f7;
}
.sr-datepicker-day.sr-datepicker-disabled {
     background-color: #dcdcdc;
     color: #666;
     border-right-color: #dcdcdc;
     border-left-color: #dcdcdc;
     border-radius: 0;
}
.sr-datepicker-noday {
     background-color: transparent;
     opacity: 0.25;
     border: 1px solid transparent;
     border-radius: 0;
}
.sr-datepicker-day.sr-datepicker-highlight {
     color: #0071f7;
}
.sr-datepicker-day.sr-datepicker-today,
.sr-datepicker-label.sr-datepicker-today {
     background: #4f9eff;
     color: #fff;
}
.sr-datepicker-selected {
     border-color: #4f9eff;
     color: #4f9eff;
}
.sr-datepicker-day:hover {
     border: 1px solid #efefef;
}
.sr-datepicker-day:active {
     border: 1px solid #666;
}
.sr-hide {
     width: 0;
     height: 0;
     display: none;
     visibility: hidden;
}

@media print {
     #sr-datepicker {
          display: none;
          visibility: hidden;
          width: 0;
          height: 0;
          margin: 0;
          padding: 0;
     }
}