/* TITLE PAGE */
.title {
	color: #444;
	text-align: center;
}

/* SWEET ALERT */
.btn-swal {
 	width: 90px;
	margin: 5px;
}

/* NOTIFY */
.alert-success {
    background-color: #4CAF50;
}

.alert-danger {
    background-color: #F44336;
}

/* CAMPO NOWRAP */
.column-nowrap {
	white-space: nowrap;
}

/* CAMPO CALCOLATO */
.calculated {
	background-color: #CFF;
}

/* VALIDATION ERROR */
label.error {
	padding: 3px;
    color: #FFF !important;
	background-color: #F44336;
	font-size: 12px;
}

/* MESSAGE ERROR */
span.error {
	padding: 3px;
    color: #FFF !important;
    background-color: #F44336;
}

/*
 *  TABELLE: HOVER
 */
.table-hover > tbody > tr:hover {
	background-color: #CEE3F0;
}

/*
 *  TEMPLATE
 */

/*
    Bisogna modificare la prima linea del file header.php, gestita da app.min.2.css
    <header id="header" class="clearfix" data-current-skin="lightblue">

    Possibili colori predefiniti: lightblue, bluegray, blue, purple, orange, cyan, green, teal, pink.
    Per definire nuovi colori:
*/
	[data-current-skin="easy_billing_web"] {
		background-color: #003E7B;
	}

	[data-current-skin="easy_billing_web"] .ss-icon {
		color: #003E7B;
	}

	@media (max-width: 767px) {
		[data-current-skin="easy_billing_web"] .ha-menu {
			background: #003E7B;
		}
	}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  LOGIN PAGE
 */

/* COLORE PULSANTE FRECCIA */
.btn-float:not(.bgm-white):not(.bgm-gray) > i {
	color: #FFF;
}

/* SFONDO PULSANTE FRECCIA */
.lc-block:not(.lcb-alt) .btn-login {
	background-color: #48889E;
}

/* SFONDO PULSANTE FRECCIA:HOVER */
.lc-block:not(.lcb-alt) .btn-login:hover {
	background-color: #F46B33;
}

/* SFONDO META' SUPERIORE */
body.login-content:before {
	background-color: #003E7B;
}

/* DIMENSIONE LOGIN WINDOW */
.lc-block {
	border-radius: 20px;
	width: 400px;
}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  LEFT MENU PAGE
 */

/* LOGO */
/* L'immagine si deve chiamare: img/profile-menu.png */

/* SFONDO NOME UTENTE */
.profile-menu > a .profile-info {
	background-color: #003E7B;
}

/* COLORE/SFONDO MENU */
.main-menu > li > a {
	color: #444;
	background-color: #FFF;
}

/* COLORE/SFONDO LINK:HOVER */
.main-menu > li > a:hover {
	color: #444;
	background-color: #CEE3F0 !important;
}

/* COLORE/SFONDO LINK ATTIVO */
.main-menu > li.active > a {
	color: #003E7B;
	background-color: #FFF;
    text-transform: uppercase;
}

/* LOGO */
.profile-menu > a .profile-pic {
	padding: 30px;
}

/* --------------------------------------------------------------------------------------------------------- */

/*
 *  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;
}*/