:root{
	  
	/* --primary:   #4e54c8; */
	--primary:   #263b7e;
	--secondary: #494f54 ;
	--success:   #1abc9c;
	--danger:    #e74c3c;
	--warning:   /* #f39c12; */#ffbb00;
	--info:      #3498db;
}


body, body.body-ted, body.body-gab {
	font-family: /* Trebuchet MS, calibri */ "Segoe UI Symbol", "Noto Color Emoji";
	padding-top : 0;
	/* background: linear-gradient(0.25turn, #6888ff1a, #6cff1324); */
	background: #DDD;
}
	
	header{
		position:sticky;
		top:0;
		margin:auto;
		width:100%;
		z-index:50;
		border-bottom: 1px solid #999;
	}
	
	header i.fa{display:none;}
	
	
	a{
		color:var(--primary);
	}

	.text-primary{ color: var(--primary) !important; }
	.border-primary{ border-color: var(--primary) !important;}
	.bg-primary{ background-color: var(--primary) !important;}
	
	.text-secondary{ color: var(--secondary) !important; }
	.border-secondary{ border-color: var(--secondary) !important;}
	.bg-secondary{ background-color: var(--secondary) !important;}
	
	.text-success{ color: var(--success) !important; }
	.border-success{ border-color: var(--success) !important;}
	.bg-success{ background-color: var(--success) !important;}
	
	.text-danger{ color: var(--danger) !important; }
	.border-danger{ border-color: var(--danger) !important;}
	.bg-danger{ background-color: var(--danger) !important;}

	.text-warning{ color: var(--warning) !important; }
	.border-warning{ border-color: var(--warning) !important;}
	.bg-warning{ background-color: var(--warning) !important;}
	
	.text-info{ color: var(--info) !important; }
	.border-info{ border-color: var(--info) !important;}
	.bg-info{ background-color: var(--info) !important;}

	
	.btn-primary {
		background-color: var(--primary) !important;
		border-color: var(--primary) !important;
		color: #fff;
	}
		.btn-primary:hover, .btn-primary:focus {
			background-color: #3d42a6 !important;
			border-color: #3d42a6 !important;
		}

	.btn-secondary {
		background-color: var(--secondary) !important;
		border-color: var(--secondary) !important;
		color: #fff;
	}
		.btn-secondary:hover, .btn-secondary:focus {
			background-color: #e85c50 !important;
			border-color: #e85c50 !important;
		}

	.btn-success {
		background-color: var(--success) !important;
		border-color: var(--success) !important;
		color: #fff;
	}
		.btn-success:hover {
			background-color: #159b84 !important; 
			border-color: #159b84 !important;
		}
	
	.btn-warning {
		background-color: var(--warning) !important;  /* Orange moderne */
		border-color: var(--warning) !important;
		color: #212529;
	}
		.btn-warning:hover,
		.btn-warning:focus,
		.btn-warning:active {
			background-color: #d68910 !important;
			border-color: #d68910 !important;
			color: #212529;
		}

	.btn-danger {
		background-color: var(--danger) !important;  /* Rouge vif */
		border-color: var(--danger) !important;
		color: #fff;
	}
		.btn-danger:hover,
		.btn-danger:focus,
		.btn-danger:active {
			background-color: #c0392b !important;
			border-color: #c0392b !important;
			color: #fff;
		}

	.btn-info {
		background-color: var(--info) !important;  /* Bleu clair */
		border-color: var(--info) !important;
		color: #fff;
	}
		.btn-info:hover,
		.btn-info:focus,
		.btn-info:active {
			background-color: #2b7cad !important;
			border-color: #2b7cad !important;
		}
	
	body > header{
		flex-direction: row-reverse;
	}
	
	#connection-infos{
		display:flex;
		flex-direction: row-reverse;
	}
		#connection-infos > div{
			width:50%;
		}
		#connection-infos > div:first-child{
			width:50%;
			text-align:justify !important;
			padding-left:15px;
		}
	@media (max-width: 921px) {
		#connection-infos{
			display:inherit;
		}
		#connection-infos > div{
			width:auto;
		}
		#connection-infos > div:first-child{
			width:auto;
			padding-left:0;
		}
	}

	/* Status, convention sign , juridque, AJ */
	.info-div{
		border:none !important;
		font-size:1rem !important;
		margin:0 !important;
		width:70% !important;
		min-width:600px !important;
	}
	#info-status-div{
		font-size:.8rem ;
		border-top:1px solid #666 !important;
	}
		#info-status-div > div{
			margin:0 !important;
		}
		
		#info-status-div h5{
			display:none;
		}
		
		#info-conv-div, #info-conv-div small{
			font-size:1rem !important;
		}
		
		#info-sign-div {
			border-top:1px solid #666 !important;
			font-weight:bold;
		}
		#info-sign-div > div {
			font-weight:normal;
			font-size:.8rem !important;
		}

	
	.form-control, .custom-select {
		font-size: 11px;
	}
	
	
	/* DOCS */
	#doc-cards .form-control, #doc-cards .form-control-plaintext {
		padding: .2em .4em;
	}
	
	#doc-cards h5.bg-section{
		background: linear-gradient(0.25turn, #d3d3d369, #f8f8f8);
		margin:0;
		margin-bottom:10px;
		padding: 1em !important;
		/* border:1px solid grey; */
		cursor:pointer;
	}
		/* #doc-cards h5.bg-section + div{
			margin:20px 0;
		} */
		
		/* .doc-section-need:not([style*="display:none"]){ */
		.doc-section-need{
			font-size:80%;
			color: var(--info) !important;
			border:1px dashed blue;
			padding:10px !important;
		}
		
		.doc-upload > div:first-child{
			font-size:80%;
			text-transform: uppercase;
		}
	
	
	[data-toggle="collapse"] .fa:before {   
	  content: "\f13a";
	}

	[data-toggle="collapse"].collapsed .fa:before {
	  content: "\f138";
	}

	/* 
	.text-danger, .bg-danger, .border-danger{
		color: purple !important;
	}*/


	.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
		background-color:#c04141;
	}
		
		/*
		.nav-link{
			color: #49719d;
		} */
		
	/* section resets */
	#doc-cards .card-header:hover {
		cursor: default;
		opacity: 1;
	}
	#doc-cards .card-header:first-child {
		border-radius: 0;
	}
	#doc-cards .border { /* reset border color */
		border-color: #CCC !important;
	}
		/* section colors */
		#doc-cards div.border-warning > h6 {
			background-color: var(--warning);
			color: #FFF;
		}
		#doc-cards div.border-danger > h6 {
			background-color: var(--danger);
			color: #FFF;
		}
		#doc-cards div.border-success > h6 {
			background-color: var(--success);
			color: #FFF;
		}
			/* section badges */
			#doc-cards div.border-warning .badge-warning {
				display:inline-block;
				background-color: var(--warning);
			}
			#doc-cards div.border-danger .badge-danger {
				display:inline-block;
				background-color: var(--danger);
			}
			#doc-cards div.border-success .badge-success {
				display:inline-block;
				background-color: var(--success);
			}
		
		
/* ------- alt bootstrap form 	------- */	
.input-group{
    font-family: 'Titillium Web', sans-serif;
}

.input-group input, .input-group select{
	background-color: #EEE;
	border-radius: 0;
}

.custom-file-input ~ .custom-file-label::after {
    content: "Ajouter";
}

/* ------- datatable ------- */
#mail-list_length, #mail-list_info{
	display:none;
}