@import url(https://fonts.googleapis.com/css?family=Inter);
.modal{background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:15% auto;padding:20px;width:700px}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header h2{margin:0}.modal-body{max-height:300px;overflow:auto}.close-button{cursor:pointer;font-size:40px}.grid-container{display:flex;gap:5px;grid-template-columns:repeat(7,1fr);justify-content:space-between}.grid-container input[type=text],.grid-container select{height:40px;padding:2px}.grid-item,.grid-item-small{flex:1}.grid-item-large{flex:3}.grid-item-button{flex:1}.item-button{cursor:pointer;font-size:18px;font-weight:700;margin-top:5px}.custom-datepicker-input{--tw-border-opacity:1;border:1px solid rgb(229 231 235/var(--tw-border-opacity))}.custom-datepicker-input,.mx-datepicker,.mx-input-wrapper{width:100%!important}