.datepicker-dialog, .datepicker-dialog * {
     box-sizing: border-box;
}
 .datepicker {
     position: relative;
}
 .row .datepicker input[type=text] {
     width: 175px;
     max-width: 175px;
}
 .datepicker button.datepicker-icon {
     margin: 0;
     padding: 0;
     border: 0;
     background: none;
     cursor: pointer;
}
 .datepicker button.datepicker-icon img {
     display: block;
}
 .datepicker button.datepicker-icon:focus {
     outline: 2px solid #005a9c;
     outline-offset: 2px;
}
 .datepicker-dialog {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     width: 320px;
     border: 3px solid #004477;
     margin-top: 0.15em;
     border-radius: 5px;
     padding: 0;
     background-color: #fff;
}
 .datepicker-dialog .datepicker-dialog-hdr {
     cursor: default;
     background-color: #004477;
     padding: 7px;
     font-weight: bold;
     color: white;
     display: flex;
     justify-content: space-around;
     align-items: center;
}
 .datepicker-dialog h2 {
     margin: 0;
     padding: 0;
     display: inline-block;
     font-size: 1em;
     color: white;
     font-weight: bold;
     border: none;
}
 .datepicker-dialog button {
     border-style: none;
     background: transparent;
}
 .datepicker-dialog button::-moz-focus-inner {
     border: 0;
}
 .datepicker-dialog .datepicker-dialog-prev-year, .datepicker-dialog .datepicker-dialog-prev-month, .datepicker-dialog .datepicker-dialog-next-month, .datepicker-dialog .datepicker-dialog-next-year {
     padding: 4px;
     width: 24px;
     height: 24px;
     color: white;
     cursor: pointer;
}
 .datepicker-dialog .datepicker-dialog-prev-year:focus, .datepicker-dialog .datepicker-dialog-prev-month:focus, .datepicker-dialog .datepicker-dialog-next-month:focus, .datepicker-dialog .datepicker-dialog-next-year:focus {
     padding: 2px;
     border: 2px solid white;
     border-radius: 4px;
     outline: 0;
}
 .datepicker-dialog .datepicker-dialog-prev-year:hover, .datepicker-dialog .datepicker-dialog-prev-month:hover, .datepicker-dialog .datepicker-dialog-next-month:hover, .datepicker-dialog .datepicker-dialog-next-year:hover {
     padding: 3px;
     border: 1px solid white;
     border-radius: 4px;
}
 .datepicker-dialog .datepicker-dialog-hdr button .fas {
     color: white;
}
 .datepicker-dialog .datepicker-dialog-month-year {
     display: inline-block;
     width: 12em;
     text-align: center;
}
 .datepicker-dialog table.datepicker-dialog-date-table {
     width: 320px;
     margin: 0;
     padding: 12px 1em 0;
     border: none;
     border-collapse: separate;
     border-spacing: 2px;
}
 .datepicker-dialog table.datepicker-dialog-date-table th, .datepicker-dialog table.datepicker-dialog-date-table td {
     text-align: center;
     background: white;
     color: black;
     border: none;
}
 .datepicker-dialog table.datepicker-dialog-date-table td {
     padding: 3px;
     margin: 0;
     line-height: inherit;
     height: 40px;
     width: 40px;
     border-radius: 5px;
     font-size: 15px;
     background: #eee;
     cursor: pointer;
}
 .datepicker-dialog table.datepicker-dialog-date-table td.disabled {
     padding: 2px;
     border: none;
     height: 41px;
     width: 41px;
     background: white;
     cursor: default;
}
 .datepicker-dialog table.datepicker-dialog-date-table td:focus, .datepicker-dialog table.datepicker-dialog-date-table td:hover {
     padding: 0;
     background-color: hsl(216deg 80% 92%);
     color: black;
}
 .datepicker-dialog table.datepicker-dialog-date-table td:focus {
     padding: 1px;
     border: 2px solid rgb(100 100 100);
     outline: 0;
}
 .datepicker-dialog table.datepicker-dialog-date-table td:not(.disabled):hover {
     padding: 2px;
     border: 1px solid rgb(100 100 100);
}
 .datepicker-dialog table.datepicker-dialog-date-table td[aria-selected] {
     padding: 1px;
     border: 2px dotted rgb(100 100 100);
}
 .datepicker-dialog table.datepicker-dialog-date-table td[aria-selected]:focus {
     padding: 1px;
     border: 2px solid rgb(100 100 100);
}
 .datepicker-dialog table.datepicker-dialog-date-table td[tabindex="0"] {
     background-color: #004477;
     color: white;
}
 .datepicker-dialog .datepicker-dialog-btn-container {
     text-align: right;
     margin: 12px 1em 1em 0;
}
 .datepicker-dialog .datepicker-dialog-btn-container button {
     min-width: 5em;
     margin-left: 1em;
     padding: 6px 16px;
     background: #cedc00;
     border: 1px solid #cedc00;
     font-size: 0.9em;
}
 .datepicker-dialog .datepicker-dialog-btn:hover {
     border-color: #000000;
}
 .datepicker-dialog .datepicker-dialog-btn:focus {
     outline: 2px solid #000000;
     outline-offset: 2px;
}
 .datepicker-dialog .datepicker-dialog-message {
     padding: 0.25em 0 0 1em;
     height: 1.75em;
     background: #004477;
     color: white;
}
 .datepicker-dialog table.datepicker-dialog-date-table td.past, .datepicker-dialog table.datepicker-dialog-date-table td.past:hover {
     padding: 3px;
     border: none;
     background: #f5f5f5;
     color: #767676;
     cursor: not-allowed;
}
 .datepicker-dialog table.datepicker-dialog-date-table td.past:focus {
     padding: 1px;
     border: 2px solid rgb(100 100 100);
     background: #f5f5f5;
     color: #767676;
}