@charset "utf-8";


	/******** PGI-2407 TEST  hsl color model  
	
	.back {
		background-color: hsla( 
			var(--color-h), 
			var(--color-s), 
			var(--color-l), 1 ) 
			!important;
  		
  			
	}	
	
	 / CSS variables are scoped, so can easily be changed based on a given class / 
	 
	.back.danger {
 		--color-h: 0; / Change hue to red /
	}

	*/
  
	


.plangei-five a {
  color: var(--color-tertiary);
}
.plangei-five a:hover {
	background-color: rgba(var(--color-tertiary-rgb), 0.2) !important;
}
/* Falliscono in alcuni casi  
.btn, button, .btn-gei {
	color: var(--color-tertiary-contrast) !important;
  	background-color: var(--color-tertiary) !important;
	border-radius:30px !important;
} 
.btn:hover,.button:hover,.btn-gei:hover {
	background-color: var(--color-primary) !important;
	color: var(--color-tertiary-contrast) !important;
}*/


.plangei-five #header .navbar-inner,
.plangei-five .sidebar {
  background: var(--color-primary);
}

.plangei-five .side-bar-content .btn {
  font-size: 1em;
  color: var(--color-primary-contrast) !important;
}

/************** navbar-page */ 
.plangei-five .navbar-page .nav h1 {
  text-transform: capitalize;
  font-weight: var(--bs-title-font-weight);
  font-size: var(--bs-title-font-size);
}

.plangei-five .navbar-page .nav h2 {
  text-transform: capitalize;
  font-weight: var(--bs-title-font-weight);
  font-size: var(--bs-title-font-size);
}

.plangei-five .navbar-page .nav h3 {
  text-transform: capitalize;
  font-weight: var(--bs-subtitle-font-weight);
  font-size: var(--bs-subtitle-font-size);
}


/************** sidebar */
.plangei-five .navbar-inverse .brand, .plangei-five .navbar-inverse .nav > li > a,
.plangei-five .navbar .user-menu > li > a span,
.plangei-five .now {
  color: var(--color-primary-contrast) !important;
}
.plangei-five .navbar-inverse .nav > li > a:focus span, .plangei-five .navbar-inverse .nav > li > a:hover span {
  color: #ffffff !important;
}
.plangei-five .navbar-inverse .nav > li > a:hover {
  background: var(--color-primary) !important;
  color: #ffffff !important;
}
.plangei-five .sidebar-inverse .nav-side .accordion-toggle:hover,
.plangei-five .sidebar-inverse .nav-side ul > .active > a,
.plangei-five .sidebar-inverse .nav-side ul > .active > a:hover,
.plangei-five .sidebar-inverse .nav-side ul > li > a:hover {
  background: var(--color-primary) !important;
  color: #ffffff !important;
}

/************** a */
.plangei-five a{
	color: var(--color-black-base);
}
.plangei-five a:hover {
  text-decoration: none;
  background: transparent !important;
  border-radius: 0px;
}

/************** button */
.plangei-five .btn-gei, 
.plangei-five .btn-gei-important, .plangei-five .btn-gei-important:link, .plangei-five .btn-gei-important:visited, .plangei-five .btn-gei-important:active, .plangei-five .btn-gei-important.active, .plangei-five .btn-gei-important.disabled, .plangei-five .btn-gei-important[disabled]
{
  background: var(--color-tertiary) !important;
  color: var(--color-tertiary-contrast) !important;	
}

.plangei-five .btn-gei:hover, 
.plangei-five .btn-gei-important:hover {
  background: var(--color-primary) !important;
  color: var(--color-tertiary-contrast) !important;	
}
.plangei-five .btn-glyph[class^="fontello-icon-"]::before, .plangei-five .btn-glyph[class*=" fontello-icon-"]::before, .plangei-five .btn-glyph[class^="fa-"]::before, .plangei-five .btn-glyph[class*=" fa-"]::before, .plangei-five .btn-glyph [class^="fontello-icon-"]::before, .plangei-five .btn-glyph [class*=" fontello-icon-"]::before, .plangei-five .btn-glyph [class^="fa-"]::before, .plangei-five .btn-glyph [class*=" fa-"]::before {
  font-size: 1em;
}
.navbar-page .nav.pull-right .btn, .navbar-page .nav.pull-right .btn-group {
  border-radius: 10px;
}
/************** dijitPopup */
.dijitPopup {
  border: 0px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.3) !important;
}

/************** dropdown-menu */
.plangei-five .dropdown-menu {
  border-radius: 10px !important;
  border: 0px !important;
  border-top: 0px !important;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.3) !important;
  padding: 10px 0px;
}
.dropdown-menu li a {
	padding: 5px !important;
}
.dropdown-menu li:not(:last-child) {
	border-bottom: 1px solid var(--color-black-lighter) !important;
}

/************** select2 */
.plangei-five .select2-drop {
	border: 0px !important;
  border-radius: 10px !important;
  color: var(--color-black-base);
  padding: 10px 0px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.3) !important;
}
.plangei-five .select2-results {
  padding: 0;
  margin: 0;
}
.plangei-five .select2-results .select2-highlighted {
  background: inherit;
  color: inherit;
}
.plangei-five .select2-results li:not(:last-child) {
  border-bottom: 1px solid var(--color-black-lighter);
}
.select2-results .select2-result-label {
  padding: 5px;
}
/************** tabs */
.plangei-five .nav-tabs > li > a, .nav-pills > li > a, .plangei-five .nav-tabs > .active > a:hover, .plangei-five .nav-tabs > .active > a {
  color: var(--color-label);
}
  
/************** calendar */
.plangei-five .fc-day-header.fc-today, .plangei-five .fc-day-header.fc-today a, 
.plangei-five .fc-day-header.fc-today a:hover, .plangei-five .fc-day-number.fc-today, 
.plangei-five .fc-today .fc-day-number, .plangei-five .fc-day-header.fc-today {
  background: var(--color-tertiary) !important;
}

/************** new ticket */
.plangei-five .new-ticket-selector #divNewMultiple:hover, 
.plangei-five .new-ticket-selector #divNewWelcome:hover {
  background: var(--color-tertiary-contrast) !important;
}

/************** tipper */
.tipper .tipper-content {
	border-radius: 10px;
	border: 0px;
}
.tipper.right .tipper-caret {
	border-bottom: 10px solid #FFFFFF;
}
.tipper.left .tipper-caret {
	border-bottom: 10px solid #FFFFFF;
}
.tipper.top .tipper-caret {
	border-bottom: 10px solid #FFFFFF;
}
.tipper.bottom .tipper-caret {
	border-bottom: 10px solid #FFFFFF;
}

/************** datatable */
.plangei-five .dataTables_wrapper {
  border: 0px;
}
.plangei-five .planGeiDataTable_wrapper .caret {
  display: none;
}
.plangei-five table.dataTable {
  border: 1px solid var(--color-black-lighter);
  border-radius: 20px;	
  padding-top: 0px;
}

/* righe alternate */
.plangei-five table.dataTable tbody tr.even,
.plangei-five table.dataTable.hover tbody tr.even:hover, 
.plangei-five table.dataTable.display tbody tr.even:hover, 
.plangei-five table.dataTable > tbody > tr.child:hover,
.plangei-five table.dataTable.dtr-column tbody tr.even td.control  {
	background-color: var(--color-black-lightest) !important;
}
.plangei-five table.dataTable.hover tbody tr.odd:hover, 
.plangei-five table.dataTable.display tbody tr.odd:hover, 
.plangei-five table.dataTable > tbody > tr.child:hover {
  background-color: white !important;
}

/* header, footer */
.plangei-five .table.dataTable thead, .plangei-five table.dataTable tfoot{
  background-color: var(--color-black-lightest);
}
.plangei-five table.dataTable thead th:hover, .plangei-five table.dataTable tfoot th:hover {
  border: 0;
  background: inherit;
  border-radius: 8px !important;
}
.plangei-five .table thead th, 
.plangei-five table.dataTable thead th, 
.plangei-five table.dataTable tfoot th, 
.plangei-five table.dataTable > tbody > tr.child span.dtr-title {
  color: var(--color-black-base);
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 600;
}
.plangei-five table.dataTable thead th.sorting_asc, .plangei-five table.dataTable thead th.sorting_desc {
  border: 0px;
}
.plangei-five table.dataTable.dtr-column > thead > tr > th.control {
  background: inherit;	
}

/* column sort */
/*table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before {
  font-family: 'Fontello';
  display: inline;
  margin-right: 3px;
}
table.dataTable thead th.sorting_asc::before {
  content: '\e8b2';
}
table.dataTable thead th.sorting_desc::before {
  content: '\e8dc';
}*/
table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
table.dataTable thead th.sorting_asc::before {
  content:  '\f062';
}
table.dataTable thead th.sorting_desc::before {
  content: '\f063';
}

/* filter */
.dataTables_wrapper input.planGeiTextFilter,
table.dataTable .select2-container-multi .select2-choices,
.plangei-five .select2-container-multi.select2-container-active  .select2-choices {
  border-radius: 10px !important;
  max-width: 90% !important;
  border: 1px solid var(--color-black-lighter) !important;
  height: 27px;
}
.dataTables_wrapper input.planGeiTextFilter {
   max-height: 27px;	
}
.plangei-five textarea:focus, .plangei-five input[type="text"]:focus, .plangei-five input[type="password"]:focus, .plangei-five input[type="datetime"]:focus, .plangei-five input[type="datetime-local"]:focus, .plangei-five input[type="date"]:focus, .plangei-five input[type="month"]:focus, .plangei-five input[type="time"]:focus, .plangei-five input[type="week"]:focus, .plangei-five input[type="number"]:focus, .plangei-five input[type="email"]:focus, .plangei-five input[type="url"]:focus, .plangei-five input[type="search"]:focus, .plangei-five input[type="tel"]:focus, .plangei-five input[type="color"]:focus, .plangei-five .uneditable-input:focus {
  border-color: var(--color-black-lighter) ;
}
.dataTables_wrapper input.planGeiDataFilter {
  border-radius: 10px !important;
  border: 1px solid var(--color-black-lighter) !important;
  height: 27px;
  background-color: #ffffff !important;
}

/* button */
.plangei-five .planGeiDataTable_wrapper .btn, .plangei-five .planGeiDataTable_wrapper .btn,
.plangei-five .planGeiDataTable_wrapper .toolbar-left .btn {
	text-transform: capitalize;
}
.plangei-five .planGeiDataTable_wrapper .toolbar-left .btn, .plangei-five .planGeiDataTable_wrapper .toolbar-left2 .btn, .plangei-five .planGeiDataTable_wrapper .toolbar .btn {
  color: var(--color-tertiary-contrast) !important;
  background-color: var(--color-tertiary) !important;
}
.plangei-five .planGeiDataTable_wrapper .toolbar-left .btn, .plangei-five .planGeiDataTable_wrapper .toolbar-left2 .btn, .plangei-five .planGeiDataTable_wrapper .toolbar .btn {
 	border-radius: 30px;
}
.plangei-five .planGeiDataTable_wrapper .btn:hover {
	background-color: var(--color-primary) !important;
	color: var(--color-tertiary-contrast) !important;
}
.plangei-five .dataTables_wrapper #resetFilter,
.plangei-five .dataTables_wrapper #colVis>a {
	background-color: var(--color-black-light) !important;
}

.plangei-five .dataTables_wrapper .dt-button-collection {
	border: 0px;
	border-radius: 10px;
	color: var(--color-black-base);
	padding: 10px 0px;
	min-width: 200px;
}
.plangei-five div.dt-button-collection button.dt-button, 
.plangei-five div.dt-button-collection div.dt-button, 
.plangei-five div.dt-button-collection a.dt-button {
  	color: var(--color-black-base);
  	/* border-bottom: 1px solid var(--color-black-lighter); */
  	padding: 5px;
}
.plangei-five div.dt-button-collection button.dt-button:not(:last-child), 
.plangei-five div.dt-button-collection div.dt-button:not(:last-child), 
.plangei-five div.dt-button-collection a.dt-button:not(:last-child) {
  	border-bottom: 1px solid var(--color-black-lighter);
}


.plangei-five div.dt-button-collection button.dt-button:hover, .plangei-five div.dt-button-collection div.dt-button:hover, .plangei-five div.dt-button-collection a.dt-button:hover {
  background: none !important;
  color: inherit !important;
}

/* row per page */
.plangei-five .dataTables_wrapper .dataTables_length select {
  border: 1px solid var(--color-black-lighter) !important ;
  border-radius: 40px;
  color: var(--color-black-base) !important;
}


/* table DOM */
.plangei-five .dataTables_wrapper .toolbar-left, 
.plangei-five .dataTables_wrapper .toolbar-bottom-right {
	float:right;
	display: flex;
}
.plangei-five .dataTables_wrapper .toolbar-left {
	flex-direction: row-reverse;
	margin-bottom: 10px;
}
.plangei-five .dataTables_wrapper .toolbar-bottom-right {
	margin-top: 10px;
}	

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: var(--color-black-lighter) !important;
}

.plangei-five div.dataTables_paginate a.previous{
	padding-right: 10px;
}

.plangei-five div.dataTables_paginate li.first a::before, .plangei-five div.dataTables_paginate a.first::before, 
.plangei-five div.dataTables_paginate li.previous a::before, .plangei-five div.dataTables_paginate a.previous::before,
.plangei-five div.dataTables_paginate li.next a::after, .plangei-five div.dataTables_paginate a.next::after,
.plangei-five div.dataTables_paginate li.last a::after, .plangei-five div.dataTables_paginate a.last::after
{
  border: 1px solid var(--color-black-lighter) !important;
  border-radius: 40px;
  padding: 0px 6px;
}
.plangei-five div.dataTables_paginate li.previous a::before, .plangei-five div.dataTables_paginate a.previous::before,
.plangei-five div.dataTables_paginate li.next a::after, .plangei-five div.dataTables_paginate a.next::after{
  padding: 0px 8px;
}

div.dataTables_paginate a.first::before, div.dataTables_paginate a.previous::before {
  left: 0;
}

.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_length label, .dataTables_wrapper  .dataTables_info {
	font-weight: 600;
}

.dataTables_wrapper .dataTables_length {
  padding-right: 10px;
}
/* td */
.plangei-five table.dataTable.cell-border tbody td {
  border-top: 0px !important;
}