@charset "UTF-8";

#app ol, #app ul, #app li { list-style-type: none;  margin: 0; padding: 0; }
#app h1,h2 {font-weight: 600 !important;}
#app {
    display: block;
    line-height: 1.628571429;
    max-width: 1024px;
    margin: 0 auto;
    padding: 15px;
}

#app .sess {
    margin: 20px 0;
    padding: 20px 0;
    color: hsl(180, 25%, 25%);
    background-color: hsl(180, 25%, 95%);
}
.ui--worklist .sess{
    padding: 20px 15px !important;
}
#app .sess a { color: #05604e }
#app .sess a:hover { color: #078871 }

#app .sess table {
    margin: 20px 0
}
#app .sess table thead {
    font-size: 16px;
    border-bottom: solid 4px hsl(170, 90%, 28%);
}
#app .sess table thead th,
#app .sess table tbody td { padding: 10px 1vw }

#app .sess table tbody {
    color: hsl(180, 25%, 25%);
}
#app .sess table thead tr th:last-child,
#app .sess table tbody tr td:last-child {
    text-align: center;
}
#app .sess table tbody tr:nth-child(2n+1) td {
    background-color: hsl(180, 25%, 90%);
}

#app .scss {display: flex;}
#app .scss .ui--box { width:50%; padding:5px 10px; }
#app .scss a { color: #333 }
#app .scss a:hover { color: hsl(23, 91%, 54%) }
#app .sss .ui--icon{ 
    margin: 30px 30px 20px;
}
#app .sss a { color: #05604e }
#app .sss a:hover{ color: hsl(23, 91%, 54%);}







@media screen and (max-width: 640px) {

    
    #app .scss {display: block;}
    #app .scss .ui--box { width:100% }
    #app .scss .io {
        margin-top: 20px;
        padding-top: 15px;
        border-top: solid 1px hsl(170, 90%, 20%);
    }

}