#mpdatepicker-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999;font-family:"Vazir",sans-serif;font-size:11pt;display:none;align-content:center;justify-content:center}.mpdatepicker{background:no-repeat 3px;text-align:center;padding:7px;padding-left:25px;border:1px solid silver;background-position-x:5px;background-position-y:2px}#mpdatepicker-block{font-family:"Vazir",sans-serif;direction:rtl;text-align:center;padding:10px 0;border-radius:4px 4px 0 0;background:#fff;min-height:200px;margin:auto;width:400px;box-shadow:0 0 30px #444;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100%}#mpdatepicker-block.static{position:static;margin:inherit;top:auto;left:auto;right:auto;bottom:auto;direction:rtl}#mpdatepicker-block table{width:95%;margin:auto;box-shadow:none}#mpdatepicker-block table th{width:14.28571%;text-align:center !important;padding:7px;font-weight:900;color:#e3aa00}#mpdatepicker-block table td{border-radius: 50px;padding:7px 3px;cursor:pointer;text-align:center !important;border:solid 2px transparent}#mpdatepicker-block table td.mp-other-month{border-radius: 50px;color:black;background-color: white;pointer-events: none;}#mpdatepicker-block table td.selected{border:solid 2px #39f;border-radius:3px}#mpdatepicker-block table td.today{font-weight:900;text-shadow:0 0 3px #333}#mpdatepicker-block table td:hover{background:#b1dcfb}.rotate{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.mpbtn{padding:10px;cursor:pointer;font-family:"Vazirmatn",sans-serif;padding-bottom:4px}.mpbtn:hover{background:#b1dcfb}.mpfleft{float:left;font-size:30px;padding-top:0}.mpfright{float:right;font-size:30px;padding-top:0}.mpheader{margin:5px auto}.mp-picked{border:0px solid #36f !important;border-radius:3px; background-color: #ffecb5}.mp-today,.mp-today-td {position: relative;border-radius: 50px;font-weight: 500;color: black;}.mp-today-td::after {content: "";position: absolute;bottom: 5px;left: 25%;width: 50%;height: 3px;background-color: #fac800;border-radius: 2px;}.mpdatepicker{background-image:none !important}#mpmonth{border-radius: 50px;display:inline-block;padding:5px;font-size:15px;font-weight:700;position:relative;width:20%;text-align:center}#mpmonth:hover{background:#fac8002b}#mpmonth ul{display:none;position:absolute;background:#fff;list-style:none;padding:5px 0;bottom:-200px;right:-20px;border-radius:4px;box-shadow:1px 1px 7px #000}@media(max-height:1000px){#mpmonth ul{width:250px}#mpmonth ul li{width:47%;float:right;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}}#mpmonth ul li{padding:5px;width:120px;font-weight:100;border-bottom:2px solid transparent;cursor:pointer}#mpmonth ul li:hover{border-radius: 50px;background:#fac8002b}#mpmonth span{display:block;text-align:center;cursor:pointer}#mpyear{width:25%;text-align:center;padding:5px;font-size:15px;font-weight:700;display:inline-block;color:gray}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#mpyear input{width:6em;text-align:center;padding:5px;border:0;outline:0}#mpyear input:focus{outline:#b1dcfb 3px solid}.mp-footer{display:block;padding:0 5%}.mp-footer a{width:30%;display:inline-block;padding:7px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.mp-footer a.mp-close:hover{border-radius: 50px;background-color: #fac8002b}.mp-footer a.mp-today{background-color: #fac800; color: black; border-radius: 50px;}.mp-footer a.mp-clear:hover{border-radius: 50px;background-color: #fac8002b}.mp-footer input{width:3.3em;text-align:center}.mptimepicker{display:grid;grid-template-columns:repeat(3,1fr);direction:ltr}.mptimepicker *{transition:.2s}.mptimepicker>div{height:85px;overflow:hidden;cursor:ns-resize;position:relative}.mptimepicker .mp-holder{position:absolute;top:2em;left:0;right:0;line-height:1.706em}.mp-select-item{color:#666}.mp-select-item.active{color:#000;font-size:19px !important;background:#00000033}