body {
    color: #003a49;
    background-image: url(../Images/GeometricoGrigioBasso.jpg);
    background-repeat: no-repeat !important;
    background-position: center center;
    background-size: contain;
    height: auto;
    padding-bottom: 100px;
}



.clackpay-point-body {
    padding-top: 120px;
    text-align: center;
}

.clackpay-point-login {
    margin: auto;
    max-width: 380px;
    border-radius: 10px;
    padding: 50px 50px 50px 42px;
    background-color: white !important;
    border: solid #1E5E2E 3px !important;
}

@media only screen and (max-width: 600px) {
    .clackpay-point-login .immagine img {
        height: 40px;
    }

    .clackpay-point-login {
        padding: 50px 20px 50px 20px;
        margin-top: -100px;
    }
}




    .clackpay-point-login .immagine {
        margin-bottom: 20px;
    }

@media only screen and (max-width: 600px) {
    .clackpay-point-login .immagine img {
        height: 40px;
    }

    .clackpay-point-login {
        padding: 50px 20px 50px 20px;
        margin-top: -100px;
    }
}



    .clackpay-point-login input {
        border-radius: 6px;
    }

        .clackpay-point-login input[type=text],
        .clackpay-point-login input[type=password] {
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            background-color: white;
            width: 100%;
            margin-bottom: 20px;
            padding: 10px 20px !important;
        }

        .clackpay-point-login input[type=submit] {
            font-size: 20px;
            background-color: #9a004f;
            color: white;
            width: 100% !important;
            border: none;
            padding: 13px 0px 43px 0px !important;
            border-radius: 10px !important;
            text-transform: uppercase;
        }

            .clackpay-point-login input[type=submit]:hover,
            .clackpay-point-login input[type=submit]:focus {
                background-color: #2C7A3E;
                color: white;
            }

    .clackpay-point-login .avvisoBrowser {
        text-align: left;
        border: solid 1px #323232;
        color: #323232;
        border-radius: 8px;
        padding: 8px 8px 8px 70px;
        margin: 20px 2px 2px 2px;
        background-image: url("../../../Common/Immagini/Icone/alertMini.png");
        background-repeat: no-repeat;
        background-position: top 10px left 20px
    }

        .clackpay-point-login .avvisoBrowser a {
            color: #75c044;
        }

            .clackpay-point-login .avvisoBrowser a:hover {
                color: #323232;
            }



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

::-moz-placeholder { /* Firefox 19+ */
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

:-ms-input-placeholder { /* IE 10+ */
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

:-moz-placeholder { /* Firefox 18- */
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}


.password-reset {
    margin-top: 20px;
    margin-bottom: -30px;
    padding-right:24px;
    text-align: right !important;
}

    .password-reset a {
        color: #003a49 !important;
        font-weight: bold;
        font-size:14px;
    }

    .password-reset a:hover{
        color:#9a004f !important;
    }


body {
    color: #003a49;
    background-repeat: no-repeat !important;
    background-position: center center;
    background-size: cover;
    height: auto;
    padding-bottom: 100px;
}


.clackpay-point-body {
    padding-top: 120px;
    text-align: center;
}


.clackpay-point-login .immagine {
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .clackpay-point-login .immagine img {
        height: 40px;
    }

    .clackpay-point-login {
        padding: 50px 20px 50px 20px;
        margin-top: -100px;
    }
}




.clackpay-point-login input {
    border-radius: 6px;
}

    .clackpay-point-login input[type=text],
    .clackpay-point-login input[type=password] {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        background-color: white;
        width: 100%;
        margin-bottom: 20px;
        padding: 10px 20px !important;
    }

    .clackpay-point-login input[type=submit] {
        font-size: 20px;
        background-color: #1E5E2E;
        color: white;
        width: 100% !important;
        border: none;
        padding: 13px 0px 43px 0px !important;
        border-radius: 30px;
        text-transform: uppercase;
    }

    .clackpay-point-login input:hover[type=submit] {
        background-color: #2C7A3E;
        color: white;
    }

.clackpay-point-login .avvisoBrowser {
    text-align: left;
    border: solid 1px #323232;
    color: #323232;
    border-radius: 8px;
    padding: 8px 8px 8px 70px;
    margin: 20px 2px 2px 2px;
    background-image: url("../../../Common/Immagini/Icone/alertMini.png");
    background-repeat: no-repeat;
    background-position: top 10px left 20px
}

    .clackpay-point-login .avvisoBrowser a {
        color: #75c044;
    }

        .clackpay-point-login .avvisoBrowser a:hover {
            color: #323232;
        }



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

::-moz-placeholder { /* Firefox 19+ */
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

:-ms-input-placeholder { /* IE 10+ */
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

:-moz-placeholder { /* Firefox 18- */
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}