.form_radius {
    border-radius: 1rem;
}
.mt-6 {
    margin-top: 6rem;
}
.mt-7 {
    margin-top: 7rem;
}
.mt-8 {
    margin-top: 8rem;
}
.mt-9 {
    margin-top: 9rem;
}
.mt-10 {
    margin-top: 10rem;
}

/* GradingColor */
.sangatrendah {
    background-color: #01b0f1;
}
.sangatrendah:hover {
    background-color: #01b0f1;
}

.rendah {
    background-color: #00af51;
    color: #fff;
}
.rendah:hover {
    background-color: #00af51;
    color: #fff;
}

.sedang {
    background-color: #faf74c;
}
.sedang:hover {
    background-color: #faf74c;
}

.tinggi {
    background-color: #f09b40;
    color: #fff;
}
.tinggi:hover {
    background-color: #f09b40;
    color: #fff;
}

.sangattinggi {
    background-color: #fd0100;
    color: #fff;
}
.sangattinggi:hover {
    background-color: #fd0100;
    color: #fff;
}


.sttscolorin {
    background-color: #ffab00;
}
.sttscolorin:hover {
    background-color: rgb(255, 77, 0);
    transform: scale(1);
}
.sttscolorreview {
    background-color:#00bcff;
}
.sttscolorreview:hover {
    background-color: rgb(255, 77, 0);
    transform: scale(1);
}
.sttscolortinjut{
    background-color: #074763;
    color: #fff;
}

.sttscolortinjut:hover {
    background-color: rgb(255, 77, 0);
    transform: scale(1);
}
.sttscolorsuccess {
    background-color: teal;
    color: #fff;
}
.sttscolorsuccess:hover {
    background-color: rgb(255, 77, 0);
    transform: scale(1);
}
.authcolor {
    background-color: teal;
}
.grade {
    background-color: teal;
}
.grade:hover {
    background-color: teal;
}
.textcolor {
    color: teal;
}
.aktifbar {
    background-color: #efefef;
}
.codecolor {
    background-color: teal;
    color: #fff;
}
.codecolor:hover {
    background-color: rgb(255, 77, 0);
    transform: scale(1);
}
.bgcolor {
    background-color: teal;
    border-radius: 0rem 0rem 2rem 2rem;
}
.warnareport {
    background-color: teal;
    border-radius: 1rem;
    color:#fff;
}
.whitefont {
    color: white;
}
.pb-10 {
    padding-bottom: 10rem;
}
.pb-7 {
    padding-bottom: 7rem;
}
.countdown {
    animation: fade 1s ease-in-out infinite;
}
.reportin {
    color: yellow;
}
.reportreview {
    color: blue;
}
.reportdone {
    color: greenyellow;
}
.estimatereport {
    color: black;
}
.lineheight {
    line-height: 1.1rem;
}
.bg-image {
    background-image: url(../img/login.png);
    background-size: cover;
    background-position: center;
}
.bg {
    background: linear-gradient(-45deg, teal, #c5b8df, #ebd3ef, #c3b6df);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
.formsearch {
    background-color: #6c757d;
        color: #fff;
}

.blink {
    animation: blink-animation 0.2s infinite;
}

@keyframes blink-animation {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}