/* ==============================================//
// Fichier					: n4v_menu.css
// Version 					: 1.8
// Dernière modification 	: 02/07/2024
// ==============================================*/

.info_n4v {
	width: 15px;
	height: 15px;
	top: 0px;
	left: 0px;
	position: fixed;
}

.n4v_menu {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1000;
}

.n4v_menu:focus-within{
	border-style: dotted;
}

.wh24{
	background-color: white;
	background-size: 24px;
	width: 24px !important;
	height: 24px !important;	
}

.wh20{
	width: 20px !important;
	height: 20px !important;	
	background-size: 20px;
}

#n4v_mm_button {
	background-image: url("images/n4v_menu.svg");
	background-color: white;
	width: 24px;
    height: 24px;	
}
#n4v_mf_button {
	background-image: url("images/n4v_menu_filt_on.svg");
	background-color: white;
	width: 24px;
    height: 24px;	
}

#n4v_fs_button {
	background-image: url("images/n4v_fullscreen.svg");
	background-color: white;
	float: right;
	width: 24px;
	height: 24px;	
}
#n4v_tm_button {
	background-image: url("images/n4v_table.svg");
	background-color: white;
	width: 20px;
	height: 20px;
	float: right;
}
#n4v_if_button {
	background-image: url("images/n4v_info.svg");
	background-color: white;
	width: 20px;
	height: 20px;
	float: right;
}
#n4v_flt_button {
	background-image: url("images/n4v_filter.svg");
	background-color: white;
	float: right;
}
#n4v_sel_button {
	background-image: url("images/n4v_cleansel.svg");
	background-color: white;
	float: right;
}

/*Icon alert maps*/
.alert-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
    top: 5px;
    right: 35px;
    z-index: 999;
}

.alert-container a:hover,
.alert-container a:focus {
	text-decoration: none;
}

.alert-icon {
	width: 25px;
	height: 25px;
	background-color: yellow;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ff0000;
	font-size: 24px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	border: 3px solid yellow;
}

/*
#n4v_fs_button:not(:fullscreen) {
	background-image: url("images/n4v_fullscreen.svg");
	background-color: white;
	width: 24px;
    height: 24px;	
	float: right;
}

#n4v_fs_button:fullscreen {
	background-image: url("images/n4v_info.svg");
	background-color: red;
	width: 24px;
    height: 24px;	
	float: right;
}

#n4v_flt_button {
	background-image: url("images/n4v_filter.svg");
	width: 20px;
    height: 20px;	
	float: right;
}
*/

/*DEL*/
#n4v_fl_button {
	background-image: url("images/n4v_filter_on.svg");
	background-color: white;
	width: 24px;
    height: 24px;
	background-position-x: 1.5px;
    background-position-y: 1px;
}

.dropdown:hover .dropdown-n4vmenu{
    display: block;
}
.dropdown-n4vmenu{
    margin-top: 0;
}
	
.dropdown-menu>li>a {
	padding-right: 5px;
	padding-left: 5px;
}

.ui-dialog .ui-dialog-content {
	padding: 0;
}
#table_data {
	overflow: hidden;
}

.ui-dialog {
	padding: 0;
	z-index: 1001;
}

.ui-dialog-titlebar, .tabulator-footer{
	line-height: 1em;
}

.ui-widget-header {
    background: #008CB2;
    color: #fff;
}

.N4V_warnDlg .ui-widget-header {
    background: #ff0000;
    color: #fff;
}

.tabulator {
	font-size: 12px;
}

.tabulator .tabulator-header {
	color: #008CB2 !important;
}	

.tabulator .tabulator-calcs, .tabulator-group  {
	color: #008CB2 !important;
}

.tabulator .tabulator-footer {
    background-color: #f5f5f5 !important;
}

.tabulator-row.tabulator-selectable:hover {
    background-color: #f5f5f5;
    cursor: auto;
}

.tabulator-row.tabulator-group{
	background: #008cb265;
	padding: 0px 5px 0px 10px;
}
.tabulator-row.tabulator-group:hover{
	background: #008cb265;
}

.tabulator-row .tabulator-cell{
	padding: 2px;
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
	background-color: #008cb2 !important;
	color: #fff !important;
}

.tabulator .tabulator-footer .tabulator-page-size {
	border: 1px solid #008cb265 !important;
}
.tabulator .tabulator-footer .tabulator-page {
	border: 1px solid #008cb265 !important;
}
.tabulator .tabulator-footer .tabulator-paginator {
    color: #008cb2 !important;
	font-size: 13px;
}
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    background: #008cb2;
}

.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
    border: 2px solid #008cb265 !important;
    color: #008cb2 !important;
	font-size: 14px !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    white-space: pre-wrap;
	text-overflow: unset;
	width: 100%;
}
.tabulator .tabulator-header .tabulator-col {
	justify-content: flex-end;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
	border-bottom: 6px solid #008cb270;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 6px solid #008cb2;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: 6px solid #008cb2;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
    width: 100%;
}
	
.tabulator-ctrlc {
	float: left;
	border: 1px solid #008cb265 !important;
	color: #008cb2 !important;
}
.tabulator-footer {
	height: 30px;
}
.tabulator .tabulator-footer .tabulator-page-size {
	padding: 0px;
}

.tabulator-menu {
	top: 0px !important;	
	font-size: 13px;
}

.tabulator-col-title {
	font-size: 13px;
}
.tabulator-row.tabulator-group {
    padding-bottom: 1px;
    padding-top: 1px;
}

.tabulator-menu .tabulator-menu-item {
	color: #008CB2;
	padding: 2px 20px 2px 5px;
}
.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
	color: #fff;
	background-color: #008CB2;
}

.tabulator-edit-list {
	top: 0px;
}

.tabulator-col .tabulator-sortable {
	height: 40px !important;	
}

.tabulator-calcs-top>.tabulator-cell {
	height: 20px !important;
/*	padding-bottom: 0px;
	padding-top: 0px;*/
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{
	border-color: #008CB2;
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:hover:after{
	border-color: #fff;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
    background-color: #fff;
    color: #008cb2;
	border-radius: 20px;
	opacity: .6;
    padding: 0 6px;
	margin-right: 2px;
}

.tabulator-col-title:hover > .tabulator-header-popup-button {  
	background-color: #008cb2 !important;
    color: white !important;
}

.tabulator-col-N4V-header-holder{
	display:flex;
	flex-direction: row;
}

input[type=search]::placeholder {
	color: #008cb265;
}
input[type=search] {
    border-width: thin;
    border-radius: 3px;
	border-color: #008cb265;
	height: 20px;	
	font-size: 12px;
	font-weight: normal;
}
input[type=search]:focus-visible {
    outline-width: thin;
    outline-color: #008cb265;
}


.tab-content {
    margin-left: 5px;
    margin-top: 5px;
}

.nav {
    background-color: aliceblue;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: aliceblue;
}

.nav-tabs>li {
    font-weight: bold;
}

.tinf_n4v>thead>tr>th {
	background-color: #b8cce0 !important;
	color: #34495E;
}

.btnLeg span {
	font-size: 1.2em !important;
	font-weight: bold !important;
	top: 0px !important;
    left: 8px !important;
	color: #008cb2 !important;	
}
.btnLeg>rect:hover {
	transform: scale(1.02);
}
.btnLeg>rect {
	width: 20px;
	height: 20px;
	transition: transform 0.1s;
	stroke: #008cb2;
	fill: transparent;
}