#template .events-module .calendar{ width: 100%;border-collapse: collapse; table-layout: fixed; /*  background: #fff; */}
#template .events-module .calendar ul, 
#template .events-module .calendar li{padding:0; margin:0 0 0.25em; list-style: none;}

#template .events-module .calendar thead h1{font-size: 1.25em; margin-bottom: 0.5em; text-transform: uppercase; text-align: center;}

#template .events-module .calendar thead th,
#template .events-module .calendar .day {letter-spacing: normal; font-weight: normal; word-spacing: normal; vertical-align: top;}

#template .events-module .calendar thead th, 
#template .events-module .calendar .day{width:10.6%; overflow: visible; text-align: left; }

#template .events-module .calendar thead th{border-top: 1px solid #b5b2a9; padding:0.5em 2%; height: 1em; line-height: 1em; }
#template .events-module .calendar .day{border-top: 1px solid #b5b2a9; /* border-right: 1px solid #b5b2a9; */  padding:0.75em 2% 0; height: 7.5em; font-size: 0.95em; line-height: 1.25em;}
#template .events-module .calendar .day a,
#template .events-module .calendar .day a span{white-space: nowrap; width:100%; overflow: hidden; text-overflow: ellipsis; display: block;}

#template .events-module .calendar .event{ }
#template .events-module .calendar .date{margin-bottom:0.5em; height:1em; line-height: 1em; /* font-weight: bold; */ /* color: #000;  */display: block;}

#template .events-module .calendar .disabled .date{/* color: #909090; */ font-weight: normal; opacity: 0.5; }
#template .events-module .calendar .disabled a{/* color: #909090; */font-weight: normal;}

#template .events-module .calendar .today{ background-color: rgba(233, 239, 246, 0.25);}

#template .events-module .list-controls {text-align: center; vertical-align: middle; height: 40px; line-height: 40px;}
#template .events-module .list-controls button{line-height: normal;}
#template .events-module .list-controls a {display:block;}
#template .events-module .list-controls a.prev { float: left; }
#template .events-module .list-controls a.next { float: right; }

#template .events-dialog{width:300px;}

#template .events-module.compact-mode .calendar thead th,
#template .events-module.compact-mode .calendar .day{height: 2em; text-align: center;}
.table-overflow{width: 100%; overflow-x: auto;}

/* Event Registration */

.events-module .event-registration{ width:100%; box-sizing: border-box; margin: 0 0 1.5em; }

.ui-dialog .registration-dialog { width:100%; box-sizing: border-box; padding: 20px; margin: 20px 0; }

.events-module .event-registration p:first-child, 
.ui-dialog .registration-dialog p:first-child { margin-top: 0; }

.events-module .event-registration h3 , 
.ui-dialog .registration-dialog h3 { clear: both; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 1em; margin-top: 2em; }
.events-module .event-registration h3:first-child, 
.ui-dialog .registration-dialog h3:first-child { margin-top: 0; }

.events-module .event-registration p, 
.ui-dialog .registration-dialog p { margin-top: 0.5em; margin-bottom: 0; }

.events-module .event-registration form label, 
.ui-dialog .registration-dialog form label { display: block; margin-bottom: 5px; }
.events-module .event-registration form input[type="text"], 
.ui-dialog .registration-dialog form input[type="text"] { border: 1px solid #ccc; padding: 10px; width: 100%; display: block; box-sizing: border-box; }
.events-module .event-registration form input[type="password"], 
.ui-dialog .registration-dialog form input[type="password"] { border: 1px solid #ccc; padding: 10px; width: 100%; display: block; box-sizing: border-box; }
.events-module .event-registration table, 
.ui-dialog .registration-dialog table { width: 100%; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-spacing: 0; border-collapse: collapse; }
.events-module .event-registration table td, .events-module .event-registration table th, 
.ui-dialog .registration-dialog table td, .events-module .event-registration table th { padding: 10px; border-top: 1px solid #bbb; border-left: 1px solid #ccc; }

.event-registration select,
.ui-dialog .registration-dialog select{ max-width: 100%; width: auto; padding-right: 40px;}

.events-module .event-registration .modify-attendee, 
.ui-dialog .registration-dialog .modify-attendee{ text-align: right; }


.table-overflow{width: 100%; overflow-x: auto;}
span.error{font-size: 10px;}

.events-moduler .btn,
.ui-dialog .registration-dialog .btn{margin: 1em 0.25em 1em 0; font-size: 1em;}


.events-module .event-registration h3.btn, 
.ui-dialog .registration-dialog h3 .btn{font-size: 0.65em; margin:-0.5em 0 0;}

.events-module .event-registration a, 
.ui-dialog .registration-dialog a {text-decoration: none;}