.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4);justify-content:center;align-items:center}
.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-height:70%;overflow-y:scroll}
.close img{float:right}
.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}
p.modal-title{font-size:27px;font-weight:700;margin:30px 0;line-height:30px}
p.label{font-weight:700}
@media(min-width:1280px){p.modal-title{text-align:center}
.modal-content{max-width:700px;overflow-y:auto;max-height:none;padding:30px 20px 40px}
.row-wrapper{display:flex;align-items:start}
p.label{width:25%}
p.value{width:75%}
button.cancel{max-width:150px}
}
.dateinput-wrapper{padding:0 16px !important}
.dateinput-wrapper input:read-only{border-color:unset !important;background-color:unset !important}
.month-input{min-width:unset !important;padding:unset !important}
.year-input{padding:unset !important}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.date-input{padding:unset !important}
.dataTables_filter img.disabled{opacity:.5}
form fieldset select{width:110px !important}
@media(max-width:768px){.data-list-filter{padding:0 !important}
.datepicker-wrapper{width:100% !important}
.dateinput-wrapper{max-width:unset !important}
button.confirm,button.reset{max-width:unset !important;margin:unset !important;padding:unset !important;width:100% !important}
.datepicker-container{margin:unset !important;margin-bottom:16px !important}
.data{padding:24px 8.33vw !important}
}