/* REDEFINIZIONI */
label {
	margin-bottom: 0px !important;
}

textarea {
	border: 1px solid #c2cad8;
}

.center {
	text-align: center;
}

.tot-record {
	font-style: italic;
	font-size: 13px;
	padding-top: 2px;
}

.label-value {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #737373;
	border-bottom: solid 1px #E43A45;
	min-height: 23px;
}

.input-data {
	width: 102px !important;
}

.col-md-0 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

.col-md-13 {
	width: 11%;
}

.form .form-body, .portlet-form .form-body {
	padding-bottom: 0px !important;
}

.label-success {
	background-color: #26C281;
}

.label-danger {
	background-color: #ed6b75;
}

.label-warning {
	background-color: #f0ad4e;
}

.custom-icon-tick {
	background: url(../img/tick.png) 100% 100% no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	margin: 5px auto;
}

.small-padding {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.breadcrumb {
	padding: 5px 0px 0px 0px;
}

.page-title {
	padding: 10px 0px 10px 0px !important;
}

.alert-success {
	color: #fff;
	background-color: #1BBC9B !important;
}

.login .content {
	margin-top: 10px;
}

.login .logo {
	margin-top: 5px !important;
}

.login .form-horizontal .form-group {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.page-header .page-header-top .page-logo .logo-default {
	margin-top: 10px;
	width: 220px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
	max-width: 350px;
	width: 350px;
}

.input-validation-error {
	border: solid 1px #FF0000;
}

.custom-label-value {
	color: #193089;
	margin-left: 0px !important;
	padding-left: 0px !important;
	text-align: left !important;
}

.action-button {
	padding: 6px 0 14px;
	float: right;
	display: inline-block;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a::after {
	color: #fff;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
	color: #f0ad4e;
}

.hor-menu .fa {
	font-size: 16px;
}

.info-form {
	padding-top: 3px;
	font-style: italic;
	font-size: 12px;
}

.datasize {
	width: 90px !important;
}

.data-range-block, .data-range-block-center {
	float: left;
}

.data-range-block-center {
	padding-top: 8px;
	margin-left: 5px;
	margin-right: 5px;
}

.container-fluid {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.page-content {
	background-color: #5d7798; /* #7d889d; /* #5d7798; */
}

.bottoniera {
	padding: 20px;
	background-color: #fff;
}

.portlet.light.bordered > .portlet-title {
	min-height: 0px;
}

.portlet {
	margin-bottom: 15px;
}

	.portlet.light {
		padding: 6px 20px 7px;
	}

		.portlet.light > .portlet-title {
			min-height: 0px;
		}

		.portlet.light .portlet-body {
			padding-top: 0px;
		}

.dashboard-stat {
	border: solid 5px #FFF;
	min-height: 180px;
}

.detail-buttons {
	margin-top: 5px;
	margin-right: 2px;
}

@page {
	size: 5.5in 8.5in;
	margin: 70pt 60pt 70pt;
}

@page:first {
	size: 5.5in 8.5in;
	margin: 0;
}

.statistiche-box-container {
	--height: 400px;
}

.q-row {
	display: block;
}

	.q-row .bordered {
		border: solid 1px #000;
	}

.q-col {
	float: left;
	padding: 3px;
}

.q-label {
	padding-top: 7px;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1; /* ie 6/7 */
}

.statistica-result-box {
	margin-top: 10px;
	border: solid 1px #ddd;
	height: 350px;
	overflow: auto;
}

.modal-open .colorpicker, .modal-open .datepicker, .modal-open .daterangepicker {
	z-index: 1000 !important;
}

.form-info {
	width: 500px;
	font-size: 12px;
	font-style: italic;
}

.progress-no-margin {
	margin-bottom: 0px !important;
}

.smart-table-label {
	display: none;
}

.m-grid-my {
	margin-bottom: 10px;
}

	.m-grid-my .m-grid-col {
		padding: 5px;
	}

.page-content-inner {
}

.m-grid-list .m-grid-col {
	border: 1px solid #ddd;
}

.img-mag-thumb {
	width: 100%;
}

.m-grid-list .m-grid-row {
	margin-bottom: 10px !important;
	border: 1px solid red;
}

.smart-table-separator {
	display: none;
}

.ricerca-label {
	padding-top: 7px;
}

.my-search-table {
	width: 100%;
}

	.my-search-table tr td {
		padding: 5px;
	}

.my-search-table-div {
	margin-bottom: 10px;
}

.codice-articolo {
	text-decoration: underline;
	color: #FF0000;
	font-weight: bold;
}

.img-articolo {
	max-width: 165px;
}

.form-checkbox {
	margin-top: 6px !important;
}

.btn-theme-panel {
	margin-top: 15px;
}

.inline {
	display: inline;
}

.text-right {
	text-align: right;
}

.ekko-lightbox-nav-overlay a span {
	font-size: 65px;
	padding: 0 15px;
}

#select-cliente-icon {
	display: inline-block;
}

.form-control[readonly] {
	background-color: #FFF;
}

.form-control, .select2-container--bootstrap .select2-selection--single {
	height: 30px;
	padding: 4px 12px;
}

.btn {
	padding: 4px 12px;
}

.my-actions {
	padding-top: 8px;
}

.titolo-sezione-conf {
	font-weight: bold;
	color: #4a6277;
}


.my-form-control {
	height: 30px;
	background-color: #fff;
	border: 1px solid #c2cad8;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	padding: 0px 4px 0px 12px;
}

.row-annullata td {
	color: #ded9d9;
}

.qta-massima-item-error {
	width: 10px;
	height: 60px;
	background-color: #f0ad4e;
}

.qta-massima-value {
	color: #f0ad4e;
	font-weight: bold;
}

.ko-value {
	color: #FF0000;
	font-weight: bold;
}

.ok-value {
	color: green;
	font-weight: bold;
}

.carico-manuale {
	font-weight: bold;
}

.in-value {
	color: green;
}

.out-value {
	color: #FF0000;
}

.tr-border-bottom td {
	border-bottom: solid 1px #afa8a8 !important;
}

.form-control, .select2-container--bootstrap .select2-selection--single {
	padding: 4px 6px;
}

.movimento-articolo {
	color: #000;
}

.movimento-articolo-eliminato {
	color: #c2cad8;
}

.movimento-articolo-modificato {
	color: #f0ad4e;
	font-weight: bold;
}

.macero-alert {
	background-color: #E43A45;
	padding: 10px;
	font-size: 25px;
	color: #FFF;
	text-align: center
}

.macero-alert-msg {
	font-size: 18px;
}

.smartphone {
	width: 100%;
}

	.smartphone tr {
		cursor: pointer;
	}

		.smartphone tr td {
			display: inline-block !important;
			border-top: 0px;
		}

			.smartphone tr td.left {
				text-align: right;
			}

		.smartphone tr.da-lavorare {
			background-color: #b11919;
			color: white;
			border-bottom: solid 5px #fff;
		}

		.smartphone tr.in-lavorazione {
			background-color: #f2d31a;
			border-bottom: solid 5px #fff;
		}

		.smartphone tr.lavorato {
			background-color: green;
			border-bottom: solid 5px #fff;
		}

#accordion-lavorazione div.da-lavorare {
	background-color: #b11919;
	color: white;
}

#accordion-lavorazione div.lavorato {
	background-color: green;
	color: white;
}

#accordion-lavorazione a4.panel-title a {
	color: white;
}

#accordion-lavorazione .row-item {
	margin-bottom: 5px;
}

.dev-msg {
	background-color: #f0ad4e;
	text-align: center;
	padding: 5px;
	color: white;
}

#scelta-lotti li {
	padding: 5px;
}

.warning-numero-tel {
	background-color: #f7d654;
}
/*
	******************  RESPONSIVE **********************
*/
@media (max-width: 480px) {
	table .table-adv, .table-adv thead, .table-adv tbody, .table-adv th, .table-adv td, .table-adv tr {
		display: block;
	}

		.table-adv thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	.table-adv td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

		.table-adv td.btn-right {
			text-align: right;
		}

	.logo > a > img {
		width: 200px !important;
		margin-left: -5px;
	}

	/* 480px */
	.page-header {
		/* Top navigation menu*/
	}

		.page-header .page-header-top .top-menu {
			display: block;
			clear: none;
			margin-top: 10px;
		}

		.page-header .page-header-top .page-logo .logo-default {
			margin-top: 15px;
			width: 160px;
		}

	.master-col {
		padding-left: 0px;
		padding-right: 0px;
	}

	.ricerca-label {
		font-weight: bold;
	}

	#ClienteIDChanger {
		padding-left: 3px;
	}

	#select-cliente-icon {
		display: none;
	}

	.ricerca-collapser {
		display: none;
	}

	.page-content-inner {
		padding-top: 15px;
	}

	.page-header .page-header-menu {
		display: none;
	}
}

@media (max-width: 2000px) {
}

@media (max-width: 767px) {
	/* 767px */
	.page-header {
		/* Top navigation menu*/
	}

		.page-header .page-header-top .top-menu {
		}

		.page-header .page-header-top .page-logo {
			height: 50px;
		}

			.page-header .page-header-top .page-logo .logo-default {
			}

	#ClienteIDChanger {
		padding-left: 3px;
	}

	#select-cliente-icon {
		display: none;
	}

	.page-content-inner {
		padding-top: 15px;
	}

	.page-header .page-header-menu {
		display: none;
	}
}


/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

	#ClienteIDChanger {
		padding-left: 3px;
	}

	#select-cliente-icon {
		display: none;
	}

	.action-menu-right {
		text-align: right;
	}

	.page-content-inner {
		padding-top: 15px;
	}

	/* Force table to not be like tables anymore */


	.smart-table-label {
		display: block;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 3px;
	}

	.smart-table-value {
		display: block;
	}

	.smart-table-actionlist {
		text-align: right;
	}

	.smart-table-separator {
		display: block;
	}

		.smart-table-separator, .smart-table-separator td {
			border: solid 0px #FFF !important;
		}

	.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
		border: 0px;
	}

		.table-bordered > tbody > tr {
			border-top: 1px solid #e7ecf1;
			border-left: 1px solid #e7ecf1;
			border-right: 1px solid #e7ecf1;
		}

			.table-bordered > tbody > tr > td {
				border-bottom: 1px solid #e7ecf1;
			}
}

.ui-autocomplete-loading {
	background: url('../img/loading-spinner-grey.gif') no-repeat 230px center;
	background-size: 18px;
}