body{font-family: Poppins, Helvetica, sans-serif; font-size:14px; background:#fbfbfb url('../images/bg.jpg') 0 -20px no-repeat;background-blend-mode: lighten;}
 a{text-decoration:none; margin:0px; padding:0px;}
 a:active, a:hover, a:focus{text-decoration:none;}
header{background:#fff; padding:8px 0px 4px; min-height:40px; width:100%; display:block; box-shadow:0 0 8px rgba(0,0,0,0.4); box-shadow: 0 2px 0 rgba(90,97,105,.11), 0 4px 8px rgba(90,97,105,.12), 0 10px 10px rgba(90,97,105,.06), 0 7px 70px rgba(90,97,105,.1);}

header .logo img{max-width:50px;}

.container{width:96%;}
.header-title{font-size:13px; color:#1e2324; margin:0 10px 0 0; padding:4px 0; float:left;}

ul.top-right{list-style: none; margin: 0; padding: 0; width: 60%; float: right;}
ul.top-right li{display: block;float: left;margin: 0 10px 0 0px;padding: 0px;/*width: 28%;*/}
ul.top-right li.stop{display: block;float: left;margin: 0 10px;padding: 0px;width: 6%;}
ul.top-right li.logout{display: block;float: right;margin: 0 0px 0 10px;padding: 0px;width: 6%;}
ul.top-right li.refresh-icon {width:10%;}
ul.top-right li.refresh-feild { width: 75%;}

    .service-box {
        width: 100%;
        min-height: 115px;
        background: #fff;
        border-radius: 6px;
        margin: 0 auto 30px;
        padding: 8px;
        text-align: center;
        box-shadow: 0 2px 0 rgba(90,97,105,.11), 0 4px 8px rgba(90,97,105,.12), 0 10px 10px rgba(90,97,105,.06), 0 7px 70px rgba(90,97,105,.1);
        position: relative;
    } 
.service-box.red:after {
    position: absolute;
    display: block;  
    width: 100%;
    border-radius: 0 0px 6px 6px;
    height: 4px;
    left: 0rem;
    bottom: -0.2rem;
    content: "";
}
.service-box.red:after{
    background: #e81818;
}

.service-box.green:after {
    position: absolute;
    display: block;  
    width: 100%;
    border-radius: 0 0px 6px 6px;
    height: 4px;
    bottom: -0.2rem;
    left: 0rem;
    content: "";
}
.service-box.green:after{
    background: #17c470;
}
 
 
.service-box h2{font-size:20px; font-weight:600; color:#323232;margin:6px 0 0px; padding:0px; width: 100%; float: left;}
.service-box h6{font-size:14px; font-weight:300; color:#939393;margin:0px 0 0px; padding:0px; word-wrap:break-word;}
.score-text{font-size:13px; font-weight:400;color:#939393;margin:5px 0px 0px;padding:0px; float:left; width:100%}
.scorebig{font-size:14px; font-weight:400; color:#323232;margin:5px 0 0px; padding:0px; width: 100%; float: left;}
.clearfix{clear:both;}
 
.text-center{text-align:center !important}
.top-heading{font-size:24px; font-weight:700; color:#181818; padding:0px; margin:0 0 10px;}
.text{font-size:14px; font-weight:300; color:#6c6c6c; padding:0px; margin:20px 0 30px;}
ul.top-right li.logout .logout {
    background: url('../images/log-out.png') 0 0 no-repeat;
    padding: 8px;
    margin: 0px;
    min-width: 40px;
    outline: none;
    background-size:30px; 
    border:none;
}

@media (max-width: 767px) {
    ul .top-right {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50%;
    float: right;
}
ul.top-right li {
    display: block;
    float: left;
    margin: 0 10px 0 20px;
    padding: 0px;
    width: 18%;
}
ul.top-right li.stop {
    display: block;
    float: left;
    margin: 0 8px;
    padding: 0px;
    width: 20%;
}
ul.top-right li.logout {
    display: block;
    float: right;
    margin: 0 0px 0 0;
    padding: 0px;
    width: 21%;
}
.header-title {
    display: none;
}

}