
/* ELEMENTO FISSO */
.header_fisso {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 70px; /* Distanza dal top da cui comincia la posizione fissa */
  /* z-index: 5; */
}

/* SFONDO DEI LINK DELLA PAGINAZIONE */
/*.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #444;
}*/

/* BADGE NEI FILE GESTIONE */
.badge {
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  white-space: nowrap;
  color: #FFF;
  background-color: #2196F3;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

/* SFONDO ROSSO */
.table > thead > tr > td.danger-row,
.table > tbody > tr > td.danger-row,
.table > tfoot > tr > td.danger-row,
.table > thead > tr > th.danger-row,
.table > tbody > tr > th.danger-row,
.table > tfoot > tr > th.danger-row,
.table > thead > tr.danger-row > td,
.table > tbody > tr.danger-row > td,
.table > tfoot > tr.danger-row > td,
.table > thead > tr.danger-row > th,
.table > tbody > tr.danger-row > th,
.table > tfoot > tr.danger-row > th {
  background-color: #FBB4AE;
}

.table-hover > tbody > tr > td.danger-row:hover,
.table-hover > tbody > tr > th.danger-row:hover,
.table-hover > tbody > tr.danger-row:hover > td,
.table-hover > tbody > tr:hover > .danger-row,
.table-hover > tbody > tr.danger-row:hover > th {
  background-color: #FA8A81;
}

.lc-block {
	border-radius: 20px;
	width: 350px;
}

/*
 *  DATATABLE PAGINATION LINK
 */

div#myTable_paginate {
	margin: 30px;
}

/* LINK PAGINA CORRENTE */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #FFF !important;
	border: 1px solid #2196F3;
	background: #2196F3;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #FAB89E));
	background: -webkit-linear-gradient(top, #FFF 0%, #FAB89E 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #FAB89E 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #FAB89E 100%);
	background: -o-linear-gradient(top, #FFF 0%, #FAB89E 100%);
	background: linear-gradient(to bottom, #FFF 0%, #FAB89E 100%);*/
}

/* LINK ALTRE PAGINE */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #000 !important;
	border: 1px solid #CEE3F0;
	background: #CEE3F0;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #CEE3F0));
	background: -webkit-linear-gradient(top, #FFF 0%, #CEE3F0 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #CEE3F0 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #CEE3F0 100%);
	background: -o-linear-gradient(top, #FFF 0%, #CEE3F0 100%);
	background: linear-gradient(to bottom, #FFF 0%, #CEE3F0 100%);*/
}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  DATATABLE CLASSES
 */

.redRow {
	background: #FF9F9F !important;
}

.redRow:hover {
	background: #FF8282 !important;
}

.greenRow {
	background: #D0ECBC !important;
}

.greenRow:hover {
	background: #BCEA9B !important;
}

.yellowRow {
	background: #FFE28C !important;
}

.yellowRow:hover {
	background: #E3C82F !important;
}

/* ELLIPSIS */
 .dataTable td {
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  DATATABLE LABEL
 */

/* LABEL Visualizza X elementi */
div#myTable_length label {
	margin-left : 30px;
	margin-bottom: 30px;
	font-weight: 400;
}

/* LABEL Cerca */
div#myTable_filter label {
	margin-right: 30px;
	margin-bottom: 30px;
	font-weight: 400;
}

/* LABEL Info */
div#myTable_info {
	margin: 30px;
}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  DATATABLE BUTTONS
 */

/* EXCEL */
.btn-excel {
	background: #4CAF50;
	color: #FFF;
	width: 90px;
}

.btn-excel:hover {
	background: #4CAF50;
	color: #FFF;
}

/* PDF */
.btn-pdf {
	background: #F44336;
	color: #FFF;
	width: 90px;
}

.btn-pdf:hover {
	background: #F44336;
	color: #FFF;
}

/* NUOVO */
.btn-new {
	background: #2196F3;
	color: #FFF;
	width: 90px;
}

.btn-new:hover {
	background: #2196F3;
	color: #FFF;
}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  DATATABLE RESPONSIVE ICON
 */

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	/*top: 12px;*/
	left: 10px;
	background-color: #2196F3;
}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  DATATABLE POPOVER
 */

/* Popover */
.popover {
    border: 1px solid #000;
    max-width: 500px;
}

/* Popover Header */
.popover-title {
    background-color: #4CAF50;
    color: #FFF;
    font-size: 16px;
    height: 30px;
    padding: 5px;
    text-align: center;
}

/* Popover Body */
.popover-content {
    background-color: #FFF;
    color: #000;
    padding: 5px;
    font-size: 16px;
    max-height: 250px;
    overflow-y: auto;
}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  DATATABLE CHECKBOX
 */

/* CHECKBOX Bordo */
/*.checkbox .input-helper::before, .radio .input-helper::before {
  border: 1px solid #444;
}*/

/* CHECKBOX Posizione */
/*.checkbox .input-helper::before, .radio .input-helper::before {
  left: -5px;
  top: -13px;
}*/

/* CHECKBOX Simbolo di spunta */
/*.checkbox .input-helper::after {
  left: -5px;
  top: -13px;
  border-bottom: 4px solid #4CAF50;
  border-left: 4px solid #4CAF50;
}*/