html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
#calendar{height:475px}
.fc-view-harness{height:360px}
.fc .fc-bg-event{background:var(--fc-bg-event-color,#31599E);opacity:.4!important}
#calendar a{color:#11254A!important;background:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px!important;font-weight:700}
.fc .fc-daygrid-day-top{margin:6px}
.fc-toolbar-chunk:last-child{display:none}
.fc-scrollgrid-sync-table{height:379px!important}

.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog > div{width:360px;position:relative;margin:20px auto;padding:5px 20px 13px;border-radius:10px;background:#fff}
.close{color:#000;position:absolute;right:9px;text-align:center;top:10px;width:24px;text-decoration:none;-webkit-border-radius:12px;-moz-border-radius:12px;-moz-box-shadow:1px 1px 3px #000}
.close:hover{background:#31599E}
.bg-mirtilli{background-image:url(../images/bg-mirtilli.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}
.modal{position:relative;display:block}
.modal-content{background:url(../images/bg-app.jpg);background-position:bottom;background-size:cover;height:100%;overflow:hidden}
.modal-dialog{height:calc(100% - 3.5rem)}
.btn-gradient{background:#11254a;background:linear-gradient(90deg,rgba(17,37,74,1) 0%,rgba(49,89,158,1) 100%)}
.text-mirtillo{color:#31599E!important}
html,body{height:100%}

@media (min-width: 576px) {
    .modal-dialog{height:calc(100% - 3.5rem)!important}
}
@media (max-width: 575.98px) {
    .modal-dialog{margin:0!important;height:100%!important}
    .modal-content{height:100%}
    .modal-body{overflow-y:scroll!important}
    .modal-footer{flex-shrink:0}
}