#datepickerContainer{display:none;position:absolute;top:calc(100% + 4px);background-color:white;box-shadow:0 5px 15px -5px rgba(0,0,0,.5);min-width:11em}oncord-effect-attach[show="true"] #datepickerContainer{display:block}oncord-datepicker #datepickerHeader{display:flex;align-items:center;justify-content:space-around;margin-top:5px}oncord-datepicker #datepickerPrevMonth,oncord-datepicker #datepickerNextMonth{cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:16px 16px;width:32px;height:32px}oncord-datepicker #datepickerPrevMonth{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 7H4.4l5.3-5.3L8.4 0.3 0.7 8l7.7 7.7 1.3-1.3L4.4 9H16z'/%3E%3C/svg%3E")}oncord-datepicker #datepickerNextMonth{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 9h11.6l-5.3 5.3 1.3 1.4 7.7-7.7-7.7-7.7-1.3 1.3L11.6 7H0z'/%3E%3C/svg%3E")}oncord-datepicker #datepickerGrid{display:grid;grid-template-columns:36px 36px 36px 36px 36px 36px 36px;padding:8px}.calDayName,.calDay,.calAdjacentMonthDay{padding:4px 4px 4px 0px;font-size:small;text-align:right}.calDayName{background:#F4F4F5;color:#999;font-weight:bold;text-transform:uppercase;border-bottom:#404040 1px dotted}.calDay{background:#F5F5F5;cursor:pointer}.calDayStyle:hover{color:white;background-color:#33AAFF;border-radius:4px}.calHiddenRow{display:none}.calAdjacentMonthDay{visibility:hidden}.calSelectedDay{color:#33AAFF;font-weight:bold}.calDisabledDay{opacity:0.4}#calTitle{width:110px}oncord-datepicker #datepickerHeader select{width:6em!important}