#ui-datepicker-div { display: none; /*   td .ui-state-default { background: transparent; border: none; text-align: center; padding: .5em; margin: 0; font-weight: normal; // color: #efefef; font-size: 16px; } */ }

#ui-datepicker-div.ui-widget { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.2rem; border: none; border-radius: 0; background: #FFF; }

#ui-datepicker-div.ui-datepicker { -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; border: 1px solid #ccc; }

#ui-datepicker-div .ui-datepicker-header { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem; padding: 1rem; border: none; border-radius: 2px; background: #EBECED; color: #627385; font-size: 1.4rem; font-weight: normal; }

#ui-datepicker-div .ui-datepicker-header select { padding: .4rem 3.2rem .4rem 1rem; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-month { margin-left: .8rem; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; left: 0; order: 1; height: 100%; margin-right: 1.2rem; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; width: 100px; margin-left: 0; padding-left: 10px; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon:before { display: block; position: absolute; top: 0; bottom: 0; left: 2px; width: 10px; height: 10px; margin: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top: solid 1px #4682b4; border-left: solid 1px #4682b4; content: ""; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 1.6rem; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; right: 0px; order: 3; height: 100%; margin-left: 1.2rem; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100px; margin-left: -22px; padding-right: 10px; }

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon:before { display: block; position: absolute; top: 0; bottom: 0; left: 12px; width: 10px; height: 10px; margin: auto; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-top: solid 1px #4682b4; border-left: solid 1px #4682b4; content: ""; }

#ui-datepicker-div .ui-datepicker-header .ui-state-hover { border-radius: 0; border-color: transparent; background: transparent; cursor: pointer; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-title { margin-top: .4em; margin-bottom: .3em; color: #e9f0f4; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-prev-hover, #ui-datepicker-div .ui-datepicker .ui-datepicker-next-hover, #ui-datepicker-div .ui-datepicker .ui-datepicker-next, #ui-datepicker-div .ui-datepicker .ui-datepicker-prev { top: .9em; border: none; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-prev-hover { left: 2px; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-next-hover { right: 2px; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-next span { top: 0; margin-top: 0; background-image: none; background-position: -32px 0; font-weight: normal; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-prev span { top: 0; margin-top: 0; background-image: none; background-position: -32px 0; background-position: -96px 0; font-weight: normal; }

#ui-datepicker-div .ui-datepicker-buttonpane { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.6rem; }

#ui-datepicker-div .ui-datepicker-buttonpane button { width: calc(50% - .4rem); padding: .8rem .4rem; font-size: 1.2rem; }

#ui-datepicker-div .ui-datepicker-calendar { width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; }

#ui-datepicker-div .ui-datepicker-calendar th, #ui-datepicker-div .ui-datepicker-calendar td { border: 2px solid #FFF; text-align: center; }

#ui-datepicker-div .ui-datepicker-calendar th { padding: .8rem; }

#ui-datepicker-div .ui-datepicker-calendar th.ui-datepicker-week-end:first-child { color: #e91e63; }

#ui-datepicker-div .ui-datepicker-calendar th.ui-datepicker-week-end:last-child { color: #1565c0; }

#ui-datepicker-div .ui-datepicker-calendar td:not(.ui-state-disabled) { background-color: #fafafa; }

#ui-datepicker-div .ui-datepicker-calendar td.day-sunday a, #ui-datepicker-div .ui-datepicker-calendar td.day-holiday a { color: #e91e63; }

#ui-datepicker-div .ui-datepicker-calendar td.day-saturday a { color: #1565c0; }

#ui-datepicker-div .ui-datepicker-calendar td a { display: block; padding: .8rem; color: #000; color: #627385; -webkit-transition: background-color .2s ease-in, color .2s ease-in; transition: background-color .2s ease-in, color .2s ease-in; }

#ui-datepicker-div .ui-datepicker-calendar td a:hover { background-color: #f48fb1; color: #FFF; }

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a { background-color: #DCDCDC; }

#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active { background-color: #ff6090; color: #FFF; }

#ui-datepicker-div .ui-state-disabled { opacity: 1; }

#ui-datepicker-div .ui-state-disabled .ui-state-default { color: #fba49e; }

.ui-datepicker-header.mtz-monthpicker { text-align: center; }

.ui-datepicker-header.mtz-monthpicker select { margin: 0 auto; font-size: 1.6rem; }

table.mtz-monthpicker { width: 100%; }

table.mtz-monthpicker tbody tr td { width: 30%; border: 2px solid #FFF; background-color: #fafafa; text-align: center; cursor: pointer; }

table.mtz-monthpicker tbody tr td:hover { padding: .8rem; background-color: #ff6090; color: #FFF; -webkit-transition: background-color .2s ease-in, color .2s ease-in; transition: background-color .2s ease-in, color .2s ease-in; }

table.mtz-monthpicker tbody tr td.ui-state-active { background-color: #ff6090; color: #FFF; }

#ui-datepicker-div .ui-datepicker-header { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem; padding: 1rem; border: none; border-radius: 2px; background: #EBECED; color: #5D676D; font-size: 1.4rem; font-weight: normal; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { margin-right: 10px; }

#ui-datepicker-div .ui-datepicker-calendar { margin: 0 0 20px; }

#ui-datepicker-div select { border-color: #ccc; background: #fff; }

#ui-datepicker-div .ui_tpicker_time .ui_tpicker_time_input { border-bottom: solid 1px #ccc; }

#ui-datepicker-div .ui-datepicker-buttonpane button { background: #4682b4; color: #fff; opacity: 1; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: auto; }

.ui-widget-content { border: none; color: #627385; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button { color: #627385; }

.box-date-picker input[type="text"] { width: 100%; }

.box-date-picker.box-date-picker02 input[type="text"] { width: 40%; min-width: 180px; }

.box-date-picker.box-date-picker02 .line-wave { display: inline-block; height: 40px; margin-bottom: 5px; padding: 12px 10px 0; font-weight: normal; vertical-align: middle; }

.ui-datepicker-header select { height: 40px; }

img.ui-datepicker-trigger { width: 40px; height: 40px; margin-left: 15px !important; vertical-align: middle; cursor: pointer; }

@media screen and (max-width: 768px) { #ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { max-width: calc(100% - 40px); } }