html {
    background: url('../img/new_login/n_0220303_111307.png') !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100% !important;
}

#Rectangle_1 {
    opacity: 0.55;
    fill: rgba(0,0,0,1);
    width: 100%;
    height: 100%;
}
.Rectangle_1 {
    position: absolute;
    overflow: visible;
    width: 100vw;
    height: 100vh;
}

#Fin_logo_g20-01 {
    position: absolute;
    width: 74px;
    height: 104px;
    left: 37px;
    top: 31px;
    overflow: visible;
}

#Header_Logo_2 {
    position: absolute;
    width: 223px;
    height: 51px;
    left: 122px;
    top: 57px;
    overflow: visible;
}

#Lambang_Kementerian_Lingkungan_bi {
    /* position: absolute; */
    width: 80px;
    height: 80px;
    /* left: 0px; */
    /* top: 0px; */
    overflow: visible;
}

#Kementerian_Lingkungan_Hidup_d_bj {
    left: 85px;
    top: 20px;
    position: absolute;
    overflow: visible;
    width: 164px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: -1px;
    text-align: left;
    /* font-family: Product Sans; */
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: rgba(255,255,255,1);
    border-bottom: 1px dashed rgba(0,0,0,.2);
}

#n__helpdesksipuhhdephutnet {
    /* left: 912px; */
    top: 82px;
    position: absolute;
    overflow: visible;
    width: 153px;
    white-space: nowrap;
    line-height: 14px;
    margin-top: -1.5px;
    text-align: center;
    /* font-family: Product Sans; */
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: rgba(255,255,255,1);
    border-bottom: 1px dashed rgba(0,0,0,.2);
}

#Kementerian_Lingkungan_Hidup_d {
    /* position: absolute; */
    overflow: visible;
    width: 100%;
    white-space: nowrap;
    line-height: 14px;
    text-align: center;
    /* font-family: Product Sans; */
    font-style: normal;
    font-weight: 300;    
    font-size: 12px;
    color: rgba(203,203,203,1);
    letter-spacing: 0.15px;
}

.text-white {
    color: white;
}

.fw-bold {
    font-weight: bold;
}

.mp-0 {
    margin: 0px !important;
    padding: 0px !important;
}

.mx-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.c-border-white {
    background-color: #0000009c;
    border: 1px solid white;
    padding-top: 4px !important;
    padding-bottom: 1px !important;
}

#PialaCitra {
    position: absolute;
    width: 100%;
    height: 112px;
    left: 0px;
    top: 465.195px;
    overflow: visible;
}
#Group_2 {
    position: absolute;
    /* width: 523px; */
    height: 112px;
    left: 0px;
    top: 0px;
    overflow: visible;
}
#logo_o {
    /* position: absolute; */
    /* width: 87px; */
    height: 100px;
    /* left: 25px; */
    /* top: 17px; */
    overflow: visible;
}
#PIALA {
    /* position: absolute; */
    /* width: 81px; */
    height: 100px;
    /* left: 109px; */
    /* top: 0px; */
    overflow: visible;
}
#certificate_elements_1 {
    /* position: absolute; */
    /* width: 106px; */
    height: 100px;
    /* left: 170px; */
    /* top: 6px; */
    overflow: visible;
}

#Group_23 {
    position: absolute;
    width: 417.336px;
    height: 218.785px;
    left: 51.664px;
    top: 170px;
    overflow: visible;
}
#Photo_1 {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 11px;
    top: 0px;
    overflow: visible;
}
#Photo_5 {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 115.383px;
    top: 12.503px;
    overflow: visible;
}
#Photo_6 {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 225px;
    top: 146.994px;
    overflow: visible;
}
#Photo_2 {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 0px;
    top: 106.5px;
    overflow: visible;
}
#Photo_7 {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 207.199px;
    top: 35.692px;
    overflow: visible;
}
#Photo_3 {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 109.208px;
    top: 127.774px;
    overflow: visible;
}
#Photo_4 {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 317.673px;
    top: 9.195px;
    overflow: visible;
}
#Photo_8 {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 335.336px;
    top: 107px;
    overflow: visible;
}
#Footer {
    position: absolute;
    flex-shrink: none;
    width: 100%;
    height: 100%;
    left: 239px;
    top: 577px;
    overflow: visible;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    #Login {
        position: absolute;
        width: 100%;
        height: 100%;
        /* left: 10px; */
        top: 160.13px;
        overflow: visible;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    #Login {
        width: 100%;        
    }
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #Login {
        width: 100%;
    }
}