/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 2, 2021, 12:26:51 PM
    Author     : USER
*/
.stt-pi-area{
    padding: 35px;
    margin: 10px 0;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
}
#stt-info .stt-pi-area{
    padding: 15px;
}
.stt-pi-area ul{
    list-style: none;
    padding-left: 0;
    margin: 0;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.stt-pi-area ul li{
    display: inline-block;
    padding: 10px;
    background: linear-gradient(to bottom, #fffff2 0%,#f9f9f9 100%);
    margin-right: 10px;
    font-weight: 600;
    color: darkslategray;
    text-shadow: 0 1px 1px #000;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
    width: 60px;
}


#stt-info .stt-pi-area ul li{
    line-height: 3;
    width: 67px;
    float: left;
    margin-bottom: 12px;
    text-align: center;
}

.stt-pi-area ul li.green{
    background: linear-gradient(to bottom, #7dd588 0%,#1e7d2b 100%);
    text-shadow: 0 1px 1px #000;
    color: white;
}

.stt-pi-area ul li.yellow{
    background: yellow;
    text-shadow: 0 1px 1px #000;
    color: darkslategray;
}
.stt-pi-area ul li.red{
    background: linear-gradient(to bottom, #dd4b39 0%,#ff0000 100%);
    text-shadow: 0 1px 1px #000;
    color: white;
}

.stt-pi-area ul li.gray{
    background: linear-gradient(to bottom, #d9c9c9 0%,#434040 100%);
    text-shadow: 0 1px 1px #000;
    color: white;
}
.stt-pi-area ul li.blue{
    background: #337ab7;
    text-shadow: 0 1px 1px #000;
    color: white;
}