@charset "UTF-8";

/**
** debut SBA.css
*/
@import url('https://rsms.me/inter/inter.css');



body>.header1 .navbar11 .sidebar1-toggle {
	float: left;
	padding: 9px 5px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 5px;
	background-color: transparent;
	background-image: none;
	/*border: 1px solid transparent;*/
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.sidebar1 .sidebar1-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar1-submenu-container1 {
	display: block;
	left: 120px;
	position: absolute;
	z-index: 1100;
	width: 200px;
	background-color: #ededed;
}

.sidebar1 .sidebar1-menu>li>a {
	padding: 12px 5px 12px 5px;
	display: block;
}

.sidebar1-menu-container1 {
	display: inline;
	position: relative;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sidebar1-menu_subitem {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0;
}

.sidebar1 .sidebar1-menu_subitem>li>a {
	/*     padding: 5px 5px 5px 5px; */
	margin: 5px 0px 0px 20px;
	display: block;
	border-bottom: 1px #DDDDDD solid;
	position: relative;
}

.sidebar1 .sidebar1-menu_subitem>li:hover {
	background: #ffffff;/*#ADADAD;*/
	border-right: 1px solid #E75F5F;
	border-left: 1px solid #E75F5F;
	border-width: 3px;
}

.sidebar1 i {
	font-size: 25px;
}

.sidebar1 .fa {
	display: block;
	text-align: center;
}


body>.header1 .navbar11 {
	display: block;
	height: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

body>.header1 {
	top: 0;
	left: 0;
	right: 0;
	position: relative;
	/*max-height: 100px;*/
	z-index: 1030;
}
body.fixed>.header1, body.fixed .left-side1, body.fixed .navbar1 {
	position: fixed;
}

body.fixed>.header1 {
	top: 0;
	right: 0;
	left: 0;
}
@media print {
	.no-print {
		display: none;
	}
	.left-side1, .header1, .content1-header {
		display: none;
	}
	.left-side, .header, .content-header {
		display: none;
	}
	.right-side {
		margin: 0;
	}
}

body>.header1 .navbar1 {
	height: 50px;
	/*margin-bottom: 0;*/
	margin-left: /*220px*/ 120px;
}

body>.header1 .navbar1 .nav>li.user>a {
	font-weight: bold;
}

body>.header1 .navbar1 .nav>li.user>a>.fa, body>.header1 .navbar1 .nav>li.user>a>.glyphicon,
	body>.header1 .navbar1 .nav>li.user>a>.ion {
	margin-right: 5px;
}

body>.header1 .navbar1 .nav>li>a>.label {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	right: 2px;
	font-size: 10px;
	font-weight: normal;
	width: 15px;
	height: 15px;
	line-height: 1.0em;
	text-align: center;
	padding: 2px;
}

body>.header1 .navbar1 .nav>li>a:hover>.label {
	top: 3px;
}

body>.header1 .logo1 {
	float: left;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
	width: /*222px;*/ 125px;
	/* font-family: 'Kaushan Script', cursive; */
	font-weight: 500;
	height: 40px;
	display: block;
	background: #ffffff;
}
body>.header1 .logo1 .icon {
	margin-right: 10px;
}
.right-side, .left-side1 {
	min-height: 100%;
	display: block;
}

.left-side1 {
	position: absolute;
	width: 120px;
	top: 0;
}

.right-side>.content1-header {
	position: relative;
	padding: 5px 5px 5px 10px;/*15px 15px 10px 20px;*/
}
.right-side>.content1-header>h1 {
	margin: 0;
	font-size: 24px;
}
.right-side>.content1-header>h1>small {
	font-size: 15px;
	display: inline-block;
	padding-left: 4px;
	font-weight: 300;
}

.right-side>.content1-header>.breadcrumb {
	float: right;
	background: transparent;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 15px;
	right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.right-side>.content1-header>.breadcrumb>li>a {
	color: #444;
	text-decoration: none;
}

.right-side>.content1-header>.breadcrumb>li>a>.fa, .right-side>.content1-header>.breadcrumb>li>a>.glyphicon,
	.right-side>.content1-header>.breadcrumb>li>a>.ion {
	margin-right: 5px;
}

.right-side>.content1-header>.breadcrumb>li+li:before {
	content: '>\00a0';
}

.multi-sortable .sortable-container1 {
	width: 95%;
	margin: 0 2%;
	/* 		float: left;  */
	height: 100%;
	min-height: 200px;
	padding: 10px 10px;
	border-color: grey;
	border-style: solid;
	margin: 5px;
}

.multi-multi-sortable .sortable-container1 {
	width: 22%;
	margin: 0 1%;
	/*float: left;*/
	height: 100%;
	padding: 10px 10px;
	/* 			overflow-x: hidden; */
}
.sortable-container1.grid {
	width: 100%;
	min-height: 100px;
}

.clearfix:after, .dl-horizontal dd:after, .container1:after,
	.container1-fluid:after, .row:after, .form-horizontal .form-group:after,
	.btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after,
	.navbar1:after, .navbar1-header:after, .navbar1-collapse:after, .pager:after,
	.panel-body:after, .modal-footer:after {
	clear: both;
}
.container1-fluid:before, .container1-fluid:after, .row:before, .row:after,
	.form-horizontal .form-group:before, .form-horizontal .form-group:after,
	.nav:before, .nav:after, .navbar1:before, .navbar1:after, .panel-body:before,
	.panel-body:after, .modal-footer:before, .modal-footer:after {
	display: table;
	content: " ";
}

.loginScreen > div.container1 {
  /*padding: 40px 20px;*/
  align-items: center;
}

.loginScreen > div.container1 > div {
  display: flex;
  
  width: 100%;
  max-width: 350px;
  flex-direction: column;
}
.container1-fluid {
	padding-right: 15px;
	padding-left: 15px;
}

.container1-horizontal {
	display: flex;
	overflow: auto;
}

.content1 {
	padding: 90px 5px 5px 10px;
}

.tab-content1>.tab-pane {
	display: none;
	visibility: hidden;
}

.tab-content1>.active {
	display: block;
	visibility: visible;
}
/**************************************************************************************************************************************
** fin SBA.css
*/

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../ressources/fonts/glyphicons-halflings-regular.eot');
	src: url('../ressources/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		url('../ressources/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
		url('../ressources/fonts/glyphicons-halflings-regular.woff') format('woff'),
		url('../ressources/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		url('../ressources/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

html, body {
	font-family: 'inter ui','arial','sans-serif','Segoe UI';
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
	font-size: 14px;
	line-height: 1.42857143;
	color: #607d8b; /*#3b4348;*/
	margin: 0;
}

.main-page {
	/*background: #DDDDDD;*/
	
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
 	/*box-sizing: border-box; */
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
 	/*box-sizing: border-box; */
}

.clearfix:after, .dl-horizontal dd:after, .container:after,
	.container-fluid:after, .row:after, .form-horizontal .form-group:after,
	.btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after,
	.navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after,
	.panel-body:after, .modal-footer:after {
	clear: both;
}

.container-fluid:before, .container-fluid:after, .row:before, .row:after,
	.form-horizontal .form-group:before, .form-horizontal .form-group:after,
	.nav:before, .nav:after, .navbar:before, .navbar:after, .panel-body:before,
	.panel-body:after, .modal-footer:before, .modal-footer:after {
	display: table;
	content: " ";
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 5px;
}

a {
	color: #607D8B;
	text-decoration: none;
	background-color: transparent;
}

a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
	color: #607d8b;
}
.sba-table-row-selected td a {
	color :white
}
a>h2 {
	margin-top: 0;
}

h1, .h1 {
	font-size: 36px;
	font-weight: bold;
}

h2, .h2 {
	font-size: 30px;
	font-weight: bold;
}

h3, .h3 {
	font-size: 26px;
	font-weight: bold;
}


h4, .h4 {
	font-size: 18px; /*22px*/
	margin-top: 10px;
	margin-bottom: 10px;
}

h5, .h5 {
	font-size: 17px;
	margin-bottom: 5px;
	margin-top: 5px;
}

h6, .h6 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
}

h1, .h1, h2, .h2, h3, .h3 {
	/*margin-top: 5px;
	margin-bottom: 10px;*/
}

/* h1, h2, h3 { */
/* 	font-family: inherit; */
/* /* 	font-weight: 500; */ */
/* 	line-height: 1.1; */
/* 	color: inherit; */
/* } */

h4, .h4, h5, .h5 , h6, .h6{
	margin-top: 5px;
	margin-bottom: 5px;
}


@media screen and (max-width: 1256px){
	h6, .h6 {
	font-size: 12px;
	margin-bottom: 2px;
	margin-top: 2px;
}
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 8px;
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	/* font-size: 75%;*/
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.label-default {
	background-color: #777;
}

.label-black {
	background-color: #101010;
}

.label-default[href]:hover, .label-default[href]:focus {
	background-color: #5e5e5e;
}

.label-primary {
	background-color: #337ab7;
}

.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #286090;
}

.label-success {
	background-color: #5cb85c;
}

.label-success[href]:hover, .label-success[href]:focus {
	background-color: #449d44;
}

.label-info {
	background-color: #5bc0de;
}

.label-info[href]:hover, .label-info[href]:focus {
	background-color: #31b0d5;
}

.label-warning {
	background-color: #f0ad4e;
}

.label-warning[href]:hover, .label-warning[href]:focus {
	background-color: #ec971f;
}

.label-danger {
	background-color: #d9534f;
}

.label-danger[href]:hover, .label-danger[href]:focus {
	background-color: #c9302c;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"],
	.checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-top: 4px \9;
	margin-left: -20px;
}

input[type="radio"], input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

.radio label, .checkbox label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}

/* Layouts */
.row {
	/*margin-right: -15px;
	margin-left: -15px;*/
}

.wrapper {
	min-height: 100%;
	margin-top: 25px;
}

.wrapper:before, .wrapper:after {
	display: table;
	content: " ";
}

.wrapper:after {
	clear: both;
}
/* Header */
body>.header {
	top: 0;
	left: 0;
	right: 0;
	position: relative;
	/*max-height: 100px;*/
	z-index: 1030;
	
}
/* Define 2 column template */
.right-side, .left-side {
	min-height: 100%;
	display: block;
}
/*right side - contins main content*/
.right-side {
	/* 	background-color: #f9f9f9; */
	margin-left: 120px;
	margin-right: 32px
}
/*left side - contains sidebar*/
.left-side {
	position: absolute;
	/*position: fixed;*/
	width: 120px;
	top: 0;
	/*
	overflow-y: auto;
	max-height: calc(100%-200px);
	*/
}

@media screen and (min-width: 992px) {
	.left-side {
		top: 75px;
	}
	/*Right side strech mode*/
	.right-side.strech {
		margin-left: 0;
	}
	.right-side.strech>.content-header {
		margin-top: 0px;
	}
	/* Left side collapse */
	.left-side.collapse-left {
		left: -220px;
	}
	.xs-reduice {
		width: 50%; margin: auto;
	}
	
	/* SBA.css
	*/
	.left-side1 {
		top: 80px;
		background: #ededed;
	}
	.right-side.strech {
		margin-left: 0;
	}
	.right-side.strech>.content1-header {
		margin-top: 0px;
	}
	/* Left side collapse */
	.left-side1.collapse-left {
		left: -220px;
	}
}


/*Give content full width on xs screens*/
@media screen and (max-width: 992px) {
	.right-side {
		margin-left: 0;
	}
	.xs-reduice {
	
	}
}
/*
    By default the layout is not fixed but if you add the class .fixed to the body element
    the sidebar and the navbar will automatically become poisitioned fixed
*/
body.fixed>.header, body.fixed .left-side, body.fixed .navbar {
	position: fixed;
}

body.fixed>.header {
	top: 0;
	right: 0;
	left: 0;
}

body.fixed .navbar {
	left: 0;
	right: 0;
}

body.fixed .wrapper {
	margin-top: 50px;
}
/* Content */
.content {
	margin: 0px 20px;
/* 	margin-right: 75px; */
}

/* Page Header */
.page-header {
	margin: 10px 0 20px 0;
	font-size: 22px;
}

.page-header>small {
	color: #666;
	display: block;
	margin-top: 5px;
}
/* All images should be responsive */
img {
	/*max-width: 100% !important;*/
}

.docPreview img {
	max-width: none;
	max-height: none;
}

.margin {
	margin: 10px;
}
/* Display inline */
.inline {
	display: inline;
	width: auto;
}
/* Background colors */
.bg-aqua {
	color: #f9f9f9 !important;
	background-color: #64CAE3 !important;
}

.bg-green {
	color: #f9f9f9 !important;
	background-color: #62BF4E !important;
}

.bg-orange {
	color: #f9f9f9 !important;
	background-color: #FFB14A !important;
}

/*Hide elements by display none only*/
.hide {
	display: none !important;
}
/* Remove borders */
.no-border {
	border: 0px !important;
}
/* Remove padding */
.no-padding {
	padding: 0px !important;
}
/* Remove margins */
.no-margin {
	margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
	box-shadow: none !important;
}
/* Don't display when printing */
@media print {
	.no-print {
		display: none;
	}
	.left-side, .header, .content-header {
		display: none;
	}
	.right-side {
		margin: 0;
	}
	.left-side1, .header1, .content1-header {
		display: none;
	}
}

/* Remove border radius */
.flat {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* body>.header .navbar { */
/* 	height: 75px; */
/* 	margin-bottom: 10px; */
/* 	margin-top: 10px; */
/* 	/*margin-left:  120px;*/ */
/* } */

body>.header .navbar .sidebar-toggle {
	float: left;
	padding: 9px 5px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 5px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

body>.header .navbar {
	display: block;
	/*min-height: 160px;*/
	/*height: 200px;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*height: 250px;*/
	/*padding-bottom: 10px;*/
/* 	padding-top: 10px; */
}

body>.header .navbar .nav>li.user>a {
	font-weight: bold;
}

body>.header .navbar .nav>li.user>a>.fa, body>.header .navbar .nav>li.user>a>.glyphicon,
	body>.header .navbar .nav>li.user>a>.ion {
	margin-right: 5px;
}

body>.header .navbar .nav>li>a>.label {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	right: 2px;
	font-size: 10px;
	font-weight: normal;
	width: 15px;
	height: 15px;
	line-height: 1.0em;
	text-align: center;
	padding: 2px;
}

body>.header .navbar .nav>li>a:hover>.label {
	top: 3px;
}

body>.header .logo {
	background-color: #fff;
	/*margin: 10px 0px;*/
	height: 48px;
}
body>.header .logo>img {
	height: 55px;
  	vertical-align: middle;
}

body>.header .logo .icon {
	margin-right: 10px;
}

.right-side>.content-header {
	position: relative;
	padding: 5px 5px 0px 10px;
}

.right-side>.content-header>h1 {
	margin: 0;
	font-size: 24px;
}

.right-side>.content-header>h1>small {
	font-size: 15px;
	display: inline-block;
	padding-left: 4px;
	font-weight: 300;
}

.right-side>.content-header>.breadcrumb {
	float: right;
	background: transparent;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 15px;
	right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.right-side>.content-header>.breadcrumb>li>a {
	color: #444;
	text-decoration: none;
}

.right-side>.content-header>.breadcrumb>li>a>.fa, .right-side>.content-header>.breadcrumb>li>a>.glyphicon,
	.right-side>.content-header>.breadcrumb>li>a>.ion {
	margin-right: 5px;
}

.right-side>.content-header>.breadcrumb>li+li:before {
	content: '>\00a0';
}

@media screen and (max-width: 767px) {
	.right-side>.content-header>.breadcrumb {
		position: relative;
		margin-top: 5px;
		top: 0;
		right: 0;
		float: none;
		background: #efefef;
	}
	.right-side>.content1-header>.breadcrumb {
		position: relative;
		margin-top: 5px;
		top: 0;
		right: 0;
		float: none;
		background: #efefef;
	}
}

@media screen and (max-width: 560px) {
	body>.header {
		position: relative;
	}
	body>.header .logo, body>.header .navbar {
		width: 100%;
		float: none;
		position: relative !important;
	}
	body>.header .navbar {
		margin: 0;
	}
	body.fixed>.header {
		position: fixed;
	}
	body.fixed>.wrapper, body.fixed .sidebar-offcanvas {
		margin-top: 100px !important;
	}
	/*SBA.css*/
	body>.header1 {
		position: relative;
	}
	body>.header1 .logo1, body>.header1 .navbar1 {
		width: 100%;
		float: none;
		position: relative !important;
	}
	body>.header1 .navbar1 {
		margin: 0;
	}
	body.fixed>.header1 {
		position: fixed;
	}
	body.fixed>.wrapper, body.fixed .sidebar1-offcanvas {
		margin-top: 100px !important;
	}
}

/*
 * Off Canvas
 * --------------------------------------------------
 *  Gives us the push menu effect
 */
 /*
 * Off Canvas
 * --------------------------------------------------
 *  Gives us the push menu effect
 */
 
@media screen and (max-width: 992px) {
			
	.relative {
		position: relative;
	}
	.row-offcanvas-right .sidebar-offcanvas {
		right: -220px;
	}
	.row-offcanvas-left .sidebar-offcanvas {
		left: -220px;
	}
	.row-offcanvas-right.active {
		right: 220px;
	}
	.row-offcanvas-left.active {
		left: 220px;
	}
	.sidebar-offcanvas {
		left: 0;
	}
	body.fixed .sidebar-offcanvas {
		margin-top: 50px;
		left: -220px;
	}
	body.fixed .row-offcanvas-left.active .navbar {
		left: 220px !important;
		right: 0;
	}
	body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
		left: 0px;
	}
	
	.row-offcanvas-right .sidebar1-offcanvas {
		right: -220px;
	}
	.row-offcanvas-left .sidebar1-offcanvas {
		left: -220px;
	}
	.row-offcanvas-right.active {
		right: 220px;
	}
	.row-offcanvas-left.active {
		left: 220px;
	}
	.sidebar1-offcanvas {
		left: 0;
	}
	body.fixed .sidebar1-offcanvas {
		margin-top: 50px;
		left: -220px;
	}
	body.fixed .row-offcanvas-left.active .navbar1 {
		left: 220px !important;
		right: 0;
	}
	body.fixed .row-offcanvas-left.active .sidebar1-offcanvas {
		left: 0px;
	}
}
/* 
    Dropdown menus
----------------------------
*/
/*Dropdowns in general*/
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.ion
	{
	margin-right: 10px;
}

.dropdown-menu>li>a:hover {
	background-color: #3c8dbc;
	color: #f9f9f9;
}

/* Add fade animation to dropdown menus */
.open>.dropdown-menu {
	animation-name: fadeAnimation;
	animation-duration: .7s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-name: fadeAnimation;
	-webkit-animation-duration: .7s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: fadeAnimation;
	-moz-animation-duration: .7s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: forwards;
	display: block;
	width: 350px;
}

.dropdown-menu>li.user-footer {
	background-color: #f9f9f9;
	padding-top: 10px;
	color: black;
	padding-bottom: 10px;
}

.dropdown-menu>li.user-footer a {
	color: #607d8b !important;
}

@
keyframes fadeAnimation {from { opacity:0;
	top: 120%;
}

to {
	opacity: 1;
	top: 100%;
}

}
@
-webkit-keyframes fadeAnimation {from { opacity:0;
	top: 120%;
}

to {
	opacity: 1;
	top: 100%;
}

}
/* 
   All form elements including input, select, textarea etc.
-----------------------------------------------------------------
/* Checkbox and radio inputs */
.checkbox, .radio {
	padding-left: 0;
}

textarea.form-control {
	height: auto;
	overflow: auto;
	font-family: 'arial','sans-serif','Segoe UI';
	color: #607d8b;
}

@
keyframes tansformAnimation {from { font-size:90px;
	
}

to {
	font-size: 100px;
}

}
@
-webkit-keyframes tansformAnimation {from { font-size:90px;
	
}

to {
	font-size: 100px;
}

}
.pagination>li {
	display: inline;
}


.pagination>li>a {
	
/*  	background: #fafafa;  */
/* 	color: #666; */
/* 	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09); */
/* 	-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09); */
/* 	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09); */
}

.pagination>li:first-of-type a, .pagination>li:last-of-type a {
/* 	-webkit-border-radius: 0; */
/* 	-moz-border-radius: 0; */
/* 	border-radius: 0; */
}

.pagination>.active>a {
/* 	z-index: 2; */
/* 	color: #fff; */
/* 	cursor: default; */
/* 	background-color: #337ab7; */
/* 	border-color: #337ab7; */
}

.clickable {
	cursor: pointer;
}

.not-clickable {
	cursor: not-allowed;
}

.float-right {
	float: right;
}

.searchElement {
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 2.5em;
}
.searchElement label {
	line-height: 1.5em;
	font-weight: normal;
}

.recherche-libre {
	border-radius: 12px !important;
	box-shadow: none;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
}

.previewSlider {
	list-style: none;
	display: block;
	white-space: nowrap;
	overflow: auto;
}

.previewSlider img {
	margin-right: 10px;
	margin-left: 10px;
	max-height: 200px;
	max-width: 140px;
}

.multi-sortable .sortable-container {
	width: 95%;
	margin: 0 2%;
	/* 		float: left;  */
	height: 100%;
	min-height: 200px;
	padding: 10px 10px;
	border-color: grey;
	border-style: solid;
	margin: 5px;
}

.multi-multi-sortable .sortable-container {
	width: 22%;
	margin: 0 1%;
	/*float: left;*/
	height: 100%;
	padding: 10px 10px;
	/* 			overflow-x: hidden; */
}

.multi {
	display: inline-block;
	/*width: 90%;*/
	text-align: center;
}

.sortable-container.grid {
	width: 100%;
	min-height: 100px;
}

.draggable {
	cursor: move;
}
.loginScreen {
  height: 100%;
  color: #0e3150;
}
.loginScreen > header {
	width:100%;
	height:180px;
	line-height: 220px;
	background-color: #f0f0f0;/*#0e3150;*/
	text-align:center;
	vertical-align: text-top;
	margin-top: -30px;
	margin-bottom: 50px;
}
.loginScreen > header > img {
	height: 30%;
	margin-top: 80px;
}
.loginScreen > div.container {
  /*padding: 40px 20px;*/
  align-items: center;
}
.loginScreen table {
	margin-bottom: 0;
	
}
.loginScreen .form-signin table td {
	margin-bottom: 0;
	border: 5px solid white;
	padding: 0px 5px; 
	background: #f0f0f0;
	text-align: center;
	border-right: 10px solid white;
}

.loginScreen > footer {
	height: 20px;
}
.loginScreen a {
	color: black;
}
.loginScreen > div.container > div {
  display: flex;
  
  width: 100%;
  max-width: 350px;
  flex-direction: column;
}
.loginScreen  form {
  margin: 0 auto;
  width: 100%;
  max-width: 550px;
  
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 15px;
 
}
.loginScreen .alert {
	width: 100%;
	max-width: 380px;
	margin: 5px auto;
}
.loginScreen h1 {
	margin: 0 10px 10px 10px;
	text-align:center;
	font-size: 2.5em;
	margin-bottom: 20px;
}

.loginScreen h2 {
	margin: 0 10px 10px 10px;
	text-align:center;
	font-size: 1.2em;
	font-weight:5;
	margin-bottom: 10px; 
}

.loginScreen a:hover {
	text-decoration: underline;
}

.collapsable-headers-controls {
	margin-right: 10px;
}

.collapsable-headers-controls  input {
	border-radius: 20px
}

.collapsable-headers-controls  input:focus {
	outline: none;
}

.ellipsableLink a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 450px;
}
.ellipsableLink {
	overflow-wrap: break-word;
}

.ellipsis {
    position: relative;
}
.ellipsis:before {
    content: ' ';
    visibility: hidden;
}
.ellipsis span, .ellipsis div a {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab-content>.tab-pane {
	display: none;
	visibility: hidden;
}

.tab-content>.active {
	display: block;
	visibility: visible;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	/*padding-bottom: 11px;*/
	/*
	margin-right: auto;
	margin-left: auto;
	*/
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sidebar .sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-submenu-container {
	display: block;
	left: 120px;
	position: absolute;
	z-index: 990;
	width: 200px;
	background-color: #EDEDED;
}

.sidebar .sidebar-menu>li>a {
	padding: 12px 5px 12px 5px;
	display: block;
}

.sidebar-menu-container {
	display: inline;
	position: relative;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sidebar-menu_subitem {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0;
}

.sidebar .sidebar-menu_subitem>li>a {
	/*     padding: 5px 5px 5px 5px; */
	margin: 5px 0px 0px 20px;
	display: block;
	border-bottom: 1px #DDDDDD solid;
	position: relative;
}

.sidebar .sidebar-menu_subitem>li:hover {
	background: #ADADAD;
}

.sidebar i {
	font-size: 25px;
}

.sidebar .fa {
	display: block;
	text-align: center;
}

.wizard-horizontal .form-group {
	margin-top: 15px;
	margin-bottom: 15px;
}

.container-horizontal {
	display: flex;
	overflow: auto;
}

canvas+label {
	display: block;
	text-align: center;
}

.relative {
	position: relative;
}

.inline {
	display: inline
}

.rotate_90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotate_180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.rotate_270 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.contentCentered {
	text-align: center;
	display: block;
}

.contentCentered:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.contentCentered>* {
	display: inline-block;
	vertical-align: middle;
}

.contentJustified {
	width: 100%;
	text-align: center;
}

select .last-tiers-group {
	border-bottom: dashed 1px gray;
}

.spaced-legend {
	padding: 0px 10px;
}

.month-label {
	white-space: nowrap
}

.cell-client-hint {
	background-color: #C0C0C0;
}

.cell-checkbox {
	width: 43px;
}

.preview-label {
	text-align: right;
	font-weight: bold;
	margin-right: 0px;
}

.preview-label:AFTER {
	content: ' :';
}

.preview-content {
	text-align: left;
	font-weight: normal;
	margin-left: 0px;
}

.preview-title {
	text-align: left;
	font-size: larger;
	border-bottom: thin gray solid;
}

.preview-paid-due {
	text-decoration: line-through;
}

.preview-alert {
	color: red;
}
.preview-alert {
	color: red;
}
.preview-table{
	width:90%;
	border:thin solid #ccc;
	margin-right:5%;
	margin-left:5%;
	padding:10px;
}

.preview p {
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
}

.text-red {
	color: red;
}

.text-green {
	color: green;
}

a[disabled] {
    pointer-events: none;
}

.menu_context {
	margin-left: 10px;
	padding-left: 10px;
}

.dashtile {
	border: 1px solid #ECEFF1;
	background-color: #ECEFF1;
	min-height: 230px;
	padding-top: 3px;
}

.dashtile-small {
	border: 1px solid #ECEFF1;
	background-color: #ECEFF1;
	min-height: 120px;
	padding-top: 3px;
}

.boldblue {
	color: #0e3150; 
	font-weight:bold;
}

.boldbluestitle {
	color: white; 
	font-weight:bold;
	background-color:blue;
}

.noteadddoc {
	font-size:95%;
	font-style: normal;
}

.noteCroppedDoc {
	font-size:90%;
	font-style: italic;
	color:red;
}
.text-note-treso {
	font-size:12px;
	font-style: italic;
	color :#bbb
}
.btnCenter {
	text-align: center;
	width:100%;
}

.page-container {
	margin: auto;
	width: 90%;
	color: #0e3150;
	font-family: 'Arial'
}

.menu-bar-dashboard {
	margin-top : 10px;
	text-align: center;
	color: #OE3150;
	font-weight: normal;
	display :table;
	width :100%;
	box-shadow: 0px 8px 14px -3px rgba(119, 119, 119, 0.16);
	border-bottom: 1px solid #B0BEC5;
}
.menuItem-dashboard {
	display :table-cell;
	width:1%;
	min-width : 110px;
	/*padding-bottom: 5px;*/
	z-index: 9000;
}

.menu-bar {
	/*margin-top : 50px;
	margin-bottom : 10px;*/
	text-align: center;
	color: #OE3150;
	font-weight: normal;
}

.menu-search-bar {
	margin-top : 20px;
	margin-bottom : 20px;
	text-align: center;
	color: #OE3150;
	font-weight: 500;
}

.bar-tool {
	display :table;
	width :100%;
}

.bar-tool-item {
	display :table-cell;
	width:1%;
	min-width : 110px;
}


/**   tooltip ****/
.cstooltip {
}

.cstooltip > .tooltip-inner {
  background-color: #fff;
  color : #3b4348;
  border-radius: 4px;
  padding: 10px;
  border: solid;
  border-color: #c0c0c0;
  border-width: 1px;
  margin-top : -80px;
  margin-left : -50px;
  max-width: 125px;
  text-align: center;
  
  -moz-box-shadow: 1px 1px 5px 5px #eceff1;
	-webkit-box-shadow: 1px 1px 5px 5px #eceff1;
	-o-box-shadow: 1px 1px 5px 5px #eceff1;
	box-shadow: 1px 1px 5px 5px #eceff1;
/* 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#eceff1, Direction=134, Strength=5); */
}

.cstooltip > .tooltip-arrow {
/*   border-right-color: #0e3150 !important; */
	display: none !important;
}


/******** tooltip info ** ******* ** ******* ** ******* ** ******* ** ******* ** ******* */
.cstooltip-info {
}

.cstooltip-info > .tooltip-inner {
  background-color: #ffffff;
  color : #3b4348;
  border-radius: 4px;
  padding: 15px;
  border: solid;
  border-color: #c0c0c0;
  border-width: 1px;
  margin-top : -100px;
  margin-left : -120px;
  min-width: 125px;
  max-width: 220px;
  text-align: center;
  
  -moz-box-shadow: 1px 1px 5px 5px #eceff1;
	-webkit-box-shadow: 1px 1px 5px 5px #eceff1;
	-o-box-shadow: 1px 1px 5px 5px #eceff1;
	box-shadow: 1px 1px 5px 5px #eceff1;
/* 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#eceff1, Direction=134, Strength=5); */
}

.cstooltip-info > .tooltip-arrow {
/*   border-right-color: #0e3150 !important; */
	display: none !important;
}

/* ******* ** ******* ** ******* ** ******* ** ******* ** ******* ** ******* ** ******* */



/******** tooltip info ** ******* ** ******* ** ******* ** ******* ** ******* ** ******* */
.cstooltip-info-new {
}

.cstooltip-info-new > .tooltip-inner {
  background-color: #ffffff;
  color : #3b4348;
  border-radius: 4px;
  padding: 15px;
  border: solid;
  border-color: #c0c0c0;
  border-width: 1px;
  margin-top : -100px;
  margin-left : -200px;
  min-width: 125px;
  max-width: 220px;
  text-align: center;
  
  -moz-box-shadow: 1px 1px 5px 5px #eceff1;
	-webkit-box-shadow: 1px 1px 5px 5px #eceff1;
	-o-box-shadow: 1px 1px 5px 5px #eceff1;
	box-shadow: 1px 1px 5px 5px #eceff1;
/* 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#eceff1, Direction=134, Strength=5); */
}

.cstooltip-info-new > .tooltip-arrow {
/*   border-right-color: #0e3150 !important; */
	display: none !important;
}

/* ******* ** ******* ** ******* ** ******* ** ******* ** ******* ** ******* ** ******* */



.cstooltip-info-depot {
}

.cstooltip-info-depot > .tooltip-inner {
  background-color: #ffffff;
  color : #3b4348;
  border-radius: 4px;
  padding: 15px;
  border: solid;
  border-color: #c0c0c0;
  border-width: 1px;
/*   margin-top : -100px; */
/*   margin-left : 820px; */
  min-width: 125px;
  max-width: 250px;
  width: 250px;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 350px;
  -moz-box-shadow: 1px 1px 5px 5px #eceff1;
	-webkit-box-shadow: 1px 1px 5px 5px #eceff1;
	-o-box-shadow: 1px 1px 5px 5px #eceff1;
	box-shadow: 1px 1px 5px 5px #eceff1;
}

.cstooltip-info-depot > .tooltip-arrow {
	display: none !important;
}

/* ******* */


/******** tooltip action */
.cstooltip-action {
}

.cstooltip-action > .tooltip-inner {
  background-color: #ffffff;
  color : #3b4348;
  border-radius: 4px;
  padding: 5px;
  border: solid;
  border-color: #c0c0c0;
  border-width: 1px;
  margin-top : -40px;
  margin-left : -110px;
  min-width: 50px;
  max-width: 140px;
  text-align: center;
  
  -moz-box-shadow: 1px 1px 5px 5px #eceff1;
	-webkit-box-shadow: 1px 1px 5px 5px #eceff1;
	-o-box-shadow: 1px 1px 5px 5px #eceff1;
	box-shadow: 1px 1px 5px 5px #eceff1;
/* 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#eceff1, Direction=134, Strength=5); */
}

.cstooltip-action > .tooltip-arrow {
/*   border-right-color: #0e3150 !important; */
	display: none !important;
}

/* ******* */

/******** tooltip action table */
.cstooltip-action-table {
}

.cstooltip-action-table > .tooltip-inner {
  background-color: #ffffff;
  color : #3b4348;
  border-radius: 4px;
  padding: 5px;
  border: solid;
  border-color: #c0c0c0;
  border-width: 1px;
  max-width: 120px;
  text-align: center;
  
  -moz-box-shadow: 1px 1px 5px 5px #eceff1;
	-webkit-box-shadow: 1px 1px 5px 5px #eceff1;
	-o-box-shadow: 1px 1px 5px 5px #eceff1;
	box-shadow: 1px 1px 5px 5px #eceff1;
}

.cstooltip-action-table > .tooltip-arrow {
	display: none !important;
}

/* ******* */
.cstooltip-user {
}

.cstooltip-user > .tooltip-inner {
  background-color: #ffffff;
  color : #3b4348;
  border-radius: 4px;
  padding: 5px;
  border: solid;
  border-color: #c0c0c0;
  border-width: 1px;
  max-width: 620px;
  text-align: center;
  
  -moz-box-shadow: 1px 1px 5px 5px #eceff1;
	-webkit-box-shadow: 1px 1px 5px 5px #eceff1;
	-o-box-shadow: 1px 1px 5px 5px #eceff1;
	box-shadow: 1px 1px 5px 5px #eceff1;
}

.cstooltip-user > .tooltip-arrow {
	display: none !important;
}


.cstooltip-contact {
}

.cstooltip-contact > .tooltip-inner {
  background-color: #c5f3ff;
  color : #0e3150;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  border: solid;
  border-color: #0e3150;
  border-width: 1px;
  width: 140px;
  text-align: left;
}

.cstooltip-contact > .tooltip-arrow {
  border-right-color: #0e3150 !important;
}


/**************** tooltip contact ***********************/ 
.csstooltip-contact .text-contact {
	visibility: hidden;
	width: 140px;
	background-color: #c5f3ff;
	color: #0e3150;
	z-index: 1;
	bottom: 100%;
	left: 60%;
	margin-left: -70px;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
}
.csstooltip-contact {
	position: relative;
	display: inline-block;
 }
.csstooltip-contact .text-contact:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 7px;
	border-style: solid;
	border-color: #0e3150 transparent transparent transparent;
}
.csstooltip-contact:hover .text-contact {
     visibility: visible;
}

.sba-cstooltip {
}

.sba-cstooltip > .tooltip-inner {
  background-color: #fff;
  color : #3b4348;
  border-radius: 4px;
  padding: 10px;
  border: solid;
  border-color: #c0c0c0;
  border-width: 1px;
    
  -moz-box-shadow: 1px 1px 5px 5px #eceff1;
	-webkit-box-shadow: 1px 1px 5px 5px #eceff1;
	-o-box-shadow: 1px 1px 5px 5px #eceff1;
	box-shadow: 1px 1px 5px 5px #eceff1;
/* 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#eceff1, Direction=134, Strength=5); */
}

.sba-cstooltip > .tooltip-arrow {
/*   border-right-color: #0e3150 !important; */
	display: none !important;
}



/*************** */
.ellipsis { /* les point de suspension*/
	position: relative;
	bottom: -2px;
	vertical-align:super;
	text-decoration:none;
}

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


/******************
* barre de rechrche 
*/

.form-search input[type="text"] {
/* 	line-height: 28px;  */
/* 	font-size: 16px; */
	height: 40px;
	color :#546E7A;
}

input.search-query {
    padding-left:46px;
}
.form-search {
    position: relative;
}
.form-search:before {
    display: block;
    width: 14px;
    height: 14px;
    content: url("../ressources/img/icone-nd/recherche.png");
    transform: scale(.04);
    background-position: -48px 0;
    position: absolute;
    top: 5px;
    bottom: 0px;
    left:5px;
    z-index: 10;
}

.form-inline .form-control {
	width:100%;
}

#searchclear {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    height: 15px;
    margin: auto;
    cursor: pointer;
    color: #ccc;
}
#search-ritere-clear {
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    height: 15px;
    margin: auto;
    cursor: pointer;
    color: #ccc;
    margin-left: 50px;
}
.navsearch {
	border: 1px solid black;
}

.barre-recherche-icon {
	content:url("../ressources/img/icone-nd/reinitialiser-recherche-croix.png");
}

/* aligne text au milieu de l'image */ 
.vertical-text-center {
	vertical-align: middle;
}

.text-vertical {
	writing-mode: vertical-rl;
	font-weight: bold;
}

.icon-action {
    top: 0;
    bottom: 0;
    height: 30px;
    cursor: pointer;
    vertical-align: middle;
}

.icon-navigation {
    top: 0;
    bottom: 0;
    height: 36px;
    cursor: pointer;
    vertical-align: middle;
}

/*critere de recherche : filtre */
.dropdown-critere-content input[type="text"] {
	font-size: 14px;
	color :#0E3150;
	border-radius: .25em;
	border: 1px solid;
	border-color : #dadcdd;
	margin-right :12px;
	width :100%;
	margin-top: 3px;
	padding-left: 5px;
	height: 30px;
	width: 100%
}
.dropdown-critere-content input[type="number"] {
	font-size: 14px;
	color :#aaa9a8;
	border-radius: .25em;
	border: 1px solid;
	border-color : #dadcdd;
	margin-right :12px;
	width :100%;
	margin-top: 3px;
	padding-left: 5px;
	height: 30px;
	width: 100%
}

.dropdown-critere-content input[type="date"] {
/* 	font-size: 12px; */
	color :#aaa9a8;
	border-radius: .25em;
	border: 1px solid;
	border-color : #dadcdd;
	margin-right :12px;
	width :100%;
	margin-top: 3px;
	padding-left: 3px;
	height: 30px;
	width: 100%;
	font-family: 'arial','sans-serif','Segoe UI';
}

/*critere de recherche : filtre */
.newdesign input[type="text"] {
	font-size: 14px;
	color :#0E3150;
	border-radius: .25em;
	border: 1px solid;
	border-color : #dadcdd;
	margin-right :12px;
	width :100%;
	margin-top: 3px;
	padding-left: 5px;
	height: 30px;
	width: 100%
}
.newdesign input[type="number"] {
	font-size: 14px;
	color :#aaa9a8;
	border-radius: .25em;
	border: 1px solid;
	border-color : #dadcdd;
	margin-right :12px;
	width :100%;
	margin-top: 3px;
	padding-left: 5px;
	height: 30px;
	width: 100%
}
.newdesign input[type="date"] {
	font-size: 14px;
	border-radius: .25em;
	border: 1px solid;
	border-color : #dadcdd;
	margin-right :12px;
	width :100%;
	margin-top: 3px;
	padding-left: 5px;
	height: 30px;
	width: 100%
}

.margin-bottom-header {
	margin-bottom: 15px;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: borer-box;
  cursor: pointer;
  width:15px;
  height:15px;
  border :1px solid #E5E5E5;
  background : #E5E5E5;
  border-radius :4px;
/*   margin-left :5px; */
  margin-right :5px;
}
input[type="checkbox"]:checked {
  color : #546E7A;
  border-color :#E5E5E5;
  margin-right :5px;
  background :#E5E5E5;
  padding-bottom :1px;
  padding-left :1px;
  content: url("../ressources/img/icone-nd/selection-checkmark.png");
}

.bg-c5f3ff {
	background: #c5f3ff;
}

.bg-00a6fb {
	background: #00a6fb;
}

.bg-0582ca {
	background: #0582ca;
}

.bg-006494 {
	background: #006494;
}

.bg-0e3150 {
	background: #0e3150;
}

.bg-e85f5f {
	background: #e85f5f;
}
.bg-f7fafc {
	background: #f7fafc;
}

.bg-f0f3f5 {
	background: #f0f3f5;
}
.bg-aaa9a8 {
	background: #aaa9a8;
}

.bg-dadcdd {
	background: #dadcdd;
}

.bg-e8e8e8 {
	background: #e8e8e8;
}

.bg-90a4ae {
	background: #90a4ae;
}
.bg-f0f0f0 {
	background: #f0f0f0;
}

.bg-ffffff {
	background: #ffffff;
}
.bg-eff3f5 {
	background: #eff3f5;
}
.bg-2196f3 {
	background: #2196f3;
}
.bg-C4D0D7 {
	background: #C4D0D7;
}

.bg-fafafa {
	background: #C4D0D7;
}
.bg-6F9FB7 {
	background: #6F9FB7;
}
.cl-c5f3ff {
	color: #c5f3ff;
}

.cl-00a6fb {
	color: #00a6fb;
}

.cl-0582ca {
	color: #0582ca;
}

.cl-006494 {
	color: #006494;
}

.cl-0e3150 {
	color: #0e3150;
}

.cl-e85f5f {
	color: #e85f5f;
}

.cl-aaa9a8 {
	color: #aaa9a8;
}

.cl-90A4AE {
	color: #90A4AE;
}

.cl-dadcdd {
	color: #dadcdd;
}

.cl-e8e8e8 {
	color: #e8e8e8;
}

.cl-f0f0f0 {
	color: #f0f0f0;
}

.cl-ffffff {
	color: #ffffff;
}

.cl-fff {
	color: #ffffff;
}
.cl-2196f3 {
	color : #2196f3;
}

.cl-a7c980 {
	color : #A7C980;
}

.cl-6f9fb7 {
	color : #6f9fb7;
}

.cl-e75f5f {
	color : #E75F5F;
}

.cl-546e7a {
	color : #546e7a;
}

.cl-ff8000 {
	color: #ff8000;
}

.cl-red {
	color: #ff0000;
}
.cl-006000 {
	color:#006000;
}
.search-word {
	background-color: yellow;
	color: #0e3150;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: bold;
}

.tabulation {
	margin-left: 20px;
}
.critere-groupe {
	margin-top : 20px;
	margin-bottom : 20px;
	text-align: center;
	color: #OE3150;
	font-weight: normal;
	display :table;
	width :100%;
}
.critere-item {
	display :table-cell;
	width:1%;
	/*min-width : 180px;*/
}
.critere-title {
	display: inline-block;
	padding-left:10px;
}
.critere-icon {
	display: inline-block;
	position:absolute;
	right: 5px;
	margin-top: 2px;
}

.div-table {
	margin-top : 70px;
	margin-bottom : 20px;
	text-align: center;
	color: #OE3150;
	font-weight: normal;
	display :table;
	width :100%;
}
.div-cell {
	display :table-cell;
	width:1%;
	min-width : 110px;
	
}
.bg-edf1f3 {
	background-color: #edf1f3;
}

.bg-f7fafc {
	background-color: #f7fafc;
}

.div-gray-white {
	background-color: #b0bec5;
	color:white;
	line-height: 2em;
	padding: 10px;
	border-radius: 5px;
}

.div-gray {
	background-color: #607d8b;
	color:white;
	line-height: 1.8em;
	padding: 10px;
	border-radius: 5px;
}

.div-blue-sky {
	background-color: #2196f3;
	color:white;
	line-height: 1.8em;
	padding: 10px;
	border-radius: 5px;
}

.div-blue-dark {
	background-color: #006494;
	color:white;
	line-height: 1.8em;
	padding: 10px;
	border-radius: 5px;
}


.downloadExcel {
	background-color: #f7fafc;
	border-top: none;
	color: black;
}
.downloadExcel li {
	line-height: 1.8;
 	color: #3b4348; 
	padding-left: 5px;
	padding-right: 5px;
}
.downloadExcel hr{
	border: 1px solid rgb(244, 244, 244);
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 7px;
}
.downloadExcel li:hover {
/* 	color: #262626; */
/* 	background-color: #fff; */
	border-left: 2px solid #E75F5F;
}

.body-page {
	/*margin-top : / *135px* / 185px;*/
}

.menu-item-actif {
	border-bottom: 3px solid #E75F5F; 
}
.menu-item-inactif {
	border-bottom: 2px solid #eceff1; 
}

div[lang=fr] .row-nouveau>td:first-child:before {
	content: "Nouveau";
	background: blue;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}

.row-nouveau>td:first-child:before {
	content: "New";
	background: blue;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}

.row-new {
	background: #E75F5F;
	color: white;
	border-radius: 5px;
	padding: 5px 10px;
	border: 1px solid red;
}

@keyframes animbackground {
  from {background-color: #88c6f9;}
  to {background-color: #eceff1;}
}
.tip {
  display: inline-block;
  position: absolute;
  top: -60px;
  padding: 5px 5px;
  color: #2196F3;
  border-radius: 5px;
  margin-top: 5px;
  text-align: center;
  /*font: bold 14px "Helvetica Neue", Sans-Serif;*/
  font-stretch: condensed;
  text-decoration: none;
  /*text-transform: uppercase;*/
  box-shadow: 0 0 3px #bfbfbf;
  animation: animbackground 2s 20 alternate;
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black,
              5px 6px 9px -9px black;
  transform:      rotate(45deg);
}
.tooltip.active {
  opacity: 1;
  margin-top: 5px;
  transition: all 0.2s ease;
}
.tooltip.out {
  opacity: 0;
  margin-top: -20px;
}

input[type="text"] {
	color: #546E7A;
}

.linkable {
	text-decoration: none;
}
.linkable:hover {
	text-decoration: underline;
}
.tresonosolde {
	position: absolute;
	z-index: 4;
	right: 30%;
	top: 30%;
	width: 370px;
	padding: 5px;
	background: #ffffff;
	color: #546E7A;
	text-align: center;
}

.dropdown-menu-form > li > a:hover {
	color:#0080ff;
	background-color: #fff;
}
.sba-content {
	width: 100%;
	margin-top: 80px;
	padding-top: 10px;
}
.sba-subMenu {
	position: absolute;
	right: 30px;
	top: 25px;
}

.sba-body {
	overflow-x: hidden !important;
	font-family: 'Inter', sans-serif; 
/* 	font-family: 'arial','sans-serif','Segoe UI'; */
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.42857143;
	color: #546E7A;
	
}

.sba-header {
	position: absolute;
	width: 100%;
	height: 80px;
	left: 0px;
	top: 0px;
	background: #E75F5F;
	z-index: 1000;
}
.sba-logo {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 40px;
	color: white;
	font-weight: bold;
	margin-left: 61px;
	height: 40px;
}

.sba-fo-select {
    width: 100%; 
    padding: 5px;  
    font-size: 14px;
   	line-height: 115%;
	color: #546E7A;
    border: 0;   
    border-radius: 5px;   
    height: 34px;   
    background: url(../ressources/img/nd/flechebasgris.png) no-repeat right #FAFAFA; 
    background-size:16px; 
    -webkit-appearance: none; 
    background-position-x: 98%;
    box-shadow: 3px 3px 6px rgba(119, 119, 119, 0.16);
}
.pagination {
	display: inline-block;
  	padding-left: 0;
  	margin: 10px 0;
  	border-radius: 4px;
}
.text-title {
	font-size: 17px;
	font-weight: bold; 
	margin-top: 20px;
	margin-bottom: 20px;
}

/* * { */
/*   scrollbar-width: thin; */
/*   scrollbar-color: #8FA3AD #CDD0D2; */
/* } */

/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {
  width: 12px;
  scrollbar-color: #8FA3AD #CDD0D2;
}

*::-webkit-scrollbar-track {
  background: #CDD0D2;
}

*::-webkit-scrollbar-thumb {
  background-color:#8FA3AD;
  border-radius: 1px;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

[class*="col-"] {
  margin-bottom: 1px;
}

.margin-left-5 {
	margin-left: -5px;
}
.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 80%;
}
.rond{
	width:20px;
	height:20px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	border-radius:10px;
}
.bg-e75f5f {
	background-color : #E75F5F;
	color : white;
}
.bg-00a65a {
	background-color : #00a65a;
	color : white;
}
.bg-f0ad4e {
	background-color : #f0ad4e;
	color : white;
}
.bg-9706ac {
	background-color : #9706ac;
	color : white;
}