/* Clevedon site styles, moved out of the end of the theme file (css/app.css) on 19 Oct 2026 so the
   Bootstrap 5 layout can use them without the theme. The original layout loads this straight
   after app.css, so the cascade is unchanged. */

#noticewrap { width: 270px; height: 480px; padding: 0; overflow: hidden; border:1px solid #ccc; box-shadow: 2px 2px 2px #777;}
#noticeview { width: 1080px; height: 1920px; border: 1px solid black; }
#noticeview {
    -ms-zoom: 0.25;
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
}

.public-on:hover, .public-off:hover, .sticky-on:hover, .sticky-off:hover, .deleteEvent:hover {
  cursor:pointer;
}

.subject:hover {
  cursor: copy;
}

#overview .wrapper {
  width: 135px; height: 240px; padding: 0; border:1px solid #ccc; box-shadow: 2px 2px 2px #777;
}
.overviewwrap{
  width:135px;
  height:240px;
  -ms-zoom: 0.125;
  -moz-transform: scale(0.125);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.125);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.125);
  -webkit-transform-origin: 0 0;
}

.noticeThumb {
  max-height:75px;
  border: 1px solid #777;
  box-shadow:1px 1px 2px #999;
}

table.eventSet td {

  padding:5px;
  border:1px solid #ccc;

}

.dutyRow {

  margin:5px;
  background-color: rgb(255, 241, 241);

}

.eventBox {

  padding:20px;
  background-color: rgb(229, 234, 253);

}

.addEvent {
  position: relative;
}

.addEvent .eCount {
  position: absolute;
  top: -10px;
  right: -5px;
  padding: 4px 8px;
  border-radius: 50%;
  border:1px solid;
  border-color:inherit;
  background: #eee;
  color: #777;
  z-index:100;
  font-size:9px;
}

.weeklySummary > .row-striped {
 margin:0px 15px 0px -15px;
 padding:10px;
}

.row-striped:nth-child(odd) {
  /* background-color:#eeeeee; */
}

.row-striped:nth-child(even) {
  /* background-color:#eeeeff; */
}

.duty-striped:nth-child(even) {
  background-color:#eeeeee;
}

.dutyLine {
  margin:0px;
}

.weekDay {
  margin:20px 0px 5px -15px;
  width:100%;
  padding:5px 5px 5px 10px;
  border: 1px solid #777;
}

.weekHead {
  margin:20px 0px 5px -5px;
  width:100%;
  padding:5px 5px 5px 10px;
  border: 1px solid #777;
  background-color:#ffffcc;
  box-shadow: 3px 15px 8px rgba(0,0,0,0.2);
}

.adminHead {
  margin:20px 0px 5px -5px;
  width:100%;
  padding:5px 5px 5px 10px;
  border: 1px solid #777;
  background-color:#ffcccc;
  box-shadow: 3px 15px 8px rgba(0,0,0,0.2);
}

.eventRow {
  margin-bottom:10px;

  padding:5px;
}

.eventRow:nth-child(odd) {
  box-shadow:1px 1px 5px -1px;
}

.eventLine {
  background-color: #fee;
  margin-bottom:10px;
  box-shadow:2px 2px 5px -2px;
  padding:5px;
  border-radius:10px;
}

.dutyBox {
  background-color: #fff;
  margin-bottom:10px;
  box-shadow:2px 2px 5px -3px;
  padding:5px;
}

.externalEvents {
  /* padding:10px; */
  background-color:rgb(254, 255, 211);
  /* border:1px solid #777; */
  /* margin:5px 15px 0px -15px; */
  box-shadow:2px 2px 10px -5px;
  padding:15px 0px 15px 0px;
}

.nominee-box {
  height:20px;
  width:20px;
  vertical-align:text-bottom;
}

.imgThumb {
  max-width:75px;
  border:1px solid #999;
}