/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
a:link, a:visited, a:hover, a:active {
    text-decoration:none;
}
hr{
	margin:0px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
:required {
	background-color:rgb(255,243,243);
}
.change-detected{
	background-color:#dfd;
}
.text-secondary{
	font-size:12px;
	color:#999;
}

.sidebar-parameters {
	/*position: fixed;
    top: 96px;
    z-index: 1000;*/
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	border-right: 1px solid #eee;
	margin-left: -40px;
}
.sidebar-parameters a {
    background-color: white !important;
    padding: 25px 34px !important;
	border-bottom: 1px solid #eee;
}
.text-specification {
    color: #8a6d3b;
    background-color: #fcf8e3;
    padding: 5px 15px;
    margin: 10px 10px 20px;
}

.text-specification-danger {
    color: #a94442;
    background-color: #f2dede;
    padding: 5px 15px;
    margin: 10px 10px 20px;
}
/*
 * Printing area
 *
 */
 /*@media print {
	body *{
		visibility:hidden;
	}
	.printable, .printable *{
		visibility:visible;
	}
	.printable{
		position:absolute;
		left:40px;
		top:40px;
	}
}*/
@media print {
	@page {size: landscape}
    .fixed-table-toolbar, .fixed-table-pagination{
		display:none !important;
	}
	.table-responsive{
		overflow-x:hidden;
	}
	.fixed-table-container{
		position:absolute;
		top:0px;
		width:100%;
		margin:0px;
	}
}
/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar, #nav-control, .nav > li.mobile-only, #mobile-home-button, #nav-corner-menu, .nav-control-menu{
  display: none;
  visibility: hidden;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
  #sidebar-right{
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-radius: 10px;
	}
	.sidebar, #sidebar-right, #nav-control, #nav-corner-menu, .nav-control-menu{
		display:block;
		visibility: visible;
	}
	#navbread, .form-submit{
		font-size:18px;
	}
	.demography-graph, .invoice-graph{
		height:300px;
	}
}
@media (max-width: 768px) {
	.nav > li.mobile-only, #mobile-home-button{
		display:block;
		visibility: visible;
	}
	#mobile-home-button{
		display:inline-block;
		float:left;
		width:45px;
		height:35px;
		margin:5px;
	}
	#navbread, .form-submit{
		font-size:14px;
	}
	.demography-graph, .invoice-graph{
		height:200px;
	}
	.navbar-li-menu{display:none!important;}
	#nav-control{margin-left:-40px;}
}
#sidebar-logo{
	margin: auto !important;
}
#sidebar-logo:hover{
	opacity:0.9;
}
/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar-secondary{
	background-color: #e4e4e4;
}
.nav-sidebar-secondary > li > a{
	padding-left: 44px;
}
.nav-sidebar-secondary > li > a > .glyphicon{
	margin-left:-24px;
	opacity:0.7;
}
#nav-sidebar-version{
	/*position:absolute;*/
	bottom:2px;
	right:2px;
	font-size:11px;
	color:#666;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-control-menu ul li a > .glyphicon,
.nav-sidebar li a > .glyphicon,
.list-link a > .glyphicon,
.history a > .glyphicon, #nav-corner-menu .glyphicon,
.nav-center-menu .glyphicon{
	padding-right:10px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}
#nav-corner{
	border-left:1px solid white;
}
#nav-corner a{
	display:block;
	vertical-align:middle;
	line-height:20px;
	font-size:18px;
	color:#fff;
	padding-right:35px;
	padding-left:25px;
}
#nav-corner a:hover, #nav-corner a:focus{background-color:#19DBD8;}
#nav-corner .glyphicon, button .glyphicon{padding-right:10px;}
.bootstrap-table .glyphicon{padding-right:0px;}
.bootstrap-table thead tr th, .bootstrap-table .table>thead>tr>th{vertical-align:top!important;}
.navbar-inverse{background-color:#00c2bf;}
#nav-control{
	position:fixed;
	/*width:154px;
	margin-left:-100px;*/
	height:50px;
	left:50%;
	text-align:center;
	padding-top:5px;
	margin:auto;
}
#nav-corner-menu{
	display:none;
	position:fixed;
	right:0px;
	top:50px;
	font-size:17px;
	text-align:left;
	color:#fff;
	width:900px;
	padding-left:10px;
	background-color:#00c2bf;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	overflow:hidden;
}
#nav-corner-menu table{
	width:100%;
	margin-bottom:20px;
}
#nav-corner-menu th{
	width:25%;
}
#nav-corner-menu tr{
	padding-top:8px;
	padding-bottom:8px;
	height:34px;
}
#nav-corner-menu ul{
	margin:0px;
	margin-left:-40px;
}
#nav-corner-menu a{
	font-size:14px;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
#nav-corner-menu th{
	border-bottom: 1px dashed rgba(25,219,216,1);
}
#nav-corner-menu a:hover{
	opacity:0.8;
}
/*#nav-corner-menu a{
	display:block;
	color:white;
	padding:10px;
}
#nav-corner-menu a:hover{
	background-color:rgba(25,219,216,1);
}*/
#nav-corner-menu li{
	list-style: none;
}

.nav-control-menu{
	display:none;
	position:fixed;
	left:50%;
	margin-left:-200px;
	top:51px;
	font-size:17px;
	text-align:left;
	width:400px;
	background-color:#00c2bf;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow:hidden;
}
.nav-control-menu ul{
	margin:0px;
	padding:0px;
}
.nav-control-menu a{
	display:block;
	color:white;
	padding:12px;
}
.nav-control-menu a:hover{
	background-color:rgba(25,219,216,1);
}
.nav-control-menu li{
	list-style: none;
}
.nav-control-menu hr{
	border:1px dashed rgba(25,219,216,1);
}
#nav-control-search{
	padding:10px;
}
#nav-control-quickadd{
	width:600px;
	margin-left:-300px;
}
#nav-control-quickadd ul{
	width:300px;
	float:left;
}
#nav-control-recent{
	color:#fff;
}
#nav-control-recent a{
	display:inline;
	padding:0px;
}
#nav-control-recent a:hover{
	background-color:transparent;
	color:#eee;
}
#nav-control-recent .history{
	font-size:14px;
	padding: 15px 10px 50px;
	margin:0px;
	border-bottom: 1px solid #D9E1E2;
}
#nav-control-recent .history-secondary{
	color:#eee;
}
#nav-control-recent-viewmore-wrapper{
	width:100%;
	text-align:center;
	padding:10px;
}
.notification-unread { 
	padding: 10px 10px 80px;
	background-color: #f7a35c;
	text-align: left;
	border-bottom: 1px solid #D9E1E2;
}
.notification-read {
	padding: 10px 10px 80px;
	text-align: left;
	border-bottom: 1px solid #D9E1E2;
}
.dropdown-notifications {
	top: 35px;
	text-align: center;
	padding: 0;
    border-radius: 0;
}
.notification-subtitle {
	font-size: 12px;
    color: white;
}
/*
 * Navigation breadcrumb
 */

#navbread{
	position:fixed;
	margin-left:-20px;
	margin-top:-20px;
	width:100%;
	background-color:#ffffff;
	z-index:20;
	white-space: nowrap;
}
#navbread-inner{
	padding:10px;
}
#navbread hr{
	margin-left:-40px;
}
#navbread a{
	padding-top:12px;
	padding-bottom:12px;
}

/*
 * Right sidebar
 */
.history, .task{
	margin-top:10px;
	margin-bottom:10px;
}
#sidebar-right .glyphicon{
	padding-right:5px;
}
#sidebar-right input[type=checkbox]{
	margin-right:5px;
}
#sidebar-right-control{
	width:100%;
	text-align:center;
}
.history-secondary{
	font-size:12px;
	color:#666;
}

.task-checkbox{
	float:left;
}
.task-secondary{
	color:#777;
}

/*
 * Forms
 */

.section-wrapper{
	background-color:#fbfbfb;
	/*outline: 6px solid #fafafa;*/
	box-shadow: 0 0 20px #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.section-header{
	padding-left:8px;
	padding-top:8px;
}
.section-wrapper .action-group{
	margin-left:8px;
	margin-bottom:8px;
}
.section-wrapper .bootstrap-table{
	padding-left:8px;
	padding-right:8px;
}
.form-submit{
	float:right;
}
.form-cancel, .form-publish{
	margin-left:10px;
}
.form-required{
	/*position:absolute;
	top:0px;
	left:5px;
	font-size:20px;*/
	color:red;
}
.form-sub-section{
	margin-top:-10px;
	border:solid 1px #bbb;
	width:50%;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:2px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
/*.form-sub-section-left{
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.form-sub-section-right{
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-left:-1px;
}*/
.form-sub-section-checkbox{
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
}
.datepicker{
	padding-left:14px;
}

/*
 * Main content
 */

.main, .secondary {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
  .navbar, #nav-corner, #navbar-right, .navbar-li-menu{height:50px;}
  .navbar-li-menu a{
	  height:55px;
	  margin-top:-5px;
  }
  #nav-control{padding-top:1px;}
}
.main .page-header, .secondary .page-header {
  margin-top: 0;
}
.page-header-subtext{
	color:#aaa;
}
.page-header-subtext-light{
	color:#ddd;
}
.container-fluid{
	/* background-color:#00c2bf; */
}
.graph-total{
	font-size:32px;
	text-align:center;
}

/*
 * Table
 */

.table.selectable{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
.table.selectable tbody tr:not(.no-records-found):hover{
	cursor:pointer;
}
.table.selectable .row-selected{
	background-color:#dfd !important;
	outline:1px solid #bdb;
}
.table-checkbox{
	text-align: -webkit-center;
}
.table-checkbox input[type=checkbox]{
	width:22px;
	height:22px;
}
.table-row-header{
	font-weight:bold;
}
.table-amount{
	text-align:right;
}
.table-strikeout{
	text-decoration: line-through;
	color:#888;
}
#table-invoice-list {
	border: 1px solid #ddd;
}
#container-listing-themes .fixed-table-body {
	min-height: 300px;
}

#listing-employees-massive-wrapper .fixed-table-body, .table-access-container {
	max-height: 500px;
}
.fixed-table-container thead th, #listing-employees-massive thead th, .table-access-container thead th {
	position: sticky;
    top: 0;
	z-index: 10;
	background-color: white;
}
.table>thead>tr>th {
	vertical-align: middle;
}
/* NEW table employees massive */

.listing-employees-massive-wrapper {
	padding-left: 8px;
    padding-right: 8px;
}
.listing-employees-massive thead th {
	border-bottom: 0 !important;
}
.listing-employees-massive {
	border-collapse: collapse!important;
	border-radius: 1px;
	border: 1px solid #ddd;
}
.listing-employees-massive tbody td, .listing-employees-massive thead th {
    border-left: 1px solid #ddd;
}
.listing-employees-massive .glyphicon {
	color: #d6d6d6;
	font-size: 12px;
	cursor: pointer;
}
.sortable-column {
	display: grid;
	float: right;
}
.asc:active, .desc:active {
	color: #337ab7;
}
.listing-employees-massive thead th .asc {
	margin-bottom: -6px;

}
#new_salary {
	width: 120px;
	float: left;
    margin-right: 8px;
}

/*
 * Stack graph
 */

.stack-graph-wrapper{
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:16px;
}
.stack-graph-title{
	font-weight:bold;
	font-size:18px;
	margin-left:10px;
}
.stack-graph-first{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.stack-graph-last{
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.stack-graph-unit{
	padding:10px;
	color:#fff;
}
.stack-graph-unit:hover{
	cursor:pointer;
}
.stack-graph-a{
	background-color:#0076A0;
}
.stack-graph-a:hover{
	background-color:#007DA9;
}
.stack-graph-b{
	background-color:#0090C2;
}
.stack-graph-b:hover{
	background-color:#0098CD;
}
.stack-graph-c{
	background-color:#E5AE32;
}
.stack-graph-c:hover{
	background-color:#F2B835;
}
.stack-graph-d{
	background-color:#D7393F;
}
.stack-graph-d:hover{
	background-color:#E33D43;
}
.stack-graph-e{
	background-color:#51A945;
}
.stack-graph-e:hover{
	background-color:#56B349;
}

/* Placeholders | Didn't seem to work on Google Chrome */

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#bbb !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#bbb !important;
   opacity:1 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#bbb !important;
   opacity:1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#bbb !important;
}


/*
 * Overlay loading
 */
#loading-overlay{
	display:none;
	position:absolute;
	text-align:center;
	opacity:0.5;
	background-color:#888;
	color:#fff;
	font-size:6vh;
	z-index:2000;
}
#loading-overlay-inner{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-3vh;
	margin-left:-1vw;
}
#cursor-follower{
	position:absolute;
	cursor:default;
	font-size:11px;
	/*color:white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;*/
	z-index:999999;
}
.glyphicon-refresh-animate{
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

/*
 * Themes
 */
.section-alone{
	padding:8px;
	margin-top:10px;
	margin-bottom:10px;
}
.section-title{
	font-weight:bold;
	font-size:20px;
}
.theme-status{
	font-size:20px;
	opacity:0.5;
}
.theme-control{
	width:100%;
	text-align:center;
}
.theme-title{
	
}
.theme-loading{
	position:absolute;
	text-align:center;
	z-index:999999;
	background-color: #FFFFFF;
	border-radius:14px;
	border:solid 1px #ccc;
	bottom:20%;
	left:50%;
	width:28px;
	height:28px;
	margin-left:-14px;
}
.theme-loading .glyphicon-refresh-animate{
	font-size:18px;
	margin-top:3px;
	color:#666;
}
/*
 * Growl Progress bar
 */
[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}

/*
 * Broadcast system
 */
.broadcast{
	width:calc(100% + 78px);
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:8px;
	margin-left:-39px;
	margin-bottom:10px;
	border:1px solid #e1cdcd;
}
.broadcast:first-child{
	margin-top:-19px;
}
.broadcast.first{
	margin-bottom:20px;
}
.broadcast .glyphicon{
	float:left;
	font-size:40px;
	padding-right:10px;
}

/* Vignette */
.vignette{
	font-size:70px;
	color:#3F4C6B;
	background-color:#fff;
	padding:20px;
	border-radius:56px;
	border:1px solid #ddd;
}
/*
 * dev-
 */
.dev-link{
	display:block;
	float:left;
	width:120px;
	height:120px;
	border:1px solid #eee;
	text-align:center;
	border-radius:10px;
	padding:10px;
	margin:10px;
}
.dev-link:hover{
	background-color:#eee;
}
.dev-link-glyphicon{
	font-size:60px;
	padding:0px !important;
	margin:0px;
	margin-left:10px;
	margin-right:10px;
}
/*
 * Special override
 */
.btn-nav-custom{
	background:none;
    /*border:none;*/
	border: 1px solid black;
    box-shadow:none;
}
.btn-nav-custom:hover{
	background-color:black;
}
.btn-icon-only .glyphicon{
	padding:0px;
}
.form-control{
	color:#222;
}
.form-control-feedback{
	display:none;
	right:13px;
}
textarea.form-control{
	resize:vertical;
}
.form-help .glyphicon{
	display: inline-block !important; /* To avoid the validator to mess it up */
	cursor:pointer;
	margin:0px;
	padding:0px;
}
/* The native bootstrap CSS applies margin-top:-5px; for some unknown reason */
.checkbox+.checkbox, .radio+.radio{
	margin-top:10px;
}
/*.has-feedback .glyphicon{
	display:none;
}*/
.has-error .glyphicon{
	display:block;
}
.popover-title{
	font-weight:700;
}
.popover-header{
	display:block;
	font-weight:700;
	margin-bottom:8px;
}
.popover label{
	font-weight:normal;
	vertical-align:middle;
}
.popover hr, .section-alone hr{
	margin-top:8px;
	margin-bottom:8px;
}
.popover input[type=checkbox]{
	width:18px;
	height:18px;
}
.btn-primary:active, .btn-primary.active{
	background-color:green;
}
.colorpicker:before, .colorpicker:after{
	border-color:transparent !important;
}
.colorpicker{
	z-index:0 !important;
}
.input-group-addon{
	cursor:pointer;
}
.glyphicon{
	min-width:14px;
	min-height:14px;
}
.glyphicon.confirm-warning{
	color:red;
	font-size:40px;
	float:right;
	padding-right:20px;
}
.help-block{
	margin-bottom:0px;
}
.active .muted{
	color:#ddd !important;
}
.priority_square{
    position:relative; 
    height:22px; 
    width:22px; 
    padding:0px;
	border-radius:3px;
	margin:auto;
}
.priority_square_legend{
	margin:0;
}
.priority_square_dashboard{
    position:relative;
    padding:0px;
	border-radius:3px;
	margin:auto;
	width:13px;
	height:13px;
	margin-top:5px;
	margin-left:1px;
}
/*#dashboard-task{height:260px;} Lorsqu'il y a une seule tâche, ça fait un espace vide */
kbd{
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	color: #333;
	font-size: 11px;
	line-height: 1.4;
	text-shadow: 0 1px 0 #fff;
	font-family: Arial,Helvetica,sans-serif;
	display: inline-block;
	padding: 0.1em 0.6em;
	margin: 0 0.1em;
	white-space: nowrap;
	box-shadow: 0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;
	border-radius: 3px;
}
.history-secondary, .priority_square_dashboard:hover{cursor:pointer;}
.task-checkbox{
	width:15px;
	height:15px;
}
.task-rb{width:25%;}
.task-rb-first{
	border-top-left-radius:4px!important;
	border-bottom-left-radius:4px!important;
}
.cbx_complete, .cbx_show_translation{
	width:22px;
    height:22px;
}
#cbx_complete_task_form_label{
	margin-top:5px;
	position:absolute;
	margin-left:5px;
}
/* Tabs */
.nav-tabs-double{
	padding-left:2px;
}
.nav-tabs-double > li{
	width:50%;
	text-align:center;
}
#listing-history tr:hover{
	cursor:pointer;
}
#listing-history .no-records-found:hover {
	cursor: default !important;
	background-color: #f9f9f9 !important;
}
.txf_translation{
	background-color:#E8E8E8;
}
#listing-dev-translation td{
	vertical-align:middle;
}
input:not([type='checkbox']):read-only{
	cursor:not-allowed;
	background-color:#eee;
}
.navbar-li-menu{float:left;}
.navbar-li-menu a{
	font-size:14px!important;
	padding-top:10px!important;
	padding-bottom:10px!important;
}
#user-menu{
	border-right-color:#fff;
	border-right-style:solid;
	border-right-width:1px;
}
@media(max-width:990px){
	.navbar-li-menu-second-line{display:none;}
	.navbar-anchor-desktop{margin-top:7px!important;}
	#nav-control{margin-left:-40px!important;}
	#account_picture{margin-top:-7px;}
}
a[class=disabled]{opacity:.6!important;}
a[class=disabled]:hover{cursor:not-allowed!important;}
@media(max-width:1400px){
	#nav-control{margin-left:-80px;}
}

@media(max-width:1070px){
	#nav-control{margin-left:-85px;}
}
#login-logo{margin:auto;}
.form-disabled{
	background-color:#eee;
	opacity:1;
}
.form-disabled:hover, .disabled, [disabled]{
	cursor:not-allowed !important;
}
.button-unique{
	border-top-right-radius:4px!important;
	border-bottom-right-radius:4px!important;
	border-top-left-radius:4px!important;
	border-bottom-left-radius:4px!important;
	white-space: normal;
}
.button-serie-start{
	border-top-left-radius:4px!important;
	border-bottom-left-radius:4px!important;
}
.button-serie-end{
	border-top-right-radius:4px!important;
	border-bottom-right-radius:4px!important;
}
.right_description{
	font-size:14px;
	width:100%;
	height:60px;
}
.font-bold{font-weight:bold;}
.slc_required, .slc_required .selectpicker, .slc_required button, .slc_required .dropdown-menu{background:#fff3f3!important;}
[role="menuitem"]:hover{cursor:pointer;}
.file-preview-frame-custom{margin:8px 0px 0px 0px!important;}
.file-preview-frame img {
    max-width: 100%;
    height: auto !important;
}

.finance-graph-glyphicon{
	position:absolute;
    margin-top:40px;
	margin-left: 40%;
    font-size:30px;
	display:none;
}
.finance-graph-active .glyphicon{display:inline;}
.finance-graph-inactive .glyphicon{display:none;}
.service-request-badge{
	padding:5px;
	text-align:center;
	border-radius:4px;
}
.priority-low{
	background:#5bc0de;
	color:#ffffff;
}
.priority-medium{
	background:#337ab7;
	color:#ffffff;
}
.priority-high{
	background:#f0ad4e;
	color:#ffffff;
}
.priority-urgent{
	background:#d9534f;
	color:#ffffff;
}
.accordion-anchor{display:block;}
.bs-table-amount{white-space:nowrap;}
.bs-table-filter-select-date select{font-weight:normal;}
.bs-table-colspan{text-align:center;}
/*.table-responsive, .fixed-table-body{overflow:visible;}
/*.finances_table .fixed-table-body{overflow:auto!important;}*/
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#000000;}
.btn_contact_information:hover, .btn_see_full_email:hover{cursor:pointer!important;}
.section-description{
	 background:#ffff7f;
	 font-weight:bold;
	 padding:5px;
	 margin-bottom:10px;
 }
.dropup .dropdown-menu{top:calc;}
.btn_incorrect_field{
	cursor:pointer;
	color:red;
}
.slc-occupation .dropdown-menu {
	z-index:9999;
}
#admin_session_panel{
    position:fixed;
    z-index:99;
	margin-top:-20px;
	padding-bottom:10px;
}

.password-verdict{
	color:#000000;
	font-weight:bold;
}

.test-passed, #test_passed.active a, #test_passed a:hover {
	background-color: green;
	padding: 5px 10px;
	color: white;
    border-radius: 5px;
	border: none;
}
.test-failed, #test_failed.active a, #test_failed a:hover {
	background-color: red;
	padding: 5px 10px;
	color: white;
    border-radius: 5px;
	border: none;
}
.separator-access {
	margin: 20px 0;
	border-top: 2px dashed #ccc;
}
.section-sequence {
	height: 500px;
    overflow: auto;
}
.section-test {
	background-color: #eeeeee;
    padding: 10px 15px;
    margin-bottom: 15px;
	border-radius: 10px;
}
.section-name, .section-access {
	font-weight: bold;
}
.tab-test a {
	border-color: transparent;
	background-color: #bbb;
	padding: 5px 10px !important;
	color: white;
    border-radius: 5px !important;
	border: none !important;
}

.anchor-tooltip:hover{cursor:pointer;}

/*Intro Js*/
.introjs-fixParent{position: absolute!important;}
.introjs-tooltip-custom{width:100%;}
.introjs-button{
	color:#ffffff;
	padding:6px 12px;
	text-shadow:none;
	border-radius:4px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	width:120px;
 }
.introjs-button:hover{
	color:#ffffff;
	/*background:#3F4C6B!important;*/
 }
.introjs-disabled, .introjs-disabled:hover{
	color:#9a9a9a!important;
	background:#f4f4f4!important;
 }
#intojs-button-positive, .introjs-prevbutton, .introjs-nextbutton{
	background:green;
	margin-right:5px;
}
#intojs-button-positive:hover, .introjs-prevbutton:hover, .introjs-nextbutton:hover{background:#006600;}
#intojs-button-negative{background:red;}
#intojs-button-negative:hover{background:#cc0000;}
#intojs-button-skip, .introjs-skipbutton{background:gray;}
#intojs-button-skip:hover, .introjs-skipbutton:hover{background:#666666;}
.introjs-disabled{color:#9a9a9a;}
.introjs-tooltip{
	 width:450px;
	 max-width:1000px;
 }
#introjs-modal{
	margin:auto;
	z-index:9999999;
	margin:auto;
	width:400px;
	width:800px;
	max-width:800px;
	position:fixed;
	display:block;
	position:fixed;
	left:0;
	right:0;
	top:0px;
	bottom:0;
	height:680px;
	text-align:center;
 }
/*.section-title{
	 color:#FF9726;
	 font-size:16px;
 }*/
 .introjs-feature-container{height:200px;}
 #intojs-button-bleue{background:#337ab7;}
.introjs-button-presentation{
	width:40%;
	margin:auto;
	margin-right:5px;
	border:none;
}
.introjs-feature-description{height:80px;}
.introjs-new-feature{
	font-weight:bold;
	text-align:center;
	color:#3c763d;
	background:#dff0d8;
	padding:5px;
}
.introjs-overlay{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}
/*Disable interaction with presented element*/
.introjs-tooltipReferenceLayer{
    visibility:visible;
}

#btn_launch_webtour:hover{cursor:pointer;}

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.notification-unread .dot-notifications {
	height: 18px;
    width: 18px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid white;
    display: inline-block;
	margin-top: 40%;
}

.notification-read .dot-notifications {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 2px solid white;
    display: inline-block;
 	margin-top: 40%;
}

.btn-notification:hover {
	cursor: pointer;
}

.btn-new-enrollment {
    background-color: #f6f728;
}
.btn-new-enrollment:hover {
    background-color: #eeef1e;
}

/* 2021-01-20: SPINNER */
#spinner {
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
	font-size: 30px;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@keyframes ldio-u1xnanguelm {
	0% { opacity: 1 }
	100% { opacity: 0 }
	}
	.ldio-u1xnanguelm div {
	left: 66.44500000000001px;
	top: 32.88px;
	position: absolute;
	animation: ldio-u1xnanguelm linear 1s infinite;
	background: #3498db;
	width: 4.11px;
	height: 16.44px;
	border-radius: 2.055px / 8.22px;
	transform-origin: 2.055px 35.620000000000005px;
	}.ldio-u1xnanguelm div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -0.9166666666666666s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -0.8333333333333334s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.75s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.6666666666666666s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.5833333333333334s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.5s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.4166666666666667s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.3333333333333333s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.25s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.16666666666666666s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.08333333333333333s;
	background: #3498db;
	}.ldio-u1xnanguelm div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
	background: #3498db;
	}
	.loadingio-spinner-spinner-ghpbp8nwraj {
	width: 137px;
	height: 137px;
	display: inline-block;
	overflow: hidden;
	}
	.ldio-u1xnanguelm {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0; /* see note above */
	}
	.ldio-u1xnanguelm div { box-sizing: content-box; }
	/* generated by https://loading.io/ */

	.img-logo {
		margin: auto;
	}

	#date-effective-box {
		font-size: 1.2em;
		margin-bottom: 5px;
		font-weight: bold;
	}

#modal-communique img {
	max-width: -webkit-fill-available;
    height: auto;
}