/*STRUCTURE PAGE + SLIDEBAR ***********************************************************************************/
	html{overflow-y: scroll;}
	html,body{height:100%;font-size:0.85em;}
	body{margin:0;padding:80px 0 0 0;font-family: Verdana, Arial, Helvetica, sans-serif;
    background: linear-gradient(to bottom,  rgb(28,28,28) 90%,rgb(0,0,0) 100%);

  }
	body.full{padding: 0;}
	*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	#header{position:fixed;top:0;height:80px;width:100%;z-index:500;}
	aside{margin:0;}
	#Slidebar{position:fixed;width:340px;padding-right:40px;top:80px;left:0px;bottom:0;border-right:1px solid rgba(255,255,255,1);}/*-300px*/
		#Slidebar_handle {display:block;position:absolute;right:0;top:0;width:40px;bottom:0;font-size:1.8em;text-align:center;}
		#Slidebar_handle i:hover {background:#fff;}
		#Slidebar_handle i {display:inline-block;position:relative;top:0px;left:0px;width:40px;height:49px;line-height:49px;z-index:500;cursor:pointer}
		#Slidebar_ico {position:absolute;left:2px;top:8px;padding:7px;z-index:500;cursor:pointer}
		#searchByName{position:relative;width:100%;height:49px;}
			#searchByName input{position:relative;width:83%;top:10px;left:5%;}
		#SlidebarOptions{position:relative;top:0;left:0;width:100%;z-index:200;overflow:hidden;background:#fff;}
			#SlidebarOptionsContent{position:absolute;top:10px;bottom:20px;width:100%;padding:0px 2.5% 0px 5%;overflow-y:auto;}
			#SlidebarOptionsContent i{font-size:1.5em;display:inline-block;position:relative;top:0;left:0;color:rgba(0,0,0,0.3);margin:0 4px 0 4px}
				.search-group{width:100%;height:27px;padding:3px 0 0 0;border-bottom:1px solid rgba(0,0,0,0.15);margin:3px 0;}
				.search-group-top{margin:12px 0 3px 0;}
				.search-group-bottom{border:none;}
				.search-group-and-or{width:30%;position:absolute;right:4%;top:4px;padding:3px 0 0 0;margin:0;text-align:center;border:none;}
				.search-group input[type=radio], .search-group input[type=checkbox]{position:relative; top:0;}
				#search_function{width:66%}
				#search_txoccup_box{width:100%;padding:10px 4% 0 2.5%;}
				#search_salaire_box, #search_age_box{width:100%;padding:5px 5.5% 0 2.5%;}
				#search_salaire, #search_age{display:none;}
				#option-spacebloc{width:100%;height:60px;display:none;}
			#SlidebarOptionsBtn{position:relative;height:30px;line-height:30px;width:100%;text-align:center;font-size:1em;cursor:pointer;text-align:center;border-bottom:1px solid #ddd;background:#fff;top:1px;position:relative;}
			#SlidebarOptionsBtn:hover{background-color:rgba(0,0,0,0.5);}
			#SlidebarOptionsBtn:hover span{color:#fff;}
			#SlidebarOptionsBtn span.ico{position: relative;}
			#SlidebarOptionsBtn span.ico:before{font-family:FontAwesome; text-decoration:inherit; color:#ccc; font-size:1.4em; top:-2px;margin-right:10px}
		#SlidebarList{position:relative;top:0;left:0;width:100%;height:300px;overflow:auto;z-index:100;}
		#SlidebarList a{float:left;clear:left;}	
	#Page{overflow-x:hidden;}

	@media(max-width:767px){
		body{padding:0;}
		header#header{position:relative;}
		#Slidebar{position:relative;width:100%;top:0;}
			#searchByName input{width:80%;}
			#Slidebar_handle i {left:-25px;width:60px;}
		#search_txoccup_box{padding:0px 4% 0 2.5%;}
	}

/*SLIDEBAR MOVE ***********************************************************************************/

	.Slidebar-open #Slidebar{left:0;padding-right:0}
	.Slidebar-open #Slidebar_handle .full-bkg{opacity:0}
	.Slidebar-open #Page{padding:0 0 0 340px}
	.Slidebar-close #Slidebar{left:-300px;padding-right:40px}
	.Slidebar-close #Slidebar_handle .full-bkg{opacity:1}
	.Slidebar-close #Page{padding:0 0 0 40px}
	
	#Slidebar_handle {color:rgba(0,0,0,0.2);}
	.Slidebar-fixed #Slidebar_handle {color:white;text-shadow: 1px 1px 3px rgba(0,0,0,0.15);}
	.Slidebar-fixed #Slidebar_handle:hover {color:#ccc;text-shadow: none;}

	/*.SlidebarOptions-open #SlidebarOptions{height:370px;}*/
	.SlidebarOptions-open .SlidebarOptionsCandidats,
	.SlidebarOptions-open .SlidebarOptionsCandidats #SlidebarOptionsContent{height:420px;}
	.SlidebarOptions-open .SlidebarOptionsMandats,
	.SlidebarOptions-open .SlidebarOptionsMandats #SlidebarOptionsContent{height:420px;}
	.SlidebarOptions-open .SlidebarOptionsContacts,
	.SlidebarOptions-open .SlidebarOptionsContacts #SlidebarOptionsContent{height:120px;}
	.SlidebarOptions-open .SlidebarOptionsEntreprises,
	.SlidebarOptions-open .SlidebarOptionsEntreprises #SlidebarOptionsContent{height:120px;}
	
	.SlidebarOptions-open #SlidebarOptionsBtn span.ico:before{content: "\f0d8";}
	.SlidebarOptions-close #SlidebarOptions{height:0px;}
	.SlidebarOptions-close #SlidebarOptionsBtn span.ico:before{content: "\f0d7";}

	@media(max-width:767px){
		.Slidebar-open #Page{padding:0}
		.Slidebar-close #Slidebar{left:0;padding-right:0}
		.Slidebar-close #Page{padding:0}
	}

/*GENERAL************************************************************************************/

	.info-ok{color:#088f3b;}
	.info-black{color:#222;}
	.info-attention{color:#f1b500;}
	.info-minor{color:#aaa;}

	.text-grey{color:#ccc;}
	.text-mediumgrey{color:#bbb;}
	.text-red{color:red;}
	.text-black{color:black;}
	.text-green{color:green;}
	.text-white{color:white;}

	.text-08em{font-size:0.8em;}

	.nopadding {padding: 0 !important;margin: 0 !important;} /*pas de marge bootstrap*/
	@media(min-width:768px){
		.smallpaddingL {padding-left: 2px !important;margin-left: 0 !important;} /*pas de marge bootstrap*/
		.smallpaddingLR {padding-left: 2px !important;padding-right: 2px !important;margin: 0 !important;} /*pas de marge bootstrap*/
		.smallpaddingR {padding-right: 2px !important;margin-right: 0 !important;} /*pas de marge bootstrap*/
	}
	

	.hidden{display:none}

	.bloc30{width:100%;height:30px;}

	.inline10{display:inline-block;width:10px;}
	.width100{width:100%;}

	.marginL5{margin-left:5px;}
	
	.full-bkg{display:block;position:absolute;width:100%;height:100%;}

	.border_fff{border:1px solid #fff;}

/*CSS3***********************************************************************************/
	
	.transition3s{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.rotation5s{-webkit-animation: rotation 5s infinite linear; animation: rotation 5s infinite linear;} 
  @-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(359deg);}}
  @keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(359deg);}}





/*RESET*/
a img{border:0;} /*affichage dégeu IE*/
a {outline:0;} /*affichage dégeu IE*/
input::-moz-focus-inner{border:0;}/*affichage dégeu firefox*/
	/*@media(max-width:767px){html,body,.container {font-size:0.9em;}}
	@media(min-width:768px){html,body,.container {font-size:0.83em;}}
	@media(min-width:992px){html,body,.container {font-size:0.88em;}}
	@media(min-width:1200px){html,body,.container {font-size:0.9em;}}*/




/*BOOTSTRAP FORM AMELIORATION*/
.form-control,
.select{border:none;box-shadow:none;}/*border:1px solid #ddd;*/
.form-control:focus,
.select:focus{outline: none !important;border:1px solid #aaa;box-shadow: 0 0 5px #aaa;}
a.form-btn{height:25px;line-height:0px;font-size:1.3em;color:#fff;}
.input-size input[type=text]{height:25px;font-size:1.1em}
.form-control::-webkit-input-placeholder {color: #ccc; font-size:0.9em;line-height:1.5em;}  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder {color:#ccc;}  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {color:#ccc;}  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {color:#ccc;}  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {color:#ccc;}  /* Microsoft Edge */
.form-group{position:relative;z-index: 1 !important;}
.input-group-addon { width: 40px; text-align:center;padding:0; border:none; } .input-group { width: 100%; text-align:left; }
.btn{cursor:pointer;}
.form-group label{width:25%;font-weight:normal;font-size:0.9em;color:rgba(0,0,0,0.45);}
	@media(max-width:767px){
		.input-size input[type=text]{height:35px;}
		.col-xs-12-mb{margin-bottom: 5px;}
	}



input[type=checkbox] {cursor:pointer; display:inline-block; margin:0 8px 0 4px;}
input[type=checkbox]:after {
  content: " ";
  background-color: #fff;
  display: inline-block;
  height:19px;line-height:19px;width:19px;
  text-indent:3px;
  position:relative;
  top:-5px;
  left:-2px;
  border-radius:4px;
  border:1px solid #ccc;
  visibility: visible;
 }
input[type=checkbox]:checked:after {content: "\f00c";font-family:FontAwesome;color:#888;}/*content: "\2714"; // http://astronautweb.co/snippet/font-awesome/*/
input[type=radio] {cursor:pointer; display:inline-block; margin:0 8px 0 4px;}
input[type=radio]:after {
  content: " ";
  background-color: #fff;
  display: inline-block;
  height:19px;line-height:19px;width:19px;
  text-indent:4px;
  position:relative;
  top:-5px;
  left:-2px;
  border-radius:10px;
  border:1px solid #ccc;
  visibility: visible;
 }
input[type=radio]:checked:after {content: "\f111";font-family:FontAwesome;color:#888;}
@media(min-width:768px){
	.form-group{margin-bottom:0px;padding-bottom:0;}
	.f-h{margin-bottom:4px;} /*margin form*/
	.f-h2{margin-bottom:8px;} /*margin form*/
}
@media(max-width:767px){
	.form-group{margin-bottom:5px;padding-bottom:0;}
}
.tooltip-inner {background-color:green; color:#fff; border: 1px solid rgba(0,0,0,0.3);font-size:1.1em}


/*SELECT2 AMELIORATION*/
.select2-container .select2-selection--single {outline:none;}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-dropdown {outline: none !important;border:1px solid #aaa;box-shadow: 0 0 5px #aaa;}

.select2-grey .select2-container--default .select2-selection--single,
.select2-grey .select2-container--default .select2-selection--multiple {background:#f5f5f5 !important;border: 1px solid #ccc;}
.select2-white .select2-container--default .select2-selection--single,
.select2-white .select2-container--default .select2-selection--multiple {background:#fff !important;border: 1px solid #ccc;}

.select2-container .select2-selection--single {height: 25px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 24px; }
.select2-container .select2-selection--multiple {min-height: 25px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#ccc;font-size:0.95em;;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {color: red; }    
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 11px;}
/* à cause du bouton AND & OR*/
.select2-container--default .select2-selection--multiple .select2-selection__choice {display:block; width:100%}
    
/*LOGIN-LOGOUT*/
:root{
  --input_login_color : rgb(107, 107, 107);
}
.login-wrapper {position:absolute; top:0; left:0; height:100%; width:100%; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.login-wrapper .letter {position:absolute; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center;}
.login-wrapper .letter span{display:inline-block; top:-5vh; text-align:center; position:relative; font-size:calc(180px + 80vh); font-weight:400; 
  animation: letterSpacingAnimation 3s cubic-bezier(0,.38,.51,.99) forwards;}
@keyframes letterSpacingAnimation {
  0% {
    letter-spacing: calc(-300px - 10vh);
  }
  100% {
    letter-spacing: calc(-100px - 3vh);
  }
}
.login-wrapper.new .letter span{ color:rgba(255,255,255,0.1);}
.login-wrapper.old .letter span{ color:rgba(255,255,255,0.02);}
  .form-login::-webkit-input-placeholder {color: rgba(255,255,255,0.5); font-size:1em;line-height:1.5em;}  /* WebKit, Blink, Edge */
	.form-login:-moz-placeholder {color:var(--input_login_color)}  /* Mozilla Firefox 4 to 18 */
	.form-login::-moz-placeholder {color:var(--input_login_color)}  /* Mozilla Firefox 19+ */
	.form-login:-ms-input-placeholder {color:var(--input_login_color)}  /* Internet Explorer 10-11 */
	.form-login::-ms-input-placeholder {color:var(--input_login_color)}  /* Microsoft Edge */
	.form-login:focus::-webkit-input-placeholder {color: var(--input_login_color)}  /* WebKit, Blink, Edge */
	.form-login:focus:-moz-placeholder {color:var(--input_login_color)}  /* Mozilla Firefox 4 to 18 */
	.form-login:focus::-moz-placeholder {color:var(--input_login_color)}  /* Mozilla Firefox 19+ */
	.form-login:focus:-ms-input-placeholder {color:var(--input_login_color)}  /* Internet Explorer 10-11 */
	.form-login:focus::-ms-input-placeholder {color:var(--input_login_color)}  /* Microsoft Edge */	
	.login-panel {position:relative; width:90vw; max-width:500px;}
		.login-group {position:relative; margin-bottom:calc(20px + 0.8vh); width:100%;}
			.form-login{height:50px; width:100%; outline: none !important;background-color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.9);color:#333;}
			.form-login:focus{outline: none !important;background-color:rgba(255,255,255,1);border:1px solid #fff;color:#777;}
			.btn-login{height:50px; background-color:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.4);font-size:1.2em}
			.btn-login:hover{background-color:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.4);color:var(--input_login_color);}
			.logout-loading{display:inline-block;background: url('images/loading.png') center / contain no-repeat;width:50px;height:50px;}

/*HEADER + LOGO*/
.navbar-header{height:80px;}
@media (max-width: 767px){
	.navbar-header{height:80px;}
	.navbar-inverse .navbar-toggle {border-color: transparent;position:relative;top:14px;}
	.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}
	.navbar-inverse .navbar-toggle:hover {background-color:rgba(255,255,255,0.2);}
	li.separator {display:none;}
}
.navbar-brand {padding: 0px;position:relative;left:-10px;}
.navbar-brand>img {height: 100%;padding: 15px;width: auto;}
	@media (max-width: 767px){
		.navbar-brand {position:relative;left:0;}
	}



/*MENU ICON SIMPLE*/
.navbar-inverse {border-color: #fff !important;}
.navbar {background-color:transparent;border:none;}
.navbar a {color:rgba(255,255,255,1);}
.navbar a:hover {color:rgba(255,255,255,1);}
	.btn-icon, 
	.btn-icon:focus,
	.btn-icon:active{background-color:rgba(255,255,255,0);border:none;margin:0;text-align:center;width:90px;}
	.btn-icon:hover {background-color:rgba(255,255,255,0.15);color:rgba(255,255,255,1);border:none;}
		.btn-icon-img{display:block;margin:auto 0 auto 0;width:46px;height:50px;position:relative;left:10px;}
		.btn-icon-txt{display:inline-block;margin:0 10px 0 0;width:100%;font-size:0.75em;}
			.btn-icon-txt i{display:inline-block;margin:0 0 0 10px;}
li.separator {height:80px;width:1px;background-color:rgba(255,255,255,0.2);}
li.big_separator {height:80px;width:100px;}
	/*MENU ICON SIMPLE MOBILE*/
	@media (max-width: 767px){
	.btn-icon, 
	.btn-icon:focus,
	.btn-icon:active{height:45px;width:100%;text-align:left;background-color:rgba(255,255,255,0.1);margin-bottom:2px;}
	.btn-icon:hover {background-color:rgba(255,255,255,0.2);}
		.btn-icon-img{display:inline-block;margin:0 10px 0 0;width:44px;height:39px;position:relative;top:-3px;}
		.btn-icon-txt{display:inline-block;margin:0 10px 0 0;width:70%;position:relative;top:-16px;font-size:1.05em;}
	}

/*MENU ICON DROP-DOWN*/
/*ul.dropdown-menu li.dropdown-list a{position:relative;z-index:6000;}*/



.dropdown-list .btn-icon-img{float:right;display:block;width:44px;height:39px;position:relative;top:0;right:-10px;}
.dropdown-list .btn-icon-txt{height:39px;line-height:39px;display:block;width:inherit;margin:0 40px 0 0;position:relative;}
	/*MENU ICON DROP-DOWN MOBILE*/
	@media (max-width: 767px){
		.dropdown-list {height:45px;line-height:45px;width:100%;text-align:left;background-color:rgba(255,255,255,0.05);margin:0 0 2px 0px;}
		.dropdown-list:hover {background-color:rgba(255,255,255,0.15);}
			.dropdown-list .btn-icon-img{float:none; display:inline-block;margin:0 10px 0 0;width:44px;height:39px;position:relative;top:-3px;}
			.dropdown-list .btn-icon-txt{height:45px;line-height:45px;color:#fff;display:inline-block;margin:0 10px 0 0;width:70%;position:relative;top:-16px; left:10px;font-size:1.05em;}
	}

/*MENU VISUALIZE*/
#menu_visualize-wrapper{margin:0;padding:0;height:6px;width:100%;background:#000;}
	.navbar-right-viz{width:100%;text-align:right;}
		.menu_visualize{display:inline-block;margin:0;padding:0;width:90px;height:6px;position:relative;top:-9px;left:22px;}

/*PAGE BASIQUE*/
#wrapper {height:100%;}
#page-wrapper {position:relative;top:0px;min-height:100%;}
	/*.color-line{position:absolute;margin:0;padding:0;top:0;left:0;right:0;height:8px;}*/
	.bkg-page {position:fixed;margin:0;padding:0;top:0;bottom:0;left:0;right:0;
		background-position:top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; opacity:0.4}
		/*@media (max-width: 767px){
			.bkg-page {position:absolute;min-height:100%;width:100%;}
		}*/
	.page-title{width:100%;text-align:center;color:white;height:25px;line-height:25px;text-transform: uppercase;margin: 0 0 30px 0;font-size:1.2em;}	
	/*.page-title{background:#000;color:#fff;height:30px;line-height:30px;width:100%;text-align:center;}*/


/*PAGE ACCUEIL*/
	.home-date,
	.home-no{text-align:center;padding:10px 0;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 25%, rgba(255,255,255,0.95) 70%, rgba(255,255,255,0.92) 71%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 25%,rgba(255,255,255,0.95) 70%,rgba(255,255,255,0.92) 71%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 25%,rgba(255,255,255,0.95) 70%,rgba(255,255,255,0.92) 71%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	/*http://www.colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,ffffff+71,ffffff+100&0+0,0.95+25,0.95+70,0+100*/
	}	
		.home-plus-day{display:inline-block;margin:0 0 0 1em;font-size:1.2em;color:#ccc;}
	.home-detail{display:block;position:relative;}
		.home-detail-top{position:relative;height:50px;width:100%;}
		.home-detail-top a div.time{float:left;height:50px;line-height:70px;width:20%;text-align:center;}
		.home-detail-top a.home-link:hover div{background:white;}
		.home-detail-top a div.name{border-bottom:1px solid #ccc;float:left;height:50px;line-height:70px;width:80%;position:relative;padding:0 0 0 2%;}
		.home-detail-top div.img{line-height:0px;position:absolute;right:0;top:0;height:50px;width:40px;margin:0;padding:0;}
			.home-detail-top div.img img{width:100%;height:100%;margin:0;padding:0;}
		.home-detail-bottom	{position:relative;width:80%;margin-bottom:2px;margin:0 0 1em 20%;padding:0.5em 0 0.5em 2%;}
		a.home-link:hover div.home-detail-bottom{background:white;}
		a.home-link-inactive{text-decoration:none;color:rgba(0,0,0,0.6);cursor:default}
		a.home-link{text-decoration:none;color:rgba(0,0,0,0.6);}
    	a.home-link:hover{text-decoration:none;color:rgba(0,0,0,0.9);} 		
		.home-detail-L{position:absolute;top:0;left:1px;bottom:0;width:4px;}
		.home-detail-R{position:absolute;top:0;right:1px;bottom:0;width:4px;}
		.col-box3{box-sizing:border-box; border: 3px solid transparent;background-clip:padding-box;}
	.home-no{margin:40px 0 0 0;padding:20px 0;}
	.home-btn-circle {display:inline-block;padding:0;text-align:center;font-size:19px;background:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,1);cursor:pointer;border: 1px solid #fff;}
		.home-btn-circle:hover {background:rgba(255,255,255,1);border: 1px solid rgba(0,0,0,0.5);}
		@media(max-width:767px){.home-btn-circle {width:40px;height:40px;line-height:40px;margin:8px 0;border-radius: 20px;}}
		@media(min-width:768px){.home-btn-circle {width:50px;height:50px;line-height:50px;margin:12px 0;border-radius: 25px;}}
		@media(min-width:992px){.home-btn-circle {width:60px;height:60px;line-height:60px;margin:16px 0;border-radius: 30px;}}
		@media(min-width:1200px){.home-btn-circle {width:70px;height:70px;line-height:70px;margin:20px 0;border-radius: 35px;}}
		.home-btn-circle div{display:inline-block;}
		@media(max-width:767px){.home-btn-circle div{margin-top:1px;position:relative;left:-3px;background-size:80%}}
		@media(min-width:768px){.home-btn-circle div{margin-top:-1px;background-size:85%}}
		@media(min-width:992px){.home-btn-circle div{margin-top:5px;background-size:100%}}
		@media(min-width:1200px){.home-btn-circle div{margin-top:9px;background-size:100%}}

/*PAGE MEMBERS BKG*/
	.img_bkg_container{position:relative;overflow:hidden;cursor:pointer;width:25%;height:100px;background:#000;float:left;border:1px solid #fff;box-sizing: border-box;transition: all .5s}
	.img_bkg_container .img{opacity:0.75;position:relative;left:-5%;top:-5%;width:110%;height:110%;background-position:center; background-size: cover; background-repeat: no-repeat;transition: all .3s}
	.img_bkg_container:hover .img{width:100%;height:100%;left:0%;top:0%;opacity:1;}
	.img_bkg_fa{position:absolute;top:50%;left:50%;text-align:center;width:60px;height:60px;line-height:60px;}
	.img_bkg_fa i{position:relative;top:-25px;left:-30px;margin:0;font-size:2em;color:rgba(255,255,255,1);}


	
/*PANEL LATERAL SEARCH*/
		/*#panel-close{color:rgba(50,50,50,0.4);position:absolute;z-index:5;right:5px;top:9px;cursor:pointer;font-size:30px;text-align:center;height:30px;width:30px;line-height:27px;border-radius:30px;font-weight: 100;display: inline-block;background-color: rgba(255,255,255,0);}
		#panel-close:before {content: "×";}
		#panel-close:hover{color:#fff;background-color:rgba(50,50,50,0.15);}*/


/*PANEL LATERAL LIST*/
#list-ajax{width:100%;overflow:auto;}/*position:absolute;top:710px;bottom:80px;left:0;right:0*/
	@media (max-width: 767px){
		#list-ajax{position:relative;top:0;bottom:0;left:0;right:0;overflow:inherit;width:100%;}
	}
	/*#list-info{width:100%;height:4em;line-height:4em;text-align:center;border-bottom:1px solid #ddd;background:#fff;}*/
	.list-line,
	.list-line-active{display:block;position:relative;height:3em;line-height:3em;width:100%;border-top:1px solid rgba(0,0,0,0.1);text-indent:15px;color:#777f8b;overflow:hidden;cursor:pointer;
	}
	.list-line:hover{background: rgba(255,255,255,0.75);}
	.list-line-active, .list-line:active{background: rgba(255,255,255,1);} 
	.list-line-r{float:right;display:block;margin-right:10px;}
    .list-line-special{background:url("../images/style/bkg_diagonal.gif") #f5f4f7;}
    .list-line-special:hover{background:url("../images/style/bkg_diagonal_RO.gif") #dbdadf;}
	img.m{position:relative;top:-2px;display:inline-block;margin:0 5px 0 0;}
	img.list_i{position:relative;top:-2px;display:inline-block;margin:0;}
		
/*PANNEAU DROIT ===================================================================================================================================*/
    	.panel-title{position:relative;height:100px;width:100%;height:25px;line-height:25px;text-transform: uppercase;text-indent:15px;color:white;margin: 0 0 15px 0;font-size:1.2em}
		.panel2_subcontent{padding:10px;}
		.fa-form-outside {font-size:1.5em;display:inline-block;position:relative;top:0px;color:rgba(0,0,0,0.3);margin:0 4px 0 4px}
		.fa-form-inside {font-size:1.5em;display:inline-block;position:relative;top:0px;margin:0 4px 0 4px}
		.input-ico{padding-top:0px;padding-bottom:0px;}
			@media(max-width:767px){
				.panel2_subcontent{padding:10px 0;}
				.panel2_subcontent .container-fluid{padding:4px !important;}
			}
		
		
		/*panels tabs*/
		/*pour garder les tab sur une ligne*/
		.fa-tabs {display:inline-block;position:relative;top:0px;color:rgba(0,0,0,0.3);margin:0 4px 0 4px;}
		.tabs .ui-tabs-nav .ui-state-active .fa-tabs {color:rgba(0,0,0,0.5);overflow:hidden;}
		.tabs {text-align:center;padding:0px; margin:0px; background:none; border-width:0px;}/*white-space:nowrap; <---enlevé car bug avec table*/
		.tabs ul li {display:inline-block; float:none; vertical-align:bottom; margin:0 4px;} 
		.tabs .ui-tabs-nav {height:35px;overflow-y:hidden; padding:0; background:transparent; border:none; border-bottom:1px solid #fff; border-radius:0;} 
		.tabs .ui-tabs-nav .ui-state-default a {font-size:1em;}
		.tabs .ui-tabs-nav .ui-state-default a i{font-size:1.4em;}
		.tabs .ui-tabs-nav .ui-state-default {overflow:hidden;height:35px;line-height:25px;background:rgba(255,255,255,0); border: 1px solid rgba(0,0,0,0); border-bottom: 1px solid #ccc; position:relative; top:-1px;border-radius:0;border-top-right-radius:5px;border-top-left-radius:5px;}
		.tabs .ui-tabs-nav .ui-state-default a{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
		.tabs .ui-tabs-nav .ui-state-default a:hover {background:rgba(0,0,0,0.3);border-bottom:1px solid #fff;color:#fff; border-top-right-radius:5px;border-top-left-radius:5px; z-index:0;}
		.tabs .ui-tabs-nav .ui-state-default a:hover i{color:#fff;}
		.tabs .ui-tabs-nav .ui-state-active {height:35px;line-height:25px; border: 1px solid #fff; position:relative;top:0px;}
		.tabs .ui-tabs-nav .ui-state-active a:hover{color:rgba(0,0,0,0.5);}
		.tabs .ui-tabs-nav .ui-state-active a:hover i{color:rgba(0,0,0,0.3);}
		.tabs .ui-tabs-panel {text-align:left;width:100%;padding: 15px;min-height:400px;position:relative;z-index:5;border-left:1px solid #fff;}
		.tabs ul a, .ui-widget * {outline:none;}
		/*special master*/
		.tabs .ui-tabs-nav .ui-state-default a.tabs-special{background:transparent;}
		.tabs .ui-tabs-nav .ui-state-default a.tabs-special:hover {background:rgba(0,0,0,0.4);}
		.tabs .ui-tabs-nav .ui-state-default a.tabs-special:hover i {color:#fff;}
		.tabs .ui-tabs-nav .ui-state-default a.tabs-special i{color:#616161;}/*#ff6f00;*/
		.tabs .ui-tabs-nav .ui-state-active a.tabs-special,
		.tabs .ui-tabs-nav .ui-state-active a.tabs-special:hover{background:#616161;}/*#ff9a4c;*/
		.tabs .ui-tabs-nav .ui-state-active a.tabs-special i{color:#fff;}
		
		/* stats 
		#tabs-stats .ui-tabs-nav .ui-state-default a {color:rgba(170,170,170,1);}
		#tabs-stats .ui-tabs-nav .ui-state-active a {color:rgba(0,0,0,0.5);}*/
			
/*FORM fo (function_form.php) ===================================================================================================================================*/

		.fo-group-bottom{margin-bottom:6px;}
		.fo-label{color:rgba(0,0,0,0.45);font-size:0.9em;position:relative;top:5px;}
			.fo-paddL {padding-left: 3px !important;margin-left: 0 !important;} /*pas de marge bootstrap*/
			.fo-paddLR {padding-left: 3px !important;padding-right: 3px !important;margin: 0 !important;} /*pas de marge bootstrap*/
			.fo-paddR {padding-right: 3px !important;margin-right: 0 !important;} /*pas de marge bootstrap*/
	
/*LABELS ===================================================================================================================================*/

		.range_box{width:100%;padding:5px 0 0 0;}
		.range_label{height:55px;line-height:65px;}
		.range_right{height:55px;line-height:65px;padding-right:4%;}
		
		.label_left{float:left;width:25%;color:rgba(0,0,0,0.45);font-size:0.9em;}
			.label_relative{position:relative;top:5px;}
		.label_right{display:inline-block;width:75%;}
		
		
/*IMG PROFIL candidat + stars ===================================================================================================================================*/
		
		.bloc-profil1{position:relative;}
		@media(max-width:767px){.bloc-profil1{display:none;}}
		@media(min-width:768px){.bloc-profil1{left:-15px;}}
		@media(min-width:1100px){.bloc-profil1{left:0px;}}
		
		
		.rating-bloc{position:absolute;right:25px;height:150px;z-index:0;}
			.rating-group{text-align:right;margin-bottom:5px;width:100%;}
				.stars-rating{display:inline-block;position:relative;top:-2px;height:25px;line-height:25px;margin:0;padding:0;}
				.label-rating{text-align:center;float:right;height:19px;line-height:19px;padding-right:2px;margin:2px 0 2px 10px;border-radius: 3px 3px 0 0;font-size:0.9em; background: rgba(255,255,255,0.7);color:rgba(0,0,0,0.7);}
		
		.rating-bloc1{display:block;width:30%;}
				.rating-bloc1 .rating-group .label-rating-big{display:inline-block;width:35%;}	
				.rating-bloc1 .rating-group .label-rating-abv{display:inline-block;width:20%;}	
					@media(max-width:767px){.rating-bloc1{display:none;}}
					@media(max-width:980px){.rating-bloc1 .rating-group .label-rating-big{display:none;}}
					@media(min-width:980px){.rating-bloc1 .rating-group .label-rating-abv{display:none;}}
					@media(max-width:808px){
						.rating-bloc1 .rating-group .label-rating{margin:2px 0 2px 4px;}
						.rating-bloc1 .br-theme-css-stars .br-widget a{font-size:15px !important; margin:0 0px;width:15px;}
						.rating-bloc1 .rating-group .stars-rating{width:75px;}
					}
					@media(min-width:809px){
						.rating-bloc1 .rating-group .label-rating{margin:2px 0 2px 6px;}
						.rating-bloc1 .br-theme-css-stars .br-widget a{font-size:17px !important; margin:0 0px;width:16px;}
						.rating-bloc1 .rating-group .stars-rating{width:85px;}
					}
					@media(min-width:850px){
						.rating-bloc1 .rating-group .label-rating{margin:2px 0 2px 6px;}
						.rating-bloc1 .br-theme-css-stars .br-widget a{font-size:18px !important; margin:0 2px;width:16px;}
						.rating-bloc1 .rating-group .stars-rating{width:100px;}
					}
					@media(min-width:912px){
						.rating-bloc1 .rating-group .label-rating{margin:2px 0 2px 6px;}
						.rating-bloc1 .br-theme-css-stars .br-widget a{font-size:19px !important; margin:0 2px;width:17px;}
						.rating-bloc1 .rating-group .stars-rating{width:105px;}
					}
					@media(min-width:1080px){
						.rating-bloc1 .rating-group .label-rating{margin:2px 0 2px 10px;}
						.rating-bloc1 .br-theme-css-stars .br-widget a{font-size:20px !important; margin:0 2px;width:20px;}
						.rating-bloc1 .rating-group .stars-rating{width:120px;}
					}

		.bloc-profil2{position:relative;}
		@media(max-width:767px){.bloc-profil2{display:none;}}
		@media(min-width:768px){.bloc-profil2{left:0px;}}
		@media(min-width:1050px){.bloc-profil2{left:-25px;}}
		@media(min-width:1100px){.bloc-profil2{left:-20px;}}
		@media(min-width:1350px){.bloc-profil2{left:0px;}}

		.rating-bloc2{display:block;width:25%;}
				.rating-bloc2 .rating-group .label-rating-big{display:inline-block;width:35%;}	
				.rating-bloc2 .rating-group .label-rating-abv{display:inline-block;width:20%;}	
					@media(max-width:1050px){.rating-bloc2{display:none;}}
					@media(max-width:1300px){.rating-bloc2 .rating-group .label-rating-big{display:none;}}
					@media(min-width:1300px){.rating-bloc2 .rating-group .label-rating-abv{display:none;}}
					@media(min-width:1050px){
						.rating-bloc2 .rating-group .label-rating{margin:2px 0 2px 4px;}
						.rating-bloc2 .br-theme-css-stars .br-widget a{font-size:15px !important; margin:0 0px;width:16px;}
						.rating-bloc2 .rating-group .stars-rating{width:80px;}
					}
					@media(min-width:1150px){
						.rating-bloc2 .rating-group .label-rating{margin:2px 0 2px 6px;}
						.rating-bloc2 .br-theme-css-stars .br-widget a{font-size:17px !important; margin:0 2px;width:16px;}
						.rating-bloc2 .rating-group .stars-rating{width:105px;}
					}
					@media(min-width:1200px){
						.rating-bloc2 .rating-group .label-rating{margin:2px 0 2px 8px;}
						.rating-bloc2 .br-theme-css-stars .br-widget a{font-size:19px !important; margin:0 2px;width:16px;}
						.rating-bloc2 .rating-group .stars-rating{width:105px;}
					}
					@media(min-width:1400px){
						.rating-bloc2 .rating-group .label-rating{margin:2px 0 2px 10px;}
						.rating-bloc2 .br-theme-css-stars .br-widget a{font-size:20px !important; margin:0 2px;width:20px;}
						.rating-bloc2 .rating-group .stars-rating{width:120px;}
					}


/*BLOCS PAGE ===================================================================================================================================*/
	
	.bloc-infos {padding:10px;border-radius:5px;border:1px solid #fff;}
	.bloc-espace {margin:100px 0 100px 0;}
	.bloc-msg {position:relative; top:-20px; margin:80px 0 120px 0;text-align:center;padding:50px 0;border-radius:5px;display:none;}
		.bloc-msg-error, .bloc-msg-alert{background:rgba(255,246,237,0.85); color:#d20000; font-weight:bold;border:1px solid #fff;}
		.bloc-msg-ok {background:rgba(238,255,237,0.85); color:#087c00; font-weight:bold;border:1px solid #fff;}
	.msg {position:relative; top:-20px; margin:80px 0 120px 0;text-align:center;padding:30px 0;display:none;font-weight:bold;}	
		.msg-error, .msg-alert {color:#d20000;}
		.msg-neutre {color:grey;}
		.msg-ok {color:#087c00;}
		
		
		
	.bloc-inside-msg{ margin:80px 0 120px 0;text-align:center;}
	.bloc-footer-profil{color:#fff;text-align:center;padding:5px 0;width:100%;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 59%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 95%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 5%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.2) 59%,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0) 95%);
background: linear-gradient(to right, rgba(0,0,0,0) 5%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.2) 59%,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0) 95%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
	}
	
	.bloc-standard {margin:30px 0 50px 0;padding:30px 0 10px 0;border-radius:5px;}	
		@media(max-width:767px){.bloc-standard {margin:0;}}
		@media(min-width:768px){.bloc-standard {margin:10px 0 50x 0;}}
		@media(min-width:992px){.bloc-standard {margin:20px 0 50px 0;}}
		@media(min-width:1200px){.bloc-standard {margin:30px 0 50px 0;}}
	.bloc-stats {margin:20px 0 50px 0;padding:4px 4px 10px 4px;border-radius:5px;box-sizing: border-box;}	
		@media(max-width:767px){.bloc-stats {margin:0;}}
		@media(min-width:768px){.bloc-stats {margin:20px 0 50x 0;}}
		@media(min-width:992px){.bloc-stats {margin:20px 0 50px 0;}}
		@media(min-width:1200px){.bloc-stats {margin:20px 0 50px 0;}}
	.bloc-candidat-top{margin-bottom:6px;height:200px;padding-top:13px}	
		@media(max-width:767px){.bloc-candidat-top{height:auto}}	
	.bloc-mandat-top{margin-bottom:6px;height:auto;padding-top:13px;padding-bottom:13px}	
		@media(max-width:767px){.bloc-mandat-top{height:auto}}	
	.bloc-client-top{margin-bottom:6px; height:auto;padding-top:13px;padding-bottom:13px}	
		@media(max-width:767px){.bloc-client-top{height:auto}}	
		
/*BOUTONS ===================================================================================================================================*/
	.btn-submit{position:relative;margin:30px auto 30px auto; left:50%; transform:translateX(-50%); padding:5px 40px;}
	.btn-prev-page{position:relative;margin:30px 0 30px 0; width:40%;}
	.btn-submit-inline{position:relative;display:inline-block;margin:0 10px 0 10px; padding: 3px 12px;}
	.btn-submit-top-L{position:absolute; display:block; margin: 10px; padding: 3px 12px; top:0; left:0;}
	.btn-submit-top-R{position:absolute; display:block; margin: 10px; padding: 3px 12px; top:0; right:0;}

/*LISTE ===================================================================================================================================*/

    div.liste{line-height:2em;}
    a.liste{text-align:left;text-decoration:none;display:block;position:relative;background: -moz-linear-gradient(top, #fdfdfd, #f2f2f6);background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f6));background-color:#fdfdfd;height:2.4em;line-height:2.4em;width:80%;margin-bottom:1px;text-indent:15px;color:#777f8b;}
    	@media(min-width:767px){a.liste{left:10%;}}
    a.liste:hover{text-decoration:none;background-color:#efeef1;background: -moz-linear-gradient(top, #efeef1, #dbdadf);background: -webkit-gradient(linear, left top, left bottom, from(#efeef1), to(#dbdadf));color:#777f8b;}  

    	span.dark{color:#30343a;}
    	span.www{display:block-inline;padding:0.3em;background:#fff;font-size:0.7em;}

    a.liste_all{text-align:left;text-decoration:none;display:block;position:relative;background: -moz-linear-gradient(top, #fdfdfd, #f2f2f6);background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f6));background-color:#fdfdfd;height:2.4em;line-height:2.4em;width:94%;left:3%;margin-bottom:1px;color:#777f8b;}
    	@media(min-width:767px){a.liste_all{left:3%;}}
    a.liste_all:hover{text-decoration:none;background-color:#efeef1;background: -moz-linear-gradient(top, #efeef1, #dbdadf);background: -webkit-gradient(linear, left top, left bottom, from(#efeef1), to(#dbdadf));color:#777f8b;}  


		div.list_name, div.list_err{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;padding:0;margin:0;}
		div.list_name{width:33%;padding:0;margin:0;}
		div.list_err{width:61%;color:red;padding:0;margin:0;}
		img.list_i{position:relative;top:-2px;display:inline-block;margin:0 3% 0 3%;}

/*formulaires ===================================================================================================================================*/

    h3.label_line,
    h3.label_line_cke {
        position:relative;
        display:block;
        width:100%;
        font-size:1em; font-weight:normal; text-align:center;
        padding:0; margin: 0 0 2em 0;
        width:100%; height:2em; line-height:2em;
        text-transform:uppercase;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
         box-sizing:        border-box; 
    }



/*TABLE EDIT (tables avec textarea dans un champ) ===================================================================================================================================*/

	.table-edit thead, 
	.table-edit th{border:none;font-weight:normal;}
	.table-edit thead{font-size:0.9em;text-transform:uppercase;}
	.table-edit thead > tr > th { border-bottom: none; }
	.table-edit td{border:1px dotted #ccc;border:1px solid #ccc;position:relative;vertical-align:middle !important;padding:0;margin:0;}
	.table-edit tr > td:first-child{border-left:none;border-top:none;border-bottom:none;padding:0;}
	.table-edit tr:nth-child(even) td.inner {background: rgba(255,255,255,0.5);}
	.table-edit tr:nth-child(odd) td.inner {background: rgba(255,255,255,1);}
	.table-edit td.del{width:60px;height:100%;text-align:center;}
	.table-edit td.del i{display:inline-block;color:#ccc;font-size:1.5em;cursor:pointer;}
	.table-edit td.del i:hover{color:red;}
	.table-edit td textarea{border:none;background:transparent;font-size:0.9em;margin:0;padding:5px;border-radius:0;}
	.table-edit td textarea:focus{border:none;}
	.table-edit button.btn-edit-row{background:#fff !important;color:#ccc;}


/*CKeditor ===================================================================================================================================*/

	.btn-CKeditor-submit{width:30%;margin:0 35% 30px 35%;border-top-left-radius:0px;border-top-right-radius:0px;position:relative;top:-1px;}
	h3.label_line_cke{margin: 0 0 0 0;}

/*éléments de page historique-candidat ===================================================================================================================================*/
	@media(max-width:768px){
		.table-histo-col-modif{width:40px;}
		.table-histo-col-modif .btn-square:first-child{margin:5px 0 30px 0}
		.table-histo-col-modif .btn-square{margin:0}
	}
	@media(min-width:768px){
		.table-histo-col-date{width:120px;}
		.table-histo-col-date2{width:135px;}
		.table-histo-col-modif{width:80px;}
	}
	.histo-obj{display:inline-block;padding:0.05em 0.5em;margin-right:1em;color:#fff;}

/*éléments de page client/mandat ===================================================================================================================================*/

	.bloc_interlien{margin-bottom:20px;text-align:center;color:#777f8b;}
    	a.interlien{padding:0 1em;text-align:left;text-decoration:none;display:block;position:relative;height:2.4em;line-height:2.4em;width:90%;left:5%;margin-bottom:1px;text-indent:15px;overflow:hidden;}
    		@media(min-width:767px){a.liste{left:10%;}}
    	a.interlien:hover{text-decoration:none;background-color:rgba(255,255,255,0.8);}  
		a.interlien:before{content: "\f105";font-family:FontAwesome;position:relative;left:-10px}
		.bloc_interlien span.dark {color:#333;}	
			
			.interlien_right{display:block-inline;float:right;}
		.bloc_interlien a {border-bottom:1px solid rgba(0,0,0,0.08);color:#777f8b;}
		.bloc_interlien a:last-child{border-bottom:none;}

/*éléments de page historique-mandats ===================================================================================================================================*/



	.histo-select {height: 2em;overflow: hidden;width: 120px;}
	.histo-select select {-webkit-appearance:none; appearance:none; display:inline-block; background:transparent; border:none; height:2em; width:160px; font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; padding:0 5px;margin:0 5px;}	

	a.print span{float:right;position:relative;top:-2px;left:-5px;text-decoration:none;color:rgba(255,255,255,1);z-index:5;cursor:pointer;font-size:1.8em;text-align:center;height:30px;width:30px;margin:0px auto;line-height:27px;border-radius:30px;font-weight: 100;display:block;background-color: rgba(255,255,255,0);}
	a.print span:after{content: "\f02f";font-family:FontAwesome;}
	a.print:hover span{color:rgba(0,0,0,0.3);background:#fff;}
	
	a.print-list span{position:absolute;top:0px;right:10px;text-decoration:none;color:rgba(100,100,100,0.5);z-index:5;cursor:pointer;font-size:1.7em;text-align:center;height:30px;width:30px;margin:0px auto;line-height:27px;border-radius:100%;font-weight: 100;display:block;background-color: rgba(255,255,255,0);}
	a.print-list span:after{content: "\f02f";font-family:FontAwesome;}
	a.print-list:hover span{color:rgba(100,100,100,0.8);background:rgba(250,100,100,0.8);}
	
	
	
	.table-scroll {padding: 15px !important; overflow-y: auto;padding-left: 3px !important;padding-right: 50px !important;margin: 0 !important;}
	@media(max-width:768px){.table-scroll {width:100%;}}	
		.div-table {display: table;}
			.div-table-row {display: table-row;}
				.div-table-row > .td {display:table-cell; vertical-align:top; width:11%;border-left:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
				.div-table-row > .td:last-child {border-right:1px solid rgba(0,0,0,0.1);}
				.div-table-row > .th {display:table-cell; vertical-align:top; border-bottom:1px solid rgba(0,0,0,0.1); height:40px; line-height:30px; text-align:center; font-weight:bold;}
				.col-cand {vertical-align:top; width:140px;}		
		
		.table-mandats-histo{font-size:0.82em;position:relative;top:-5px;width:1600px;}
			.table-mandats-histo .inactif {background:url("images/bkg_diagonal.png");}
			.table-mandats-histo .inactif div.col-cand{text-decoration:line-through;}
				.histo-createur{display:inline-block;padding:0.05em 0.5em;margin-right:1em;color:rgba(0,0,0,0.5);}
		
/*éléments de page restore ===================================================================================================================================*/
	
	.list-restore{display:block;position:relative;height:3.8em;line-height:3.8em;width:90%;margin-left:5%;border-bottom:1px solid rgba(0,0,0,0.1);text-indent:15px;color:#777f8b;overflow:hidden;}
	.list-restore:hover{background: rgba(255,255,255,0.75);}
	.list-restore-r{float:right;display:block;margin-right:10px;}

/*éléments de page proposition-mandats ===================================================================================================================================*/
	
	.btn-selection, a.btn-selection{background-color:#fff;color: #999;border:1px solid #ccc;}
    .btn-selection:hover{background-color:#888;color: #fff;}
    .btn-selection:hover span.fa{color: #ddd;}
	
	.btn-selection span.fa {font-size:1.2em;}
	.btn-selection span.fa-check {color:#00b94a}
	.btn-selection span.fa-minus {color:#ddd}
	.btn-selection span.fa-exclamation-circle {color:#ffa200}
	
	a.btn-selection2{background-color:#fff;color: #999;border:1px solid #ccc;}

/*éléments de page proposition-mandats ===================================================================================================================================*/
	
	.btn-global{background-color:#fff;color: #999;border:1px solid #ccc;}
    .btn-global:hover{background-color:#999;color: #fff;}
	.btn-global-active{background-color:#555;color: #fff;border:1px solid #ccc;}
    .btn-global-active:hover{background-color:#555;color: #fff;}
		
/*éléments de page members ===================================================================================================================================*/

	input[type=checkbox].check-ico-member{display:none;}
	
  input[type=checkbox].check-ico-member + label {
    padding:2px 5px;
    font-size:15px;
    font-family: FontAwesome;
    font-weight: 100;
    cursor: pointer;
    color: #c2c2c2;
    background:rgba(255,255,255,0);
    border:1px solid #e2e2e2;
    border-radius:4px;
    transition:all .3s;
  }
  input[type=checkbox].check-ico-member:checked + label {background:#009b58; color: rgba(255,255,255,0.8); border:1px solid #e2e2e2;}
  input[type=checkbox].check-ico-member:hover + label,
  input[type=checkbox].check-ico-member:checked:hover + label {background:rgba(220,220,220,1);}
    input[type=checkbox].check-ico-eye + label:before {content: "\f06e";}
    input[type=checkbox].check-ico-add + label:before {content: "\f055";}
    input[type=checkbox].check-ico-upd + label:before {content: "\f044";}
    input[type=checkbox].check-ico-del + label:before {content: "\f014";}



/*éléments stats ===================================================================================================================================*/
	
	.stats_list a{text-decoration:none}
	.stats_list a:first-child .list-line{border-top:none;}
	.stats_list a .list-line span.stat-info{position:absolute;display:block;width:70%;overflow:hidden;white-space:nowrap; text-overflow: ellipsis}
	.stats_list a .list-line span.stat-date{position:absolute;right:0;display:block;width:30%;text-align:right;font-size:0.85em;}
	.stats_list .list-line-empty{display:block;position:relative;height:3em;line-height:3em;width:100%;text-align:center;color:#777f8b;}
		.stats_label_list{text-align:center;height:40px;line-height:40px;position:relative;margin-top:20px;top:-5px;font-size:1.4em;}
			.stats_legend_color{display:inline-block;width:30px;height:30px;border-radius:15px;margin-right:8px;position:relative;top:10px;}
		.stats_label_week{height:23px;line-height:23px;width:100%;color:#fff;margin:5px 0 5px 0;text-indent:10px;background:rgba(0,50,150,0.2);}
	

/* DROPZONE ===================================================================================================================================*/

	a#box_close{text-decoration:none;color:rgba(255,255,255,0.7);z-index:5;cursor:pointer;font-size:30px;text-align:center;height:30px;width:30px;margin:0px auto;line-height:27px;border-radius:30px;font-weight: 100;display:block;background-color: rgba(255,255,255,0);}
	a#box_close:before{content: "×";}
	a#box_close:hover{color:#fff;background-color:rgba(255,255,255,0.4);}

			div#tooltip_div {
			z-index:600;
			position: absolute;
			padding:2em;
			width:200px;
			height:200px;
            color: #FFFFFF;
            background: #000000;
            text-align: center;
            border-radius: 6px;}

		
		/*
		.tabs-page li.active a, .tabs-page li.active a:hover{background:#fff;color:#555;}
		.tabs-page li a{color:#555;}
		.tabs-page li a:hover{background:#555;color:#fff;}
		.tabs-page li a:active{background:#333;}
		.tab-content-page{width:100%;padding: 15px;min-height:400px;
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 12%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 12%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
		}
		*/



/*PAGE STATS ===================================================================================================================================*/
		/*
		
		.tabs-stats li.active a, .tabs-page li.active a:hover{background:#fff;color:#555;}
		.tabs-stats li a{color:#555;}
		.tabs-stats li a:hover{background:#555;color:#fff;}
		.tabs-stats li a:active{background:#333;}
		.tab-content-stats{width:100%;padding: 15px;min-height:400px;
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 12%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 12%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
		}
		*/




















/*OLD CSS*/
/**** INTERIEUR PAGE ************************************/

    div#page_inner {
    float:right;
    width:792px;
    }
 
    div.label_inner{
    width:100%;
    text-indent:15px;
    color:white;
    font-size:1.3em;
    height:25px;
    line-height:25px;
    margin-bottom:20px;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    }
    
    div.label_inner2{/*sans margin*/
    width:100%;
    text-indent:15px;
    color:white;
    font-size:1.3em;
    height:25px;
    line-height:25px;
    background-color:#b6bccc;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    }
    
    
    div.left{
    float:left;
    }
    
    div.right{
    float:right;
    }
    
    div.bt_plus{
    position:absolute; left:16px;top:0;
    }
    div.bt_plus2{
    position:absolute; left:0;top:0;
    }
    
/**** TABLEAU PAGE ACCUEIL ************************************/    



    td.accueil_tab_jour{
    border-bottom:1px solid #bbb;
    text-align:center;
    height:2.8em;
    line-height:2.8em;
    background:rgba(255,255,255,1);
    font-size:1.1em;
    }
    
    td.accueil_tab_cand{width:41%;color:#ffffff;}
    td.accueil_tab_gouttiere1{width:7%;}
    td.accueil_tab_gouttiere2{width:4%;}
    td.accueil_tab_client{width:41%;color:#ffffff;}
    
    td.accueil_tab_espace{height:2em;}
    
    div.accueil_cell{padding:1em;}
    .grd_empty{background:rgba(250,250,252,0.9);}
    .btn-hidden, .btn-hidden:hover {background:transparent;opacity:0.3;border:1 px solid transparent;cursor:default;}
    .btn-alert{background:red;color:#fff;}
    .btn-alert:hover{background:limeGreen ;color:#fff;}
    
/**** LISTES ************************************/    

    
    
    
    div.liste_mandat{
        display:block;
        position:relative;
        height:2.4em;
        line-height:2.4em;
        width:380px;
        margin-bottom:1px;
    }     
    a.liste_mandat{
        float:left;
        text-decoration:none;
        display:block;
        position:relative;
        background: -moz-linear-gradient(top, #fdfdfd, #f2f2f6);
        background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f6));
        background-color:#fdfdfd;
        height:2.4em;
        line-height:2.4em;
        width:345px;
        margin-bottom:1px;
        text-indent:15px;
        color:#777f8b;
    }
    a.liste_mandat:hover{
        text-decoration:none;
        background-color:#efeef1;
        background: -moz-linear-gradient(top, #efeef1, #dbdadf);
        background: -webkit-gradient(linear, left top, left bottom, from(#efeef1), to(#dbdadf));
        color:#777f8b;}  
    a.print_mandat{float:left;display:block;width:30px;height:2.4em;background:url("../images/style/icone_print2.png") no-repeat;}
    a.print_mandat:hover{background:url("../images/style/icone_print2.png") no-repeat #777;}
    div.info_mandats{position:absolute;right:-60px;display:block;width:50px;height:100%;}
     
     
     

    
    
    
    
    
    
    span.linked_mandat{
        color:#088f3b;
        font-weight:bold;
    }
    span.linked_mandat a{
        color:#088f3b;
        font-weight:normal;
    }
    span.linked_mandat a:hover{
        text-decoration:none;color:red;
    }
    
    a.liste_inner, span.liste_inner_vide{
        text-decoration:none;
        display:block;
        border-bottom:1px solid #fdfdfd;
        height:2.3em;line-height:2.3em;
        width:100%;
        margin-bottom:1px;
        text-indent:15px;
        color:#777f8b;
    }
    div.liste_inner_line{
        background-color:#fdfdfd;
        height:1px;
        width:100%;
    }
    
    span.liste_inner_vide{
        border-top:1px solid #fdfdfd;
        text-transform:uppercase;
        text-align:center;
        font-weight:bold;
        color:red;
    }
    
    
    a.liste_inner:hover{
        text-decoration:none;
        background-color:#efeef1;
        background: -moz-linear-gradient(top, #efeef1, #dbdadf);
        background: -webkit-gradient(linear, left top, left bottom, from(#efeef1), to(#dbdadf));
        color:#777f8b;}
        
        
       /* 
    span.liste_right{float:right;display:block;margin-right:10px;}
    span.list_fiche_gel,
    span.list_fiche_placed,
    span.list_fiche_SS,
    span.list_fiche_available,
    span.list_fiche_potentiel,
    span.list_fiche_stop,
    span.list_fiche_left
    span.list_fiche_potentiel{color:green;}
    span.list_fiche_gel{color:#5c7dad;}
    span.list_fiche_placed,span.list_fiche_SS,span.list_fiche_stop,span.list_fiche_left{color:black;}
    a.special{
        background:url("../images/style/bkg_diagonal.gif") #f5f4f7;
    }
    a.special:hover{
        background:url("../images/style/bkg_diagonal_RO.gif") #dbdadf;
    }
    
    span.list_icoweb_fr, span.list_icoweb_en,
    span.list_icoweb_error_fr, span.list_icoweb_error_en{display:block;position:absolute;top:0;width:48%;height:100%;}
    span.list_icoweb_fr{left:0;background:url("../images/style/ico_web_fr.png") no-repeat;}
    span.list_icoweb_en{left:0;background:url("../images/style/ico_web_en.png") no-repeat;}
    span.list_icoweb_error_fr{left:0;background:url("../images/style/ico_web_error_fr.png") no-repeat;}
    span.list_icoweb_error_en{left:0;background:url("../images/style/ico_web_error_en.png") no-repeat;}
    span.list_error_lang{color:red;}
    
    
    
    .inactif{
        background:url("../images/style/bkg_diagonal.gif") #fff;
    }
    */
    
    
/**** FORMULAIRE UPDATE ************************************/   

input, textarea {
    padding:2px;
    border:1px solid #aaa;
    box-shadow:0 0 0 inset;
    border-radius:2px;
}

input:focus, textarea:focus {
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
    box-shadow        : 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}

textarea.comments{width:344px;}
input.big,textarea.big{width:266px;}
input.large{width:225px;}
input.medium{width:180px;}
input.small{width:105px;}
input.mini{width:80px;}
input.nano{width:50px;}
.chosen{width:275px;}

span.tab1{position:absolute;left:75px;font-size:1em;}
span.tab_label1{float:left;width:75px;font-size:1em;}


span.line1_chosen{height:27px;line-height:27px;float:left;width:100%;font-size:1em;}
	span.tab1_chosen{position:absolute;left:75px;font-size:1em;margin-top:2px;}


div.label_select_left{display:inline-block;width:75px;}
div.label_select_right{position:relative;display:inline-block;width:275px;top:-2px}


div.clear_left{margin:0; padding:0;clear:left;}
    


    
#page-wrapper input[type=submit],
#page-wrapper input[type=button], 
#page-wrapper a.button {
    text-decoration:none;
    display:inline-block;
    color:#000;
    box-shadow:inherit;
    border:inherit;
    padding:inherit;
    padding:0 8px 0 8px;
    border-radius:10px;
    background: -moz-linear-gradient(top, #fdfdfd, #f2f2f6);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f6));
    background-color:#fdfdfd;
    border:1px solid #ccc;
    height:20px;
    line-height:18px;
    cursor: pointer;
}
#page-wrapper input[type=submit]:hover,
#page-wrapper input[type=button]:hover,
#page-wrapper a.button:hover {
    outline: none;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 2px rgba(0,0,0,.3);
    box-shadow        : 0 0 2px rgba(0,0,0,.3);
    border: 1px solid #b1adbc;
}



input.important {
    background: -moz-linear-gradient(top, #999, #888);
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#888));
    background-color: #888;
    border: 1px solid #AAA;
    color:white;
    text-transform:uppercase;
    padding:0 15px 0 15px;
    border-radius: 0 0px 10px 10px;
    height:25px;
    position:relative;
    top:-20px;
}
input.important:hover {
    background:#555;
    border: 1px solid #333;
    box-shadow:none;
}

input.delete:hover {
    color:red;
    border: 1px solid red;
}

.inputHover{
background: #f93e04;
background: -moz-linear-gradient(top,  #f93e04 0%, #c72200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f93e04), color-stop(100%,#c72200));
background: -webkit-linear-gradient(top,  #f93e04 0%,#c72200 100%);
background: -o-linear-gradient(top,  #f93e04 0%,#c72200 100%);
background: -ms-linear-gradient(top,  #f93e04 0%,#c72200 100%);
background: linear-gradient(to bottom,  #f93e04 0%,#c72200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f93e04', endColorstr='#c72200',GradientType=0 );
color:white;}
.inputHover td span, .inputHover td span.linked_mandat a{color:rgba(0,0,0,0.3);}
.inputHover .grd1_line{background:rgba(255,150,150,0.5);}
    
    
    div.form_button{
        float:left;
        display:block;
        margin-top:20px;
        width:100%;
        text-align:center;
    }
    
    h3.label,h3.label2 {
        display:block;
        margin: 0 0 10px 0;padding:0;
        text-align:center;
        font-size:1em;font-weight:600;
        height:2.2em;line-height:2.2em;
        width:100%;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
         box-sizing:        border-box; 
        
    }
    h3.label2 {
        margin: 3em 0 0 0;
    }
    

    
    
    div.bloc_infos1{
        float:left;
        border-radius: 5px 5px 5px 5px;
        min-height:100px;
        padding:16px 0 16px 0;
        width:100%;
    }
    
    div.bloc_infos1_interne{
        float:left;
        position:relative;
        width:364px;
        line-height:21px;
        padding:0 16px 0 16px;
        font-size:1em;
    }
    
    div.bloc_update_middle{
        float:left;
        position:relative;
        width:8px;
        min-height:1px;
    }
    
    div.bloc_infos2{
        float:left;
        border-radius: 5px 5px 5px 5px;
        min-height:80px;
        width:100%;
        margin-top:30px;
        padding:16px 0 16px 0;
        font-size:1em;
        position:relative;
    }
		div.info_createur{margin:5px 0;padding:0;width:100%;text-align:right;position:relative;top:-8px;left:-30px}
		
    div.bloc_infos2_interne{
        float:left;
        position:relative;
        width:354px;
        line-height:21px;
        padding:0 16px 0 16px;
        margin-bottom:25px;
    }
    
    div.bloc_infos3_interne,div.bloc_infos4_interne{
        float:left;
        position:relative;
        width:96%;
        line-height:21px;
        padding:0;
        margin:0 2% 0 2%;
        
    }
    div.bloc_infos4_interne{margin-top:30px;}

    div.content_retractable_hidden{
        width:100%;
        position:relative;
        display:none;
    }
    div.content_retractable{
        width:100%;
        position:relative;
    }
    
/*document*/    
    div.docLine{display:block;width:100%;height:27px;line-height:25px;border-top:1px solid #ddd;}
    div.docLine:nth-child(odd){
    background-color:#eee;
    }    
    div.docLine:nth-child(even){
    background-color:#fff;
    }
    div.docLine:last-child{border-bottom:1px solid #ddd;}
    span.docLine{display:block;float:left;margin-left:5px;}
    
/*tableaux*/    
    .border-bottom{border-bottom:1px solid #fff;vertical-align:top;}
    .border-bottom-right{border-bottom:1px solid #fff;border-right:1px solid #fff;vertical-align:top;}
    
    .border-ALL{border:1px solid #fff;vertical-align:top;}
    .border-T{border-top:1px solid #fff;vertical-align:top;}
    .border-R{border-right:1px solid #fff;vertical-align:top;}
    .border-B{border-bottom:1px solid #fff;vertical-align:top;}
    .border-L{border-left:1px solid #fff;vertical-align:top;}
    a.fantom_hover_link{
    display:block;
    width:100%;
    color:#6b80a0;
    padding:4px;line-height:16px;
    text-decoration:none;
    }
    a.fantom_hover_link:hover{
    color:red;
    }

/*recherche avancée*/

div#advanced_search{width:100%;padding:10%;}
a#advanced_search_txt{
    display:block;
    color:#6b80a0;
    height:40px;line-height:40px;
    width:100%;
    text-indent:28px;
    text-decoration:none;
    background:url("../images/style/puce_fleche.png") no-repeat 15px 17px #efeef1;
    border-bottom:1px solid #fff;
    }
a#advanced_search_txt:hover{color:red;background:url("../images/style/puce_fleche_RO.png") no-repeat 15px 17px #efeef1;}
div#hidden_search{display:none;padding:15px;
    background-color:#efeef1;
    background: -moz-linear-gradient(top, #efeef1, #dbdadf);
    background: -webkit-gradient(linear, left top, left bottom, from(#efeef1), to(#dbdadf));
    }









/**** MOBILE ************************************/   

/*echo $t.'<link rel="stylesheet" media="screen and (min-width: 320px) and (max-width: 980px)" href="styles/style_mobile.css" />'.$r;
  //    echo $t.'<link rel="stylesheet" media="screen and (min-device-width:641px) and (max-device-width:1280px)" href="styles/style_tablet.css" />'.$r;  
*/

@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 
 /* Un message personnalisé 
 body:before {
   content: "Version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }*/
 
    
    div#page {
        margin:0;
        width:100%;
        padding:15px 0 30px 0;
        border:0;
        font-size: 0.6em;
    } 
    div#menu_container{position:relative;width:100%;border-right:none;margin-bottom:15px;}
    div#menu_all_blocks{position:relative;float:left;display:block;width:96%;left:3%;top:-28px;}
    div#menu1{width:49%;margin-bottom:8px;}
    div#menu3{width:49%;position:absolute;right:0;top:0;margin:0;}
    div#menu2{width:100%;margin:0;left:0;}
    div#menu4{width:49%; margin:8px 0 0 0;}
    #menu_container input{position:absolute;right:2%;top :2%;}
    
    
    div#logo {width:38%;margin-left:5px;}
    div.label_menu{width:100%;margin:0;}
    div.menu:nth-child(2){width:35%;float:right;position:relative; right:2%;margin:0;padding:0;}
    div.menu a.actif1, div.menu a.inactif1 {
        background: -moz-linear-gradient(top, #fdfdfd, #f2f2f6);
        background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f6));
        background-color:#fdfdfd;
        height:3em;
        line-height:3em;
        margin:0;
        padding:0;
    }   
    div#page_inner {width:96%;margin-left:2%;position:relative;float:left;}
    a.liste{width:100%;height:4em;line-height:4em;}
    div.label_inner{margin-bottom:0px;height:2.6em;line-height:2.6em;}
    div.bloc_infos1_interne{padding:0 0 20px 0;width:100%;}
    div.bloc_infos2{padding:0 0 20px 0;}
    div.bloc_infos2_interne{padding:0;width:100%;}
    h3.label{margin:0.2em 0;}
    
    textarea.comments{width:88%;margin:0 5%;}
    input.big,textarea.big{width:71%;}
    input.large{width:60%;}
    input.medium{width:46%;}
    input.small{width:26%;}
    input.mini{width:20%;}
    input.nano{width:14%;}
    .jquery_select{width:210px;}
    
    span.tab1{left:0;position:relative;font-size:1em;}
    span.tab_label1{float:left;width:24%;font-size:1em;left:2%;position:relative;}
    
    div.clear_left{margin:0; padding:0;clear:left;}        
    a.liste_inner, span.liste_inner_vide{width:95%;height:3em;line-height:3em;margin:0 2%;}
    div.liste_inner_line{width:95%;margin:0 2%;}
    div.bt_plus{position:absolute; left:0;top:0;}
    

}
@media (max-width:640px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {
  body {
   -webkit-text-size-adjust: 60%;
  }
}













/*

@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7;
  }
}
.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 15px;
  min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}
.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.sidebar .sidebar-search {
  padding: 15px;
}
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
  background-color: #eeeeee;
}
.sidebar .arrow {
  float: right;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
}
.sidebar .nav-second-level li a {
  padding-left: 37px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}
@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 250px;
    margin-top: 51px;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-primary.btn-outline {
  color: #428bca;
}
.btn-success.btn-outline {
  color: #5cb85c;
}
.btn-info.btn-outline {
  color: #5bc0de;
}
.btn-warning.btn-outline {
  color: #f0ad4e;
}
.btn-danger.btn-outline {
  color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: white;
}
.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999999;
}
.chat li.left .chat-body {
  margin-left: 60px;
}
.chat li.right .chat-body {
  margin-right: 60px;
}
.chat li .chat-body p {
  margin: 0;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}
.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}

.flot-chart {
  display: block;
  height: 400px;
}
.flot-chart-content {
  width: 100%;
  height: 100%;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}
table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: rgba(50, 50, 50, 0.5);
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 40px;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}
.timeline {
  position: relative;
  padding: 20px 0 20px;
  list-style: none;
}
.timeline:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  margin-left: -1.5px;
  background-color: #eeeeee;
}
.timeline > li {
  position: relative;
  margin-bottom: 20px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  float: left;
  position: relative;
  width: 46%;
  padding: 20px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 26px;
  right: -15px;
  border-top: 15px solid transparent;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #ccc;
}
.timeline > li > .timeline-panel:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 27px;
  right: -14px;
  border-top: 14px solid transparent;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #fff;
}
.timeline > li > .timeline-badge {
  z-index: 100;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  color: #fff;
  background-color: #999999;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%);
  }
  ul.timeline > li > .timeline-badge {
    top: 16px;
    left: 15px;
    margin-left: 0;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
  }
  ul.timeline > li > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
  }
}
*/



/*BOOTSTRAP BREAKPOINT
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
*/