body {
    background-color:#e3e6e8;
    font-family: 'Roboto', sans-serif;

}
label {
    cursor: pointer;
    font-weight: bold;
}
textarea {
    border-radius: 20px;
    resize: none;
}
abbr{
    color:#f00;
}
.progress {
    background-color: #fff;
}
.btn {
    border-radius: 10px;
    font-size:14px;
    font-weight: bold;
}
.box {
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 31px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 31px -3px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 31px -3px rgba(0,0,0,0.2);
}
.line-header {
    display: block;
    line-height: 0.5em;
    border-bottom: 2px solid #666;
}
 .line-header span {
    background-color: #e3e6e8;
}

.nav-pills .nav-link {
    transition: all 0.5s;
    font-size:14px;
    border-radius: 10px;
    border:2px solid #ccc;
    color:#838587;
    font-weight: bolder;
}
.nav-pills .nav-link:hover {
    color:#56595b;
}

.nav-pills .nav-link.active {
    border:2px solid #000;
    color:#000;
    background: none;
}

.nav-pills .nav-link.active svg *{
    fill:#000;
}
.nav-pills .nav-link svg{
    width:30px;
    height:30px;

}
.nav-pills .nav-link svg *{
    fill:#838587;
}
.progressBox {
    font-weight: bold;
}
.progressBox .svg * {
    fill: #56595b;
}
.progressBox .svg.active * {
    fill: #000;
}