/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.label_selected{
	background-color:#26bfbf;
	color: white;
}

.label_sel{
	cursor: pointer;;
}

#txt_comment{
	width: 50%;
	min-width: 300px;
	margin-right:  10px;
}

.hidden{
	display: none;
}

.adm{
	display: none;
}

.adm2{
	display: none;
}

.comparator{
	display: none;
}

.div-1000{
	max-height: 960px;
}

.div-scroll-y{
	overflow-y: auto;
}

.controls2 input,
.controls2 select,
.select2-customer{
	height: 20px;
	line-height: 20px;	
	margin-bottom: 5px;
}

.controls3 input,
.controls3 select,
.select2-customer{
	height: 38px;
	line-height: 38px;	
	margin-top: 5px;
}

.label-small{
	height: 15px;
	line-height: 15px;	
	margin-bottom: 1px;
	font-size: 11px;
}

.form-section{
	margin-top: 5px;
}

.form-group label{
	margin-top:5px;
}

.form-group2 {
	margin-bottom: 0.4rem;
}

.contr_details{
	font-size: x-small;
}

.table-log{
	font-size: small;
}

.table-log tr
{
	line-height: 12px;
}

.table-log tbody tr
{
	cursor:pointer
}

.table-com tbody tr
{
	cursor:pointer
}

.contr_details tr
{
	line-height: 15px;
}

.row-selected {
	background-color: #aaaaaa;
}

.back-home
{
	background-color: #fff8f4;
}

.back-green
{
	background-color: #f8fff8;
}

.back-profiles
{
	background-color: #fff8ff;
}

.back-customers
{
	background-color: #fff8f8;
}

.back-users
{
	background-color: #f8f8ff;
}

.back-suppliers
{
	background-color: #fffef8;
}

.back-home2
{
	background-color: #f1ddaa;
	color: #ffffff;
	font-weight: bold;
}

.back-contract-header
{
	background-color: #aaf0aa;
	color: #ffffff;	
}

.back-green2
{
	background-color: #aaf0aa;
	color: #ffffff;
	font-weight: bold;
}

.back-profiles2
{
	background-color: #f0aaf0;
	color: #ffffff;
	font-weight: bold;
}

.back-customers2
{
	background-color: #f0aaaa;
	color: #ffffff;
	font-weight: bold;
}

.back-users2
{
	background-color: #aaaaf0;
	color: #ffffff;
	font-weight: bold;
}

.back-suppliers2
{
	background-color: #f0efaa;
	color: #ffffff;
	font-weight: bold;
}


.center-text
{
	float: left;
     margin-left: -5%;
     margin-right: auto;
	 text-align: center;
}


.white-text{
	color: white;
	font-weight: bold;
}

.ul-plain {
    list-style-type: none;
}

.text-red {
	color:red;
	font-style: italic;
}

.red-dot {
	height: 12px;
	width: 12px;
	background-color: #e11;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-right: 3px;
}

.form-check {
	background-color: #e11;
}

/* MD */
@media (min-width: 768px) {
	nav.header-navbar{
		min-height:60px;	
		height: 60px;	
	}

	#btn_privacy {
		min-width: 165px;
	}
}

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

@media (max-width: 991.98px) {
	.btn-full-width {
		display: block;
  		width: 100%;
	}
}


/* SM */
@media (min-width: 576px) {

}



/* Impedisce lo scroll orizzontale solo nelle due card */
#table_prod_best_wrapper .div-scroll-y,
#table_prod_worst_wrapper .div-scroll-y {
  overflow-x: hidden !important;
}

/* Rimuove micro overflow della tabella */
#table_prod_best_wrapper,
#table_prod_worst_wrapper {
  overflow-x: hidden !important;
}

#table_prod_best,
#table_prod_worst {
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
}

/* Compatta leggermente la tabella (mantiene compattezza + no overflow) */
#table_prod_best.dataTable tbody td,
#table_prod_worst.dataTable tbody td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  line-height: 1.2 !important;
  vertical-align: middle;
  font-size: 13px;
}

#table_prod_best.dataTable thead th,
#table_prod_worst.dataTable thead th {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.3 !important;
  font-size: 13px;
}

/* Solo per il select dei mesi */
#contracts_month + .select2 .select2-selection--multiple {
    min-height: 34px;      /* stessa altezza degli altri form-control */
    max-height: 34px;
    display: flex;
    align-items: center;
    overflow: hidden;      /* o 'auto' se vuoi vedere la scrollbar verticale */
}

/* Contenitore dei tag in una sola riga */
#contracts_month + .select2 .select2-selection__rendered {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden;
}

/* Singoli “tag” mese */
#contracts_month + .select2 .select2-selection__choice {
    margin-top: 0;         /* evita di aggiungere altezza */
    white-space: nowrap;   /* il testo non va a capo */
}

#contracts_month + .select2 {
    width: 260px !important;
}

/* Nasconde la X di rimozione sui tag dei mesi */
#contracts_month + .select2 .select2-selection__choice__remove {
    display: none !important;
}

#contracts_month + .select2 .select2-selection__choice {
    padding-left: 6px;      /* invece del padding grosso che prevede la X */
}