html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.small, small {
    font-size: .85em !important;
    line-height: 1.75 !important;
    /*color: var(--bs-red);*/
    color: #6c757d;
    float: inline-end;
    margin-bottom: 5px;
    float: left;
}

.icon-img {
    width: 17px;
}
/*Speedometer*/


/*!
	*speedometer.css
	*author: Manivannan R
	*project: Speedometer
*/
.bg-color {
    background-color: #f3f3f9;
}

.speedometer {
    background: #0F0F0F;
    position: relative;
    border-radius: 50%;
}

    .speedometer .speedNobe {
        position: absolute;
        width: 100%;
        z-index: 10;
        transition: all 1s;
    }

    .speedometer .speedPosition {
        position: absolute;
        text-align: center;
        line-height: 80PX;
        font-family: arial;
        font-size: 20px;
        font-weight: bold;
        border-radius: 50%;
        background: #191919;
        color: #FFF;
        box-shadow: 0 0 3px 3px black;
    }

    .speedometer .fonts {
        font-family: arial;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }

    .speedometer .speedNobe div {
        background: #48a3cb;
        position: absolute;
        height: 100%;
        top: 0;
    }

    .speedometer .numb, .nob {
        transition: opacity 1s;
        position: absolute;
        opacity: 0.5;
    }

    .speedometer .nob {
        background: #eee;
        box-shadow: 0 0 2px 1px #eee;
    }

    .speedometer .numb {
        color: #eee;
        text-align: left;
        overflow: hidden;
        opacity: 0.5;
        font-family: arial;
        /*font-size: 16px;
        font-weight: bold;*/
        font-size: 9px;
        font-weight: normal;
    }

    .speedometer .nob.bright {
        opacity: 1;
    }

    .speedometer .nob.danger {
        background: #FF113A;
        box-shadow: 0 0 2px 1px #FF113A;
    }

    .speedometer .numb.bright {
        opacity: 1;
    }

    .speedometer .numb.danger {
        color: #FF113A;
    }

.align-meter-center {
    justify-content: center;
    display: flex;
}