body{font-family: Arial, Helvetica, sans-serif;}

.clear{height:0px;display:block;clear:both;}

.overlay {
  display: none; /* Hidden by default */
  position: fixed; /* Stays in place */
  top: 0;
  left: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgba(0, 0, 0, 0.7); /* Black with 70% opacity */
  z-index: 999; /* Ensures it's above other content */
}

.popup {
  display: none; /* Hidden by default */
  position: fixed; /* Stays in place */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers the popup */
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1000; /* Ensures it's above the overlay */
}

.groupclassholder{border-bottom:1px #999 solid;clear:both;}
.classholder{position:relative;float:left;display:block;padding:10px 10px 10px 10px;margin:10px;border:1px #CCC solid;border-radius: 10px;width:170px;height:130px;text-align:left;}

.classdate{text-align:center;display:block;margin-bottom:0px;padding-bottom:5px;}
.classendroit{display:block;font-size:12px;text-align:center;padding:5px;}

.classholder:hover, .onedayrowclasses:hover{cursor:pointer;opacity:0.5;}

.weekschedclassbloc:hover{border:2px #333 solid;}

#oneweektitle{position:relative;padding-left:60px;}
#oneweekheaderarrows{position:absolute;left:0px;}
#oneweekheaderarrows .arrow{position:relative;float:left;}
#oneweekheaderarrows .arrow:hover{cursor:pointer;}
#oneweekheaderarrows .arrow:nth-child(2){left:15px;}
#oneweekheaderarrows .arrow-left{border-right:13px solid #000;}
#oneweekheaderarrows .arrow-right{border-left:13px solid #000;}

.classdone{opacity: 0.25;}

.gymholder{text-align:center;position:absolute;bottom:-15px;width:100%;left:0px;}
.gymholder img.gymimg, .todayscheduletable img.gymimg{padding:5px 3px;height:20px;}

.onedayrow{border:1px #777 solid;border-top:2px #77a8a8 solid;margin-bottom:5px;padding:5px;}
.onedayrow img.gymimg{height:13px;padding:3px 3px 0px 3px;}

#onedayheader{border-top:none;background:#77a8a8;text-align:center;color:#FFF;position:relative;}

.onedaytime, .onedayinfo{ margin: auto 0px;}
.onedayinfo{margin-left:10px;position:relative;}
.onedayinfo{ flex-grow: 1;}
.onedayscheduleholder{width:300px;}

.onedayrowclasses{  display: flex;}


.onedaytime{font-size:12px;line-height:20px;}

.evalholder{text-align:right;position:absolute;top:-15px;width:100%;right:-15px;}

.numgyms{position:absolute;left:0px;top:0px;padding:5px;}

.editclass{position:absolute;right:0px;top:0px;padding:5px;}
.editclass:hover{cursor:pointer;}

#popup-date{margin:0px;position:relative;top:-20px;margin-bottom:-20px;padding:0px;font-size:14px;}
#savePopup{display:none;}
#popupdone{display:none;}

#tableweeksched thead{padding:5px;background:#77a8a8;color:#FFF;text-align:center;vertical-align:top;}
.tableweekschedheaderday{font-size:30px;}
.popupbuttonsholder{text-align:center;}
.popupbuttonsholder button{display:inline-block;}

.scheduleclassholder{position:relative;}
.tablescheduleendroit{font-size:10px;}
.tablescheduleeval{position:absolute;top:0px;right:0px;}
.tablescheduleeval img{height:20px;}

.eventweektitle{font-weight:bold;}

a.bubblebtn{border:1px #777 solid;border-radius: 12px;background-color:#999;padding:10px;width:200px;color:#FFF;display:inline-block;text-align:center;margin:10px;text-decoration:none;}

.weekschedclassbloc{position:absolute;z-index:100;  color:#FFFFFF;
    background:#77a8a8;margin:auto;left:-1px;width:90%; box-sizing: border-box;padding:5px;top:0px;font-size:12px;border-radius: 5px;white-space: nowrap;border:1px #FFF solid;  overflow: hidden; /* Optional: hides overflowing content */
  text-overflow: ellipsis;min-height: 23px; /* Optional: adds an ellipsis (...) for hidden content */}
    .weekschedclassbloc:hover{cursor:pointer;}
#tableweeksched{}
#tableweeksched td{position:relative;height:55px;width:150px;padding:0px;}

#eventsweekfirstemptyrow td{height:25px;}
#tableweeksched tr td:first-child {width:50px;border:none;vertical-align:top;text-align:right;padding-right:5px;}

.weekschedclassbloc .evalholder{top: 0px;    right: 3px;}
.weekschedclassbloc .evalholder img{height:20px;}

.weekschedclassbloc .gymsholder{position:absolute;bottom:0px;z-index:200;width:100%;text-align:center;}
.weekschedclassbloc .gymsholder img{height:12px;}
.weekschedclassbloc .gymsholder img:nth-child(2){position:relative;left:5px;}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent; 
  
  border-left:13px solid #FFF; 
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent; 
  
  border-right:13px solid #FFF; 
}
#onedayheaderarrows .arrow:nth-child(2){left:15px;}
#onedayheaderarrows .arrow{position:relative;float:left;}
#onedayheaderarrows .arrow:hover{cursor:pointer;}
#onedayheaderarrows{position:absolute;top:10px;left:10px;}