/* LAYOUT - start */
body {
    font-size: 14px;
}
html {
	height:100%;
}
body {
	height:100%;
    font-size: 14px;
}
h1 {
	color:#3D7A51;
	font-size:2em;
	font-variant:small-caps;
}
h2 {
	color:#3D517A;
	font-weight:bold;
	font-size:1.8em;
}
h3 {
	color:#7D717A;
	font-weight:bold;
	font-size:1.4em;
}
h4 {
	color:#7A3D51;
	font-weight:bold;
	font-size:1.3em;
}
h5 {
	/* color:#3D517A; */
	font-weight:bold;
	font-size:1.1em;
}
a {
	color:#281c2d;
}
.page-link {
	color:#281c2d;
}
.bg-dark {
    /* background-color: #281c2d!important; */
    /* background-color: #0a9689!important; */
    background-color: #0a8996!important;
}
.bg-dark.apporteur {
    background-color: #96890a!important;
}
/* LAYOUT - end */



/* SIDEBAR LEFT MENU - start */
#div-menu-sidebar-lg {
	/* background-color:#aaaadd; */
}

#div-menu-sidebar-lg .panel {
	cursor:pointer;
	border:solid 1px #aaaaaa;
	/* background-color:#eeeeff; */
	background-color:#EBF0F6;
    border-radius: 5px;
}

#div-menu-sidebar-lg .panel-heading {
	padding:3px 15px;
	font-size:14px;
	font-weight:bold;
	background-color:#DBE0E6;
}

#div-menu-sidebar-lg .panel-body {
	border-top:solid 1px #aaaaaa;
	padding:5px 5px;
	font-size:13px;
	/* line-height:16px; */
}
#div-menu-sidebar-lg .panel-body > div {
	/* background-color:#ffddff; */
	border-radius:3px;
	border-bottom:solid 2px #eeeeff;
	padding:2px;
}
#div-menu-sidebar-lg .panel-body a {
	color:#281c2d !important;
	text-decoration:none;
	display:block;
}
#div-menu-sidebar-lg .panel-body > div:hover {
	background-color:#988c9d;
}
#div-menu-sidebar-lg .panel-body div:hover > a {
	color:white !important;
}
/* SIDEBAR LEFT MENU - end */


/* LIST - start */
.table-pointer {
	cursor:pointer;
}
.table-list {
	border:solid 2px #281c2d;
	background-color:white;
}
.table-list thead {
	background-color:#281c2d;
	color:white;
	text-align:center;
}
/* LIST - end */




/* IMAGES - start */
.size-8 {
	width:8px;
	height:8px;
}
.size-16 {
	width:16px;
	height:16px;
}
.size-12 {
	width:12px;
	height:12px;
}
.size-24 {
	width:24px;
	height:24px;
}
.size-32 {
	width:32px;
	height:32px;
}
.size-48 {
	width:48px;
	height:48px;
}
.size-64 {
	width:64px;
	height:64px;
}
.size-128 {
	width:128px;
	height:128px;
}
.size-256 {
	width:256px;
	height:256px;
}
.size-512 {
	width:512px;
	height:512px;
}
.h-32 {
	height:32px;
}
.image-bw {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
/* IMAGES - end */



/* CLIENT - start */
.bg-client {
	background-color:#e8fdc0;
}
.bg-client-particulier {
	background-color:#A9CF38;
}
.bg-client-tns {
	background-color:#36BBBA;
}
.bg-client-collectivite {
	background-color:#F68920;
}
.bg-client-entreprise {
	background-color:#C7BFE6;
}
.bg-fournisseur {
	background-color:#FDC99B;
}
.bg-employeur {
	background-color:#ffe0dd;
}
.bg-employeur-collectivite {
	background-color:#F68920;
}
.bg-employeur-entreprise {
	background-color:#C7BFE6;
}
.bg-apporteur {
	background-color:#D3C191;
}
.bg-commercial {
	background-color:#91D3C1;
}
.bg-conseiller {
	background-color:#C1D391;
}
.bg-contrat {
	background-color:#fde8c0;
}
.bg-souscription {
	background-color:#c0e8fd;
}

.bg-client-particulier-important {
	background-color:#A9CF38 !important;
}
.bg-client-tns-important {
	background-color:#36BBBA !important;;
}
.bg-client-collectivite-important {
	background-color:#F68920 !important;
}
.bg-client-entreprise-important {
	background-color:#C7BFE6 !important;
}
/* CLIENT - end */



/* FORM - start */
.form-bloc {
	border:solid 5px rgba(255,255,255,.5);
	padding:5px;
	border-radius:5px;
}
.form-bloc > h2, .form-bloc > .div-h2 {
	padding: 5px;
	margin-left:-5px;
	margin-right:-5px;
    margin-top:-5px;
    background-color: #fafafa;
}

.main-bloc {
	 background-color:white;
	 border-radius:10px;
	 padding:15px;
	 border:2px solid #A6ABAA;
}
.main-bloc input[type=text], .main-bloc input[type=email], .main-bloc input[type=date], .main-bloc input[type=file], .main-bloc select, .main-bloc textarea {
    /* background-color: #fff1e4 !important; */
}

.main-bloc label {
	text-align:right;
}
.main-bloc input[type="text"], .main-bloc input[type="email"], .main-bloc input[type="date"], .main-bloc input[type="file"], .main-bloc select {
    color: #A83EB7;
    font-size: 15px;
    font-weight:bold;
    background-color: #f9fef4 !important;
}
/* FORM - end */



/* FORM TABS - start */
/*#tabs-head {
	background-color:;
}*/
#tabs-head a.nav-link  {
	background-color:white;
	color:#281c2d;
	border-color:rgba(50,50,50,0.5);
}
#tabs-head a.nav-link.active  {
	background-color:#281c2d;
	color:white;
}
/* FORM TABS - end */


/* CUSTOM RADIO - start */
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #281c2d;
    background-color: #281c2d;
}
/* CUSTOM RADIO - end */


/* HACHURES - start */
.hachures {
	/* https://developer.mozilla.org/fr/docs/Web/CSS/repeating-linear-gradient */
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(0,0,0,0.5) 4px, rgba(0,0,0,0.5) 8px);
	/* avec plusieurs longueurs pour les points d'arrêt */
	/* background-image: repeating-linear-gradient(-45deg, transparent 0 5px, black 5px 10px); */
	border-radius:10px;
}
/* HACHURES - end */



.text-blur {
	filter: blur(.3rem);
}

.textarea-sm {
	height:32px !important;
}

.text-purple {
	color: #A83EB7;
}
.text-purple a {
	color: #A83EB7;
}



/* AUTOCOMPLETE - start */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor:pointer; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
/* AUTOCOMPLETE - end */





/* BETA RIBBON - start */
.ribbon {
  position: fixed;
  left: -5px; top: -5px;
  z-index: 10000;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
  display:block;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#d88529 0%, #99171e 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  /*top: 19px;*/
  top: 16px;
  /*left: -21px;*/
  left: -25px;
}
.ribbon span::before {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon span::after {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
/* BETA RIBBON - end */


/* Prospect */
.prospect-statut{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 0.25rem;
}
.prospect-statut.rouge{
	background:red;
	color: #fff;
}
.prospect-statut.vert {
	background: green;
	color: #fff;
}
.prospect-statut.orange {
	background: orange;
	color: #fff;
}
.prospect-statut.jaune {
	background: yellow;
}
.prospect-statut.violet {
	background: purple;
	color: #fff;
}
.prospect-statut.noir {
	background: black;
	color: #fff;
}