.container-logo1 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* padding: 15px; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.container-logo1::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #308ed696;
}



.container-login1 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* padding: 15px; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.container-login1::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
}


 #login-password + .glyphicon {
   cursor: pointer;
   pointer-events: all;
 }

 .heading-center {
    text-align:center;
    margin-bottom: 15px; 
    margin-top: 30px;
    font: 20pt Roboto;
 }

 .logo{
    text-align:center; 
    width: 250px;
 }

 .logo-mobile{

    text-align:center; 
    width: 250px; 
    margin-top: 10px; 
    margin-bottom: 10px;
    display: block;
    margin-right: auto;
    margin-left: auto;
 }

 .login-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #F2F4F8;
    background: #a7252500 url(../images/login_bg.png) no-repeat center center /cover;
}

.login-paddingset{

    padding: unset;
}
#redirectDiv{
    background: none;
    /*position: absolute;*/
    /*height: 48px;
    width: 48px;*/
    z-index: 10;
}
svg {
    position: absolute;
}

circle:nth-of-type(1) { fill: #ffffff; }
circle:nth-of-type(2) { fill: #fcd837; }
circle:nth-of-type(3) { fill: #f9a11f; }
circle:nth-of-type(4) { fill: #f27c21; }
@media only screen and (max-width: 600px) {
    #clackers {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        z-index: 1000;
        background: #346fa2;
        padding: 60% 0 0 10%;
        transform: translate(-50%, -50%);
    }
}
@media only screen and (min-width: 602px) {
    #clackers {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        z-index: 1000;
        background: #346fa2;
        padding: 20% 25% 15% 40%;
        transform: translate(-50%, -50%);
    }
}