Updates Tab 1 CSS

article#update {
    position:fixed;
    padding:30px;
    top:20px;
    left:20px;
}

span.icon {
    background:{color:Update Icon Background};
    width:30px;
    height:30px;
    margin-bottom:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    transition:all .5s ease-in-out;
}

span.lnr {
    cursor:pointer;
    color:{color:Update Icon};
    transition:all .5s ease-in-out;
}

div.tab {
    display:none;
    margin-top:-5px!important;
}

div.tab-content {
    background:{color:Update Tab Background};
    width:200px;
    margin-left:36px;
    padding:7px;
    font-family:'Muli';
    font-size:12px;
    border-radius:10px;
    color:{color:Update Tab Text};
}

div.tab ul {
    margin:0;
    list-style-type:none;
    -webkit-padding-start:10px!important;
}

div.tab li {
    list-style-type:none;
}

div.tab li:before {
    content:'-';
    padding-right:5px;
}

div.tab a {
    color:{color:Update Tab Link};
    text-decoration:none;
    box-shadow:inset 0 -2px 0 {color:Update Tab Link Border};
    transition:all .5s ease-in-out;
}

div.tab a:hover {
    box-shadow:inset 0 -7px 0 {color:Update Tab Link Border};
}

span.title {
    display:none;
    margin-left:5px;
    font-family:'Muli';
    font-size:14px;
    color:{color:Update Tab Title};
}

div.ud {
    width:250px;
}