body {
    font-family:sans-serif;
    font-weight:lighter;
    font-size:16px;
    
}

.small {font-size:12px;  font-weight:lighter}
.bold {font-weight:bold} 
.black {color:#000000}
.fa-times {color:maroon}
.fa-check {color:#20b2aa} 
.fa-chart-pie{color:#ff6500}
.fa-link {color:#1e90ff}
/* .fa-user-tie{color:#1e90ff} */
.fa-users {color:#B9340D}
.caption {font-size:22px;}

.title {
    padding:4px;
    align-items: center;
    display:grid;
    grid-template-columns: 80px auto;
    gap:2px;
    height:48px;
}

.active-button {
    cursor:pointer;
    align-items: center;
    display:grid;
    grid-template-columns: 48px auto;
    gap:1px;
    border-bottom:2px solid transparent; 
    background-color:#f3f3f3;
    text-align: center;
    padding:4px;
}
.active {
    padding:4px;
    cursor:pointer;
    border-bottom:2px solid transparent ;
}
.active:hover{
    border-bottom:2px solid #ff6500; 
}
.active-button:hover {
    border-bottom:2px solid #ff6500; 
}
.active-button .icon {
    padding:4px;
    margin:4px;

}
.action {
    cursor:pointer;
    padding:4px;
    padding-left:10px;
    padding-right:10px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#4682B4;
    border:2px solid #CAD5E0;
    
    
}
.action:hover .small {color:#4682B4}
.action:hover { background-color:#FFFFFF; color:#4682B4 ;
    border:2px solid #4682B4;
}

.footer {
    display:grid;
    grid-template-columns: 115px auto 115px;
    gap:2px;
    align-items:center;
    
}

.code {
    background-color:#000000;
    color:#f3f3f3;
    padding:8px;
    font-family:courier;
    font-size:14px;
}

.menu .menu-item {
    display:none;
    position:absolute;
    z-index:9;
    background-color:rgba(255,255,255,0.7);
    font-weight:lighter;
    font-family:sans-serif;

}
.menu .menu-item div,li {font-weight:lighter}
.menu .menu-item li {margin:4px;}
.menu:hover .menu-item{
    display:block;
    height:auto;
}
.menu-item .active-button {
    margin-top:2px; 
    background:none
}
.signup {
    display:none;
}
iframe {width:100%; height:90%; border:1px solid transparent;}

