/* ------------------------------ Corps > Menu gauche (si connecté) ------------------------------ */

header.navbar {
	padding: 0 !important;
	align-items: normal;
	/*box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);*/
	overflow: visible;
}

/* Affichage mobile : on change la direction pour que les deux barres de navigation soient l'une en dessous de l'autre (et prennent toute la largeur dispo) + que le menu déroulant soit collé au header et apparaissent par-dessus */
@media screen and (max-width:809px){
	header.navbar {
		flex-direction: column;
	}

	nav#sidebarMenu {
		margin-top: -26px;
		z-index: 1021;
	}
}

header.navbar h1 {
	font-size: 22px;
	margin: 0;
	padding-top: 0.75rem;
}



header.navbar .navbar-brand.service_name {
	/*padding: 3px 10px 5px 10px;*/
	/*background: linear-gradient(90deg, #040e3c, #174298);
	background: #174298;*/
	/*background: #051e34;*/
	/*background: #4b545c;*/
	background: #0d6efd;
	color: #fff;
	/*text-align: center;*/
	padding-left: 10px;
	padding-right: 10px;
	/*border-bottom: 1px solid #2a4257;*/
	/*font-weight: normal;*/
	border-bottom: 1px solid #2a4257;
}
header.navbar .service_name a {
	font-size: 24px;
	color: #fff;
	text-decoration: none;
}

header.navbar .service_name img {
	max-height: 40px;
}

header.navbar div.content_title {
	/*background: #fbfbfb;*/
	background-color: #fff;
	color: #444;
	padding: 0px 15px;
	border-bottom: 1px solid #dee2e6;
}

header.navbar div.top_menu {
	padding: 3px 0 0px 10px;
}

header.navbar div.top_menu div.top_links {
	padding-top: 3px;
}

header.navbar div.top_menu div.top_links .dropdown {
	margin-left: 15px;
}

header.navbar div.top_menu div.top_links a:not(.btn) {
	color: #656565;
	font-size: 25px;
}
header.navbar div.top_menu div.top_links .dropdown-menu a {
	color: #252525;
}
header.navbar div.top_menu div.top_links .dropdown-menu a {
	font-size: 16px;
}
header.navbar div.top_menu div.top_links .dropdown-menu a.dropdown-footer-link {
	padding-top: 10px;
	padding-bottom: 12px;
}
header.navbar div.top_menu div.top_links .notifications .dropdown-menu a.bg-unread {
	background: #c3e3f7;
	font-weight: bold;
}
header.navbar div.top_menu div.top_links .notifications .dropdown-menu a .notification_message {
	font-size: 14px;
	color: #1b1b1b;
}

header.navbar div.data_changed_without_reload a.btn {
	margin-left: 10px;
	padding: 2px 6px;
}

header.navbar div.subscription_infos div.dropdown-menu {
	font-size: 16px;
	min-width: 25rem;
}

header.navbar div.user_menu {
	/*background: #fbfbfb;*/
	background-color: #fff;
	color: #444;
	padding: 0px 15px;
}

header.navbar div.user_menu .user-header {
	text-align: center;
	/*background: #0d6efd;*/
	padding: 10px 20px;
	font-size: 18px;
}

header.navbar div.user_menu .user-header small {
	font-size: 14px;
}

header.navbar div.user_menu img.user_logged_photo {
	height: 45px;
}

header.navbar div.user_menu ul.dropdown-menu {
	z-index: 12000;
	min-width: 20rem;
	/*background: #f4f6f9;*/
	/*background: #343a40;
	color: #c2c7d0;*/
}

header.navbar div.user_menu ul.dropdown-menu li a {
	padding-top: .4rem;
	padding-bottom: .4rem;
	/*color: #c2c7d0;*/
}
header.navbar div.user_menu ul.dropdown-menu li a:hover {
	/*color: #2f3438;*/
}
header.navbar div.user_menu ul.dropdown-menu li a.logout {
	color: #eb7367;
}
header.navbar div.user_menu ul.dropdown-menu li a.logout:hover {
	color: #f1806e;
}

header.navbar div.user_menu ul.dropdown-menu li a i {
	margin-left: 8px;
	margin-right: 8px;
}
header.navbar div.user_menu ul.dropdown-menu img.user_logged_photo {
	height: 100px;
}
header.navbar a.url_prev_or_next_item {
	color: #828282;
}
header.navbar a.url_prev_item_disabled, header.navbar a.url_next_item_disabled {
	color: #bfbfbf;
}


/* ------------------------------ Corps (si connecté) ------------------------------ */

.sidebar {
	position: fixed;
	/* Height of navbar */
	top: 52px; /* Height of navbar without alert info */
	/*top: 86px;*/ /* Height of navbar with alert info */
	bottom: 0;
	left: 0;
	z-index: 100; /* Behind the navbar */
	padding: 0 0 0 0;
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	overflow-y: auto;
	overflow-x: hidden;
	background: #122c44!important;
}

.sidebar::-webkit-scrollbar {
	width: 6px;
}
.sidebar::-webkit-scrollbar-track {
	background: #122c44;
}
.sidebar::-webkit-scrollbar-thumb {
	/*background: rgba(0, 0, 0, 0.4);*/
	background: #888;
	border-radius: 8px;
}
.sidebar::-webkit-scrollbar-thumb:hover {
	background: #717171;
}

@media (max-width: 767.98px) {
	.sidebar {
		top: 5rem;
	}
}

.sidebar, .sidebar a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

.sidebar a {
	color: #cdd2d6;
	margin: 2px 0;
	display: block;
}
.sidebar .nav.nav-pills > li > a:not(.active):hover {
	background: #2a4257;
	color: #fff
}
.sidebar a i.fas {
	padding-right: 10px;
}

.sidebar h6.sidebar-heading {
	color: #fff;
	padding-top: 5px;
}

.sidebar .divider {
	height: 1px;
	background: #2a4257;
}
.sidebar .categ {
	border-bottom: 1px solid #2a4257;
	/*padding: 10px 15px 10px 15px;*/
	padding: 10px 15px 10px 0;
}

.sidebar ul {
	list-style: none;
	padding-left: 15px;
}


/* Pointage par Internet */

html body.clockin_net {
	/*background: #eae4d6;*/
	/*background: #f1ebdd;*/
	background: #f5f5f6;
}

body.clockin_net header {
	background: #f5f5f6;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}
body.clockin_net header .header_logo {
	text-align: center;
	height: 80px;
	max-width: 240px;
	/* margin: 0 auto; */
}
body.clockin_net header .header_logo div {
	height: 100%;
}

body.clockin_net header a.lien_logo_img img {
	height: 100%;
	float: left;
}
body.clockin_net header a.lien_logo_txt {
	color: #255882;
	font-size: 46px;
	display: block;
	float: left;
	text-decoration: none;
}
body.clockin_net div.container {
	padding-top: 30px;
	padding-bottom: 60px;
}

.clock_in_geolocation_map {
	height: 500px;
}

label.label_action_pointage {
	/*padding: 5px 10px;*/
	padding-bottom: 10px;
	vertical-align: middle;
}

input.radio_action_pointage {
	width: 20px;
	height: 20px;
	margin: 0;
	/*padding: 5px 10px;*/
	/*margin: 20px;*/
}

/* ---------- Couleurs des pointages et des lignes synthétiques ---------- */

/*table.dataTable.table>tbody>tr {
	background-color: inherit;
}*/

/* Arrivée : vert */
.clocking_line_work, .clocking_line_arrival {
	background-color: #C8E6C9 !important;
}
.clocking_line_work:hover, .clocking_line_arrival:hover {
	background-color: #A5D6A7 !important;
}

/* Départ : orange */
.clocking_line_departure {
	background-color: #FFE0B2 !important;
}
.clocking_line_departure:hover {
	background-color: #FFCC80 !important;
}

/* Pause : bleu */
.clocking_line_break {
	background-color: #BBDEFB !important;
}
.clocking_line_break:hover {
	background-color: #90CAF9 !important;
}

/* Déplacement : marron */
.clocking_line_travel {
	background-color: #D7CCC8 !important;
}
.clocking_line_travel:hover {
	background-color: #BCAAA4 !important;
}

/* Tâche : gris */
.clocking_line_task {
	background-color: #EEEEEE !important;
}
.clocking_line_task:hover {
	background-color: #E0E0E0 !important;
}

/* Congé : violet */
.clocking_line_day_off {
	background-color: #D1C4E9 !important;
}
.clocking_line_day_off:hover {
	background-color: #B39DDB !important;
}
.clocking_line_day_off_unpaid {
	background-color: #D1C4E9 !important;
}
.clocking_line_day_off_unpaid:hover {
	background-color: #B39DDB !important;
}

/* Arrêt : rose */
.clocking_line_sick_leave {
	background-color: #F8BBD0 !important;
}
.clocking_line_sick_leave:hover {
	background-color: #F48FB1 !important;
}

/* Formation : vert océan */
.clocking_line_training {
	background-color: #B2DFDB !important;
}
.clocking_line_training:hover {
	background-color: #80CBC4 !important;
}

/* Repos : bleu */
.clocking_line_rest_day {
	background-color: #BBDEFB !important;
}
.clocking_line_rest_day:hover {
	background-color: #90CAF9 !important;
}

/* Jour férié : bleu */
.clocking_line_public_holiday {
	background-color: #BBDEFB !important;
}
.clocking_line_public_holiday:hover {
	background-color: #90CAF9 !important;
}

/* Absence : orange */
.clocking_line_absence {
	background-color: #ffd1b2 !important;
}
.clocking_line_absence:hover {
	background-color: #ffb380 !important;
}

/* Absence (auto) : rouge */
.clocking_line_absence_auto {
	background-color: #FFCDD2 !important;
}
.clocking_line_absence_auto:hover {
	background-color: #EF9A9A !important;
}

/* Erreur : rouge */
.clocking_line_error {
	background-color: #FFCDD2 !important;
}
.clocking_line_error:hover {
	background-color: #EF9A9A !important;
}


/* ---------- Couleurs des lignes synthétiques ---------- */

/* Jour travail : vert */
.synthetic_line_work {
	background-color: #E8F5E9 !important;
}
.synthetic_line_work:hover {
	background-color: #C8E6C9 !important;
}

/* Congé : violet */
.synthetic_line_day_off {
	background-color: #F3E5F5 !important;
}
.synthetic_line_day_off:hover {
	background-color: #E1BEE7 !important;
}
.synthetic_line_day_off_unpaid {
	background-color: #F3E5F5 !important;
}
.synthetic_line_day_off_unpaid:hover {
	background-color: #E1BEE7 !important;
}

/* Arrêt : rose */
.synthetic_line_sick_leave {
	background-color: #FCE4EC !important;
}
.synthetic_line_sick_leave:hover {
	background-color: #F8BBD0 !important;
}

/* Formation : vert océan */
.synthetic_line_training {
	background-color: #E0F2F1 !important;
}
.synthetic_line_training:hover {
	background-color: #B2DFDB !important;
}

/* Repos : bleu */
.synthetic_line_rest_day {
	background-color: #E3F2FD !important;
}
.synthetic_line_rest_day:hover {
	background-color: #BBDEFB !important;
}

/* Jour férié : bleu */
.synthetic_line_public_holiday {
	background-color: #E3F2FD !important;
}
.synthetic_line_public_holiday:hover {
	background-color: #BBDEFB !important;
}

/* Absence : rouge */
.synthetic_line_absence {
	background-color: #ffd1b2 !important;
}
.synthetic_line_absence:hover {
	background-color: #ffb380 !important;
}

/* Anomalie : jaune */
.synthetic_line_anomalie, .clocking_line_anomalie {
	background-color: #FFF3E0 !important;
}
.synthetic_line_anomalie:hover, .clocking_line_anomalie:hover  {
	background-color: #FFE0B2 !important;
}

/* Erreur : rouge */
.synthetic_line_error {
	background-color: #FFEBEE !important;
}
.synthetic_line_error:hover {
	background-color: #FFCDD2 !important;
}

/* Listing */

.listing_stats .listing_stats_categ  {
	margin-top: 10px;
}
.listing_stats .slider-wrapper  {
	margin-top: 0;
	margin-bottom: 0;
}
.listing_stats .listing_stats_categ_title {
	margin-bottom: 0.5rem;
}
.listing_stats .listing_subtitle {
	font-weight:normal;
	line-height:0;
	height:0;
	border-bottom:1px solid #c7c8c9;
	vertical-align:middle;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}
.listing_stats .listing_subtitle span {
	background-color: #FFF;
	padding-right: 5px;
	text-align: center;
}

.listing_stats .total {
	margin: 0;
	/*border-bottom:1px solid #dedede;*/
	border-bottom: none;
	border-color: #898989;
}
.listing_stats .main_field {
	background: #cdd2d6;
}
.listing_stats i.stats_desc {
	color: #87a8bf;
}
.listing_stats .resource_name {
	/*background: #cdd2d6;*/
	border-bottom: 1px solid #bbb;
	font-size: 18px;
	font-weight: bold;
}

.listing_stats fieldset {
	border-color: #dddddd;
	padding: 5px 20px 10px 20px;
	margin-bottom: 6px;
}
.listing_stats fieldset.filter_columns_list {
	padding: 4px 10px 6px 10px;
}
.listing_stats fieldset legend {
	font-size: 14px;
	text-align: center;
}
.listing_stats .not_paid {
	color: #aaa;
	/*background: #e5e5e5;*/
	/*background: repeating-linear-gradient(
			135deg,
			rgba(0, 0, 0, 0.2),
			rgba(0, 0, 0, 0.2) 10px,
			rgba(0, 0, 0, 0.3) 10px,
			rgba(0, 0, 0, 0.3) 20px
	);*/
}

div.map_canvas {
	height: 600px;
	max-height: 60vh;
	/*width: 100%;*/
}

table.infos_nb_overtime_hours {
	margin-top: 10px;
}


/* Planning */

/*.html2canvas-container .fc-view-harness.fc-view-harness-active {
	height: 3000px !important;
}*/

.dashboard .fc .fc-toolbar-title {
	font-size: 1.3em;
}
.dashboard .fc .fc-button {
	padding: 0.1em 0.3em 0.3em 0.3em;
}

.planning_draggable_resources .fc-event {
	margin: 3px 0;
	padding: 2px 3px;
	cursor: pointer;
}

.planning_draggable_resources .fc-event, .planning_draggable_resources .fc-event:hover {
	color: #fff;
	text-decoration: none;
}

.fc-timeline-event-harness:hover {
	z-index: 2000;
}

.fc-title {
	color: #383838;
	font-weight: bold;
}
.fc-title.light_title, div.liens_edit_planning a i {
	color: #eaeaea;
}
.fc-event-description {
	color: #383838;
	font-size: 10px;
}
.fc-license-message {
	display: none;
}

div.loader.planning_loader {
	top: 30px;
	position: absolute;
	z-index: 5;
	width: 100%;
}
div.loader.planning_loader .alert {
	width: 80%;
	margin: 30px auto;
}

div.liens_edit_planning {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
}
div.liens_edit_planning a {
	margin: 0 auto;
}

body .table.table-striped>tbody>tr.event_disabled, .fc-event.event_disabled {
	background: repeating-linear-gradient(
			135deg,
			rgba(0, 0, 0, 0.2),
			rgba(0, 0, 0, 0.2) 10px,
			rgba(0, 0, 0, 0.3) 10px,
			rgba(0, 0, 0, 0.3) 20px
	);
}

body .table.table-striped>tbody>tr.event_past, .fc-event.event_past {
	filter: grayscale(40%) opacity(60%);
}

/* modal new version */

#modal_new_version .btn-close {
	position: fixed;
	top: 0;
	left: 0;
	margin: 1rem;
	color: #fff;
	font-size: xx-large;
}
#modal_new_version .modal-body {
	padding: 0;
	background: #f2f2f2;
	max-height: calc(100vh);
}

#modal_new_version div.intro {
	background: #265983;
	padding: 4rem 1rem;
	color: #fff;
	font-size: x-large;
	margin-bottom: 1rem;
}
#modal_new_version div.intro h2 {
	font-size: xxx-large;
}

#modal_new_version div.feature {
	padding: 2rem 3rem;
	text-align: center;
	color: #262626;
}

#modal_new_version div.feature div.subtitle {
	font-size: xx-large;
	font-weight: bold;
	padding: 5px 0;
}
#modal_new_version div.feature div.desc {
	font-size: large;
	padding: 5px 0 1rem 0;
	color: #262626;
}
#modal_new_version div.feature table {
	width: 100%;
}
#modal_new_version div.feature table tr td:nth-child(odd) {
	width: 42%;
	border: 1px solid lightgrey;
	background: #fff;
}
#modal_new_version div.feature table tr td:nth-child(even) {
	width: 6%;
	vertical-align: center;
	text-align: center;
	color: gray;
	font-size: xxx-large;
}

#modal_new_version div.feature img {
	max-width: 100%;
}

/* Achat */

.payment_method img {
	max-height: 30px;
}

table.recap_commande tr td {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 15%;
}
table.recap_commande tr th, table.recap_commande tr td {
	text-align: right;
}
table.recap_commande tr th.libelle, table.recap_commande tr td.libelle {
	text-align: left;
	width: auto;
}

table.recap_commande tr.loader td {
	text-align: center;
}

table.recap_commande tr td.action {
	width: 5%;
	text-align: center;
}

p.validation_cgv {
	text-align: center;
	font-weight: bold;
}

table.liste_tarifs tr td {
	vertical-align: middle;
}

table.liste_tarifs tr td,
table.liste_tarifs tr th {
	text-align: center;
}

table.list_formation {
	border-bottom: none;
}
table.list_formation tr .item_label {
	text-align: right;
	padding-right: 30px;
}
table.list_formation tr .item_checked {
	width: 25%;
	text-align: center;
}

table.list_formation tr th {
	color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px
}
table.list_formation tr th .formation_title {
	font-size: 18px;
}
table.list_formation tr th.type_formation {
	color: #000000;
	border-color: #ddd;
	text-align: right;
	padding-right: 30px;
}
table.list_formation tr th.price {
	text-align: center;
	font-size: 16px;
}

table.list_formation tr th.starter {
	background: #8E24AA;
}
table.list_formation tr th.classic {
	background: #1E88E5;
}
table.list_formation tr th.advanced {
	background: #43A047;
}
table.list_formation tr td.item_label {
	border-color: #ddd;
}
table.list_formation tr td.starter {
	color: #8E24AA;
	border-color: #ddd;
}
table.list_formation tr td.classic {
	color: #1E88E5;
	border-color: #ddd;
}
table.list_formation tr td.advanced {
	color: #43A047;
	border-color: #ddd;
}



div.tarif_nb_employees {
	padding: 15px;
	width: 50%;
}

/* Affichage mobile : on utilise toute la largeur disponible */
@media screen and (max-width:809px){
	div.tarif_nb_employees {
		width: auto;
	}
}
div.tarif_nb_employees label {
	font-size: 24px;
}

div.tarif_card {
	width: 90%;
}

/* Affichage mobile : on utilise toute la largeur disponible + ajustement des marges / tailles de police */
@media screen and (max-width:809px){
	div.tarif_card {
		width: 100%;
	}

	div.tarif_nb_employees label {
		font-size: 18px;
	}
}

div.tarif_nb_employees input[name="nb_employees"] {
	width: 80px;
}
div.tarif_nb_employees input[name="range_nb_employees"] {
	margin-top: 10px;
}
div.tarif_nb_employees .nb_employees_min, div.tarif_nb_employees .nb_employees_max {
	font-weight: bold;
}

div.infos_tarif div.paiement_annuel_moins_cher {
	margin: 12px 0 15px 0;
	font-size: 14px;
}

div.infos_tarif .btn-group {
	background: #172a5b;
	padding: 6px;
	border-radius: 10px;
	/*display: table;
	margin-left: auto;
	margin-right: auto;*/
}
div.infos_tarif .btn-group .btn.btn-outline-primary {
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
	border-radius: 10px;
}
div.infos_tarif .btn-group label {
	margin-bottom: 0;
	color: #737e9c;
}
div.infos_tarif .btn-group .btn.btn-outline-primary:first-of-type {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 16px;
}
div.infos_tarif .btn-group .btn.btn-outline-primary:last-of-type {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-right: 16px;
}
div.infos_tarif .btn-group .btn-check:checked+.btn {
	background: #e1e8f5;
	color: #0056fd;
}
div.infos_tarif span.price {
	font-size: 3rem;
	line-height: normal;
	color: #fff;
}

div.tarif_card {
	text-align: center;
	color: #fff;
	/*font-size: 20px;*/
}
div.tarif_card h3 {
	font-size: 30px;
	border: none;
}
div.tarif_card .tarif_of_period {
	font-size: 24px;
}
div.tarif_card .tarif_of_period .price {
	font-size: 44px;
}
div.tarif_card .links a {
	margin-bottom: 15px;
	color: #fff;
}

/* Graphiques */

.org_chart_node {
	text-align: center;
	vertical-align: middle;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#edf7ff), to(#cde7ee));*/
	border-radius: 4px;
	border: 1px solid #255882;
	background: #e7eff9;
	font-family: 'Noto Sans', sans-serif;
	box-shadow: rgb(0 0 0 / 20%) 2px 2px 5px;
	/*-webkit-border-radius: 5px;
	-webkit-box-shadow: rgb(0 0 0 / 50%) 3px 3px 3px;*/
}

.org_chart_node img {
	max-height: 60px;
	/*float: left;*/
}
.org_chart_node .employee_infos {
	/*float: left;*/
}

.org_chart_selected_node {
	border: 1px solid #e0c855;
	background: #f8f0ac;
}

.google-visualization-orgchart-table {
	border-collapse: separate;
}
.google-visualization-orgchart-node-medium {
	font-size: 0.9em;
}




/* Paramètres */

h3.param_categ {
	font-size: 16px;
	border-color: #aaa;
}

table tr td a.user_params_edit_link {
	margin-left: 10px;
}

h4.titre_sous_categ_checkbox {
	margin-bottom: 0;
	padding-bottom: 0;
}

img.icon_param {
	height: 48px;
	margin: 10px 0;
}

.user_params_display .nav.nav-tabs > li > a {
	min-width: 120px;
	/*background: #f6f6f6;*/
	/*border: 1px solid #ccc;*/
	/*margin: 0 2px;*/
	color: #444;
	text-align: center;
}
.user_params_display .nav.nav-tabs > li > a:hover {
	background: #eee;
}
.user_params_display .nav.nav-tabs > li.active > a {
	/*border: 1px solid #3c8dbc;*/
}

.user_params_display div.tab-content {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 15px;
}

.user_params_display h3 {
	font-size: 16px;
	border-bottom: 1px solid;
}