#modal-content{ width:50%; margin:1.5em auto 0; padding:10px 20px; border:2px solid #aaa; background:#fff; z-index:2; position:fixed; display:none; } .modal-p{ margin-top:1em; } .modal-p:first-child{ margin-top:0; } .button-link{ color:#00f; text-decoration:underline; } .button-link:hover{ cursor:pointer; color:#f00; } #modal-overlay{ z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75); } .daytime { cursor: pointer; cursor: hand; } th{ height: 15px; padding: 5px !important; font-size: 15pt; text-align: center; background-color: #BDBDBD !important; border-width: 1px !important; border-style: solid !important; border-color: #585858 !important; } th#sun{ background-color: #F78181 !important; } th#satur{ background-color: #819FF7 !important; } td{ font-size: 20pt; text-align: center; border-width: 1px ; border-style: solid !important; border-color: #585858 !important; } #closed{ background-color: #F78181; } #event{ background-color: #58FA58; } h4#monthname{ font-size: 18pt !important; } div.eventcontent{ font-size: 20pt !important; text-align: center !important; } a#modal-close{ font-size: 15pt !important; } p#closep { text-align: right !important;; } .boxclose{ height: 30px; width: 80px; padding: 5px; font-size: 12pt; text-align: center !important; vertical-align: middle !important; border-width: 1px ; border-style: solid !important; border-color: #585858 !important; background-color:#F78181; } .boxevent{ height: 30px; width: 80px; padding: 5px; text-align: center !important; vertical-align: middle !important; font-size: 12pt; border-width: 1px ; border-style: solid !important; border-color: #585858 !important; background-color: #58FA58; }