body { font-family:'Roboto', sans-serif; font-size:12px; overflow-x:hidden; margin:0; padding:0; font-weight:300; height:100% }
html { height:100% }
form { margin:0px }
body > form { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
table { empty-cells:hide }
td { padding:0px }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-fp { margin-top:0px }
#app { transition:opacity 1s ease-in-out; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out }
#fwNav1 { width:100% }
#fwNav2 { width:100% }
#fwNav3 { width:100% }
#fwNav4 { width:100% }
#login-block, #rescue-block { font-family:'Roboto', sans-serif; background-color:#fff; border-radius:10px; position:absolute; transform:translate(-50%,-30%); top:30%; left:50% }
#nav { color:#818181; transition:transform .3s ease-in-out, width .3s ease-in-out }
body { font-family:'Roboto', sans-serif; font-size:12px; overflow-x:hidden; margin:0; padding:0; font-weight:300 }
em { font-style:italic }
h1 { font-size:18px }
h1:first-child { margin-top:0px }
h2 { font-weight:bold; font-size:16px }
h2:first-child { margin-top:0px }
h3 { font-weight:bold; font-size:14px }
h3:first-child { margin-top:0px }
input[type="date"] { line-height:19px!important }
p { padding:0; margin:0 }
strong { font-weight:bold; text-decoration:none }
strong { font-weight:500 }
strong { font-weight:500 }
strong { font-weight:500 }
strong { font-weight:500 }
strong { font-weight:500 }
strong { font-weight:500 }
.bgrd-gray { background-color:#f0f3f6 }
.table { margin-bottom:0 }
.alignV { position:absolute; top:50%; transform:translateY(-50%) }
.alignH { position:absolute; left:50%; transform:translateX(-50%) }
.alignVH { position:absolute; left:50%; transform:translate(-50%, -50%); top:50% }
.main { padding:20px 5px !important; top:150px }
.block { z-index:10; padding:10px 20px; position:relative; clear:both; overflow:hidden; display:block }
.area-box { background-color:#fff; position:relative; box-shadow:0px 0px 4px rgba(129,129,129,0.60); border-radius:10px; padding:15px; z-index:10; overflow:hidden; transition:transform .3s ease-in-out, height .3s ease-in-out }
.area-top { color:#818181; font-family:'Roboto', sans-serif; font-size:16px; text-transform:uppercase; font-variant:normal; font-weight:500 }
.thumb { cursor:pointer; overflow:hidden; position:relative; background-size:contain; background-position:center; background-repeat:no-repeat; height:30px; margin:0 auto }
.form-control { height:inherit; padding:10px 12px }
.form-group.has-icon input { padding-left:40px }
.form-group.has-icon i { font-size:14px; position:absolute; top:33px; transform:translateY(-50%); margin-left:9px; z-index:99 }
.form-group.has-icon i::after { content:""; height:30px; width:1px; border-right:1px solid #e1e8ee; position:absolute; top:50%; left:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%) }
.btn { text-transform:uppercase; font-variant:normal; font-weight:300; margin-bottom:2px; margin-right:2px }
.btn-sm { padding:4px 8px }
.uppercase { text-transform:uppercase; font-variant:normal }
.btn-flag { background-color:#fff; width:28px; height:28px; background-position:center; background-size:41px; background-repeat:no-repeat; border-radius:3px }
.btn-xs { font-size:9px }
.update-data { font-size:16px }
.css-date { padding:6px }
.righe-tre { -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden }
.panel { border-radius:inherit; box-shadow:inherit; border:inherit; margin-bottom:0 }
.panel-default { border-color:inherit }
.panel-group .panel { border-radius:inherit }
.panel > .table:first-child > tbody:first-child >tr:first-child >td:first-child { border-radius:inherit }
.breadcrumb { text-transform:uppercase; font-variant:normal; background-color:#fff; padding:0; margin:0 }
.COL-giallo { background-color:#ff0 }
.COL-azzurro { background-color:#bcdbff }
.COL-green { color:#66d34c }
.COL-red { color:#f00 }
#PageDiv { position:relative; min-height:100% }
#stili { position:absolute; left:7px; top:10px; width:942px; height:947px; z-index:1 }
@media screen and (max-width:767px)
{
	#nav { position:relative; height:100% }
}
.fwNavItem {
	width: 100% !important;
}
#fwNav1, #fwNav2, #fwNav3 {
	width: 100%;
}

    #snippet-autosave-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--ck-color-toolbar-background);
    border: 1px solid var(--ck-color-toolbar-border);
    padding: 10px;
    border-radius: var(--ck-border-radius);
    /*margin-top: -1.5em;*/
    margin-bottom: 1.5em;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#snippet-autosave-status_spinner {
    display: flex;
    align-items: center;
    position: relative;
}

#snippet-autosave-status_spinner-label {
    position: relative;
}

    #snippet-autosave-status_spinner-label::after {
        content: 'Salvato!';
        color: #60dd32;
        display: inline-block;
        margin-right: var(--ck-spacing-medium);
    }

/* During "Saving" display spinner and change content of label. */
#snippet-autosave-status.busy #snippet-autosave-status_spinner-label::after {
    content: 'Salvataggio in corso...';
    color: red;
}

#snippet-autosave-status.busy #snippet-autosave-status_spinner-loader {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border-top: 3px solid hsl(0, 0%, 70%);
    border-right: 2px solid transparent;
    animation: autosave-status-spinner 1s linear infinite;
}

#snippet-autosave-status,
#snippet-autosave-server {
    display: flex;
    align-items: center;
}

#snippet-autosave-server_label,
#snippet-autosave-status_label {
    font-weight: bold;
    margin-right: var(--ck-spacing-medium);
}

#snippet-autosave + .ck.ck-editor .ck-editor__editable {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#snippet-autosave-lag {
    padding: 4px;
}

#snippet-autosave-console {
    max-height: 300px;
    overflow: auto;
    white-space: normal;
    background: #2b2c26;
    transition: background-color 500ms;
}

    #snippet-autosave-console.updated {
        background: green;
    }

@keyframes autosave-status-spinner {
    to {
        transform: rotate( 360deg );
    }
}