.navbar{
    background-color: #333;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.custom-table th{
    font-size:1vw;
    padding:5px;
}
@media(max-width:768px){
    .custom-table th{
        font-size:3vw;
        padding:5px;
    }   
}
.navbar .navbar-nav .nav-item .nav-link{
            color:white;
            text-align: center;
            padding-right: 1.0rem;
            padding-left: 1.0rem;
            position: relative;
        }
.navbar .navbar-nav .nav-item .nav-link span{
        background-color: red;
        padding:3px;
        border-radius: 50%;
        font-size: 14px;
    }
.navbar-light .navbar-toggler{
    color:black;
    background-color: white;
    border-color: rgba(255, 255, 255, 0.6);
}
.donwload{
    border:1px solid #ccc;
    border-radius: 20px;
}
.logo{
    color:#fff;
    font-weight: bold;
}
.logo img{
    height:70px;
}

.icon{
    height:25px;
}

.well{
    padding:10px;
    text-align: center;
    background-color: #f5f5f5;
    border:1px solid rgba(0,0,0,0.2);
}
.well.margin{
    margin:10px 0px;
}
.marquee{
    background-color: yellow;
    border:1px solid rgba(0,0,0,0.2);
    margin-top:10px;
    font-weight: bold;
    padding:10px;
}

.result{
    margin-top:10px;
    background-color: #ec3b83;
    color:white;
}
.result h4{
    text-shadow: 1px 3px 6px #000;
}
.result h3{
    font-weight: bold;
    text-shadow: 1px 3px 6px #000;
}
.result h1{
    font-size:5vw;
    font-weight: bold;
    text-shadow: 1px 3px 6px #000;
}

.horizontal-box{
    display: flex;
    overflow-x: auto;
    width: 100%;
    padding: 10px 10px 15px 0px;
}

.horizontal-box .box{
    width:100px;
    height:120px;
    margin:5px;
    margin-right: 3px;
    min-width: 147px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color:white;
    position: relative;
}

.horizontal-box .box .box-content{
    text-shadow: 1px 3px 6px #000;
}
.horizontal-box .box .box-content h4{
    font-size:18px;
    margin-bottom: 0px;
}
.horizontal-box .box .box-content p{
    margin-bottom: 0px;
}
.horizontal-box .box .icon{
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
    color:rgba(0, 0, 0, 0.1);
}


.chart .chart-heading{
    padding:50px 0px;
    
}
.chart .chart-heading h2{
    color:#555;
}
.chart .box{
    margin:10px 0px;
    color:white;
    text-align: center;
}

.chart .box .result-box{
    padding:20px;
}
.chart .box .name{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:5px 0px;
    background-color: rgba(0, 0, 0, 0.1);
}

.result-button{
    margin-top:20px;
}
.btn-custom{
    color:white;
    margin-bottom: 20px;
    
}