* {
    scrollbar-width: thin;
    scrollbar-color: #999 #eee;
}

*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #eee;
}

    *::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 20px;
        border: 3px solid #eee;
    }

body {
    /*background: url('https://digivents.s3-eu-west-1.amazonaws.com/36bb3f47-c28b-4ba0-a3ed-1f3fc16f8d29.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
    background-color: transparent;
    color: black;
}

@media (min-device-width: 800px) and (max-device-width: 1280px) {
    body {
        /*
        background: url('https://digivents.s3-eu-west-1.amazonaws.com/36bb3f47-c28b-4ba0-a3ed-1f3fc16f8d29.jpg');
        background-repeat: no-repeat;
        */
    }
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    color: #000000;
}

header {
    text-align: center;
}

header .logo {
    width: 90%;
    margin: 0px auto 40px;
}

.pageTitle {

    text-align:center;

}

.paragrafo {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

/*IPHONE*/
/* Portrait */
@media only screen and (min-device-width: 300px) and (max-device-width: 667px) {

    header .logo {
        width: 100%;
        margin-bottom: 10px;
    }

    .paragrafo {
        font-size: 13px;
    }
}

.attributo, .divTop {
    border-radius: 15px;
    color: #ffffff !important;
    background-color: #0a9bce; /*rgba(238,238,238,0.450980392156863)*/
    padding: 5px 10px;
    margin-top: 5px;
    text-shadow: none;
}

    .attributo p {
        color: #ffffff;
        margin-bottom: 0px;
        font-size: 14px;
    }

.dettaglio {
    font-size: 120%;
    text-align: left;
    background-color: #0a9bce;
    color: #ffffff;
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 15px;
}



.titoletto {
    margin-bottom: 20px;
}

.btn {
    color: white;
}

.btn-custom {
    color: #ffffff;
    background-color: #1ba442;
    border-color: #1ba442;
}

    .btn-custom:hover,
    .btn-custom:focus,
    .btn-custom:active,
    .btn-custom.active {
        color: #FFFFFF;
        background-color: #0a9bce;
        border-color: #FFFFFF;
    }

    .btn-custom.disabled:hover,
    .btn-custom.disabled:focus,
    .btn-custom.disabled:active,
    .btn-custom.disabled.active,
    .btn-custom[disabled]:hover,
    .btn-custom[disabled]:focus,
    .btn-custom[disabled]:active,
    .btn-custom[disabled].active,
    fieldset[disabled] .btn-custom:hover,
    fieldset[disabled] .btn-custom:focus,
    fieldset[disabled] .btn-custom:active,
    fieldset[disabled] .btn-custom.active {
        background-color: #0a9bce;
        border-color: #0a9bce;
    }

.jconfirm-content {
    font-size:1.4rem
}