button.alarm {
font-size:100%;
padding:5px;
margin:5px;
border-radius:45px;
background-color: #00fCBA;
width:80%;
right:2%;
display:block;
}

button.alarm:hover{
font-weight:bold;
}

button.alive {
font-size:80%;
padding:1px;
margin:1px;
border-radius:5px;
background-color: red;
width:100%;
display:block;
height:35px;
}

button.alive:hover {
font-weight:bold;
}

button.date{

font-size:70%;

background-color: #00fCBA;

width:10%;

right:10px;

}

form.page{

position:absolute;

font-size:25px;

background-color: transparent;

width:100px;

border:3px;

}

input.page{

font-size:25px;

background-color: #00fCBA;

right:10px;

}

p.Notes{

font-size:15px;

background-color: #00fCBA;

width:10%;

right:40px;

padding:5px;

}



.pi4 {
top:130px;
display:block;
background-color: #00fCBA;
width:100%;
height:auto;
text-align:center;
color:black; 
font-family: "Times New Roman", Times, serif; 
font-size:80%;  
padding: 1px 1px;
margin: 2px 5px 0px 0px;
border-radius: 20%;
}

.pi4:hover{
background-color:yellow;
}

#forlive {
background-color:#aa8CBA;
position:relative;
}

#slide {
width:100%;
}

#slides {
   background-color: black;
   position: relative;
   width: 65%;
   padding-top: 40%; /* was 35 16:9 Aspect Ratio */
}

#videowindow{
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
  overflow: hidden;
}

.wrapped-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.table_dk{
border-collapse: collapse;
text-align:left;
margin-left:auto;
margin-right:auto;
}
.th_dk{
border: 1px solid black;
background-color: #00bccc;
text-align:left;
width:50%;
margin:150px;
font-family: "Times New Roman", Times, serif;
font-size:17px;
}
.td_dk{
border: 1px solid black;
background-color: #efed36;
text-align:left;
width:50%;
margin:150px;
font-family: "Times New Roman", Times, serif;
font-size:14px;
padding:5px;
}
.form_input_dk{
background-color:#f7e6b4;
width:80%;
}
.form_submit_dk{
background-color:#b4eaf7;
font-weight:bold;
width:80%;
}