#il_prop_cont_password div input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: white !important;
}

#il_prop_cont_password div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white !important;
   opacity:  1 !important;
}

#il_prop_cont_password div input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white !important;
   opacity:  1 !important;
}

#il_prop_cont_password div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white !important;
}


html{
    background:white !important;
}

body{
    background-color:white !important;
    background-image: url(https://proficredit.ecompany.pro//templates/default/images/backgrounds/background_world_map.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 90%;
    background-position: 20% 88%;
}

.form-horizontal{
    margin:auto;
    background: none !important;
}

form.form-horizontal{
    background-image: url( https://proficredit.ecompany.pro//templates/default/images/backgrounds/background_city.png) !important;
    background-size: 210% 210% !important;
    background-position: bottom !important;
    border-radius: 500px;
    width: 400px !important;
    opacity: 1;
}

div.form-horizontal{
    margin: auto;
    background-color: rgba(45, 45, 45, 0.55) !important;
    width: 400px !important;
    height: 400px !important;
    border-radius: 600px;
    display: table;
    box-shadow: 0px 0px 17px -1px #333;
    border: 1px solid white;
}

.form-horizontal label{
    display: none;
}

.ilFormRequired{
    display: none;
}

.ilFormFooter{
    display: inline;
}

.ilFormHeader{
    background: none !important;
    margin:70px auto 20px;
    width:300px !important;
    text-align: center;
}

.ilFormHeader h3{
    color:white !important;
}

#il_prop_cont_password,
#il_prop_cont_email,
#il_prop_cont_username{
    width:300px;
    margin:0px auto;
    box-sizing:border-box;
}

#il_prop_cont_password div input,
#il_prop_cont_email div input,
#il_prop_cont_username div input{
    background: #ddd;
    background: none;
    padding:10px 0px;
    border: 0px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color:white;
    box-sizing: initial;
    height:30px;
}


#il_prop_cont_password div,
#il_prop_cont_email div,
#il_prop_cont_username div{
    width:100%;
}

.ilFormCmds{
    width:400px !important;;
    display: table;
    margin:30px 0px 0px 0px;
    text-align: center !important;
}

.ilFormCmds input{
    width:80px;
    height: 80px;
    border-radius: 100px;
    display: table;
    float:none  !important;
    clear: both  !important;
    margin: auto  !important;
    border: 1px solid white;
    box-shadow: 0px 0px 7px -1px #fff;
    background:#2d2d2d;
}

.ilFormCmds input:hover{
    background:#5d5d5d;
    border: 1px solid white;
    box-shadow: 0px 0px 7px 1px #fff;
    transition: all 0.2s ease-in;
}

.ilStartupSection {
    text-align: center;
}


@media only screen and (max-width: 1366px) {
   
    body{
        background-position: 20% 100%;
    }
}

@media only screen and (max-width: 700px) {
   

    
    
    
    
    

    form.form-horizontal{
        background-image: url( https://proficredit.ecompany.pro//templates/default/images/backgrounds/background_city.png) !important;
        border-radius: 0px;
        width: 100% !important;
    }

    div.form-horizontal{
        border-radius: 0px;
        width: 100% !important;
    }
    
    #il_prop_cont_password,
    #il_prop_cont_username{
        width:200px;
    }
    
    .ilFormCmds{
        width:100% !important;;
    }
    
    
    .ilFormHeader{
        width:100%;
    }
    
    
}