body {
    padding-top: 5px;
    padding-bottom: 40px;
    background-color: #eee;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #5f666b;
    display:none;
}

input:invalid {
    border: 2px solid red;
}


.material-icons.md-16 {
    font-size: 16px;
    padding: 0;
    padding-right: 5px;
    vertical-align:middle;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
}

.material-icons.bt {
    cursor:pointer;
}
.material-icons.bt:hover {
    color: #009688;
}

.bootstrap-dialog-header {
    background-color: #009688;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #009688;
}

.btn-primary {
    color: #fff;
    background-color: #009688;
    border-color: #02655c;
}
    .btn-primary:hover {
        background-color: #02655c;
        border-color: #002b27;
    }

    .btn-primary:active, .btn-primary:focus {
        color: #fff;
        background-color: #009688;
        border-color: #02655c;
    }
    .btn-primary:active:focus {
        background-color: #02655c;
        border-color: #009688;
    }

.content_lingue span{color:#337ab7; display:inline-block; padding:0 7px; cursor:pointer;}
.content_lingue span:hover, .content_lingue span.sel{color:#afbfd1; }
.content_white{background:#FFF; border-radius:5px; padding:45px 35px; margin:30px 80px 0 80px;text-align:center;}
.content_white .title_content{font-size:20px; border-bottom:1px solid #d8dee4; padding-bottom:10px; margin-bottom:15px;}
.content_radio{padding:5px 0; }
.content_radio label{font-weight:normal;font-size:16px; cursor:pointer;}
.content_radio input{cursor:pointer; margin-right:10px;}
#radio_disiscrivi {text-align:left;}
#radio_disiscrivi hr{ margin-top:10px;margin-bottom:15px;border: 0;border-top: 1px solid #d8dee4;}
#radio_disiscrivi textarea{border:1px solid #d8dee4; width:100%; min-width:100%; max-width:100%; border-radius:5px;}
.btn_invia{background: url(../media/row_white_btn.png) 20% 50% no-repeat #5ad2ff; border-radius:5px; color:#FFF; padding:12px 50px 12px 80px; margin-top:30px; display:inline-block;font-size:15px; font-weight:700; cursor:pointer;opacity:.8;}
.btn_invia:hover{opacity:1;}
.ta_left{text-align:left;}


@media (max-width: 480px) {
    .content_white{padding:45px 25px; margin:30px 0 0 0;}
    .content_radio label{font-size:14px;}
    .content_white .title_content{font-size:18px; }
}


.popover-content h1 {
    font-size:16px;
}
.popover-content h2 {
    font-size: 14px;
}
.popover-content h3 {
    font-size: 13px;
}
.popover-content h4 {
    font-size: 12px;
}
.popover-content h5 {
    font-size: 12px;
}
.popover-content h6 {
    font-size: 11px;
}
.popover-content {
    font-size: 10px;
}

.content_base {
    background: #FFF;
    border-radius: 5px;
    padding: 45px 35px;
}
    .content_base .title_content {
        font-size: 20px;
        border-bottom: 1px solid #d8dee4;
        padding-bottom: 10px;
        margin-bottom: 15px;
        text-align: center;
    }

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

    /* The navigation menu links */
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 16px;
        color: #818181;
        display: block;
        transition: 0.3s
    }

        /* When you mouse over the navigation links, change their color */
        .sidenav a:hover, .offcanvas a:focus {
            color: #f1f1f1;
        }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

#floating_alert {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5000;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}