#canvas {
    padding: 20px 10px 10px 10px;
    background-color: rgba(189, 188, 188, 0.1);
}

/* blue bar start */
.progress-linear {
    position: relative;
    text-align: left;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 1;
}

.progress-linear.minimal .progress-linear-bar {
    border-radius: 8px;
    height: 4px;
    margin: 0;
}

.progress-linear-bar {
    width: 0;
    height: inherit;
    background: #44bef1;
    transition: 1s all ease-in-out;
}
/* blue bar end */

.btn {
    font-family: Roboto,Helvetica,Arial,sans-serif;
}

hr {
    margin: 0 auto;
    border: 0;
    border-bottom: 1px solid #616873 !important;
}
@media (min-width: 992px)
{
    .hr-md-vertical {
        display: inline-block;
        height: 46px !important;
        width: 0;
        border-right: 1px solid #000000;
    }
}