/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/*body {
    font-size: small;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Custom */

/*.checkbox-image {
    width: 20px;
    height: 20px;
    background: url('/Content/Images/checked_checkbox.png') no-repeat;
    display: inline-block;
}*/

/*.checkbox-image.checked {
    background-position: -0px -20px;
    display: inline-block;
}*/

/* Gestione c-checkbox del template con HtmlTemplateRazor */

.c-checkbox input[type=checkbox]:checked + input[type=hidden] + span {
    border-color: #5d9cec;
    background-color: #5d9cec;
}

    .c-checkbox input[type=checkbox]:checked + input[type=hidden] + span:before {
        color: #fff;
        opacity: 1;
        transition: color 0.3s ease-out;
    }

.checkbox-image {
    width: 20px;
    height: 20px;
    background: url(/Content/Images/checked_checkbox.png) no-repeat;
    display: inline-block;
}

    .checkbox-image.checked {
        background-position: -0px -20px;
        display: inline-block;
    }


.field-validation-error {
    color: #f05050;
}

img.preview {
    width: 50%;
    height: auto;
    border-radius: .5em;    
}

.vAlign-middle-important {
    vertical-align: middle !important;
}

@font-face {
    font-family: 'digital-7';
    src: url('../Font/digital-7.ttf') format('truetype');
}