/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

.aj .select2 , .aj .select2-search {
  /* This is the only width setting you'll need to change. */
  width: 100% !important;
}
.aj .select2 input {
  width: 100% !important;
}

.animate-w-a {
	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	-o-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

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

@-webkit-keyframes bomb {
	0%{
		opacity: 1;
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		filter: blur(5px);
		-webkit-transform: scaleY(0.8);
	}
	50% {
		opacity: 1;
		-webkit-filter: blur(10px);		
		-moz-filter: blur(10px);
		filter: blur(10px);

		-webkit-transform: scaleY(0.4);
	}
	100% {
		-webkit-filter: blur(20px);
		-moz-filter: blur(20px);
		filter: blur(20px);

		max-height: 0;
		min-height: 0;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		transform: scaleY(0);
	}
}
@keyframes bomb {
	0% {
		opacity: 1;
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		filter: blur(5px);
		-webkit-transform: scaleY(0.8);
	}
	50% {
		opacity: 1;
		-webkit-filter: blur(10px);
		-moz-filter: blur(10px);
		filter: blur(10px);
		-webkit-transform: scaleY(0.4);
	}
	100% {
		-webkit-filter: blur(20px);
		-moz-filter: blur(20px);
		filter: blur(20px);
		max-height: 0;
		min-height: 0;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		transform: scaleY(0);
	}
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.gallery.sortable {
	padding: 0;
}

.gallery.sortable li{
	width:150px;
	height:200px;
	margin:0 5px 5px;
	text-align:center;
	display:block;
	float:left;
	border:1px solid #eee;
	background-color: white;
}

.gallery.sortable li.ui-sortable-placeholder {
	border: 1px dashed #CCC;
	visibility: visible !important;
}

.gallery.sortable li .contenitore{
	width: 150px;
	margin-bottom: 10px;
}

.gallery.sortable li .contenitore img{
	width: 100%;
	height: 120px;
}

.gallery.sortable li .contenitore .GTitle {
	text-align: center;
	padding-top: 5px;
}

.gallery.sortable li .contenitore .ordinamento {
	text-align: center;
	padding-top: 5px;
	display: none; /*block*/
}

.gallery.sortable li .contenitore .numeroOrd {
	width: 70px;
	text-align: center;
	display: none;
}


.form-horizontal.comments .checkbox, .form-horizontal .radio {
	margin-top: -12px;
}

.caratecAct .form-actions .btn[type="submit"] span{
	display: none;
 }

.modal-content  .caratecAct .form-actions .btn[type="submit"] span{
	display: inline-block;
}

.modal-content  .caratecAct .form-actions .btn[type="submit"] {
	float: right;
}

.modal-content .caratecAct .form-actions .btn.default.chiudi-modal {
	float: left;
}

.btn {
	transition: all 0.1s linear 0s !important;
}

.btn:hover {
	transform: translateY(2px) !important;
}

textarea {
	max-width: 100%;
}

.aj .select2 , .aj .select2-search {
  /* This is the only width setting you'll need to change. */
  width: 100% !important;
}
.aj .select2 input {
  width: 100% !important;
}
#categoriePagina .chzn-container {
  width: 99% !important;
}

#categoriePagina .search-field {
	width: 100% !important;
}

#categoriePagina .chzn-container .search-field input, .chzn-container-single .chzn-search input {
  width: 98% !important;
}

#categoriePagina .chzn-container.chzn-container-single.chzn-container-active .chzn-search input:focus,
#categoriePagina .chzn-container.chzn-container-single.chzn-container-active .chzn-search input:active {
	border: 1px solid #274e76 !important;
}


.row .portlet-body label {
	transform: scale(1);
	transition: all 0.3s ease 0.5s;
}

.row .portlet label.add {
	transform: scale(0);
}

.row .portlet table tr.add {
	transform: scaleY(0);
}

.row .portlet table tr{
	transform: scaleY(1);
	transition: all 0.3s ease 0.5s;
}

.actions .btn  {
	transition: all 0.3s linear 0s;
}

.nexp .actions .btn {
	opacity: 0;
	transform: scale(0);
	pointer-events: none;
}

.exp .actions .btn {
	opacity: 1;
	transform: scale(1);
	pointer-events: auto;
}


.clear {
	clear: both;
}

@-webkit-keyframes spin {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from{
       transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
.data-container {
	min-height: 90px;
	position: relative;
	transition: height 0.5s linear 0s;
}


.data-container.stopLoading:after {
	content: "";
}

.data-container:before {
	content: "Caricamento in corso...";
	left: calc(50% - 68px);
	position: absolute;
	top: 44px;
}

.data-container:after {
	font-family: "FontAwesome";
	height: 50px;
	font-size: 34px;
	content: "\f110";
	position: absolute;
	top: 0;
	left: calc( 50% - 17px);
	-webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.p-show {
	max-height: 100%;
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);	
	transition: all 0.3s linear 0s;
	overflow: hidden;
}

.p-show.hidep {
	max-height: 0;
	min-height: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);	
	padding: 0!important;
}

.p-hide {
	max-height: 0;
	min-height: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);	
	transition: all 0.3s linear 0s;
	overflow: hidden;
	padding: 0!important;
}

.no-margin {
	margin: 0;
	padding: 0;
}

.data-container.p-hide.show {	
	min-height: 90px;
}

.p-hide.show {
	max-height: 100%;
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}