#alertBox {
display: none;
position: fixed;
right: 20px;
padding: 1em 1em;
width: 50%;
max-width: 280px;
z-index: 10;
border: 1px solid #000;
border-radius: 4px;
}
#alertBox[type="danger"] {
color: #900;
border-color: #900;
background:#fcc;
}
#alertBox[type="warning"] {
color: #036;
border-color: #036;
background: #ffb;
}
#alertBox[type="success"] {
color: #040;
border-color: #040;
background: #bfb;
}
#alertBox > i {
position: absolute;
right: 4px;
top: 4px;
cursor: pointer;
}
.click_for_more {
position: relative;
overflow: hidden;
margin-bottom: 1em;
}
.click_for_more > .fade {
position: absolute;
bottom: 0px;
width: 100%;
padding-top: 10vh;
text-align: center;
color: #194263;
font-weight: bold;
background: linear-gradient(180deg, transparent, #f1f1f1);
border-bottom: 1px solid #194263;
cursor: pointer;
}
#cookie_banner {
position: fixed;
bottom: 0px;
left: 20%;
width: 60%;
padding: 0.5em 1em;
display: grid;
grid-template-columns: 5fr 1fr;
grid-gap: 1em;
background: #ccc;
border: 2px solid #000;
border-radius: 8px 8px 0 0;
border-bottom: none;
align-items: center;
}
#cookie_banner a.desired {
display: block;
float: right;
padding: 0.2em 0.5em;
text-decoration: none;
/*margin: -4px 0 0 1em;*/
position: relative;
background: #f0f0f0;
border: 1px solid #000;
border-radius: 8px;
text-align: center;
}
#recording_player {
display: none;
margin-bottom: 0.5em;
}
#recording_player iframe { width:100%; height:300px; border:none; }
h2#recording_name {
padding: 0px 5px 8px 5px;
border-bottom: 1px solid #aaa;
margin-bottom: 8px;
}
div.class_cards {
border-top: 1px solid #194263;
}
div.class_cards > a {
display: block;
text-decoration: none;
background: #f0f0f0;
padding: 0.5em 1em 0.75em 1em;
border-bottom: 1px solid #000;
}
div.class_cards > a:hover {
background: #f7f7f7;
}
div.class_cards > a > strong {
display: block;
margin-bottom: 0.25em;
font-size: 1.2em;
border-bottom: 1px dotted #194263;
}
div.class_cards > a > em { display: block; font-size: 0.9em; color: #000; font-weight: normal; }
div.class_cards > a > span { color: #000; font-weight: normal; }
.recording_list {
border-top: 1px solid #333;
}
.recording {
padding: 0.4em 1em 0.5em 1em;
cursor: pointer;
border-bottom: 1px solid #333;
color: #444;
}
.recording:hover {
color: #000;
letter-spacing: 0.1px;
}
.recording.active {
background: linear-gradient(to bottom, #2c628c, #194263);
color: #fff;
}