/********************************      Elements styling      ********************************/

html{

	height:100%;

}



body {

  padding-top: 2.9rem;

  height:100%;

  overflow-x:hidden;

  overflow-y:hidden;

}



h1, h2, h3, h4, h5, h6 {

  font-family: Helvetica, Arial, sans-serif;

  color: #222;

  font-weight: bold;

}



h1 {

	font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 1.9375rem; font-weight: bold; color: #fff;

	position: absolute; top: -1000px;  /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */

}



h2 { font-size: 1.625rem; padding: 0 0 0 0.625rem; }

h3 { font-size: 1rem; padding: 0 0 0 0.625rem; }

h4 { font-size: 0.9375rem; padding: 0 0 0 0.625rem; }

h5 { font-size: 0.875rem; padding: 0 0 0 0.625rem; }

h6 { font-size: 0.75rem; padding: 0 0 0 0.625rem; }



strong { font-weight: bold; color: #333; }



small { font-size: 0.85em; }



pre { font-family: monospace;

	white-space: pre-wrap;       /* css-3 */

 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

 	white-space: -pre-wrap;      /* Opera 4-6 */

 	white-space: -o-pre-wrap;    /* Opera 7 */

 	word-wrap: break-word;       /* Internet Explorer 5.5+ */

}



p {

	padding: 0.1875rem 0 0.1875rem 0;

  line-height: 1.6em;

}



ol, ul {

	list-style: none;

	padding-left:unset;

}



a, .texte {

	color:var(--color-7);

}



.clear {

	clear:both;

}

/********************************      General Classes      ********************************/



.fa-right {

	/*padding-right: 0.5rem;*/

	min-width:1rem;

}

.fa-left {

	padding-left: 0.5rem;

}



.fa-none{

	width: 0.0625rem; /*1.75px;*/

}

/********************************      Login Page      ********************************/



body#login {

  color: #fff;

  background-color: #222;

  /*background-image:url('../../ressources/images/bg-login.gif');
*/
}



#login-wrapper #login-top {

	width: 100%;

	padding: 1.5625rem 0 1.5625rem 0;

	text-align: center;

}



@media only screen and (max-width: 500px) {

	#login-wrapper #leleft, #login-wrapper #leright {

		display:none;

	}

	#login-wrapper #lecentre.col-md-6 {

		ms-flex: 0 0 90%;

   	flex: 0 0 90%;

   	max-width: 90%;

   	margin-left: 5%;

	}

}

/********************************      Index Général      ********************************/

/* Top navigation

* Hide default border to remove 1px line.

 */


#toaster {
	position: absolute;
	/*min-height: 4rem;*/
	min-width: 19rem;
	bottom: 0px;
	right: 0px;
	margin: 0 1rem 1rem 0;
	z-index: 9999999;
}


.loader {

	position: fixed;

	top:0;

  width: 100%;

  height: 100%;

  z-index: 100000000;

  background-color: rgb(0,0,0,0.3);

}



.spinner-border-loader {

	width:20rem;

	height:20rem;

	border: 3rem solid currentColor;

	border-right-color: transparent;

}



#logo {

 	max-height:2.125rem;

 	margin-top:-0.5rem;

 	max-width:8rem;

}



.navbar-brand {

	padding:unset;

}



.clock {

	/*min-width:8.75rem;
*/
	/*padding:0.5rem 0.625rem 0.3125rem 0.625rem; /* 10px; */

	padding-left:0.625rem;
	text-align:center;
	color: var(--color-6);

	/*text-shadow: 0 -0.0625rem 0 rgba(0,0,0,.25);
*/
	font-size:x-small; /*smaller;
*/
}



.navbar.fixed-top {

  border: 0;

  padding-right:0.5rem;

  padding-top:0;

  padding-bottom:0;

}



.colorNavBar {

	background-color : var(--color-2);

}



#navbar {

	height: 2.9375rem;

}



.navbar .navbar-nav>li>a:focus, .navbar .navbar-nav>li>a:hover {

	color: #fff;

	background-color: var(--color-3);

}



.nav-link.dropdown-toggle {

	padding-left:0.3125rem;

	font-size:smaller;

}



/*

* DROPDOW?NAV

*/

.dropdown-toggle::after, .dropdown-submenu > .dropdown-item::after {

    display: inline-block;

    margin-left: .255em;

    vertical-align: .255em;

    content: "";

    border-top: .3em solid;

    border-right: .3em solid transparent;

    border-bottom: 0;

    border-left: .3em solid transparent;

}



.dropdown-toggle:empty::after, .dropdown-submenu:empty::after {

    margin-left: 0

}



.dropdown-divider {

  height: 0;

  margin: .5rem 0;

  overflow: hidden;

  border-top: 0.0625rem solid var(--color-1)

}



.dropdown-item, .dropdown-item:focus {

	font-size:smaller;

  display: block;

  width: 100%;

  padding: .25rem 1.5rem;

  clear: both;

  font-weight: 400;

  color: var(--color-1);

  text-align: inherit;

  white-space: nowrap;

  background-color: transparent;

  border: 0

}



.dropdown-item:hover {

	text-decoration: none;

	background-color: var(--color-5);

	color:var(--color-1);

}



.dropdown-item > i {

	margin-right:0.625rem; /* 10px; */

}



.dropdown-menu-sub {

  display: none;

  padding: unset;

  font-size: 0.875rem;

  text-align: left;

  list-style: none;

  background-color: var(--color-4);

}



.dropdown-menu-sub > li > a.dropdown-item {

	padding-left: 2.5rem;

}



.navbar-nav>.active>a, .navbar-nav>.open>a,.navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover {

	/*background-color: var(--color-9);*/

	background-image: unset;

}



.navbar-nav>li>a {

	color: var(--color-8) !important;

}



.dropdown-menu:not(.datepicker-dropdown) {

	background-color: var(--color-3);

	margin-top:-0.0625rem;

	border-radius:unset;

}


.dropdown-light {
	background-color: var(--info) !important;
	margin-top:unset !important;
}


.dropdown-menu>li>a, .dropdown-menu>li {

  color: var(--color-1);

}

/*

 * Sidebar

 */

/* Hide for mobile, show later */

.sidebar {

	position: absolute;

	top: 2.9375rem;

	width: 12rem;

	height: 100%;

	min-height: 100%;

	background-color: var(--color-2);
	overflow-x: hidden;

  overflow-y: auto; /*auto; /* Scrollable contents if viewport is shorter than content. */

}

@media (min-width: 768px) {

  .sidebar {

    float:left;

    height: auto !important;

    bottom: 0;

    left: 0;

    z-index: 1000;

    display: block;

    padding-left: 0.625rem; /* 10px; */


    /*background-color: var(--color-2);*/

    max-width:unset;

  }

}



.plie {

	width: 2.8125rem; /* 45px; */

}

/* Sidebar navigation */

.nav-sidebar {

  margin-right: -1.3125rem; /*-21px; /* 20px padding + 1px border */

  /*margin-bottom: 20px;*/

  margin-left: -1.25rem; /* -20px; */

}



.btnMenu {

	cursor:pointer;

	left: -1.25rem; /* -20px; */

}



.linkIcone {

	padding:0.625rem 0.625rem 0.625rem 1.25rem;

	margin-right:0.3125rem;

	background-color: var(--color-4);

	min-width:3.125rem;

	display: inline-block;

	line-height:1;

}



.link_lvl1, .dropdown-submenu > a {

	white-space:nowrap;
	cursor:pointer;

}


/* Texte défilant */

.defileParent {
	display: inline-flex;
	/*margin: 1em auto;*/
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	/*width: 700px;*/
}
.defile {
	/*display:block;*/
	-webkit-animation:linear marqueelike 5s infinite ;
	-moz-animation:linear marqueelike 5s infinite ;
	-o-animation:linear marqueelike 5s infinite ;
	-ms-animation:linear marqueelike 5s infinite ;
	animation:linear marqueelike 5s infinite ;
	margin-left:-100%;
	/*padding:0 5px;
	text-align:left;
	height:25px;*/
}

.pin{
	margin-top:1.1rem !important;
}

.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

#soldeDiv {min-width:191px;}
@media only screen and (max-width: 800px) {
	#soldeDiv {max-width:120px;min-width:100px;}
}

@media only screen and (max-width: 860px) {
	.defileParent {
		/*display: block;
		margin: 3em auto;*/
		overflow: hidden;
		position: relative;
		table-layout: fixed;
		/*width: 100%;*/
	}

	.defile {
		/*display:block;*/
		-webkit-animation:linear marqueelike 15s infinite ;
		-moz-animation:linear marqueelike 15s infinite ;
		-o-animation:linear marqueelike 15s infinite ;
		-ms-animation:linear marqueelike 15s infinite ;
		animation:linear marqueelike 15s infinite ;
		margin-left:-100%;
		/*padding:0 5px;
		text-align:left;
		height:25px;*/
	}
}

.sidebar > ul > li:first-child > a {

	border-top: 0.0625rem solid var(--color-9);

}



.nav-sidebar > li > a {

	padding: unset;

	border-bottom: 0.0625rem solid var(--color-9);

	color:var(--color-8) !important;

	background-color:var(--color-3);

}



.nav-sidebar > li > a:focus, .nav-sidebar > li > a:hover {

	text-decoration: none;

	background-color: var(--color-5);

	color: var(--color-1);

}



.nav-sidebar > li > a:focus > .linkIcone, .nav-sidebar > li > a:hover > .linkIcone {

	background-color:var(--color-7);

}



.nav-sidebar > .active > a {

  color: var(--color-8);

  background-color: var(--color-9);

}



.nav-sidebar > .active > a > .linkIcone {

	background-color:var(--color-10);

}



.hoverLink {

	text-decoration: none;

	background-color: var(--color-5)!important;

	color: var(--color-1)!important;

}



.hoverLinkIco {

	background-color:var(--color-7)!important;

}



.dropdownMenu {

	position:absolute;

	right:0.625rem;

	margin-top:0.625rem;

}



.dropdown-sidebar {

	text-decoration: none;

	background-color: var(--color-1);

	color:var(--color-1);

  padding-left: 0.625rem;

	margin-bottom: 0;

	list-style: none;

	max-width: 12.5625rem;

	max-height:30rem;

	overflow-y:auto;

}



.dropdown-sidebar > li > a {

	color:var(--color-3);

	padding:unset;

	white-space:unset;

}



.dropdown-sidebar > li > a:focus, .dropdown-sidebar > li > a:hover {

	text-decoration: none;

	background-color: var(--color-5);

	color:var(--color-1);

	font-weight:bold;

	padding:unset;

	white-space:unset;

}



.dropdown-sidebar > li:hover {

	background-color: var(--color-5);

}



.dropdown-sidebar-divider:hover {

	background-color: var(--color-1) !important;

}



.dropdown-sidebar > li {

	clear:both;

	padding:0.3125rem;

}



.dropdownLinkIcone{

	padding:0.285rem 0.3125rem;

	float:left;

}



.dropdownLinkTexte{

	font-size:0.75rem;

}



.dropdown-sidebar-divider {

	color:var(--color-3);

  border-bottom: 1px solid var(--color-6);

  font-size: 0.75rem;

  text-align:right;

  opacity: 0.8;

  font-style:italic;

}



.pliage {

  position: fixed;

  z-index: 10000;

  min-width: 25%;
/* max-content */
  padding-right: 0.625rem;

  left: 2.8125rem;

  margin-top: -2.3125rem;
  /*top:10vh;*/
  border:1px solid var(--color-2);

  max-height:60vh;
}


@media (min-width: 1024px) {

	.pliage { min-width:20%;}
}

@media (min-width: 1280px) {

	.pliage { min-width:15%;}
}


.plie .dropdownMenu.fas.fa-angle-down {

    left: 2.1875rem;

}



.plie .dropdownMenu.fas.fa-angle-right {

    left: 1.875rem;

}



/********************************      Main Content      ********************************/



.main {

  padding-top: 0.3rem !important;

  width: 90%;

  margin-left: 12rem;

  overflow-y:auto;

  overflow-x:hidden;

  height:100%;
}



.main-plie{

	width:97.5%;

	margin-left:2.875rem;

}



@media (min-width: 768px) {

  .main {

    padding: 0.3125rem;

  }

}

.main .page-header {

  margin-top: 0;

}


#mainMenu{
	height:fit-content;
	margin-bottom:4rem;
}
#footer {

	border-top: 1px solid var(--color-5);

	/*margin: 10px 0 10px 0;*/

	padding: 0.3rem;

	background-color: var(--color-6);

}



.returnOnTop, .btn-color, .bg-color {

  background-color:var(--color-3);

}

.text-color {
	color:var(--color-2);
}


/*************** Content Box ***************/

.content-box {

  border: 0.0625rem solid var(--color-5);

  background: #f5f5f5;

  font-size:0.6875rem;

}



.content-box-header {

  /*margin-top: 0.0625rem;*/

  height: 2.5rem;

  background-color: var(--color-6);

}



.content-box-header h3, .content-box-header h4 {

  /*padding-left: 15px;

  float: left;

  margin: unset;*/

  padding-top:0.625rem; /* 10px; */



}



ul.content-box-tabs {

	float: right;

	padding: 0.75rem 0.9375rem 0 0 !important;

	margin: 0 !important;

}



ul.content-box-tabs li {

  float: left;

  margin: 0;

  padding: 0 !important;

  background-image: none !important;

}



ul.content-box-tabs li a {

  color: #333;

  padding: 0.5rem 0.625rem; /* 10px; */

  display: block;

  margin: 0.0625rem;

  border-bottom: 0;

}



ul.content-box-tabs li a:hover {

	color: #57a000;

}



ul.content-box-tabs li a.current {

  background: #fff;

  border: 0.0625rem solid #ccc;

  border-bottom: 0;

  margin: 0;

}



.content-box-content {

  padding: 0.625rem; /* 10px; */

  font-size: 0.6875rem;

  border-top: 0.0625rem solid #ccc;

}



/************ Table ************/



#main-content table, table.dataTable {

	width: 100% !important;

	border-collapse: collapse !important;
}


#main-content table thead tr,  table.dataTable thead tr {
	/*font-weight: bold;

	font-size: 11px;*/

	border-bottom: 0.0625rem solid #ddd;

	background-color:var(--color-4) !important;

	color:var(--color-1);

}


#main-content table tbody td, #main-content table thead th, table.dataTable thead th, table.dataTable tbody td {
	padding: 0.4rem;
}

#main-content table.dataTable thead td, #main-content table.dataTable thead th,  table.dataTable thead th,  table.dataTable thead td {

	padding-right:1rem;
}


.JQSelFilter {

	width:auto;

	display:inline-block;

}


.disabled, .readonly{
	background-color:white !important;
	cursor:not-allowed;
}
/**************************************************** datatable ************************************************/

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:0.25rem;

	left: unset;

	position:unset;

	display:inline-block;

	margin-right:0.3125rem;

}



@media (min-width: 1024px) {

	table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {

		bottom:unset;

		display:inline-block;

	}

}


.DTdisabled {
	/*opacity: 0.65 !important;*/
  background-color: var(--color-1); /* 6 */
  padding:0.2rem 0 0.1rem 0;
  font-size:smaller;
}

.DTenable {
  background-color: var(--color-7); /* 10 */
  padding:0.2rem 0 0.1rem 0;
  font-size:smaller;
}

.optionsButton, .actionsButton {

	padding: .25rem 0.5rem;

	cursor: pointer;

	background-color : var(--color-4);

	color: var(--color-1);

}



.optionsPanel, .actionsPanel {

    padding: 0.5rem;

    background-color: var(--color-5);

}



.buttonPanelOptions {

	float:left;

}



div.dt-button-collection.dropdown-menu {

	background-color:var(--color-8);

}



div.dt-button-collection.dropdown-menu .dt-button {

	color:unset;

}



.dt-buttons { display:none; }



.optionsPanel .dropdown-menu{

	background-color:var(--color-8);

}



.ui-state-disabled {

	opacity:0.35;

}



.page-item.active .page-link {

	background-color:var(--color-4);

	border-color:var(--color-4);

}



.dataTables_wrapper a {

	color:var(--color-4);

}



.dataTables_wrapper, .dataTables_wrapper select, .dataTables_wrapper input  {

	font-size: 0.65rem;

}



.dataTables_wrapper select {

	height:unset;

	padding: 0.3rem 1.75rem 0.3rem 0.75rem;

}



.dataTable span.input-group-text {

    font-size: unset;

    line-height: unset;

    padding: 0 0.375rem 0 0;

    border: unset;

}



.form-control-dtt {

	height:unset !important;

}



.gab-dtt {

	/*height:unset !important;

	line-height: 1 !important;*/

	padding: .1rem .5rem !important;

	border-color: #343a40;

}



div.dataTables_wrapper div.dataTables_info {

	display: inline-block;

}



div.dataTables_wrapper div.dataTables_paginate {

	float:right;

}



.group {

	cursor:url('../fontawesome-free-5.6.0-web/svgs/solid/sort.svg'), ns-resize;

}

.cursornsresize {

 	cursor: ns-resize;

}



.custom-control-label::before {

 	top: 0rem;

}



.custom-control-label::after {

 	top: 0rem;

}



.custom-control {

	height:0.7rem;

	min-height:0.7rem;

}



.custom-control.custom-checkbox.left {

	display:inline-block;

	padding-left: 2rem;

}



.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {

	background-color:rgba(0,10,50,0.2) !important;

	border-color:rgba(0,10,50,0.2) !important;

}



.custom-control.custom-radio.left {

	display:inline-block;

	padding-left: 2rem;

}



.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {

	background-color:rgba(0,10,50,0.2) !important;

	border-color:rgba(0,10,50,0.2) !important;

}



.custom-control-input:checked~.custom-control-label::before {

	border-color:var(--color-3);

	background-color:var(--color-3);

}



.bg-primary.custom-control-input:checked~.bg-primary.custom-control-label::before {

	border-color:var(--primary);

	background-color:var(--primary);

}



.bg-secondary.custom-control-input:checked~.bg-secondary.custom-control-label::before {

	border-color:var(--secondary);

	background-color:var(--secondary);

}



.bg-success.custom-control-input:checked~.bg-success.custom-control-label::before {

	border-color:var(--success);

	background-color:var(--success);

}



.bg-danger.custom-control-input:checked~.bg-danger.custom-control-label::before {

	border-color:var(--danger);

	background-color:var(--danger);

}



.bg-warning.custom-control-input:checked~.bg-warning.custom-control-label::before {

	border-color:var(--warning);

	background-color:var(--warning);

}



.bg-info.custom-control-input:checked~.bg-info.custom-control-label::before {

	border-color:var(--info);

	background-color:var(--info);

}



.bg-light.custom-control-input:checked~.bg-light.custom-control-label::before {

	border-color:var(--light);

	background-color:var(--light);

}



.bg-dark.custom-control-input:checked~.bg-dark.custom-control-label::before {

	border-color:var(--dark);

	background-color:var(--dark);

}



.bg-white.custom-control-input:checked~.bg-white.custom-control-label::before {

	border-color:var(--white);

	background-color:var(--white);

}



/******************************************************** RECUP OLD BOOTSTRAP *****************************************************/

.well {

	background-color: #f5f5f5;

}



.well .card-body{

	padding:0.25rem;

}



.well .card-body p{

	margin:0;;

}



.wellTitle {

	font-size:0.7rem;

}



/******************************************************  CSS visuel complémentaire ************************************************/

.rotated{
	transform: rotate(90deg);
}

.space-left {

	margin-left:0.5rem;

}



.space-right {

	margin-right:0.5rem;

}



.dropdown-toggle::after, .dropdown-submenu > .dropdown-item::after {

	margin-left:0.8rem;

}



.font-size-sm {

	font-size:0.7rem !important;

}



.font-size-md {

	font-size:1rem !important;

}



.text-bold {

	font-weight:bold;

}



.w-fill{

	width:-webkit-fill-available !important;

	width:-moz-available !important;

}



.h-fill{

	height:-webkit-fill-available !important;

	height:-moz-available !important;

}



.bg-muted{

	background-color:#B3B8BD !important;

}



.btn-muted{

	background-color:#B3B8BD !important;

	border-color:#B3B8BD !important;

}



.btn-xs {

	padding: .25rem .5rem !important;

  font-size: .7rem !important;

  line-height: 1 !important;

  border-radius: .2rem;

}

.rounded-bottom-left {

	border-bottom-left-radius: 0.25rem !important;

}
.rounded-last {
	border-radius: 0 0.3rem 0.3rem 0 !important;
	z-index:50;
}

.bg-input {

	background-color: #e9ecef;

}



.btn.text-muted.active{

	color:#fff !important;

}



.pointer{

	cursor:pointer !important;

}



.loupe{

	cursor:zoom-in;

}



.linkTexte{

	font-size:0.9rem;

}



.panelHead {

	padding:0.2rem 1rem;

}



.panelTitle {

	font-size:0.75rem;

	font-weight:bold;

}



.label-left, .label-right {

	background-color: #e9ecef;

  padding: 0.2rem 0.35rem 0.2rem;

  border-radius: 0.25rem 0.25rem 0 0;

  border-left: 0.0625rem solid #ced4da;

  border-top: 0.0625rem solid #ced4da;

  border-right: 0.0625rem solid #ced4da;

  color: #495057;

}



.label-full {

	width:100%;

	background-color: #e9ecef;

  padding: 0.2rem 0.35rem 0.2rem;

  border-radius: 0.25rem 0.25rem 0 0;

  border-left: 0.0625rem solid #ced4da;

  border-top: 0.0625rem solid #ced4da;

  border-right: 0.0625rem solid #ced4da;

  color: #495057;

}



.label-row-left {

	background-color: #e9ecef;

  padding-left: 0.2rem;

  border-radius: 0.25rem;

  border-left: 0.0625rem solid #ced4da;

  border-top: 0.0625rem solid #ced4da;

  border-bottom: 0.0625rem solid #ced4da;

  color: #495057;

}



.first-input {

	border-radius: 0 0.25rem 0 0 !important;

  border-left: 0.0625rem solid #ced4da !important;

  border-right: 0.0625rem solid #ced4da !important;

}



.last-input {

	border-radius: 0  0 0.25rem 0 !important;

  border-left: 0.0625rem solid #ced4da !important;

  border-right: 0.0625rem solid #ced4da !important;

  border-top: 0.0625rem solid #ced4da !important;

}



.fa-rotate-45{

	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0.9)";

	transform:rotate(45deg)

}


.alert {
	font-size:1rem;
}

.alert-dismissible .close{
	padding: 0.55rem 1.25rem;
}

/***************************************************** Modals ********************************************************************/

.modal-header {

	padding: 1rem 1rem 1rem 0rem;

}



.modal-body {

	padding: 1rem 0.5rem 0.5rem 0.5rem;

	font-size:0.8rem;

}



.modal-body p{

	font-size:0.8rem;

}



/***************************************************** messagerie **************************************************************/

#contentMessage {

	max-height:83vh;

	max-width:97%;

}

.messagerie-content{

	right:0;

	top:0;

	width:35%;

	min-height:99%;

	max-height:99%;

	z-index:1040;

	background-color:rgba(239,240,241,0.97);

}



.messagerie-content .card-body{

	padding:unset;

}



.messagerie-content .thead-color {

	background-color: var(--color-6);

}

/* CSS talk bubble */

.talk-bubble {

	margin: 0.1rem;

  /*display: block;*/

  position: relative;

	width: 12.5rem;

	height: auto;

	background-color: var(--color-5);

}



.talk-bubble-me {

	margin: 0.1rem;

  /*display: block;*/

  position: relative;

	width: 12.5rem;

	height: auto;

	background-color: var(--color-6);

}



.border{

  border: 0.5rem solid #666;

}



.round{

  border-radius: 1.875rem;

	-webkit-border-radius: 1.875rem;

	-moz-border-radius: 1.875rem;

}



/* Right triangle placed top left flush. */

.tri-right.border.left-top:before {

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: -2.5rem;

	right: auto;

  top: -0.5rem;

	bottom: auto;

	border: 2rem solid;

	border-color: #666 transparent transparent transparent;

}

.tri-right.left-top:after{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: -1.25rem;

	right: auto;

  top: 0;

	bottom: auto;

	border: 1.375rem solid;

	border-color: var(--color-5) transparent transparent transparent;

}



/* Right triangle, left side slightly down */

.tri-right.left-in {

	margin-left:1.5625rem;

}

.tri-right.border.left-in:before {

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: -2.5rem;

	right: auto;

  top: 30%;

	bottom: auto;

	border: 1.25rem solid;

	border-color: #666 #666 transparent transparent;

}

.tri-right.left-in:after{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: -1.25rem;

	right: auto;

  top: 30%;

	bottom: auto;

	border: 0.75rem solid;

	border-color: var(--color-5) var(--color-5) transparent transparent;

}



/*Right triangle, placed bottom left side slightly in*/

.tri-right.border.btm-left:before {

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

	left: -0.5rem;

  right: auto;

  top: auto;

	bottom: -2.5rem;

	border: 2rem solid;

	border-color: transparent transparent transparent #666;

}

.tri-right.btm-left:after{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

	left: 0;

  right: auto;

  top: auto;

	bottom: -1.25rem;

	border: 1.375rem solid;

	border-color: transparent transparent transparent var(--color-5);

}



/*Right triangle, placed bottom left side slightly in*/

.tri-right.border.btm-left-in:before {

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

	left: 1.875rem;

  right: auto;

  top: auto;

	bottom: -2.5rem;

	border: 1.25rem solid;

	border-color: #666 transparent transparent #666;

}

.tri-right.btm-left-in:after{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

	left: 2.375rem;

  right: auto;

  top: auto;

	bottom: -1.25rem;

	border: 0.75rem solid;

	border-color: var(--color-5) transparent transparent var(--color-5);

}



/*Right triangle, placed bottom right side slightly in*/

.tri-right.border.btm-right-in:before {

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: auto;

	right: 1.875rem;

	bottom: -2.5rem;

	border: 1.25rem solid;

	border-color: #666 #666 transparent transparent;

}

.tri-right.btm-right-in:after{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: auto;

	right: 2.375rem;

	bottom: -1.25rem;

	border: 0.75rem solid;

	border-color: var(--color-5) var(--color-5) transparent transparent;

}



/*Right triangle, placed bottom right side slightly in*/

.tri-right.border.btm-right:before {

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: auto;

	right: -0.5rem;

	bottom: -2.5rem;

	border: 1.25rem solid;

	border-color: #666 #666 transparent transparent;

}

.tri-right.btm-right:after{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: auto;

	right: 0;

	bottom: -1.25rem;

	border: 0.75rem solid;

	border-color: var(--color-5) var(--color-5) transparent transparent;

}



/* Right triangle, right side slightly down*/

.tri-right.border.right-in:before {

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: auto;

	right: -2.5rem;

  top: 30%;

	bottom: auto;

	border: 1.25rem solid;

	border-color: #666 transparent transparent #666;

}

.tri-right.right-in:after{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: auto;

	right: -1.25rem;

  top: 30%;

	bottom: auto;

	border: 0.75rem solid;

	border-color: var(--color-5) transparent transparent var(--color-5);

}

.talk-bubble-me.tri-right.right-in:after{

	border-color: var(--color-6) transparent transparent var(--color-6);

}



/* Right triangle placed top right flush. */

.tri-right.border.right-top:before {

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: auto;

	right: -2.5rem;

  top: -0.5rem;

	bottom: auto;

	border: 2rem solid;

	border-color: #666 transparent transparent transparent;

}

.tri-right.right-top:after{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

  left: auto;

	right: -1.25rem;

  top: 0;

	bottom: auto;

	border: 1.25rem solid;

	border-color: var(--color-5) transparent transparent transparent;

}



/* talk bubble contents */

.talktext{

  padding: 0.5em;

	text-align: left;

  line-height: 1em;

}



.talktext p{

  /* remove webkit p margins */

  -webkit-margin-before: 0em;

  -webkit-margin-after: 0em;

  font-size:0.8rem;

}



/* button return back */

#myBtnBack {

  display: none;

  position: fixed;

  top: 3rem;

  right: 1rem;

  z-index: 99;

  font-size: 1.125rem;

  border: none;

  outline: none;

  background-color: var(--color-6);

  color: white;

  cursor: pointer;

  padding-top: 0.4rem;

  border-radius: 3rem;

  padding-right: 0.6rem;

  padding-bottom: 0.2rem;

  padding-left: 0.6rem;

}



#myBtnBack:hover {

  background-color: var(--color-4);

}



.messageAction{

	outline:none;

	position: absolute;

  right: -0.9rem;

  top: -0.5rem;

  color:#cccccc;

}



.popover{

	z-index:500000;

}



.tabsContenair {

}



.nav-tabs .nav-link {

	border-color: #e9ecef #e9ecef #dee2e6;

	background-color: #DADCDE;

}



.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {

	border-color: #8596A7 #8596A7 #8596A7;

	background-color: #B6BABE;

}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  color: #495057;

  background-color: #fff;

  border-color: #dee2e6 #dee2e6 #fff;

  cursor:ew-resize;

}



.tab-content {

	padding:0.625rem;

	background-color:#fff;

	border-radius: 0 0 0.25rem 0.25rem;

  border-left: 0.0625rem solid #ced4da;

  border-bottom: 0.0625rem solid #ced4da;

  border-right: 0.0625rem solid #ced4da;

}



/* Habillage Jquery UI */

.ui-widget-header {

	border :unset;

	background:var(--color-7);

}



.ui-widget {

	font-family: unset;

	font-size:unset;

}



.ui-datepicker {

	z-index:100000 !important;

}



label {

	margin-bottom:unset;

}



label.left {

	display:block !important;

}


.select2-results {
	font-size:0.625rem;
}

.select2-selection {
	border:unset;
}

.select2-container--bootstrap4 .select2-selection--multiple {
	min-height:1.64rem !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	float:unset;
}

@media only screen and (max-width: 1200px) {
	.content-box-header {height:unset;}
}

@media only screen and (max-width: 768px) {

	.sidebar{

		top:2.5rem;/*unset
*/
		z-index:500;

	}

	.nav-sidebar {

		margin-right:unset;

		margin-left:-0.5rem; /*-8px; */

	}

	#navbar {

		height: unset;

	}

	.plie {

		display:none;

	}

	.main-plie {

    width: 96.5%;

    margin-left: 0.5rem;

	}

	.main {

		width: 96.5%;

    margin-left: 0.5rem;

	}

	.dropdown-sidebar {

		max-width: 12.4525rem; /* 204px; */

	}

	.content-box-header h3 {

		white-space:nowrap;

		font-size:0.75rem;

	}


	#messageliste tr {

		display:flex;

	}

}



@media only screen and (max-width: 1024px) {

	.messagerie-content {

		width: 70%;

	}

}



@media only screen and (max-width: 820px) {

	.messagerie-content {

		width: 80%;

	}

}



@media only screen and (max-width: 700px) {

	.messagerie-content {

		width: 100%;

	}

}
#noty-holder{ width:50%;position: absolute;z-index:100000;text-align:center;top:0;left:0; margin-left:calc(50% / 2); }

#navbarTogglerSub {
	margin-top:5px;
}

.rounded-end {
	border-top-left-radius: 0px !important;
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important;
	border-bottom-left-radius: 0px !important;
}

.btn-line-height-1-2 {
	line-height:1.2 !important;
}