/*** ELEMENTI PRINCIPALI ***/

body {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/*** STILI GENERALI ***/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
}

.form-control::placeholder {
	color: #aaaaaa;
	opacity: 1;
}

.ac_input {
	border: 1px solid #e4e7ea !important;
}

.collapse-card  {
	border-bottom: 0px solid #c8ced3;
}

.collapse-card .card-body {
	border-bottom: 1px solid #c8ced3;
}

.card-header.bg-primary {
	border-color: #20a8d8 ;
}

iframe {
	border: 1px solid #c8ced3;
}

/*** TOP BAR ***/

@media (min-width:992px) {
	.app-header .navbar-brand {
		justify-content: left;
		margin-left: 1rem;
		margin-right: 1rem;
	}
}
@media (max-width:991.98px) {
	.app-header .navbar-brand {
		transform: translate(-50%);
		margin-left: auto;
	}
}

.navbar-brand-full {
	max-height: 40px;
	max-width: 100%;
}

.navbar-brand-minimized {
	max-width: 30px;
}

.app-header .nav-item {
	min-width: auto;
}

.nav-item .fa {
    color: #73818f; 
    font-size: 16px;   
}

#user-menu.navbar-nav .nav-link:focus, #user-menu.navbar-nav .nav-link:hover {
	color: #73818f;
}

/*** MENU' ***/

.nav-dropdown-items i {	
	float: left;
	min-height: 30px;
}

.sidebar .current2 .nav-icon {
	color: #20a8d8;
}

/*** CONTENT ***/

/*** LOGIN FORM ***/

#RicordaPwForm,
#LoginForm {
	max-width: 360px;
	margin: 0 auto;
}

/*** LISTA ***/

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	cursor: default;
}

.list-card-body {
	overflow: auto;
}

#list.draggable tbody tr {
	cursor: move;
}

#list .action-buttons .btn .fa {
	min-width: 14px;
	line-height: 21px;
}

.admin-pop #list .action-buttons .btn,
.admin-tabs #list .action-buttons .btn {
	padding: .2rem .5rem;
} 

/* LISTA: filters */

#searchBox {
	display: inline-block;
	padding: 0 15px 0 0;
	margin: 0;
	list-style: none;
}

#searchBox li {
	display: inline-block;
	margin-right: 15px;
}

#searchBox .form-group {
	margin-bottom: 0.5rem;
}

#searchBox .form-control {
	width: auto;
	display: inline-block;
	margin: 0 5px;
}

.searchButtons {
	display: inline-block;
	vertical-align: 1px;
}

/* LISTA: block actions */
 
.block_actions_form {
	display: inline-block;
	padding-right: 15px;
}

.buttons {
	display: inline-block;
	vertical-align: top;
}

/* LISTA: pager */

.pagination .dataTables_info,
.pagination .dataTables_paginate {
	display: inline-block;
}

/*** TABS ***/

.compulsory-fields {
	margin-bottom: 25px;
}

#myTabContent legend {	
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
	margin-bottom: 30px;
}

#myTabContent .control-group {
	margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow:0px 1px 3px #ddd;
    background:#f0f3f5;
    padding:5px;
    
}

#myTabContent .control-group .pic {
    background:transparent;
}

#myTabContent .control-group .controls {
/*	overflow: auto; */
}

#myTabContent label {
	font-weight: bold;
}

#myTabContent input[type=text],
#myTabContent select {
	max-width: 400px;
}

#myTabContent input[type=file] {
	padding: 0;
	margin-bottom: 5px;
}

#myTabContent input[type=checkbox].pic {
	max-width: none;
	width: auto;
	vertical-align: -12px;
	display: inline-block;
	margin-right: 5px;
}

#myTabContent input[type=text].num {
	max-width: none;
	width: auto;
}

#myTabContent input[type=file] {
	border-width: 0px;
}

#myTabContent input[type=text].dateparse {
	max-width: 100px;
	display: inline-block;
}

#myTabContent input[type=text].cur {
	max-width: 160px;
}

#myTabContent .controls input[type=button] {
	cursor: pointer;
	margin-right: 5px;
	margin-top: 10px;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #23282c;
	background-color: #f0f3f5;
	border-color: #f0f3f5;
}

#myTabContent .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0;
}

#myTabContent textarea {
	max-width: 800px;
}

#myTabContent .mceLayout {
	max-width: 100%;
}

#myTabContent .chosen-container, 
#search-container .chosen-container { width: 100% !important; max-width: 400px;}
#search-container .chosen-container { min-width: 200px;}
.buttons-bar.back {
	margin-bottom: 20px;
}

.form-actions {
	margin-top: 20px;	
}

.form-actions select {
	display: inline-block;
	width: auto;
}

.admin-pop .form-actions .col-xl-1,
.admin-tabs .form-actions .col-xl-1 {
	max-width: 12%;
} 

/*** SITETREE SITEMAP ***/

#sitree_sitemap {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
    margin-right: 0;
    padding:5px;
    border: 1px solid #c8ced3;
    margin-top:6px;
    margin-bottom:240px;
    background-color:#ffffff;
}    

#sitree_sitemap a {
    /*color: #ff6600;   */
}

#sitree_sitemap img {
    max-width: none;
}

#sitree_sitemap td, #sitree_sitemap th {
  padding: 3px 8px;
}

#sitree_sitemap .merge {
	text-decoration: none;
	font-weight: normal; 
	color: #23282c;
	font-size: .8rem;
}

#sitree_sitemap .merge:hover {
	background: none;
}

#sitree_sitemap .merge .fa {
	color: #f86c6b;
	font-size: .875rem;
	vertical-align: -1px;
}

#sitree_sitemap .fa-pencil {
	color: #e0a800;
}
#sitree_sitemap .fa-trash {
	color: #f63c3a;
}
#sitree_sitemap .fa-clipboard {
	color: #47bbe4;
	font-size: 12px;
} 
#sitree_sitemap .fa-eye,
#sitree_sitemap .fa-home {
	color: #6d7175;
} 
#sitree_sitemap .fa-minus-square-o,
#sitree_sitemap .fa-plus-square-o,
#sitree_sitemap .fa-external-link {
	color: #23282c;
} 
#sitree_sitemap .fa-folder {
	color: #ffc107;
} 

#sitetree-inner-table > table {
	width: 100% !important;
	margin-right: 0 !important;
	margin-bottom: 2.5rem !important;
}

#form-sitetree .buttons-bar .btn {
	margin-bottom: 10px;
}

@media only screen and (max-width: 449px) { 
	#form-sitetree .buttons-bar .btn {
		margin-left: 0px !important;
	}
}

@media only screen and (max-width: 419px) { 
	#form-sitetree .buttons-bar .btn {
		width: 100%;
	}
}

#sitetree-inner-table {
	overflow-x: auto;
}

/* SITREE SITEMAP: CC == new section, new menu */

#sitemap-cc table {
	max-width: 546px;
}

#sitemap-cc td {
	vertical-align: middle;
}

@media only screen and (max-width: 1500px) and (min-width: 768px) { 
	#sitemap-cc .form-actions .col + .col {
		max-width: 40%;
	}
}

/* SITETREE: versioni */


/*** SITEMIN CONTENTS ***/

#divnewfile {
	display: none; 
}  

#new-file-content {
	display: inline-block;
}      

#new-file-content input {
	display: inline-block;
}      

/*** ORDINAMENTO MENU' ***/        

#ordinamento_menu .table-lev1 {
	border: none;
	margin: 0;
}

#ordinamento_menu .table-lev2 {
	margin-bottom: 0;
}

#ordinamento_menu td {
	vertical-align: middle;
	line-height: 1.25;
}

#ordinamento_menu .td-lev0 {
	padding: 0 0 20px;
	border: none;
}

#ordinamento_menu .td-lev1 {
	padding: .25rem;
	border-width: 0px;
}

#ordinamento_menu .td-lev1.has-subtable {
	border-width: 1px;
}

#ordinamento_menu .td-lev2 {
	border-width: 0px;
	padding: .25rem;
}

#ordinamento_menu .td-icon {
	width: 50px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
}

#ordinamento_menu .td-icon:first-child {
	padding-top: .5rem;
}

#ordinamento_menu tr:last-child > .td-icon {
	padding-top: .25rem;
	padding-bottom: .5rem;
}

#ordinamento_menu .section-title {
	font-weight: bold;
	padding: 01rem 1.5rem;
}

/*** SITEFILES (Elenco voci menù) ***/

.square-box {
	display: inline-block;
	padding-top: 18px; 
	width: 18px; 
	background-color: #fde1e1;
	vertical-align: -3px;
}

.square-box.yellow {
	background-color: #fdf4cc;
}

/*** CONTENTS (Elenco pagine) ***/

.contents-table {
	width: 100%;
	margin-bottom: 8px;
}

.contents-table td,
.versions-title-table td, 
.versions-list-table td {
	border: 0px solid #c8ced3;
	padding-top: 8px;
	padding-bottom: 8px;
}

.contents-table td {
	padding-top: 0;
}

.contents-table tbody tr:nth-of-type(2n+1),
.contents-table td {
	background: transparent;
}

.versions-title-table {
	border: none;
	width: 100%;
}

.versions-list-table {
	border: none;
	width: 100%;
}

.versions-list-table  {
	border: 0px solid #c8ced3;
}
.versions-list-table td {
	color: #df6160;
}


/*** TRADUZIONI ***/

#traduzioni {
	margin-bottom: 2rem;
	width: 100%;
}

#traduzioni_table th:first-child,
#traduzioni_table td:first-child {
	width: 25%;
}

#traduzioni_table th + th,
#traduzioni_table td + td {
	width: 75%;
}

#traduzioni td + td:hover {
	background: #CEDEEE;
	cursor: pointer;
}

#traduzioni tr:hover td:first-child {
	background: #EEDECE;
}

#traduzioni td:hover:after {
	content: 'doppio click per modificare';
	position: absolute;
	top: -45px;
	right: 14px;
	background: #ffc107;
	display: inline-block;
	padding: 1.25em 1.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	color: #23282c;
}

#traduzioni .order_asc:after {
	content: ' a..z';
	text-transform: lowercase;
}

#traduzioni .order_desc:after {
	content: ' z..a';
	text-transform: lowercase;
}
		
/*** ARCHIVIO CARTELLE ***/

/*** NEWFILE ***/

#newfile-steps {
}

/*** FOTO GALLERY ***/

.thumbnails {
	padding: 0;
	margin-top: 20px;
}

.thumbnail {
    background-color: white;
    z-index: 2;
    position: relative;
    margin-bottom: 40px !important;
    display: inline-block;
    margin-left: 15px;
}

.thumbnail:first-child {
    margin-left: 0px;
}

.thumbnail img, .thumbnail > a {
    z-index: 2;
    height: 100px;
    width: 100px;
    position: relative;
    display: block;
}

img.grayscale {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.thumbnail .gallery-controls {
    position: absolute;
    z-index: 1;
    margin-top: -30px;
    height: 34px;
    min-height: 30px;
    padding: 0 6.5px 3px;
	background: rgba(0,0,0,.05);
    width: 100px;
	text-align: center;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.thumbnail .gallery-controls p {
    display: block;
    margin: auto;
    width: 100%;
	text-align: center;
}

.thumbnail .gallery-controls i {
    display: inline-block;
}

/*** RESPONSIVE ***/

/* RESPONSIVE: min-width: 992px */

@media only screen and (min-width: 992px) { 

	/* MENU': larghezza sidebar */

	.sidebar .sidebar-nav {
		width: 220px;
	}
	.sidebar .nav {
		width: 220px;
	}
	.app-body .sidebar {
		-ms-flex: 0 0 220px;
		flex: 0 0 220px;
	}
	.sidebar-fixed .sidebar {
		width: 220px;
	}
	html:not([dir="rtl"]) .sidebar {
		margin-left: -220px;
	}
	html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main {
		margin-left: 220px;
	}

	/**/
}

/* RESPONSIVE: max-width: 1251px */

@media only screen and (max-width: 1251px) {  
	#list .action-buttons .btn .fa {
		max-width: 11px;
	}
	#list .action-buttons .btn {
		padding: .25rem .5rem;
		font-size: .765625rem;
		line-height: 1.5;
		border-radius: .2rem;
	}
}

/* RESPONSIVE: max-width: 1251px */

@media only screen and (max-width: 1227px) {  
	#list .action-buttons .btn {
		display: block;
		margin-bottom: 3px;
	}
}

/* RESPONSIVE: max-width: 1199px */

@media only screen and (max-width: 1199px) {  
	.block_actions_form {
		padding: 0;
		margin-bottom: 15px;
	}
	.buttons {
		display: block;
	}
}

/* RESPONSIVE: max-width: 1049px */

@media only screen and (max-width: 1049px) {  
	body,
	.btn,
	.form-control	{
		font-size: .83rem;
	}
	.buttons .btn {
		margin-bottom: 15px;
	}
	.pagination {
		margin-top: 0 !important;
	}
}

/* RESPONSIVE: max-width: 767px */

@media only screen and (max-width: 767px) {  
	#user-menu li {
		display: none;
	}
	#user-menu li:last-child {
		display: block;
	}
	#searchBox {
		margin-bottom: 10px;
	}
	#searchBox li {
		margin-bottom: 5px;
	}
	.buttons .btn {
		display: block;
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
	.pagination .dataTables_info {
		display: none;
	}
} 

/* RESPONSIVE: max-width: 449px */

@media only screen and (max-width: 449px) { 
	.table td, .table th {
		padding: .55rem;
	}
}

/* RESPONSIVE: max-width: 369px */

@media only screen and (max-width: 369px) { 
	.main .container-fluid {
		padding: 0 10px;
	}  
}