/* GLOBAL CSS */
.not-visible {
	display:none;
}

.upper_class {
	text-transform:uppercase;
}

.imit_lien {
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.img_teleg {	
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	max-height: 250px;
	max-width: 250px;
	border-radius: 5px;
	box-shadow: 4px 4px 6px grey;
}

.right_float  {
	float: right;
}

.left_float {
	float: left;
}

.title_h4 {
	font-size:18px;
	margin-top:10px;
	margin-bottom:10px;
	
	font-weight:bold;
}

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

.panel_title > h3 {
	font-weight:bold !important;
}

.vertical_middle {
	vertical-align:middle !important;
}

.cursor_pointer {
	cursor: pointer;
}

.no_style_link {
	text-decoration:none;
	color:black;
}

.no_style_link:hover {
	color:black;
}

.ui-dialog { 
	z-index: 2000 !important;
}

.display_flex_mdp {
	display:flex;
}

.display_flex_mdp div:nth-child(1) {
	order:1;
	flex-grow:4;
	flex-basis:310px;
}

.display_flex_mdp div:nth-child(2) {
	order:2;
}

/* CSS PAGE POINTAGES */
.title_tab {
	font-weight:bold;
}

.val_differente{
	background-color:#fdfba6;
}

#search_container {
	margin:0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.marg_label_au {
	margin-left:3px;
	margin-right:3px;
}

.marg {
	margin-right: 15px;
}

#export_file > form {
	display:inline-block;
	margin-right:8px;
	margin-bottom:5px;
}

#export_file {
	display:flex;
	justify-content: flex-end;
	margin: auto;
	padding-left: 15px;
	padding-top: 5px;
	min-width: 58%;
}

.filtre_salarie, .filtre_site{
	width:200px !important;	
}

input[name=search_date_debut], input[name=search_date_fin] {
	line-height:normal !important;
	width: 140px !important;
}

#add_pointage {
	padding-top: 5px;
	padding-left: 15px;
	float: left;
}

.second_headers > th:nth-child(1), .second_headers > th:nth-child(6),
.second_headers > th:nth-child(8), .second_headers > th:nth-child(9) {
	border-left:2px solid #ddd;
}

#table_pointage_supp > tbody > tr > td:nth-child(3){
	border-left:2px solid #ddd;
}

#table_pointage_supp > tbody > tr > td:nth-child(1), #table_pointage_supp > tbody > tr > td:nth-child(4), 
#table_pointage_supp > tbody > tr > td:nth-child(5), #table_pointage_supp > tbody > tr > td:nth-child(3),
#table_pointage_supp > tbody > tr > td:nth-child(7){
	border-left:2px solid #ddd;
}

#table_pointage_supp > tbody > tr > td:last-child {
	border-right:2px solid #ddd;
} 

#table_pointage > tbody > tr > td:nth-child(1), #table_pointage > tbody > tr > td:nth-child(4), #table_pointage > tbody > tr > td:nth-child(5),
#table_pointage > tbody > tr > td:nth-child(7), #table_pointage > tbody > tr > td:nth-child(9), 
#table_pointage > tbody > tr > td:nth-child(10){
	border-left:2px solid #ddd;
}

#table_pointage > tbody > tr > td:last-child {
	border-right:2px solid #ddd;
}

#ligne_sous_recherche {
	margin-top:15px;
}

#table_pointage > tbody > tr > td {
	vertical-align:middle;
}

.form_del {
	width:140px;
}

.flex_btn {
	display:flex;	
	justify-content:space-around;
}

.first_headers > th {
	text-align: center;
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
}

.first_headers > th:nth-child(3) {
	border-left:none !important;
}

.first_headers > th:nth-child(1) {
	border-right:none !important;
}

.first_headers > th:last-child {
	border-right:2px solid #ddd;
}

.width_fix_editions {
	width:55px;
	text-align: center;
}

.debut_background {
	background-color: #dbf0df;
	width:5%;
}

.fin_background {
	background-color: #f4d8d8;
	width:5%
}

.choix_salarie, .choix_site {
	width:150px;
}

.text_tel {
	white-space:nowrap;
}

.sites {
	width:220px;
}

.type_pointage {
	width:100px;
}

.btn-debut {
	background-color: #dbf0df;
	border-color: #dbf0df;
}

.btn-fin {
	background-color: #f4d8d8;
	border-color: #f4d8d8;
}

.center_box {
	text-align:center;
	width:5%
}

.widthMinFix80{
	min-width:80px;
}

.widthMinFix90{
	min-width:90px;
}

.widthMinFix100{
	min-width:100px;
}

.btn_restore {
	width: 85px;
	text-align: center;
}

.pointage_add_or_edit {
    width: 15px;
}

#date, #heure {
	line-height:normal;
}

.center_text {
	text-align:center;
	width:3%;
}

.icon_add_or_edit {
	width:8%;
}

.legende_pointage {
	display:flex;
	flex-direction:column;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* CSS PAGE INFOS COMPTE */
#div_btn_update_mdp {
	padding-left:8px;
}

#alignement_btn_suppression_compte{
	padding-right:0px !important;
}

/* CSS PAGE SITES */
.no_padding_div_num {
	padding-left:0px;
}

.no_padding_div_btn {
	padding-right:0px;
}

#liste_site > tbody > tr > td.center_text, #liste_site > thead > tr > th.center_text {
	text-align:center;
	width:6%;
}

.max_width_site {
	width:140px;
	max-width:150px;
}

#liste_site > tbody > tr > td {
	vertical-align:middle;
}

.numero {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.div_1_order_num {
	order: 1;
	flex-grow: 4;
	padding-right: 10px;
}

.div_2_order_num {
	order: 2;
	padding-left: 10px;
}

/* CSS PAGE F.A.Q. */
.div_faq {
	margin-bottom:30px;
}

/* CSS PAGE MAN. UTIL. */
#paragr_aide {
	margin-bottom: 25px;
}

/* CSS PAGE SALARIE */
#liste_salarie > tbody > tr > td {
	vertical-align:middle;
}

/* CSS SELON TAILLE ECRAN ! */
@media (max-width:540px)
{
	#table_pointage tr > td, #table_pointage tr > th {
		border:none !important;
	}
	
	#table_pointage tbody > tr {
		border:1px solid #ddd;
	}
	
	.debut_background {
		width:100% !important;
	}
	
	.fin_background {
		width:100% !important;
	}
	
	.choix_salarie, .choix_site {
		width:100% !important
	}
	
	.sites {
		width:70% !important;
	}
	
	.width_fix_editions {
		width:100% !important;
	}
	
	.center_text {
		width:100%
	}
}

@media screen and (max-width: 540px) {
	table,
	tbody,
	tr,
	td,
	th,
	thead {
		display: block;
	}
}

@media (max-width:360px) {
	.flex_btn {
		flex-direction:column;
	}
}

@media (min-width: 768px) {
	#prix {
		margin-top:25px;
		margin-bottom:25px;
	}
}

@media (min-width:771px){
	.panel-primary {
		min-width:400px;
	}	
}

@media (min-width: 992px) {
	#prix {
		margin-top:25px;
		margin-bottom:25px;
	}
	
	.display_flex_mdp div:nth-child(1) {
		/*flex-basis:auto;*/
		flex-grow:0;
	}
}

@media (max-width: 992px) {
	
}

@media (min-width: 1200px) {
	#prix {
		margin-top:25px;
		margin-bottom:25px;
	}
}

@media (min-width: 1600px) {
  	.container-mega-size {
    	width: 1500px;
  	}
}