/* Sticky footer styles
-------------------------------------------------- */



html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	/*margin-bottom: 60px;*/
}

.rapport {
	margin-right: 15px !important;
}

.filter-active {
	color: #e53f3f;
}



.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
}

.overlay-conversation-css {
     background-color: rgba(0, 0, 0, 0.6);
     z-index: 1001;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: none;
 }​

.navbar .brand {
	max-height: 40px;
	overflow: visible;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar a.navbar-brand {
	padding: 3px 15px 3px;
}

.current_page_item {
	font-weight: bold;
}

.page-header {
	border-bottom: 1px solid #eee;
	margin: 0px 0 20px;
	padding-bottom: 9px;
}

.itop_color_red {
	color: #d9534f;
}

.itop_color_blue {
	color: #337ab7;
}

.itop_color_green {
	color: #5cb85c;
}

/* Palette override
-------------------------------------------------- */
.palette{
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.palette-title{
    background-color:var(--xeolis-blue) !important;
    padding:10px;
}

/* Custom page CSS
-------------------------------------------------- */
.panel {
	border-radius: 0px;
}

.panel-heading {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
}

.main-color {
	color: #358cce;
}

/*
Nécessaire si :  navbar-fixed-top
body > .container {
  padding: 60px 15px 0;
} */
.container .text-muted {
	margin: 20px 0;
}

.footer>.container {
	padding-right: 15px;
	padding-left: 15px;
}

code {
	font-size: 80%;
}

/* Addons bootstrap - Side notes for calling out things
--------------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}

.bs-callout h4 {
	margin-top: 0;
}

.bs-callout p {
	font-size: 10px;
	color: red;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code, .bs-callout .highlight {
	background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
}

.bs-callout-warning {
	background-color: #fefbed;
	border-color: #f1e7bc;
}

.bs-callout-info {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}

/** Center the contents of the element **/
.centercontents {
	text-align: center !important;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

a.currentCompo {
	font-weight: bold;
	color: red;
}

img.t-sort-icon {
	vertical-align: bottom;
}

div.t-data-grid {
	font-family: Arial, Helvetica, sans-serif;
}

div.t-data-grid-pager {
	margin: 0 0 8px;
}

div.t-data-grid-pager a, div.t-data-grid-pager span.current {
	font-size: 13px;
}

div.t-data-grid-pager span.current {
	text-shadow: 0px -1px 0px #4D5F99;
}

/* table.t-data-grid th {
	min-width: 130px;
}
 */
table.t-data-grid th a {
	text-decoration: none;
	text-shadow: 0px -1px 0px #4D5F99;
}

table.t-data-grid thead tr {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DA9FF',
		endColorstr='#738FE6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8DA9FF),
		to(#738FE6)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #8DA9FF, #738FE6);
	/* for firefox 3.6+ */
}

.input-file {
	border: none !important;
	padding: 0 !important;
}

.tabhead a {
	display: block !important;
}

.itop_labelItemON {
	color: #428bca;
	font-weight: bold;
}

.bold {
	font-weight: bolder;
}

.italic {
	font-decoration: italic;
}

.itop_labelItemOFF {
	color: #999999;
}

.line1 {
	background-color: #ffffff;
}

.line2 {
	background-color: #fefefe;
}

.itop-sp-top {
	margin-top: 20px;
}

.itop-box-margin {
	margin: 5px;
}

.errorMsg {
	color: red;
}

#companySelect {
	display: inline;
	width: 70%;
}

.display-inline-important {
	display: inline !important;
}

.companyBtn {
	float: right;
}

.dayRange {
	width: 60px;
	display: inline;
}

label {
	text-align: right;
	padding-top: 7px;
}

.leaflet-container label {
    text-align: initial;
	padding-top: initial;
}


.margin-right-15 {
	margin-right: 15px;
}

.title-header {
	float: left;
	font-size: 20px;
}

.margin-left {
	margin-left: 15px;
}

.panel-header-separator {
	margin-left: 6px;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 7px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-color: #d9d9d9;
}

#widget-selector {
	position: absolute;
	z-index: 100;
}

.ace-settings-box {
	border: 0px solid #d3d7cf;
}

.display-block {
	display: block ! important;
}

.itop3 {
	margin-bottom: 10px;
}

.grey-color-opta {
	background-color: rgb(239, 239, 239);
}

.no-border {
	border: none;
}

.depot {
	color: green;
	margin-left: 20px;
}

.btn {
	border-radius: 0px;
	margin-right: 5px;
}

.margin-top {
	margin-top: 25px;
}

/* .widget-header {
	border: 1px solid #ddd;
} */

#fake-header-itinerary-panel {
	padding-top: 0px;
}

#fake-header-itinerary-head {
	background-color: #ddd;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 18px;
}

.capacity-box {
	width: 50px !important;
	float: right;
	height: 38px;
}

.capacity-box-pickup {
	margin-right: 0px;
	margin-top: -9px;
}

.capacity-box-delivry {
	margin-right: -13px;
	margin-top: -9px;
}

.capacity-box-result {
	border-radius: 0 !important;
	color: #858585;
	background-color: #eee;;
	border: 1px solid #D5D5D5;
	line-height: 38px;
	font-size: 14px;
	font-family: inherit;
	text-align: center;
}

.capacity-box-title {
	float: right !important;
	line-height: 38px;
	text-align: center;
}

.text-limit-collapse{
    display: -webkit-box;
    display: -moz-grid-line;
	text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.text-limit-90 {
    display: inline-block;
	text-overflow: ellipsis;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	margin: 0px;
	margin-bottom: -6px;
}

.text-limit {
	display: inline-block;
	text-overflow: ellipsis;
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	margin: 0px;
	margin-bottom: -6px;
}

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]:HOVER {
	-moz-appearance: number-input;
}

input[type=number]:FOCUS {
	-moz-appearance: number-input;
}

/* .select-crit {
	width: 150px !important;
} */
.form-filter-global {
	margin-left: 11px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #c2c2c2;
	margin-top: 5px;
	padding-top: 5px;
}

.panel-header {
	height: 56px;
}

.steps {
	width: 100% !important;
}

.inner-addon {
	position: relative;
}

.inner-addon .glyphicon, .inner-addon .fa {
	position: absolute;
	padding: 5px;
	pointer-events: none;
}

.inner-addon .fa {
	margin-top: 5px;
}

.glyphicon, .fa {
	z-index: 10;
}

.left-addon .glyphicon, .left-addon .fa {
	left: 0px;
}

.left-addon input {
	padding-left: 25px;
}

.collapse-label[aria-expanded="true"]::after {
	content: "\2191";
}

.collapse-label[aria-expanded="false"]::after {
	content: "\2193";
}

.track-and-trace-space {
	margin-bottom: 15px;
}

.sidebar.menu-min .sidebar-shortcuts-large {
	width: 200px;
}

td[data-grid-property=action], th[data-grid-property=action], td[data-grid-property=Action],
	th[data-grid-property=Action] {
	width: 10px;
}

.display-dropdown {
	display: inline !important;
}

.datePicker>.footer {
	display: none;
}

@media ( max-width : 991px) {
	#menu-toggler {
		display: inline-block !important;
	}
}

@media(max-width : 768px) {
	body .user-info {
		display: none !important;
	}
}

@media ( max-width : 540px) {
	.dropdown-file-dwnl {
		position: absolute !important;
	}
	.navbar:not (.navbar-collapse ) .navbar-header {
		float: right ! important;
	}
	#logoHeader {
		display: none;
	}
	.navbar:not (.navbar-collapse ) .navbar-buttons .user-info {
		position: absolute;
		margin-top: 40px;
		margin-left: 1px;
		right: 2px;
		z-index: 0;
		color: #777777;
		font-size: 14px;
		width: 156px;
		max-width: 156px;
		padding-left: 8px;
		padding-right: 8px;
		height: 32px;
		line-height: 26px ! important;
		display: none;
		border-bottom: 1px solid #e5e5e5;
		text-align: center;
		cursor: text;
	}
	.navbar:not (.navbar-collapse ) .navbar-buttons .user-info>small {
		display: inline;
		opacity: 1;
	}
	/* li.open .user-info {
		display: inline-block ! important;
	} */
	.title-header {
		font-size: 15px;
	}
	#breadcrumbs {
		display: none;
	}
	#hiddenSearch {
		display: block !important;
	}
	#hiddenSearchIcon {
		background-color: #fff;
		border: 1px solid;
		border-radius: 100%;
		padding: 0 5px !important;
		color: var(--xeolis-blue) !important;
		font-size: 14px !important;
		line-height: 24px !important;
	}
	#searchField {
		width: 150px !important;
	}
	.dropdown-file-dwnl {
		position: absolute !important;
	}
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-1 {
	margin-bottom: 1px;
}

.mt-5 {
	margin-top: 5px;
}

@media only screen and (max-height: 540px) {
	.dropdown-file-dwnl {
		position: absolute !important;
	}
}

/* Itinary presentation *********************/
.customHeader {
	padding: 8px 12px;
	border: 1px solid #dae2ea;
	font-weight: 700;
	margin: 5px 0px;
}

.custom-counter {
	margin: 0;
	padding: 0;
	list-style-type: none;
	counter-reset: step-counter;
}

.custom-counter .custom-counter-sub {
	margin: 8px;
	display: inline-block;
	/* width: 20px; */
}

.custom-counter .custom-counter-sub::before {
	content: counter(step-counter);
	counter-increment: step-counter;
	/* margin-right: 2px; */
	font-size: 80%;
	background-color: rgb(180, 180, 180);
	color: white;
	font-weight: bold;
	padding: 3px 8px;
	border-radius: 11px;
	/* width: 30px; */
	height: 30px;
}

/* Couleur info - bleu*/
.customHeader-counterC0, .custom-counterC0 .custom-counter-sub::before {
	background-color: #3a87ad;
	color: #ffffff;
}

/* Couleur success - vert*/
.customHeader-counterC1, .custom-counterC1 .custom-counter-sub::before {
	background-color: #82af6f;
	color: #ffffff;
}

/* Couleur warning - orange */
.customHeader-counterC2, .custom-counterC2 .custom-counter-sub::before {
	background-color: #ffb752;
	color: #ffffff;
}

/* Couleur danger - rouge*/
.customHeader-counterC3, .custom-counterC3 .custom-counter-sub::before {
	background-color: #d15b47;
	color: #ffffff;
}

.customHeader-counterC4, .custom-counterC4 .custom-counter-sub::before {
	background-color: #75507b;
	color: #ffffff;
}

.customHeader-counterC5, .custom-counterC5 .custom-counter-sub::before {
	background-color: #204a87;
	color: #ffffff;
}

.customHeader-counterC6, .custom-counterC6 .custom-counter-sub::before {
	background-color: #b366ff;
	color: #ffffff;
}



.customHeader-counterC7, .custom-counterC7 .custom-counter-sub::before {
	background-color: #339966;
	color: #ffffff;
}
.customHeader-counterC8, .custom-counterC8 .custom-counter-sub::before {
	background-color: #cc3300;
	color: #ffffff;
}

.customHeader-counterC9, .custom-counterC9 .custom-counter-sub::before {
	background-color: #000000;
	color: #ffffff;
}

.dd-handleItinary, .dd2-contentItinary {
	background: none repeat scroll 0% 0% #f8faff;
	border: 1px solid #dae2ea;
	box-sizing: border-box;
	color: #7c9eb2;
	display: inline;
	font-weight: 700;
	margin: 5px 0px;
	min-height: 38px;
	padding: 8px 12px;
	text-decoration: none;
}

.padding-top-5 {
	padding-top: 5px;
}

.label-gray {
	color: #666666;
	margin-bottom: 0;
}

.fondSize {
	font-size: 15px;
}

.tooltip-inner {
	min-width: 100px;
	max-width: 100%;
}

@media ( max-width : 320px) {
	.tooltip-inner {
		min-width: initial;
		max-width: 320px;
	}
	.page-content {
		padding: 2px 0;
	}
	.panel {
		margin-bottom: 10px;
	}
}

.cgu-txt-class {
	text-align: justify;
}

/* Correction google maps box-sizing */
.gm-style * {
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

.i18n-class {
	font-style: italic;
	border-bottom: solid darkorange 1px;
	color: darkorange;
}

#tradTableId>tbody>tr>td, #tradTableId>tbody>tr>th {
	width: 25%;
}
.H_ib_body {
	color: black !important;
	background-color: white !important;
	box-shadow: 1px 1px #c2c2c2;
}
.H_ib_close>.H_icon {
	fill: black !important;
}
.H_ib_content {
	font-size: 0.6em ! important;
	margin-left: 20px ! important;
	margin-right: 10px ! important;
	margin-bottom: 10px ! important;
}
.H_ib_tail {
	fill: white;
}

.H_ib.margin {
    margin-top: -20px;
}

.infobox-missiondetail {
	width: 100%;
	position:relative;
	margin-right: 10px; 
	cursor: pointer;
}

.checkListInline > div, .checkListInline > div > div,
.checkListInline > div > div > div {
	display : inline;
	position: initial;
	margin-right: 5px;
}

/*[data-style="true"] */
.main-container::before {
	background-color: transparent !important;
}

/*[data-style="true"] */
.panel-heading {
    background: transparent !important;
    border: none;
    padding: 0;
    min-height: 40px;
}


.panel-title {
	font-size: 1em;
    font-weight: bold;
    display: inline-block;
    padding: 0 15px;
    line-height: 40px;
    vertical-align: middle;
}


.panel.flex .title-header, .panel.flex .panel-title {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel.flex .panel-addon {
	flex-shrink: 0;
}

.panel.flex .panel-heading {
    display: flex;
}


.panel-addon {
	line-height: 40px;
	vertical-align: bottom;
	margin-right: 5px;

}

.panel:not(.flex) .panel-addon {
    float: right;
}

/* Pour les modal embedded dans .panel-addon */
.panel-addon .modal {
    line-height: initial;
}

.panel .title-header .input-sm,
.panel .panel-title .input-sm,
.panel .panel-addon .input-sm {
    height: 26px;
}


.title-header {
	padding: 5px 15px;
}

/*[data-style="true"] */
.main-content {
    background-color: transparent !important;
}

/*[data-style="true"] */
.page-content {
    background-color: transparent !important;
}

/*[data-style="false"] .widget-header {
	border: 1px solid #ddd;
}*/

/*[data-style="true"] */
.widget-header {
	background-image: none !important;
	background-color: #fff !important;
	font-weight: bold;
}

/*[data-style="true"] */
.widget-box {
	background-color: #fff !important;
	margin-top: 0;
}

/*[data-style="true"] */
.panel {
	margin-bottom: 16px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 8px;
    padding-left: 8px;
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}

.form-horizontal .form-group {
    margin-right: -8px;
    margin-left: -8px;

}

.panel .borderless .table-bordered {
   margin-bottom: 0;
   border-style: solid none none none;
}

.panel .borderless .pagination {
    margin-bottom: -5px;
}

.panel .borderless .table-bordered tr:last-child td {
    border-bottom: none;
}

.panel .borderless .table-bordered td:last-child {
    border-right: none;
}

.panel .borderless .table-bordered td:first-child {
    border-left: none;
}

table {
    background-color: white;
}

.table > thead > tr {
    background-image: none;
    background: #fff;
}

body/*[data-style="true"]*/ {
    background-color: #f8f8f8 !important;
}






.fullWidthPalette .palette, .fullWidthPalette .palette-title, .fullWidthPalette select
{
	width: 100% !important;
}

.fullWidthPalette .palette-available,
.fullWidthPalette .palette-selected
{
	width: calc(50% - 25px) !important;
}
/*
.fullWidthPalette .palette-controls
{

} */

.MoneyTranslator{
text-align:right;
}


/*
.beta-border:after {
  content: "BETA";
  position: absolute;
  width: 50px;
  color: white;
  background: red;
  padding: 2px 25px;
  display: block;
  font-weight: bold;
  transform: rotate(-45deg);
  top: 24px;
  left: -16px;
  overflow: hidden;
  clip-path: polygon(29% 0, 74% 0, 97% 100%, 5% 100%);
 }*/


.side-collapse {
    overflow: hidden;
    -webkit-transition: max-width 1s; /* For Safari 3.1 to 6.0 */
    transition: max-width 1s;
    width: auto;
}

.side-collapse.collapsed {
    /*width: 20px;*/
    max-width: 0 !important;
}



.action-btn.btn-default {
    background-color: #FFF !important;
    border: 1px solid #ABBAC3 !important;
    color: #80909a !important;
}

.loadingGif {
    margin: auto;
    padding: 8px;
}

.ace-nav > li > a {
    background-color : var(--xeolis-blue);
}


.dropdown-divider{
border-top: 1px solid #e9ecef;
}

.hover-hightlight:hover {
    background-color: #fbfbfb;
}

.icon-dropdown{
	font-size:16px;
	margin-right:10px;
	margin-left:5px;
	line-height:40px;
}

.checkListRow > div[id^="checklist"] > div {
	display: inline-block;
	width : 48%;
	float:left;
}
.checkListRow div[id^="checklist"] div div label {
	text-align:left;
}

.collapse-toggle {
	cursor: pointer;
}

.collapse-toggle .glyphicon-chevron-down,
.collapse-toggle .glyphicon-chevron-up {
    cursor: pointer;
}

.collapse-toggle[aria-expanded=true] .glyphicon-chevron-down {
   display: none;
}

.collapse-toggle[aria-expanded=false] .glyphicon-chevron-up {
   display: none;
}


.fa.text-warning,
.far.text-warning,
.fas.text-warning {
    color: #F89406 !important;
}


/* CARD LAYOUT */
.card {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid black;
}

.card.bg-info {
  border-color: #c7e8f9;
}

.card.bg-success {
  border-color: #cbf7ba;
}

.card.bg-primary {
  border-color: #316c9f;
}


.card .card-content,
.card .card-icon {
  padding: 8px;
}

.card .card-center {
  flex-grow: 1;
  text-align: center;
  font-size: 30px;

    white-space: nowrap;
}

.card .card-content {
  flex-grow: 0;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}

.card .card-icon .fa {
  font-size: 100px;
}

.card-fixed-size {
  width: 400px;
  /* height: 150px;*/
}

.t5-checkbox-inline > div {
    display: flex;
}

.t5-checkbox-inline .checkbox {
    padding-top: 0 !important;
}

.t5-checkbox-inline > div > div {
    margin-right: 4px;
}

.popover {
    max-width: 80vh !important;
}

.dropdown-show{
    background-color: var(--xeolis-blue);
      color:white !important;

}

.tabhead.active .icon-tabhead {
	background-color: #FFB752 !important;
    color: white;
    font-weight: bold;
}





.sizeable-checkbox input[type="checkbox"] {
    display: none;
}

.sizeable-checkbox input[type="checkbox"] + label .state-checked {
    display: none;
}


.sizeable-checkbox input[type="checkbox"]:checked + label .state-checked {
    display: inline;
}


.sizeable-checkbox input[type="checkbox"] + label .state-unchecked {
    display: inline;
}

.sizeable-checkbox input[type="checkbox"]:checked + label .state-unchecked {
    display: none;
}

/*
*//* CSS below will force radio/checkbox size be same as font size *//*
.sizeable-checkbox label{
	position: relative;
	line-height: 1.4;
}


*//*checkbox*//*//*
.sizeable-checkbox input[type=checkbox]{
	width: 1em;
	font-size: inherit;
	margin: 0;
	*//* transform: translateX(-9999px); *//*
}
.sizeable-checkbox input[type=checkbox] + label:before{
	position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border:none;
	border-radius: 10%;
	background-color: #bbbbbb;
}
.sizeable-checkbox input[type=checkbox] + label:after{
	position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: white;
	border-radius: 10%;
	transform: scale(0.8);
}
*//*checked*//*
.sizeable-checkbox input[type=checkbox]:checked + label:before{
	position:absolute;
	content:'';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: #3b88fd;
}
.sizeable-checkbox input[type=checkbox]:checked + label:after{
	position: absolute;
	content: "\2713";
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: #3b88fd;
	border-radius: 10%;
	color: white;
	text-align: center;
	line-height: 1;
}
*//*focused*//*
.sizeable-checkbox input[type=checkbox]:focus + label:before{
	border: 0.1em solid #8eb9fb;
	margin-top: -0.1em;
	margin-left: -0.1em;
	box-shadow: 0 0 0.2em #3b88fd;
}*/


 .notdotted:focus{
    outline: none;
 }


td.ellipsis {
    position: relative;
}

.ellipsis:before {
    content: ' ';
    visibility: hidden;
}

td.ellipsis span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.bubble-tags-short{
    display:inline-block;
    /*border-radius:50%;*/
    width:5px;
    height:15px;
}

.bubble-tags{
    display:inline-block;
    border-radius:50%;
    width:15px;
    height:15px;
}

.bubble-tags-detail{
        display:inline-block;
        border-radius:25%;
        width:25px;
        height:15px;
        text-align:center;
        border:1px solid var(--xeolis-blue);
        line-height: 1;
        position: relative;
        bottom: 3px;

}

.bubble-popover-tags{
    display:block;
    text-align:center;
    padding: 2px 4px;

}

.round-btn{
    min-width:26px;
    border-radius:50%;
}

.centered-cell {
  text-align: center;
}