.pmx-datepicker{width:601px;top:5%;left:calc(50% - 300px)}@media(max-width:991.98px){.pmx-datepicker{width:90%;left:5%}}.pmx-datepicker .modal-head{display:none}.pmx-datepicker .ant-input-affix-wrapper{height:64px;border-radius:16px;padding:11px 21px}.pmx-datepicker .ant-input-affix-wrapper .ant-input-suffix .select-country{display:flex}.pmx-datepicker .ant-input-affix-wrapper .ant-input-suffix .select-country img{width:40px;height:40px}.pmx-datepicker .ant-input-affix-wrapper .ant-input-suffix .select-country .code{font-size:24px;font-weight:700;margin-left:16px}.pmx-datepicker .ant-input-affix-wrapper .ant-input-suffix .vertical-divider{display:block;height:100%;width:1px;border-right:1px solid #f0f0f0;margin:0 24px;max-height:43px}.pmx-datepicker .options-row{display:flex;justify-content:space-between;margin-top:24px}.pmx-datepicker .options-row .dropdowns{display:flex;align-items:center;gap:24px}@media(max-width:991.98px){.pmx-datepicker .options-row .dropdowns{gap:16px}}.pmx-datepicker .options-row .dropdowns .dropdown-selector{box-sizing:border-box;display:flex;justify-content:center;align-items:center;border:1px solid rgba(55,114,255,.102);border-radius:8px;width:auto;height:64px;padding:14px;gap:24px;cursor:pointer}@media(max-width:991.98px){.pmx-datepicker .options-row .dropdowns .dropdown-selector{height:52px;padding:10px}}.pmx-datepicker .day-list,.pmx-datepicker .month-list,.pmx-datepicker .year-list{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;width:100%;margin-top:24px}.pmx-datepicker .year-list{height:300px;overflow-y:scroll}@media(max-width:991.98px){.pmx-datepicker .year-list{height:250px}.pmx-datepicker .day-list{height:250px;overflow-y:scroll}}.pmx-datepicker .day,.pmx-datepicker .month,.pmx-datepicker .year{display:flex;justify-content:center;align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer}.pmx-datepicker .day.active,.pmx-datepicker .month.active,.pmx-datepicker .year.active{background:#3772ff!important;color:#fff!important}.pmx-datepicker .day:hover,.pmx-datepicker .month:hover,.pmx-datepicker .year:hover{background:#eee;color:#121212}.pmx-datepicker .day>span,.pmx-datepicker .month>span,.pmx-datepicker .year>span{color:#fff;font-weight:700;font-size:16px}.pmx-datepicker .day{padding:11px 21px;height:64px;width:14%}@media(max-width:991.98px){.pmx-datepicker .day{padding:16px;height:48px}}.pmx-datepicker .month{width:33%;padding:11px 21px;height:64px}.pmx-datepicker .year{width:25%;padding:11px 21px;height:64px}.pmx-datepicker .buttons{width:100%;display:flex;gap:24px}.pmx-datepicker .buttons .pmx-button{width:auto;margin-top:40px}.pmx-datepicker .buttons .pmx-button button{height:64px;max-width:unset}@media(max-width:991.98px){.pmx-datepicker .buttons .pmx-button button{height:48px}}.pmx-datepicker .buttons .pmx-button button.ordercard_outlined{justify-content:center}.pmx-datepicker .buttons .pmx-button button.ordercard_outlined span{color:#121212;font-weight:700}.pmx-datepicker .buttons .pmx-button:first-child{flex-grow:5}.pmx-datepicker .buttons .pmx-button:last-child{flex-grow:1}