html, body {
    height: 100% !important;
}
a {
  text-decoration: none !important;
}
.pro-sidebar-logo a.logo h5{
  padding-left: 20px;
  font-size: 2.5rem;
  color: #c9e2f7;
  font-stretch: ultra-condensed;
}
.dialog .header h2{
    margin-top: -15px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon{
    font-size: 18px !important;
}
li.notifications, li.visits, li.mails{
    height:40px !important;
}
.navbar-nav > li > a{
    padding: 0 !important;
}
div.pro-sidebar-logo div img {
    box-shadow: 0px 1px 2px 1px aliceblue !important;
    border-radius: 100% !important;
}
.open > .dropdown-user {
  background: #fff !important;
  width: 90% !important;
  padding: 10px 0px !important;
  margin-right: 30px;
  border-top: 4px solid #ecf0f5 !important;
}
.dropdown-user > li > a:focus, .dropdown-user > li > a:hover {
  text-decoration: none;
  background-color: #2066a4;
  color: #fff;
}
body > a{
    text-decoration: none !important;
}
.sub-menu-list ul li.menu-item a:hover {
    color:aquamarine !important;
}
.sub-menu-list ul li.menu-item a {
    color: aliceblue !important;
}
.info-box-number.green{
    color:#00a65a !important;
}
.info-box-number.orange{
    color:#ff851b !important;
}
.info-box-number.red{
    color:#dd4b39 !important
}
.info-box-number.blue{
    color:#0073b7 !important
}
.imgtitle{
  width: 48px;
  margin-right: 20px;
}
.page-action-links{
    margin-top:15px;
}
.btn-success {
  color: #fff;
  background-color: #71a869;
  border-color: #f1f4f1;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.btn-del:hover {
  color: #e36565;
  background-color: #c5ecf4 !important;
  border-color: #f1f4f1 !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.btn-del {
  color: #fff;
  background-color: #078fae !important;
  border-color: #f1f4f1 !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.btn-success:hover {
  color: #fff;
  background-color: #71a869b0;
  border-color: #f1f4f1;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.btn-ban, .btn-ban:visited {
  color: #fff;
  background-color: #ec1283;
  border-color: #f1f4f1;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.btn-ban:hover {
  color: #fff;
  background-color: #f095c4;
  border-color: #f1f4f1;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.btn-send {
  color: #fff;
  background-color: #2819d7;
  border-color: #f1f4f1;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
  padding: 4px 6px !important;
  line-height: 1 !important;
}
.btn-send:hover {
  color: #fff;
  background-color: #2819d78a;
  border-color: #f1f4f1;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.well {
  min-height: 10px !important;
  padding: 10px 0px !important;
  background-color: #eeecec !important;
  margin: 20px 0px !important;
}
#export-section {
  float: right;
  margin-bottom: 10px;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f !important;
  border-color: #f1f4f1 !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.btn-danger:hover {
  color: #fff;
  background-color: #d9534fcf;
  border-color: #f1f4f1 !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
  border-radius: 6px !important;
}
.btn.btn-success.valid_btn,.btn.btn-ban.ban_btn, .btn.btn-danger.delete_btn {
  padding: 2px 4px !important;
  line-height: 1 !important;
}
.btn.btn-go{
  color: #fbf8f8 !important;
  background-color: #9b6aa9 !important;
  border-color: #80568b;
}
.bas {
  float: right;
  margin-top: -20px;
  color: #008b8b9e;
  font-style: italic;
}

.tabs-container {
	width: 100%;
	margin: 20px auto;
}
div#tabsfiche {
  background-color: #ecf0f5;
  overflow: auto;
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: 1px 1px;
}
a.tabs-menu {
	background-color: #1179ac;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px 10px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #bcbebf;
	display: inline-block;
	border-bottom: 0;
	border-radius: 5px 5px 0px 0px;
}
a.tabs-menu.active {
  background-color: #fff;
  border: solid 1px #bcbebf;
  color: #514f4f;
  border-bottom: 0;
  border-radius: 5px 5px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.tabs-content {
	border:solid 1px #bcbebf;
	background-color: #fff;
	overflow: hidden;
	line-height: 1.5;
	margin-top: -2px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.tabs-panel {
	display: none;
	min-height: 150px;
	overflow: auto;
	font-size: 14px;
    height: auto;
    padding: 40px 20px;	
}
.flex-content {
  padding-top: 16px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 2px;
  margin: 0px 0px 30px 0px;
  width: auto;
  margin-top: -10px;
}
/************ CSS Animation ***********/

.animated-tabs {
	animation-duration: 1s;
	animation-fill-mode: both;
}
table.dataTable tbody td {
  font-size: 12px !important; 
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
.bounce {
	animation-name: bounce;
}
div.heightref {
  min-height: 80px;
}
div.arearef {
  padding-top: 2px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.centpercent {
  width: 100%;
}
.valignmiddle {
  vertical-align: middle;
}
.arearef .pagination.paginationref {
  max-width: calc(30%);
}
div.pagination {
  margin-right: 30px !important;
}
div.pagination {
  float: right;
}
div.paginationref {
  padding-bottom: 10px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
div.pagination ul {
  list-style: none;
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0;
}
.right {
  text-align: right;
}
li.noborder.litext{
    box-shadow: 0px 0px 0px #DDD !important;
}
div.pagination li {
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 14px;
}
div.pagination li.litext a {
  border: none;
  padding-right: 10px;
  padding-left: 4px;
  font-weight: bold;
  color: #047904;
}
div.pagination li.litext a:hover {
    color:red;
}
.photounknown{
  width: 80px;
  border-radius: 50%;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
div.fichecenter {
  width: 100%;
  clear: both;
}
div.fichehalfleft {
  float: left;
  width: calc(50% - 14px);
}
.underbanner {
  border-bottom: 1px solid rgb(213, 208, 208);
}
.clearboth {
  clear: both;
}
table {
  background-color: #fff;
}
table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
  border-collapse: collapse !important;
  padding: 1px 2px 1px 3px;
}
.border tbody tr, .bordernooddeven tbody tr, .border tbody tr td, .bordernooddeven tbody tr td, table.border tr, table.border tr td, div.border .table-border-row, div.border .table-key-border-col, div.border .table-val-border-col, tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
  height: 28px;
}
.fichehalfleft table.border > tbody > tr > td, .fichecenter div.border div div.tagtd, .border div div.tagtd {
  padding-top: 2px;
  border-bottom: 1px solid #E0E0E0;
}
table.tableforfield tr:not(.liste_titre) > td:first-of-type, tr.trforfield:not(.liste_titre) > td:first-of-type, div.tableforfield div.tagtr:not(.liste_titre) > div.tagtd:first-of-type {
  color: #828080;
}

table.border td, table.bordernooddeven td, div.border div div.tagtd {
  padding: 2px 2px 2px 2px;
  border-collapse: collapse;
}
.titlefield {
  min-width: 150px;
  width: 20%;
  color: darkcyan !important;
}
.minwidth300{
    width: 100%;
}
div.fichehalfright {
  float: right;
  width: calc(50% - 14px);
}
div.liste_titre_bydiv, .liste_titre div.tagtr, tr.liste_titre, tr.liste_titre_sel, .tagtr.liste_titre, .tagtr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable thead tr {
  background: rgb(231, 233, 236);
  font-weight: normal;
  color: rgba(39, 39, 60, 0.9);
  font-family: arial,tahoma,verdana,helvetica;
  text-align: left;
}
tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr, tagtr.liste_titre {
  height: 26px !important;
}
.oddeven, .evenodd, .pair, .nohover .pair:hover, tr.pair td.nohover, .tagtr.oddeven {
  font-family: arial,tahoma,verdana,helvetica;
  color: #1e1d1d;
  border: 1px solid #d5d0d0;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
tr.liste_titre th.liste_titre {
  padding-left: 10px !important;
  background-color: #9b6aa969 !important;
  color: #122b4a !important;
}
.droite {
  padding: 30px 0px !important;
  text-align: end;
}
.btn-table-active {
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 5px;
	border: solid 0px #145f35;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #2e8b56 10%, #145f35 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.n-image {
  background-color: transparent !important;
  padding: 0 2px !important;
  border-radius: 100% !important;
  border-color: black !important;
}
.btn-table-active:hover {
	background: linear-gradient(180deg, #145f35 10%, #2e8b56 100%);
	color: #a9f0e6 !important;
}
.btn-table-active-text, .btn-table-delete-text, .btn-table-send-text, .modbutton-text, .printbutton-text, .cancelbutton-text {
	position: relative;
	padding: 5px 10px;
}
.btn-table-active-icon, .btn-table-delete-icon, .btn-table-send-icon {
	position: relative;
	border-right: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) -1px 0 0;
	padding: 5px 10px;
	color: #e5e899;
}
.btn-table-delete {
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 5px;
	border: solid 0px #c81414;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #ff0000 10%, #c81414 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}

.btn-table-delete:hover {
	background: linear-gradient(180deg, #c81414 10%, #ff0000 100%);
}
.btn-table-delete-icon {
	color: #9ddcf5 !important;
}
.btn-table-send {
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 5px;
	border: solid 0px #255e8c;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #4682b4 10%, #255e8c 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.btn-table-send:hover {
	background: linear-gradient(180deg, #255e8c 10%, #4682b4 100%);
}
.btn-table-send-icon {
	color: #9ff2be !important;
}
.modbutton {
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 5px;
	border: solid 0px #0e5e5e;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #008b8b 10%, #0e5e5e 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.modbutton:hover {
	background: linear-gradient(180deg, #0e5e5e 10%, #008b8b 100%);
}
.modbutton-icon {
	position: relative;
	border-left: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) 1px 0 0;
	padding: 5px 10px;
}
.printbutton {
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 5px;
	border: solid 0px #ce4f21;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #ff7f50 10%, #ce4f21 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.printbutton:hover {
	background: linear-gradient(180deg, #ce4f21 10%, #ff7f50 100%);
}
.printbutton:hover, .modbutton:hover {
    color: #ece392 !important;
}
.printbutton-icon {
	position: relative;
	border-left: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) 1px 0 0;
	padding: 5px 10px;
}
.btn-red {
  color: #fff;
  background-color: #f7490a;
  border-color: #ccc;
}
.btn-red:hover {
    background-color: #f9b095;
}
.btn-green {
  color: #fff;
  background-color: #148604;
  border-color: #ccc;
}
.btn-green:hover {
  background-color: #84bf7c;
}
input, select {
  margin-left: 0px;
  margin-bottom: 1px;
  margin-top: 1px;
}
input {
  border: none;
  border-bottom: solid 1px rgba(17, 17, 17, 0.09) !important; 
  line-height: 1.3em;
  padding: 4px;
  padding-left: 5px;
}
input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat {
  color: rgb(2, 2, 2);
  border-radius: 3px;
  font-family: arial,tahoma,verdana,helvetica;
  outline: none;
  margin: 0px 0px 0px 0px;
  background-color: #FFFDFF !important;
}
.pictotitle {
  width: 40%;
}
.code {
  color: red;
  font-weight: bold;
  border-radius: 8px;
  border: 1px solid #f70404;
  padding: 5px;
  background-color: #ffcac4d6;
}
.chosen-container .chosen-results {
  background-color: aliceblue !important;
}
.chosen-container-single .chosen-search input[type="text"] {
  border: 1px solid #a8f2a2 !important;
  background-color: #d6eee6 !important;
}
.chosen-drop {
  border: 1px solid #d8dbd9 !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
  border-radius: 5px !important;
}
.country-select .country-list {
  background-color: #f4eded !important;
  max-height: 180px !important;
  max-width: 300px !important;
}
.country-select .country-list .country.highlight {
  background-color: rgba(236, 6, 6, 0.41) !important;
  color: azure !important;
}
textarea {
  width: 100%;
  resize: none;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 1px #999;
}
.cancelbutton {
	color: #FFFFFF !important;
	font-size: 16px;
	border-radius: 5px;
	border: solid 0px #390b5a;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #4c0082 10%, #390b5a 100%) !important;
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.cancelbutton:hover {
	background: linear-gradient(180deg, #390b5a 10%, #4c0082 100%);
}
.cancelbutton-icon {
	position: relative;
	border-right: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) -1px 0 0;
	padding: 5px 10px;
}  
.modal-header {
  padding: 5px 15px !important;
  border-bottom: 1px solid #e5e5e5;
  background-color: coral !important;
  color: #fff !important;
  font-weight: bolder !important;
}
.send-header {
  padding: 5px 15px !important;
  border-bottom: 1px solid #e5e5e5;
  background-color: #1295bd !important;
  color: #fff !important;
  font-weight: bolder !important;
}
.send-header .close {
  margin-top: 4px !important;
  background: #F20404 !important;
  opacity: 1 !important;
  border-radius: 50% !important;
  padding: 0px 5px 4px !important;
  color: white !important;
  border: 1px solid #f20404 !important;
  font-size: 14px !important;
}
.send-title {
  margin: 0;
  line-height: 1.42857143;
  color: #d0d6f2;
}
.send-body {
  position: relative;
  padding: 15px;
  background: aliceblue;
  color: darkcyan;
  font-size: 11px !important;
  height: 200px !important ;
}
.modal-header .close {
  margin-top: 4px !important;
  background: #FFF !important;
  opacity: 1 !important;
  border-radius: 50% !important;
  padding: 0px 5px 4px !important;
  color: red !important;
  border: 1px solid coral !important;
  font-size: 14px !important;
}
label i {
  padding: 8px !important;
}
#folder{
    float:none !important;
}

.btn-pause {
	color: #faf6e6;
	font-size: 13px;
	border-radius: 5px;
	border: solid 0px #780f0f;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #deb887 10%, #780f0f 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.btn-pause:hover {
	background: linear-gradient(180deg, #780f0f 10%, #deb887 100%);
	color:aliceblue;
}
.btn-pause-text {
	position: relative;
	padding: 4px 10px;
}
.btn-pause-icon {
	position: relative;
	border-left: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) 1px 0 0;
	padding: 4px 8px;
	color: #c5f8fa;
}
.btn-pause-icon > i { 
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}
.btn-suspendre {
	color: #ffffff;
	font-size: 13px;
	border-radius: 5px;
	border: solid 0px #cb4413;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #ff4400 10%, #cb4413 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.btn-suspendre:hover {
	background: linear-gradient(180deg, #cb4413 10%, #ff4400 100%);
	color: azure
}
.btn-suspendre-text {
	position: relative;
	padding: 4px 10px;
}
.btn-suspendre-icon {
	position: relative;
	border-left: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) 1px 0 0;
	padding: 4px 8px;
	color: #f7f78b;
}
.btn-suspendre-icon > i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}
.btn-reactive {
	color: #ffffff;
	font-size: 13px;
	border-radius: 5px;
	border: solid 0px #1e894c;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #3cb371 10%, #1e894c 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.btn-reactive:hover {
	background: linear-gradient(180deg, #1e894c 10%, #3cb371 100%);
}
.btn-reactive-text {
	position: relative;
	padding: 4px 10px;
}
.btn-reactive-icon {
	position: relative;
	border-left: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) 1px 0 0;
	padding: 4px 8px;
	color: #fad5d9;
}
.btn-reactive-icon > i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}
.btn-relance {
	color: #332e2e;
	font-size: 13px;
	border-radius: 5px;
	border: solid 0px #e3e330;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #ffff00 10%, #e3e330 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.btn-relance:hover {
	background: linear-gradient(180deg, #e3e330 10%, #ffff00 100%);
	color:blueviolet
}
.btn-relance-text {
	position: relative;
	padding: 4px 10px;
}
.btn-relance-icon {
	position: relative;
	border-left: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) 1px 0 0;
	padding: 4px 8px;
	color: #fa0521;
}
.btn-relance-icon > i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}
.btn-cloture {
	color: #ffffff;
	font-size: 13px;
	border-radius: 5px;
	border: solid 0px #560856;
	text-shadow: 1px 1px 0px #a3a3a3;
	box-shadow: 0px 10px 14px -7px #616174;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	background: linear-gradient(180deg, #800080 10%, #560856 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.btn-cloture:hover {
	background: linear-gradient(180deg, #560856 10%, #800080 100%);
	color: beige
}
.btn-cloture-text {
	position: relative;
	padding: 4px 10px;
}
.btn-cloture-icon {
	position: relative;
	border-left: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) 1px 0 0;
	padding: 4px 8px;
	color: #7ef2ad;
}
.btn-cloture-icon > i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}
tr.abon_titre th.abon_titre {
  padding-left: 10px !important;
  background-color: #3688cc !important;
  color: #dee7ee !important;
}
.icon-bell {
	font-family: 'Font Awesome 6 Free';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
.icon-bell::before {
	content: "\f0f3";
}
@media only screen and (min-width: 768px) {
	.dropdown > a > .label {
		top: 10px;
	}
}
.dropdown > a > .label {
  	position: absolute;
	top: 0 !important;
	right: 0;
	padding: 2px 5px;
}
.label-danger {
  background-color: #f05050;
}
.label {
  	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	color: #fff;
}
.nav > li {
	position: relative !important;
	display: block;
	float: left !important;
	padding: 0 10px !important;
}
.navbar-nav > .active > a, .navbar-nav > .open > a, .navbar-nav > .active > a:hover, .navbar-nav > .open > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > .open > a:focus {
	background-color: transparent;
}
.dropdown-list > .dropdown-menu {
	  padding: 0;
	  min-width: ;
}
.navbar, .navbar .dropdown-menu {
	  filter: none !important;
}
.zoomIn {
	  -webkit-animation-name: zoomIn;
	  animation-name: zoomIn;
	}
	.animated {
	  -webkit-animation-duration: 0.20s;
	  animation-duration: 0.20s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
}
.dropdown-list .list-group-item:last-child {
	  border-bottom: 0;
	}
	.dropdown-list .list-group-item:first-child {
	  border-top: 0;
	}
	.dropdown-list .list-group-item {
	  border-radius: 0 !important;
	  border-left: 0 !important;
	  border-right: 0 !important;
	}
	.list-group-item:last-child {
	  margin-bottom: 0;
	}
	.dropdown-menu > li > a {
	  clear: both;
	  font-weight: 400;
	  color: #333;
	}
	.dropdown-header, .dropdown-menu > li > a {
	  display: block;
	  padding: 3px 20px;
	  line-height: 1.42857143;
	  white-space: nowrap;
	  cursor: pointer;
	}
	.list-group-item:last-child {
	  border-bottom-right-radius: 0px !important;
	  border-bottom-left-radius: 0px !important;
	}
	.list-group-item:first-child {
	  border-top-left-radius: 0px !important;
	  border-top-right-radius: 0px !important;
	}	
	.dropdown-menu > li > a.list-group-item:focus {
		  text-decoration: none;
		  color: #333 !important;
		  background-color: transparent !important;
		}
		.icon-notifications{
			border-radius: 50%;
		}
	.n-box-all.unread, .n-link.unread {
		  background: #f0f4fd;
		  border-bottom: 1px solid #f7f9fa !important;
		}
	.media-box:first-child {
		  margin-top: 0;
		}
		.media-box, .media-box .media-box {
		  margin-top: 15px;
		}
		.media-box, .media-box-body {
		  overflow: hidden;
		  zoom: 1;
		}
		.media-box > .pull-left {
			  margin-right: 10px;
			}
			.pull-left {
			  float: left !important;
			}
					
@media only screen and (min-width: 768px) {
	  .navbar-nav > li > a, .navbar-nav > .open > a {
		color: #d9d9d9 !important;
	  }
	}
@media only screen and (min-width: 768px) {
	.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
		box-shadow: 0 -3px 0 #19a5d1 inset;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
}
@media only screen and (min-width: 768px) {
    .navbar-nav > li > a, .navbar-nav > .open > a {
	    color: #d9d9d9 !important;
	}
}
@media only screen and (min-width: 768px) {
	.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	    box-shadow: 0 -3px 0 rgba(255,255,255,.5) inset;
	}
}	
.hide {
	display: none;
}
.img-circle {
	border-radius: 100% !important;
    padding: 0 !important;
    border: unset !important;
    width: 16px !important;
}
.img-thumbnail {
	padding: 2px;
	line-height: 1.52857143;
	background-color: #e1e2e3;
	border: 1px solid #e1e2e3;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
	font-size: 8px;
	text-align: center;
	vertical-align: middle;
}
.n-title {
	white-space: normal;
	font-size: 10px;
	line-height: 1.30;
}
.block {
	display: block;
}
.text-muted {
	color: #909fa7;
}
.pull-right {
	float: right !important;
}
.dropdown-list .list-group-item:first-child {
	border-top: 0;
}
.dropdown-list .list-group-item {
	  border-radius: 0;
	  border-left: 0;
	  border-right: 0;
}
.dropdown-menu {
	font-size: 12px !important;
}	
.offsidebar {
  right: 0;
  -webkit-transform: translate3d(235px, 0, 0);
  transform: translate3d(235px, 0, 0);
  -webkit-transition: -webkit-transform .3s ease, z-index 0s linear .3s;
  -moz-transition: -moz-transform .3s ease, z-index 0s linear .3s;
  -o-transition: -o-transform .3s ease, z-index 0s linear .3s;
  transition: transform .3s ease, z-index 0s linear .3s;
  background-color: #3a3f51;
}
.offsidebar {
  border-left: 1px solid #ccc;
  background-color: #fff;
  color: #515253;
}
.offsidebar {
  right: -235px;
}
@media only screen and (min-width: 768px) {
  .offsidebar {
    margin-top: 55px;
  }
}
.offsidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 235px;
  margin-top: 114px;
  border-left: 1px solid #cccccc;
  background-color: #ffffff;
  color: #515253;
  z-index: -1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.offsidebar .tab-content {
  padding: 0;
  border: 0;
}
.tab-content {
  padding: 10px 20px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dde6e9;
}
.pad0 {
    padding: 0px !important;
}
.pad5-0 {
    padding: 5px 0px !important;
}
.pl-lg {
  padding-left: 15px !important;
}
.pb-sm {
  padding-bottom: 5px !important;
}
.pr-sm {
  padding-right: 5px !important;
}
.pl-sm {
  padding-left: 5px !important;
}
.mb-sm {
  margin-bottom: 5px !important;
}
.progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar {
  border-radius: 1px;
}
.progress.xs, .progress-xs {
  height: 7px;
}
.progress, .progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mrg0{
    margin: 0px !important;
}
.bg-white {
  background-color: #ffffff;
  color: inherit !important;
}

@media only screen and (min-width: 768px) {
  .content > h3, .content > .content-heading {
    margin: -20px;
    margin-bottom: -20px;
    margin-bottom: 15px;
    padding: 10px;
  }
}
.content > h3, .content > .content-heading {
  font-size: 24px;
  line-height: 1.1;
  color: #929292;
  font-weight: normal;
  background-color: #fafbfc;
  border-bottom: 1px solid #cfdbe2;
  height: 90px;
}
.dataTables_length select {
  margin-right: 10px;
}
.input-sm, select.input-sm {
  height: 31px;
}
.title-page {
    margin-left: 15px;
}
.rendimg {
  margin: 0 auto;
  display: block;
  border-radius: 50%;
}
.form-check-input{
    margin-top: 0px !important;
}
.light-green {
  background: transparent;
  padding: 0px 5px;
  margin-top: -2px;
  color: green;
}
.light-red {    
  background: transparent;
  padding: 0px 5px;
  margin-top: -2px;
  color: red;
}
.light-orange {    
  background: transparent;
  padding: 0px 5px;
  margin-top: -2px;
  color: #f58106;
}
.select-info span.select-item{
    padding: 0px 5px 0px 0px;
    color:green
}
.abonne-img {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
#readbutton {
  position: absolute;
  margin: 0px 30px;
  padding: 4px 5px;
  background: #d53636;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 1px gray;
}
@media only screen and (min-width: 768px) {
	  .navbar-nav.navbar-right .open .dropdown-menu {
		left: auto;
		right: 0;
	  }
	}
@media only screen and (min-width: 768px) {
	.navbar-nav .open .dropdown-menu {
		left: auto;
		right: auto;
	}
}
	.navbar-nav .open .dropdown-menu {
		position: absolute !important;
  	  	background-color: #ffffff !important;
  		left: 0px;
  		right: 0px;
  		border-bottom: 1px solid #e1e1e1 !important;
	}

	.navbar-nav > li > .dropdown-menu {
	  margin-top: 0;
	  border-top-right-radius: 0;
	  border-top-left-radius: 0;
	}
	.dropdown-list > .dropdown-menu {
	  padding: 0;
	  min-width: 220px;
	}
	.topnavbar, .navbar, .navbar .dropdown-menu {
	  filter: none !important;
	}
		
@media (min-width: 768px) {
  .modal-dialog {
    width: 400px !important;
    margin: 30px auto;
  }
}
.text-gray-500 {
  color: rgb(107, 114, 128 );
}
.title-text {
  margin-left: 75px;
  margin-top: -8px;
  font-weight: normal;
  text-shadow: none;
  font-style: italic;
}