/* FONTS */
@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {box-sizing: border-box;}
html{
    overflow-y: scroll;
    /* max-width: 2000px; */
    background-color: #333;
    margin: 0 auto;
    font-family: 'robotoregular', sans-serif;
}
body{
    background-color: #333;
/*    background-color: #9ac3b2;*/
    background-image: url('../../media/assets/background-cms.png');
    background-size: cover;
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
    float: left;
    width: 100%;
    min-height: 100vh;
    display: table;
}
main{max-width: 1800px;margin: 0 auto;}
#corpo{position: relative;}
.fixed{position: fixed;}
.row{clear: left;width: 100%;}
/*header .row, header .breadcrumb{max-width: 1800px;margin: 0 auto;}*/
.nowrap{width: 100%;}

/* SV debug log */
.SV-debug-log{
	position: fixed;
	top: 0 !important;
	left: 0 !important;
	margin-left: 0;
	width: 300px;
	overflow: hidden;
	z-index: 150000;
	background-color: #ecf6d3;
	padding: 1em;
	padding-top: 25px;
	height: 25px; 
    color: black;
}
.SV-debug-log .output{overflow: auto;height: 100%;margin-top: 30px;}
.SV-debug-log .close{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    color: #000;
    opacity: 1;
    font-weight: 100;
    z-index: 1;
}
.SV-debug-log .open{
    position: absolute;
    background-color: #ecf6d3;
    padding:0 5px 0 5px;
    top: 10px;
    right: 10px;
    font-size: 13px;
    color: #000;
    opacity: 1;
    font-weight: 100;
    z-index: 2;
}
.SV-debug-log h1{
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 15px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.SV-debug-log b{font-size: 13px;font-weight: normal;}
.SV-debug-log pre{
    border: none;
    background: transparent;
    font-weight: 700;
    padding: 0;
    margin: 5px 0 5px 0;
    color: black;
}
.SV-debug-log pre.detail{
    margin: 0 0 25px 0px;
    height:16px;
    overflow:hidden; 
    color: #337ab7;;
    font-weight: 100;
    background-color: #fff;
} 
.SV-debug-log pre.detail .more{float: right;color: #337ab7;}

/* header  */
header{
/*	background-color: rgba(0,0,0,0.3);*/
	padding: 5px 0;
}
header a{
	color: white !important;
	text-decoration: none;
}
header a:hover{text-decoration: underline;}
header h6{
	line-height: 40px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
header .col-right{
	text-align: right;
	padding-right: 2%;
	line-height: 50px;
}

.file-saved{
    background-color: #409344;
    padding: 0 5px;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
}
a.edit-image{
    background-color: rgba(0,0,0,0.6);
    height: 30px;
    margin: 5px;
    color: white;
    text-transform: uppercase;
    line-height: 30px;
    padding: 0 11px;
    display: inline-block;
}

/* main */

.pulsante2.iframe.inserisci{
   background-color: #adff64;
    background-image: url('assets/inserisci_black.svg');
    background-repeat: no-repeat;
    background-position: 7% 50%;
   padding-left: 50px;
    margin-left: 5px;
    color: #000;
}
.breadcrumb{
    height: 45px;
    color: white;
}
.breadcrumb a{
    font-family: 'robotoregular';
    font-size: 12px;
    line-height: 22px;
    color: white !important;
    text-decoration: none;
}
.titolo{
    min-height: 120px;
    padding-left: 0;
    padding-bottom: 10px;
}
.titolo h1{
	margin: 0;
	line-height: 65px;
	font-size: 40px;
    font-family: 'robotothin';
	color: white;
    float: left;
}
.page-tools{margin-bottom: 10px;}

/* titoletti */
h6{
	font-size: 16px;
	font-weight: 300;
	margin: 5px 0;
}

/* larghezza colonne */
.offset-1{margin-left: 10%;}
.col-1, .col-2, .col-3{float: left;padding: 0 1%;}
.col-1{width: 10%;}
.col-2{width: 20%;}
.col-3{width:30%;}

/* menu di sx */
nav.col-menu{
	float: left;
    padding: 0;
	width: 100%;
	overflow: hidden;
}
.offset-menu{margin-left: 14%;}
nav.col-menu .headergroup{
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	padding: 10px 6%;
	text-transform: uppercase;
	color: black;
/*    background-color: rgba(51, 51, 51, 0.8);*/
    background-color: rgba(255, 255, 255, 0.3);
    margin-top: 1px;
    cursor: pointer;
}
nav.col-menu .headergroup:first-of-type{
    margin-top: 0;
}
/*nav.col-menu .headergroup.open, nav.col-menu ul .selected{*/
nav.col-menu ul .selected{
    background-image: url('assets/active_menu.svg');
    background-position: 100% 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.2);
}
nav.col-menu .headergroup.open+ul{
    display: block;
}
nav.col-menu ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
nav.col-menu a{
	color: black;
	padding-left: 6%;
	padding-bottom: 6px;
    padding-top: 5px;
    display: block;
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}
/*nav.col-menu a:hover{background-color:  rgba(38, 50, 72, 0.3);}*/
nav.col-menu a:hover{background-color: rgba(255, 255, 255, 0.2);}

/* main page a dx */
.main-content{
	float: left;
	width: 86%;
	height: 60%;
}
.header-wrapper{
    display: table;
    width: 100%;
}
.header-wrapper .actions{
    min-height: 40px;
    height: 40px;
}
.header-wrapper .actions button, .header-wrapper .actions a{
    height: 30px;
    padding: 0 15px;
    margin-top: 0;
    float: left;
}
.panel-3{
	float: left;
	height: auto;
	margin-bottom: 10px;
	border-radius: 2px;
    padding: 0 10px;
    overflow: auto;
}
.panel-3 h6{
	font-size: 15px;
	width: 100%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
    margin: 0 0 2px 0;
	border: 0;
    background-color: rgba(49, 49, 49, 0.8);
    text-transform: uppercase;
    display: inline-block;
}
.panel-3 a{
    margin: 0;
    width: 100%;
    border-radius: 0;
    border: 0;
    background-color: rgba(38, 50, 72, 0.55);
    background-image: url('icons/arrow_r_wh.svg');
    background-repeat: no-repeat;
    background-position: 7px 50%;
    padding-left: 22px;
    padding-right: 5px;
    color: white;
    text-decoration: none;
    margin-bottom: 2px;
}
.dashboard .panel-3 a, .panel-3 .riga a{
    margin: 0;
    width: auto;
    border: 0;
    border-radius: 0;
    background-color: rgba(38, 50, 72, 0.55);
    background-image: url(icons/arrow_r_wh.svg);
    background-repeat: no-repeat;
    background-position: 6px 50%;
    background-size: 6px;
    padding-left: 17px;
    color: white;
    text-decoration: none;
    height: 21px;
    display: inline-block;
    padding-right: 4px;
}
.panel-3 a:hover{background-color: rgba(38, 50, 72, 0.3);}
.panel-3 .riga{
    margin: 0 0 2px 0;
    background-color: rgba(51, 51, 51, 0.5);
/*    border-bottom: 1px solid #ccc;*/
}
.panel-3 h6{margin-top: 5px;}
.panel-3 h6:first-of-type{margin-top: 0;}
/*.panel-3 .riga:first-of-type{border-top: 1px solid #ccc;}*/
/*.panel-3 .riga .cella{border-left: 1px solid #ccc;}*/
.panel-3 .riga .cella:first-of-type{border-left: 0;}
.panel-3 p{
	font-size: 12px;
	width: 100%;
    margin: 0;
	padding: 1% 4%;
    background-color: rgba(51, 51, 51, 0.5);
}

/* link / bottoni */
.button-big{
	display: inline-block;
	color: #fff !important;
	background-color: rgba(255,255,255,0.3);
	width: 50%;
	margin: 2% 2% 0 2%;
	padding: 2%;
	font-size: 16px;
	text-decoration: none;
	border-radius: 3px;
}
.button-big:hover{background-color: rgba(255,255,255,0.6);}

/* retro compatibilità */
#colonna3 h4 {
	font-weight: 300;
   	color: #333 !important;
    font-size: 24px;
    text-transform: none;
}
.riga.head {background-color: rgba(0,0,0,0.5);}
.riga.dark, .riga .dark{
	background-color: transparent;
    box-shadow: none;
    border: none;
}
.pulsante1, .pulsante1_long, .pulsante2, .pulsante2_long, .pulsante3, .pulsante3_long {
    font-size: 14px;
    height: 30px;
    min-width: 80px;
    line-height: 30px;
    text-transform: uppercase;
    padding-left: 30px;
    text-align: left;
    padding-right: 10px;
    border: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: top; 
    border-radius: 3px;
/*  -moz-box-sizing: content-box;  fix button wrong behavior */
}
.pulsante1.disabled {opacity: 0.6;cursor: default;}
.pulsante3, .pulsante3_long {
/*  border: 1px solid #222;*/
/*  background: #7d7e7d;  Old browsers */
/*
  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
  background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
  background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
  background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
*/
}
.pulsante1_long, .pulsante2_long, .pulsante3_long {min-width: 130px;}
a.pulsante1:link, a.pulsante1:visited, a.pulsante1:hover,
a.pulsante1_long:link, a.pulsante1_long:visited, a.pulsante1_long:hover,
a.pulsante2:link, a.pulsante2:visited, a.pulsante2:hover,
a.pulsante2_long:link, a.pulsante2_long:visited, a.pulsante2_long:hover,
a.pulsante3:link, a.pulsante3:visited, a.pulsante3:hover,
a.pulsante3_long:link, a.pulsante3_long:visited, a.pulsante3_long:hover{
  text-decoration: none;
}
a img {border: none;}
#chiudi{
    background-color: #e6e6e6;
    color: #4d4d4d;
    background-image: url('icons/icon_cancel_bk.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.close-media-modal{/* pulsante chiudi del media dialog */
    position: absolute;
    right: 5px;
    top:0;
    background-color: #e6e6e6;
    color: #4d4d4d;
    background-image: url('icons/icon_cancel_bk.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.insert-media-modal{/* pulsante chiudi del media dialog */
    background-color: #adff64;
    color: #4d4d4d;
    background-image: url('assets/inserisci_black.svg');
    padding: 0 20px 0 55px !important;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 0 20px;
    margin-left: 8px;
}
.salva{
    background-color: #adff64;
    color: #4d4d4d;
    background-image: url('icons/icon_save.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 13px;
}

/*// GENERAL //*/
body.visible-iframe .overlay{display: block !important;}
body.visible-iframe #colonna2{display: block !important;}
body.visible-iframe{overflow: hidden;}
#left-sidebar{
    width: 15%;
/*    min-height: 100vh;*/
    min-height: calc(100vh - 50px);
    float: left;
    box-sizing: border-box;
    border: 0;
/*    background: linear-gradient(to right, transparent , rgba(0,0,0,0.5));*/
    background: transparent;
    font-size: 14px;
    font-weight: 300;
    padding-top: 160px;
}
#left-sidebar ul{display: none;}
#left-sidebar .open+ul{display: block;}
@media (max-width: 767px){#left-sidebar{width: 0;}}

.close-menu{
    background-image: url('assets/close_menu_bk.svg'); 
    background-repeat: no-repeat;
    background-position: 95% 50%;
    float: left;
    height: 40px;
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    color: #4d4d4d;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: left;
    line-height: 40px;
    padding-left: 6%;
}
.close-menu a{color: inherit;text-decoration: none;}
.open-menu, .open-menu-sm{
    background-image: url('assets/open_menu_bk.svg'); 
    background-repeat: no-repeat;
    background-position: 50% 12px;
    position: absolute;
    top: 160px;
    left: 0;
    width: 30px;
    font-size: 13px;
    color: #4d4d4d;
    text-align: left;
    cursor: pointer;
    z-index: 999;
    display: none;
    background-color: rgba(255, 255, 255, 0.7);
    min-height: 150px;
    overflow: hidden;
    padding-top: 50px;
    text-align: center;
}
#nav-overlay{
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 50%;
    background: transparent;
    opacity: 1;
    display: block;
    z-index: 9999;
}
#main-content{
    width: 84%;
    float: right;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 0;
    position: relative;
/*
    opacity: 0;
    transition: opacity linear 0.5s;
*/
}
#main-content.padd-left{
    padding-left: 35px;
}
@media(max-width: 767px){
    #main-content{width: 100% !important;}
}
div.riga{
    width:100%; 
    float: left;
    border: 0;
    background-color: rgba(51, 51, 51, 0.5);
    color: #fff;
    overflow: hidden;
    margin: 0;
}
div.riga.r-0{ background-color: rgba(101, 51, 51, 0.5);}
.riga-extra{
   background-color: rgba(51, 51, 91, 0.5);
   overflow: hidden;
  
}
.riga-extra div:first-child{margin-left: 3%;}
.righe-figli-wrapper div.riga-figli:nth-child(odd){background-color: #999;}
.righe-figli-wrapper div.riga-figli:nth-child(even){background-color: #bbb;}
.righe-figli{
    width:97%;
    margin-left: 3%;
    clear: left;
}
div.handle{
    float: left;
    width: 3%;
    padding:8px 0 0 5px;   
}
.sortable-Y div.handle{
    padding:8px 0 28px 5px;
    background-image: url('icons/icon_handler.svg');
    background-repeat: no-repeat;
    background-position: 7px 118%;
}
div.no-handle{
    float: left;
    width: 3%;
}
 div.sub-handle{
    float: left;
    width: 3%;
    background-color: rgba(200,0,0,0.5);
}
div.monocella{
    float: left;
    overflow: auto;
}
.cella, .cella-sm, .cella-lg{
    float: left;
    padding: 8px;
    overflow: auto;
}
input{
    width: 100%;
    min-height: 30px;
    font-size: 14px;
    border:none;
    padding: 0 5px;
}
input[type="radio"]{
    vertical-align: middle;
    margin-top: 0;
    min-height: auto;
}
input[type="checkbox"]{
    width: auto !important;
    min-height: auto !important;
}
textarea{width: 95%;}
button{
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 10px;
    margin-right: 7px;
    
}

.md5-passwd{
    color: #4d4d4d;
    background-color: #e6e6e6;
}
button.riga-edit{
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid transparent;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
button.riga-cancel{
    color: #4d4d4d;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    display: none;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_cancel_wh.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.md5-passwd, .mini-button, .edit-link {
    color: #4d4d4d;
    background-color: #e6e6e6;
}
button.nuova-var, button.nuova-riga, button.figlio-edit{
/*    background-color: #4CAF50;*/
    background-color: #d0d492;
    color: black;
    font-size: 14px;
    text-transform: uppercase;
}
button.riga-delete, button.figlio-delete{
    background-color: #3f81ea; 
    display: none;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_delete.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
button.figlio-cancel{
     background-color: #777777;
     display: none;
}
button.nuova-riga-var-cancel{
    background-color: transparent;
    border: 1px solid white;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_cancel.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
button.riga-save,
button.figlio-save{
    background-color: #adff64;
    color: #000; 
    display: none;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_save.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
button.nuova-riga-save{
    background-color: #acff63;
    color: #000; 
    border: 1px solid transparent;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_save.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.nuova-wrapper .riga{display: none;}
.nuova-riga-var{display: none;}

/* // Pagina configurazione variabili  //*/
.var-config .cella{
    min-height: 120px;
    max-height: 120px;
    padding: 2px 8px;
}
.var-config .cella.tools-cell{padding-top: 0;}
.var-config .cell-label{
    padding-right: 10px;
    font-weight: bold;
    text-transform: uppercase;
    min-height: auto;
    background-color: rgba(49, 49, 49, 0.8);
    text-transform: uppercase;
}
@media (max-width: 543px){
    .var-config #main-content{padding-right: 0;}
    .var-config .riga{padding: 30px 0;}
    .var-config .cella{
        max-height: 250px;
        min-height: 60px;
        border: 0;
    }
    .var-config .cell-label{min-height: auto;}
    .righe-wrapper > div.riga:nth-child(even){background-color: rgba(63, 63, 63, 0.8);}
}

/* // Pagina configurazione contatti  //*/
body.contatti-config .cell-label{
    font-size: 12px;
    padding: 0 10px;
    font-weight: bold;
    text-transform: uppercase;
    min-height: auto;
    background-color: rgba(49, 49, 49, 0.8);
    text-transform: uppercase;
    height: auto;
}


/* // Pagina configurazione upload  //*/
.upl-config .header-wrapper div.riga{margin-bottom: 4px;min-height: 40px;}
.upl-config div.riga{border: 0;}
.upl-config .righe-wrapper div.riga{padding-bottom: 10px;margin-bottom: 2px;}
/*.upl-config div.monocella{width: 100%;}*/
.upl-config div.monocella{width: 16.67%;}
.upl-config div.monocella button{width: 100%;margin-right: 0;color: white;}
.upl-config div.monocella button.riga-plus{width: auto;margin-right: 0;margin-top: 5px;}
.upl-config .riga-figli div.monocella{width: 100%;}
.upl-config .righe-figli-wrapper{
    margin-bottom: 20px;
    display: table;
    width: 98%;
    margin-left: 2%;
    background-color: rgba(55, 50, 65, 0.50);
    padding: 5px;
}
.upl-config .riga-figli{
    background-color: rgba(55, 50, 65, 0.50);
    width: 98%;
    margin-left: 2%;
}
.upl-config .nuova-wrapper .riga{
    padding: 10px;
    margin-bottom: 10px;
}
.upl-config .nuova-wrapper .righe-figli-wrapper{
    margin: 0;
    padding: 0;
}
.upl-config div.handle{width: 100%;}
.upl-config div.cella{border: 0;}
.upl-config input:disabled {opacity: 0.7;}
.upl-config button.figlio-edit{
    margin-top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid transparent;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.upl-config button.figlio-cancel{
    background-color: transparent;
    border: 1px solid white;
    display: none;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_cancel_wh.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.upl-config div.sub-handle{background-color: rgba(0,0,0,0.5);margin-top: 8px;text-align: center;}
.upl-config .supersave-wrapper{float: left;margin: 0 10px;}
.upl-config .supersave-wrapper span{line-height: 30px;}
.upl-config .supersave-wrapper button{
    background-color: #adff64;
    color: #333;
    text-transform: uppercase;
}
@media(min-width: 768px){
    .upl-config div.cella{width: 16.1667%;}
/*    .upl-config .righe-wrapper div.cella{min-height: 120px;}*/
    .upl-config div.handle{width: 3%;}
    .upl-config .riga-figli div.monocella{width: 16.1667%;overflow: hidden;border-top:0;}
}

/* // Pagina configurazione mail preset  //*/
.mail-preset .nuova-wrapper{border-top: solid 1px green;}
.mail-preset div.monocella{width: 100%;}
.mail-preset .riga-figli div.monocella{width: 100%;}
.mail-preset div.handle{width: 100%;}
.mail-preset div.cella{border: 0;}
.mail-preset textarea{width: 100%;}
.mail-preset input:disabled, .mail-preset textarea:disabled {opacity: 0.7;}
.mail-preset button.figlio-edit{
    margin-top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid transparent;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.mail-preset button.figlio-cancel{
    background-color: transparent;
    border: 1px solid white;
    display: none;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_cancel_wh.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.mail-preset div.sub-handle{background-color: rgba(0,0,0,0.5);margin-top: 8px;}
@media(min-width: 768px){
    .mail-preset div.cella{width: 20%;}
    .mail-preset div.handle{width: 3%;}
    .mail-preset .riga-figli div.monocella{width: 16.1667%;overflow: hidden;border-top:0;}
}

/* // Pagina configurazione form preset  //*/
.form-preset .nuova-wrapper{border-top: solid 1px green;}
.form-preset div.monocella{width: 100%;}
.form-preset .riga-figli div.monocella{width: 100%;}
.form-preset div.handle{width: 100%;}
.form-preset div.cella{border: 0;}
.form-preset textarea{width: 100%;}
.form-preset input:disabled, .form-preset textarea:disabled {opacity: 0.7;}
.form-preset button.figlio-edit{
    margin-top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid transparent;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.form-preset button.figlio-cancel{
    background-color: transparent;
    border: 1px solid white;
    display: none;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_cancel_wh.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.form-preset div.sub-handle{background-color: rgba(0,0,0,0.5);margin-top: 8px;}
@media(min-width: 768px){
    .form-preset div.cella{width: 20%;}
    .form-preset div.handle{width: 3%;}
    .form-preset .riga-figli div.monocella{width: 16.1667%;overflow: hidden;border-top:0;}
}

/* // Pagina configurazione lingue //*/
.lang-config div.riga{float: none !important;}
.lang-config input{margin: 0;}
.lang-config .cella{border: 0;}
@media(max-width: 767px){
    .panel-3{margin-left: 0;}
}
@media(min-width: 768px){
    .lang-config div.monocella{width: 23%;}
    .lang-config div.cella{width: 18%;}
    .lang-config input{width:95%;}
}

/* // Pagina configurazione moduli //*/
.mod-config .riga .dark {
    display: none;
    position: relative;
    padding: 25px;
    background-color: rgba(38, 50, 72, 0.55);
    width: 100%;
}
.mod-config .riga{position: relative;float: none;}
.mod-config input{width: auto;margin-bottom: 17px;}

/* // Pagina configurazione generale CMS //*/
.cms-config div.cella{padding: 5px;}

/* // Pagina creazione tabelle //*/
.tab-create input{width: auto;}
.tab-create input.pulsante2{
    float: left;
    clear: right;
    margin-left: 20px;
    padding-left: 10px;
    min-width: auto;
}
.tab-create .info-caption{
    width: 100%;
    float: left;
    clear: both;
    margin-top: 10px;
}
.tab-create .pannello{
    width: 95%;
    padding:20px;
    line-height:1.5em;
    margin-bottom:15px;
    background-color: rgba(38, 50, 72, 0.55);
    float: left;
}
.tab-create .pannello h3{
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
}
.tab-create .mezzo-pannello{margin-bottom: 20px;}
.tab-create #chiudi{
    position:absolute;
    left:710px;
    top:40px;
}
.tab-create input[type=text], .tab-create select{float:left;height: 30px;}

/* // Pagina configurazione one-row //*/
.one-row-config .riga-drag{position: relative;}
.one-row-config .riga-extra{
    position: absolute;
    top: 60px;
    bottom: 2px;
/*    width: auto;*/
    width: 100%;
    left: 0;
    background: none;
}
.one-row-config .riga-extra div:first-child{margin-left: 0;}
.one-row-config .riga-extra span.label{
/*    color: rgba(173, 255, 100, 0.5);*/
    color: rgba(242, 245, 239, 0.5);
    padding-left: 7px;
}
.one-row-config .riga-extra div, .one-row-config .riga.open > div{
/*    background-color: rgba(77, 77, 77, 0.8);*/
    background-color: rgba(0, 0, 0, 0.18);
}
.one-row-config .riga-extra .cella.extrafirst{width: calc(30% - 2px);}
.one-row-config .riga-extra .cella-sm.extrafirst{width: calc(20% - 2px);}
.one-row-config .riga-extra .cella-lg.extrafirst{width: calc(50% - 2px);}

.one-row-config div.riga{
    float: none !important;
    background: transparent !important;
    border: 0;
}

::-webkit-input-placeholder {color: rgba(255,255,255,0.7);}
:-moz-placeholder {color: rgba(255,255,255,0.7);opacity: 1;}
::-moz-placeholder {color: rgba(255,255,255,0.7);opacity: 1;}
:-ms-input-placeholder {color: rgba(255,255,255,0.7);}

.one-row-config input, 
.one-row-config textarea, 
.one-row-config select{
    margin: 10px 0 0 0;
    background-color: rgba(0,0,0,0.1);
    color: white;
    padding: 0 7px;
    border: 0;
    height: 30px;
    font-size: 14px;
    width: 100%;
}
.one-row-config input:first-of-type, 
.one-row-config textarea:first-of-type, 
.one-row-config select:first-of-type{
    margin-top: 0;
}
.one-row-config input[type="checkbox"]{
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px;
}
.one-row-config textarea{
    padding-top: 6px;
}
.one-row-config .riga-extra textarea{
    min-height: 80px;
}
.one-row-config .riga-extra input, 
.one-row-config .riga-extra select{
    margin-top: 0;
    margin-bottom: 10px;
}
.one-row-config input:disabled, 
.one-row-config textarea:disabled, 
.one-row-config select:disabled{
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.7);
}

.one-row-config .cella,
.one-row-config .cella-sm,
.one-row-config .cella-lg,
.one-row-config .handle{
    padding: 15px 10px;
    min-height: 60px;
    background-color: rgba(51, 51, 51, 0.5);
    border: 0;
/*
    margin-right: 0.3%;
    margin-bottom: 0.3%;
*/
    margin-right: 2px;
    margin-bottom: 2px;
    transition: background ease-out 500ms;
}
.one-row-config .header-wrapper, .one-row-config .righe-wrapper{
/*
    opacity: 0;
    transition: opacity linear 0.5s;
*/
    display: table;
    width: 100%
} 

.one-row-config .header-wrapper .cella,
.one-row-config .header-wrapper .cella-sm,
.one-row-config .header-wrapper .cella-lg,
.one-row-config .header-wrapper .handle{
/*    background-color: rgba(38, 50, 72, 0.5);*/
    background-color: rgba(44, 50, 65, 0.75);
    padding: 15px 10px 0 10px;
    text-transform: uppercase;
    overflow: hidden;
}

.one-row-config .cella{width: calc(20% - 2px);}
.one-row-config .extra-link{
    float: right;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 4px 8px;
    height: 30px;
}
.one-row-config .tool, .one-row-config .extra-tool{
    width: calc(15% - 2px);
    float: left;
    padding-bottom: 2px;
    background: none !important;
}
/*.one-row-config .tool{position: absolute;right: 15%;z-index: 99999;}*/
.one-row-config .tool{position: relative;right: auto;z-index: 99999;}
.one-row-config .extra-tool{position: absolute;right: 0;}
.one-row-config .extra-tool a{
    border: 0;
/*    padding: 15px 20px 15px 40px;*/
    padding: 0;
    float: left;
    margin-left: 2px;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    height: 60px;
    text-decoration: none;
}
.one-row-config .extra-tool button{
    margin: 0;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 14px;
    line-height: 14px;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
    padding-left: 28%;
    text-align: left;
}
.one-row-config .nuova-riga{
    margin: 0px;
    clear: both;
    display: block;
}
.one-row-config .tool button{
    width: 100%;
    margin: 0 0 3px 0;
    height: 60px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 28%;
    text-align: left;
}
.one-row-config .tool button.riga-edit{margin-bottom: 0;}

.one-row-config .handle, .one-row-config .cella-sm{width: calc(10% - 2px);}
.one-row-config .cella-lg{width: calc(40% - 2px);}
.one-row-config a.edit-link{color: #fff;}
.one-row-config .header-wrapper .show-id{
    line-height: 20px;
}
.one-row-config .handle, .one-row-config .header-wrapper .handle{
    text-align: right;
    padding: 15px 2%;
}
.one-row-config .sortable-Y .handle{
    background-image: url(icons/icon_handler.svg);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    padding: 15px 2%;
/*    margin-top: 20px;*/
}
.one-row-config .show-id{line-height: 30px;}
.one-row-config .nuova-wrapper .riga{height: 130px;}
.one-row-config .nuova-wrapper .extra-tool{display: none;}
.one-row-config .supersave-wrapper{float: left;margin: 0 10px;}
.one-row-config .supersave-wrapper span{line-height: 30px;}
.one-row-config .supersave-wrapper button{
    background-color: #adff64;
    color: #333;
    text-transform: uppercase;
}
/* // end Pagina configurazione one-row //*/

/*.one-row-config .md5-passwd{background-color: transparent; border: solid 1px white; font-size:12px; }*/
@media(max-width: 767px){
    .panel-3{margin-left: 0;}
}
/*
@media(min-width: 768px){
    .one-row-config div.monocella{width: 36%;}
    .one-row-config div.cella{width: 18%;}
    .one-row-config input{width:95%;}
}
*/

#topbar-wrapper{
    width: 100%;
    box-sizing: border-box;
    color: white;
    margin: 0 auto;
    padding: 0;
    min-height: 50px;
    background-image: url('assets/cmsv.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 77px;
    padding-left: 77px;
}
#topbar{
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    display: table;
    height: 50px;
    background-color: rgba(0,0,0,0.3);
/*    padding-top: 10px;*/
}
.top-tools{
    text-align: right;
    line-height: 50px;
    max-height: 50px;
}

#toggle-topmenu{       
    float: right;
    height: 50px;
    width: 50px;
    text-align: right;
    cursor: pointer;
    line-height: normal;
    padding: 20px 0 0 0;
    margin: 0 0 0 25px;
    background-color: rgba(0,0,0,0.2);

}

#toggle-topmenu .caret{
    width: 17px;
    height: 10px;
    display: block;
/*    top: 50%;*/
    position: relative;
/*    transform: translate(0, -50%);*/
    margin: 0 auto;
    background-image: url('assets/arrow_white_down.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;

}

#toggle-topmenu.open .caret{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

#topmenu{
    display: none;
    position: absolute;
    top: 50px;
    line-height: 30px;
    right: 0;
    text-align: left;
    z-index: 9999;
}
#topmenu ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#topmenu ul li{
    margin-top: 2px;
    width: 200px;
/*    background-color: rgba(0,0,0,0.3);*/
    background-color: rgba(0,0,0,0.4);
}
#topmenu ul li a{
    display: block;
    padding: 10px 10px 10px 45px;
    text-transform: uppercase;
}

@media(max-width: 767px){#topbar-tools{float: left;}}
#topbar .site-info{
    height: 50px;
    padding-top: 10px;
    padding-left: 10px;
    display: block;
    text-align: center;
}
#topbar .logo{
    padding-top: 5px;
/*    display: block;*/
    display: inline-block;
    text-align: center;
    min-width: 100px;
    height: 45px;
    margin-top: 2.5px;
    margin-right: 77px;
    background: url('../../media/assets/logo-cms.svg') center center no-repeat;
    background-size: contain;
}
#topbar .logo img{max-width: 100%;display: block;margin: 0 auto;}
/*#topbar .breadcrumb{height: 30px;padding-left: 10px;}*/
#modulo_immagine > img{max-width: 100%;}
#modal{padding: 0;}
.ui-widget-overlay{
    background-color: #000;
    opacity: 0.6;
}
.ui-dialog{padding: 0 !important;border: 0 !important;}
.ui-dialog-titlebar{
    background: rgba(51, 51, 51, 0.5);
    color: white;
    border: 0;
}
.ui-dialog .ui-dialog-buttonpane{
    margin-top: 0;
    background: rgba(51, 51, 51, 0.5);
    color: white;
    border: 0;
}

.ui-dialog[aria-describedby="modal-delete"]{
    background: #e6e6e6;
    color: #333;
}

/* // Pagina login //*/
.login-page{min-height: 100vh;}

/* // Pagina gestione liste dettaglio (list-manager) //*/
.list-manager .riga{min-height: 40px;}
.list-manager .riga.head{text-transform: uppercase;}
.list-manager .col1, .list-manager .handler{width: 10%;padding-left: 10px;}
.list-manager .col2, .list-manager .col_trad{width: 20%;}
.list-manager #add_new{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.18);
}
.list-manager #add_new button{padding: 0 20px;background-color: #e6e6e6;color: #4d4d4d;}
.list-manager .mod{right: 45px;top: 5px;}
.list-manager .elimina_voce{right: 10px;top: 5px;}

.list-manager .riga.dark{
    min-height: 80px;
    padding-top: 15px;
    padding-left: 1%;
    background-color: rgba(0, 0, 0, 0.18);
}
.list-manager .riga.dark label{width: 10%;display: inline-block;}
.list-manager .riga.dark input{width: 20%;display: inline-block;margin-right: 6%;}
.list-manager .riga.dark button{
    width: 13%;
    display: inline-block;
    height: 35px;
    padding: 0 0 0 36px;
    text-align: left;
    text-transform: uppercase;
}
.list-manager .riga .label, .list-manager .riga .value{display:none;}
.list-manager .dark .label, .list-manager .dark .value{display:inline; margin-top: 5px; }
.list-manager #chiudi{padding-left: 33px;float: right;margin-right: 10px;}
.list-manager .handler{
    float:left;
    cursor: move;
    margin-top: 5px;
}

/* // Pagina gestione traduzioni //*/
.translation .riga.head, .translation .riga.head .colt{text-transform: uppercase; color: white;}
.translation .riga.head .colt:hover{cursor: default; color: white;}
.translation .riga{min-height: 40px;padding-top: 8px;border: 0;margin-bottom: 4px;}
.translation .col1{width: 5%;display: inline-block;float: left;padding-left: 5px;}
.translation .col2{display: inline-block;float: left;width: 20%;}
.translation .col_trad{width: 75%;}
.translation .riga.dark{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1%;
    background-color: rgba(0, 0, 0, 0.18);
}
.translation .riga.dark .pulsante3_long{display: none;}
.translation .riga.dark label{display: block;width: 90%}
.translation .riga.dark textarea{width: 60%;float: left;}
.translation .riga.dark button{
    width: 13%;
    display: inline-block;
    height: 35px;
    padding: 0 0 0 36px;
    text-align: left;
    text-transform: uppercase;
    float: right;
}
.translation .colt{color: rgba(242, 245, 239, 0.5);}
.translation .colt:hover { color: white;}
.translation .colt:hover .mod {display: inline;cursor: pointer;}
.translation .colt:hover span.t_text {cursor: pointer;}


/* // Pagina row-list generica //*/
.row-list .riga-drag{position: relative;}
.row-list .riga-extra{
    position: absolute;
    top: 60px;
    bottom: 2px;
/*    width: auto;*/
    width: 100%;
    left: 0;
    background: none;
}
.row-list .riga-extra div:first-child{margin-left: 0;}
.row-list .riga-extra span.label{
/*    color: rgba(173, 255, 100, 0.5);*/
    color: rgba(242, 245, 239, 0.5);
    padding-left: 7px;
}
.row-list .riga-extra div, .row-list .riga.open > div{
/*    background-color: rgba(77, 77, 77, 0.8);*/
    background-color: rgba(0, 0, 0, 0.18);
}
.row-list .riga-extra .cella.extrafirst{width: calc(30% - 2px);}
.row-list .riga-extra .cella-sm.extrafirst{width: calc(20% - 2px);}
.row-list .riga-extra .cella-lg.extrafirst{width: calc(50% - 2px);}

.row-list div.riga{
    float: none !important;
    background: transparent !important;
    border: 0;
}

::-webkit-input-placeholder {color: rgba(255,255,255,0.7);}
:-moz-placeholder {color: rgba(255,255,255,0.7);opacity: 1;}
::-moz-placeholder {color: rgba(255,255,255,0.7);opacity: 1;}
:-ms-input-placeholder {color: rgba(255,255,255,0.7);}

.row-list input, 
.row-list textarea, 
.row-list select{
    margin: 10px 0 0 0;
    background-color: rgba(0,0,0,0.1);
    color: white;
    padding: 0 7px;
    border: 0;
    height: 30px;
    font-size: 14px;
    width: 100%;
}
.row-list input:first-of-type, 
.row-list textarea:first-of-type, 
.row-list select:first-of-type{
    margin-top: 0;
}
.row-list input[type="checkbox"]{
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px;
}
.row-list textarea{
    padding-top: 6px;
}
.row-list .riga-extra textarea{
    min-height: 80px;
}
.row-list .riga-extra input, 
.row-list .riga-extra select{
    margin-top: 0;
    margin-bottom: 10px;
}
.row-list input:disabled, 
.row-list textarea:disabled, 
.row-list select:disabled{
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.7);
}

.row-list .cella,
.row-list .cella-sm,
.row-list .cella-lg,
.row-list .handle{
    padding: 15px 10px;
    min-height: 60px;
    background-color: rgba(51, 51, 51, 0.5);
    border: 0;
/*
    margin-right: 0.3%;
    margin-bottom: 0.3%;
*/
    margin-right: 2px;
    margin-bottom: 2px;
    transition: background ease-out 500ms;
}
.row-list .header-wrapper, .row-list .righe-wrapper{
/*
    opacity: 0;
    transition: opacity linear 0.5s;
*/
    display: table;
    width: 100%
} 

.row-list .header-wrapper .cella,
.row-list .header-wrapper .cella-sm,
.row-list .header-wrapper .cella-lg,
.row-list .header-wrapper .handle{
/*    background-color: rgba(38, 50, 72, 0.5);*/
    background-color: rgba(44, 50, 65, 0.75) !important;
    padding: 15px 10px 0 10px;
    text-transform: uppercase;
    overflow: hidden;
}

.row-list .cella{width: calc(20% - 2px);}
.row-list .extra-link{
    float: right;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 4px 8px;
    height: 30px;
}
.row-list .tool, .row-list .extra-tool{
    width: calc(15% - 2px);
    float: left;
    padding-bottom: 2px;
    background: none !important;
}
.row-list .tool{position: absolute;right: 15%;z-index: 99999;}
.row-list .extra-tool{position: absolute;right: 0;}
.row-list .extra-tool a{
    border: 0;
/*    padding: 15px 20px 15px 40px;*/
    padding: 0;
    float: left;
    margin-left: 2px;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    height: 60px;
    text-decoration: none;
}
.row-list .extra-tool button{
    margin: 0;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 14px;
    line-height: 14px;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
    padding-left: 28%;
    text-align: left;
}
.row-list .nuova-riga{
    margin: 0px;
    clear: both;
    display: block;
}
.row-list .tool button{
    width: 100%;
    margin: 0 0 3px 0;
    height: 60px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 28%;
    text-align: left;
}
.row-list .tool button.riga-edit{margin-bottom: 0;}

.row-list .handle, .row-list .cella-sm{width: calc(10% - 2px);}
.row-list .cella-lg{width: calc(40% - 2px);}
.row-list a.edit-link{color: #fff;}
.row-list .header-wrapper .show-id{
    line-height: 20px;
}
.row-list .handle, .row-list .header-wrapper .handle{
    text-align: right;
    padding: 15px 2%;
}
.row-list .sortable-Y .handle{
    background-image: url(icons/icon_handler.svg);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    padding: 15px 2%;
/*    margin-top: 20px;*/
}
.row-list .show-id{line-height: 30px;}
.row-list .nuova-wrapper .riga{height: 130px;}
.row-list .nuova-wrapper .extra-tool{display: none;}
/* // end Pagina row-list generica //*/

/* animation */
.animated {
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
/*  -webkit-animation-duration: 1s;*/
/*  animation-duration: 1s;*/
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}