/* stili per i campi di ricerca su frontend */
.aui .cerca-contenuto .w3-input {
    display: block !important;
    width: 100% !important;
    height: auto !important;
	box-sizing: border-box!important;
	min-height: 30px!important;
}
.aui .hide-text{
	margin: 0!important;
}
.search-content-container{
	margin-top: 16px;
}
#searchForm{
	padding-top: 24px;
}
#searchForm .w3-button.w3-white{
	background-color: #eee!important;
	margin-left:16px;
}
#searchForm .w3-button.w3-white:hover{
	background-color: #00838F!important;
	color: #FFF!important;
}
.aui .etichetta{
	display: inline-block;
	margin: 0;
	padding-right: 4px;
}

.editSezioneNumeriPaginazione,
.editSezionePropagazioneGlobalSearch,
.editSezioneFiltriCampiStruttura,
.editSezioneFiltriGenerali,
.editSezioneOrdinamento{
	border: solid 1px #ccc;
	padding: 8px;
	border-radius: 4px;
	background-color: #f7f7f7;
	margin-bottom: 16px;
}
.editTitoloSezione {
	font-weight: bold;
	padding: 8px 0;
	display: block;
}
.noResultMessage{
	font-weight: bold;
}

.aui-field-select{
	width:100%!important;
	max-width: 320px;
	box-sizing: border-box;
	height: auto!important;
}
.aui .contenitore input,
.aui .contenitore select,
.aui .contenitore textarea {
    padding: .25rem .5rem!important;
    border:1px solid #ccc!important;
}
.contenitore{
	display: table;
	width: 100%;
} 
.colonna{
	display: inline-block;
	box-sizing: border-box;
	padding: 8px 12px 0 12px;
	width: 50%;
	min-width: 240px;
}
.contenitore2{
	display: block;
	width: 100%;
}
.contenitore2:after{
	content: " ";
	display: block;
	clear: both;
	height: 0px;
} 
.colonna2{
	display: block;
	box-sizing: border-box;
	padding: 8px 12px 0 12px;
	width: 50%;
	min-width: 240px;
	float: left;
}

#origin {
	height: 360px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #ccc;
	border-radius: 6px;
	margin: 0;
	box-sizing: border-box;
	background-color: #fff;
	padding: 8px;
}

#drop {
	height: 360px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #ccc;
	background: azure;
	min-height: 320px;
	border-radius: 6px;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
}

#origin div,#drop div {
}


#originTags {
	height: 360px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #ccc;
	border-radius: 6px;
	margin: 0;
	box-sizing: border-box;
	background-color: #fff;
	padding: 8px;
}

#dropTags {
	height: 360px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #ccc;
	background: azure;
	min-height: 320px;
	border-radius: 6px;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
}

#originTags div,#dropTags div {
}

.over {
	border: solid 5px purple;
}

.draggable {
    background: white none repeat scroll 0 0;
    border: 1px solid gray;
    border-radius: 15px;
    font-family: inherit;
    height: 20px;
    padding-bottom: 25px;
    padding-left: 10px;
    width: 300px;
}

.draggable, .droppable {
  border: 1px dashed #000;
  width: 50px;
  height: 50px;
  background-color: #fff;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}

.droppable {
  border-color: #31b03d;
  padding: 5px 2px;
}

.draggable.clone {
  background-color: #abe2a5;
}

.droppable.big {
  height: 60px;
  width: 100px;
}

.droppable.big .droppable {
  float: right;
}

.droppable.active {
  background-color: #abe2a5;
}

.droppable.drop-here {
  background-color: #3498db;
}

.droppable .draggable {
  width: 16px;
  height: 16px;
  margin: 0 3px;
  font-size: 10px;
  padding: 2px;
}
ul.list, ul.grid {
  list-style-type: none;
  padding: 0;
  width: 162px;
}

ul.listHorizontal {
  list-style-type: none;
  padding: 0;
  width: 162px;
}


ul.grid.wide {
  width: 100%;
  height: 50px;
}

ul.grid.active {
  background-color: #abe2a5;
}

ul.list li, ul.grid li {
  border: 1px solid #DCDBDD;
  margin: 0 0 6px 0;
  padding: 8px;
  background-color: #F6F5F7;
  box-sizing: border-box;
  vertical-align: top;
}
ul.listHorizontal li {
  border: 1px solid #DCDBDD;
  margin: 0 5px 6px 0;
  padding: 8px;
  background-color: #F6F5F7;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  border-radius: 4px;
}

ul.list li {
	height: auto;
	min-height: 48px;
	line-height: 48px;
}
ul.list li:hover {
	cursor: move;
	background-color: #eee;
}
ul.list li img {
	float: right;
	padding-right: 8px;
}
ul.list li img:hover {
	cursor: pointer;
}


ul.listHorizontal li:hover {
	cursor: move;
	background-color: #eee;
}



ul.grid li {
  float: left;
  height: 50px;
  width: 50px;
}

ul.list li.placeholder, ul.grid li.placeholder {
  border-style: dashed;
  background-color: transparent;
}
ul.listHorizontal li.placeholder, ul.grid li.placeholder {
  border-style: dashed;
  background-color: transparent;
}