* {
    font-family:Arial,sans-serif;
}

body {
    background-color: #a0e8ff;
}

h1, h2, h5 {
    text-align: center;
    margin: 0;
    color: teal;
}

p, label, a, li {
/*    font-size: .75em;*/
}
label {
    
}
iframe {
    width: 100%;
    height: 100vw;
}
button {
    border-radius: .3em;
    border-width: .1em;
    border-color: silver;
    color: teal;
    background-color: white;
    cursor: pointer;
}
.button, .dashboard_tab {
    border-radius: .4em;
    border: 1px solid;
    padding: 1px 6px;
    background: #008A98;
    color: white;
}
.dashboard_tab {
    border-radius: .4em 0;
}
.button2 {
    border-radius: .2em;
    border: 1px solid;
    padding: 1px 6px;
    background: #fae9c8;/*#fad9a5;*/
    border-color: #EACCAE;
    color: black;    
}

#class_number, #permission_code, #class_number_value1 {
    border: 1px solid gray;
}
.step {
    font-size: .9em;
    display: none;
}
.warning {
    color: red;
    font-weight: bold;
}
.tip {
    font-size: .75em;
}
.notice {
    font-size: .75em;
    font-weight: bold;
    color: maroon;
    background-color: #FFFF80;
}
.centered {
    text-align: center;
}
.sitelink {
    font-family: Raleway, sans-serif;
    color: #008D96;   
}
#zoom {
    border: 1px solid gray;
    position: absolute;
    top: 5%;
    left: 5%;
    background: solid white;
    display: none;
}
.page_set {
    box-shadow: 2px 2px green;
}