body {
	font-size: 10px;
}

body.modal-open {
    overflow: visible;
    position: absolute;
    width: 100%;
    height:100%;
}

#search_result li
{
	line-height: 25px;
}

/* Rating Star Widgets Style */
.rating-stars ul 
{
	list-style-type:none;
	padding:0;
	margin-bottom: 15px;
	margin-top: 10px;
}
.rating-stars ul > li.star 
{
	display: inline-block;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa 
{
	font-size: 16px; /* Change the size of the stars */
	color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa 
{
	color:#FFCC36;
	cursor: pointer;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa 
{
	color:#FF912C;
}

.rating-stars ul > li.star 
{
    display: inline-block;
}

.hr
{
    margin-top: 5px;
    margin-bottom: 5px;	
}

.modal-backdrop {
	background-color: rgba(0,0,0,.0001) !important;
	z-index: -1;
}

.modal-backdrop.in {
	opacity: 0.9;
}

.modal.in .modal-dialog
{
	z-index: 9999;
}

#myModal {
    background: rgba(240, 248, 255, 0.18);
}

.text_field_option
{
	width: 150px;
    display: inline;
}

.ul_options
{
    width: 100%;
}

.ul_options p
{
	width: 100%;
    max-width: 300px;
    display: inline-block;
	vertical-align: top;
}

.ul_options label
{
	width: 100%;
    max-width: 250px;
}

.edit_button
{
    position: absolute;
    z-index: 999;
    right: 20px;
    top: 2px;
}

.li_option
{
	display: inline-block;
    width: 32%;
    vertical-align: top;
}

.modal-content
{
	overflow-y: scroll;
}

.modal-footer
{
	position: relative;
    width: 100%;
    bottom: 0;
}

.modal-lg
{
	width:1100px;
}

.blocker
{
	z-index: 9999;
}

.suggestions 
{
	position:absolute;
	top: 30px;
	z-index:99999;
}
.suggestions li 
{
	width:auto;
	height:30px;
	border:1px solid grey;
	background: white;
	color:black;
	line-height: 30px;
	padding-left: 10px;
	list-style-type: none;
}

.blog-pagination,.portfolio-pagination
{
	list-style-type: none;
}

.portfolio-pagination
{
	padding: 0;
    margin: 0 auto;
}

.main-content-left .blog-pagination, .main-content-right .blog-pagination
{
	padding:0 0 10px 0;margin-top:-5px
}

.blog-pagination
{
	padding: 0 0 40px 0;
    margin-top: -5px
}

.blog-pagination li,.portfolio-pagination li
{
	display:inline;
    margin-right:2px
}

.blog-pagination li a,.portfolio-pagination li a
{
	padding:3px 10px;
    font-size:12px;
    color:#f7f7f7;
    background:#373737;
    display:inline-block;
    -webkit-transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    -ms-transition:background-color .2s linear;
    transition: background-color .2s linear
}

.blog-pagination li a:hover,.portfolio-pagination li a:hover
{
	background: #e2492f;
    text-decoration: none
}

.blog-pagination li a.active-page,.portfolio-pagination li a.active-page
{
	background:#e2492f
}

.pagination_right
{
	float: right;
    min-width: auto;
    text-align: right
}

.portfolio-pagination li.active a {
	background:#e24a30;
}

#boite_bottom_right 
{
	position:fixed;
	bottom:0;
	right:0;
	width:200px;
	height:50px;
	background:white;
	border:1px solid black;
	border-bottom:0;
	border-right:0;
}

.active_pane a 
{
	background-color: #e24b31;
    color: white;
}

.active_pane a:hover, .active_pane a:focus, .a_pane:hover, .a_pane:focus, .nav > li > a:hover, .nav > li > a:focus 
{
	background-color: #ff2500;
    color: white;
}

.fancybox-slide--iframe .fancybox-content
{
	max-height: 95%;
}

.fancybox-content
{
    max-width: 1220px;
}

.responsive
{
	width:100%;
	height:auto;
}

.clearfix
{
	clear: both;
}

.alerted 
{
	border-radius: 5px;
}

.form-control {
    border-color: #c2c2c3!important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
{
	border: 1px solid #c2c2c3!important;
}

.min_height_350 
{
    min-height: 350px;
}

.modal-open .modal
{
	overflow:hidden;
}

.modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.modal-header {
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
}

.small_grised
{
	background:#f1f1f1;
	max-width: 50px;
}

.grised_more
{
	background:#d3d3d3;
	color:black;
	max-width: 100px;
}

hr { border-top: 1px solid #c2c2c3!important; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small
{
	font-size: 12px;
}

.cursor_pointer
{
	cursor: pointer;
}

.bg_grey_rounded
{
    background: #eee;
    padding: 5px;
    border-radius: 5px;
}

.vehicule_max_width
{
	max-width: 200px;
}

.h4_visible
{
	text-transform: uppercase;
    font-weight: 700;
}

.success_bg
{
	color: #3c763d;
    background-color: #dff0d8;
    padding: 10px;
    border: 1px solid #dff0d8;
    border-radius: 5px;
}

.info_bg
{
	color: #856404;
    background-color: #fff3cd;
    padding: 10px;
    border: 1px solid #ffeeba;
    border-radius: 5px;
}

.danger_bg
{
	color: #721c24;
    background-color: #f8d7da;
    padding: 10px;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
}

.title_vehicule
{
	background: #eee;
	padding: 10px;
	border-radius: 5px;
	text-transform: uppercase;
    font-weight: 700!important;
	text-align: center;
}

.infos_resa
{
	text-align: left;
    padding-left: 10px;
}

.max-width-select
{
	max-width: 200px;
}

.ft_size_14
{    
	font-size: 14px;
}

.results_ul
{
	
}

.results_ul li
{
	line-height: 25px;
}

.btn_float_right
{
	float: right;
    margin-top: 10px;
	text-align: right;
}

.periode
{
	max-width: 90px;
    display: inline;
    margin-left: 10px;
}

.small_datepicker
{
	width: 150px;
}

.change_date
{
	width: auto;
    text-align: right;
}

.change_date span
{
	display: inline-block;
    margin-right: 5px;
}

.align_right
{
	text-align: right;
}

.liste_no_padding
{
    margin-left: 0;
    padding-left: 20px;
}

.conducteur_details
{
	text-align:left;
}

.conducteur_details ul
{
	margin-left: 0;
	padding-left: 20px;
}

.max-w
{
	max-width: 200px;
}

.no_left_padding
{
	padding-left:0;
}

#search_top_clients select, #search_top_clients input, #search_top_clients span
{
	display: inline-block;
	margin-right: 5px;
}

#search_top_reservations_annulees select, #search_top_reservations_annulees input, #search_top_reservations_annulees span
{
	display: inline-block;
	margin-right: 5px;
}

#search_top_reservations_validees select, #search_top_reservations_validees input, #search_top_reservations_validees span
{
	display: inline-block;
	margin-right: 5px;
}

#search_top_reservations_non_validees select, #search_top_reservations_non_validees input, #search_top_reservations_non_validees span
{
	display: inline-block;
	margin-right: 5px;
}

#search_top_reservations_jours select, #search_top_reservations_jours input, #search_top_reservations_jours span
{
	display: inline-block;
	margin-right: 5px;
}

#search_top_reservations_semaine select, #search_top_reservations_semaine input, #search_top_reservations_semaine span
{
	display: inline-block;
	margin-right: 5px;
}

#search_top_reservations_mois select, #search_top_reservations_mois input, #search_top_reservations_mois span
{
	display: inline-block;
	margin-right: 5px;
}

.form-group 
{
    margin-bottom: 15px;
    position: relative;
}

.eye_link
{
	position: absolute;
    right: 20px;
    top: 25px;
    background: transparent;
    border: 0;
}

.view_details_button
{
    position: absolute;
    z-index: 999;
    right: 60px;
    top: 2px;
}

.cut_resa_button
{
	position: absolute;
	z-index: 999;
	right: 40px;
	top: 2px;
}

.thumbnail-car-card
{
	
}

.picture_vehicule
{
	margin-bottom: 10px;
}

.picture_vehicule img
{
	width: 100%;
    height: auto;
}

.info_vehicule
{
	
}

.caption-title
{
	
}

.caption-title span
{
	font-size: 14px;
}

.caption-title-sub
{
    color: #e60000;
    font-size: 25px;
}

.caption-title-sub span 
{
    font-size: 25px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}

.anciennete_vehicule
{
    display: inline-block;
    line-height: 1;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: auto;
    padding: 5px 10px;
    color: #fff;
    background-color: #6c757d;
	margin-bottom: 5px;
}

.table
{
	margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

.grey_bg
{
	background: #ececec;
}

.prix_total
{
	color: #6a6c6f;
}

.custom_alert
{
	margin-bottom: 20px;
    font-size: 14px;
}

.no_margin
{
	margin-top: 0;
    margin-bottom: 0;
}

.custom_hr
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.divider
{
	font-size: 12px!important;
	margin-left: 20px;
    margin-right: 20px;
}

.p_small
{
	font-size: 12px;
}

.prices_display
{
	margin-bottom: 5px;
}

.picture_container
{
	text-align: center;
}

.prix_jour_title
{
	font-size: 12px!important;
}

.prix_total_title
{
    font-size: 12px!important;
    color: #6a6c6f;
}

.first_table
{
	margin-bottom: 0px;
    border-bottom: 0;
}

.actions_buttons
{
	text-align: right;
    margin: 10px;
}

.output_ajout_client
{
	
}

.no_mg_bottom
{
    margin-bottom: 0px!important;
    font-size: 14px;
}

.mg_10
{
	margin-top: 10px;
    margin-bottom: 10px;
}

.small_mg_bottom
{
	margin-bottom: 7px;
}

.small_mg_top
{
	margin-top: 10px;
}

.tiny_photo_vehicule
{
	width: 100%;
    height: auto;
    max-width: 100px;
}

.title_categorie
{
	border-bottom: 1px solid #c9c9c9;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.modal_content
{
	height: 500px;
    overflow-y: auto;
}

.modal_surclassement_content
{
	
}

.mg_top_20
{
	margin-top: 20px;
}

.img_vehicule_medium
{
	width: 100%;
    height: auto;
}

.list_details_vehicule
{
	margin-left: 0;
    padding-left: 15px;
}

.alert_small_padding
{
	padding: 10px!important;
}

.alert_surclassement
{
	padding: 10px!important;
	margin-top: 10px;
}

.navbar-welcome 
{
	width: 70%;
    height: 55px;
    float: left;
}

.navbar-right-mg 
{
    width: 470px;
    margin-right: 0;
    position: absolute;
    right: 0px;
}

#logo
{
	padding: 10px 10px;
}

.logout_link
{
	padding: 15px 25px;
    font-size: 25px;
}

.box_logged_in
{
    margin-top: 0px;
    margin-right: 0px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 55px;
    width: 100%;
}

.box_logged_in div
{

}

.nav-bar-link
{
	padding-right: 25px !important;
}

.ft-size-18 
{
    font-size: 18px;
}

.alert_success_custom
{
    padding: 10px;
	font-size: 14px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 4px;
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert_danger_custom
{
	padding: 10px;
	font-size: 14px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.swal2-popup 
{
  font-size: 1.6rem !important;
  font-family: Georgia, serif;
}

.swal2-html-container
{
	font-size: 14px!important;
}

.swal2-input
{
	height: 35px!important;
}

.modal-body-max-height
{
	overflow-y: auto;
    max-height: 500px;
}

.modal-content-max-height
{
	max-height: 600px;
}

.checkbox label
{
	padding-left: 5px;
}

.output_admin_login
{
	margin-bottom: 10px;
}

.alert-small
{
	padding: 10px!important;
    font-size: 14px;
}

.no-mg-top
{
	margin-top: 0px;
}

.verification_login
{
	margin-bottom: 10px;
}

.verification_login .alert-danger
{
	padding: 10px;
    font-size: 14px;
}

.right-top-corner-nav
{
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    float: right;
}

.right-top-corner-nav li
{
	background: white;
    border: 0;
    display: inline-block;
    width: 48%;
}

.right-top-corner-nav li a
{
	display: block;
    color: #6a6c6f;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.right-top-corner-nav li a:hover, .right-top-corner-nav li a:focus
{
	background: #ff2500;
	color: white;
}

.right-top-corner-nav li a i
{
	font-size: 25px;
}

.span_disponible
{
	background: #62cb31;
    padding: 2px 5px;
    border-radius: 5px;
    color: white;
}

.span_disponible i
{
	
}

.span_location
{
	background: #e74c3c;
    padding: 2px 5px;
    border-radius: 5px;
    color: white;
}

.span_location i
{
	
}

.span_indisponibilite
{
	background: #ffc50f;
    padding: 2px 5px;
    border-radius: 5px;
    color: white;
}

.span_indisponibilite i
{
	
}

.span_tous
{
	background: #777;
    padding: 2px 5px;
    border-radius: 5px;
    color: white;
}

.filter_form
{
	display: inline-block;
    margin-right: 20px;
}

.filter_form label, .filter_form input
{
	cursor: pointer;
}

.display_only
{
	display: inline-block;
    margin-right: 20px;
}

.affichage_resultats
{
	background: #777777;
	color: white;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
}

.commentaire_client
{
	background: #f8f8f8;
    color: #6a6c6f;
    border: 1px dashed #b4b4b4;
    margin: 0px 5px;
    margin-bottom: 15px;
	padding: 10px;
	border-radius: 5px;
}

.commentaire_client_details
{
	background: #f8f8f8;
    color: #6a6c6f;
    border: 1px dashed #b4b4b4;
    margin: 0px 5px;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
}

.client_comment
{
    margin-top: 10px;
    display: block;
}

.fa-green
{
	color: green;
}

.fa-red
{
	color: red;
}

.divider_prochain_depart 
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.alert-custom-entretien
{
	padding: 0px!important;
    font-size: 14px;
}

.no_padding
{
	padding: 0px!important;
}

#modal_ajout_entretien .modal-dialog, #modal_edit_entretien .modal-dialog 
{
    width: 700px;
}

.form_ajout_entretien p select, .form_ajout_entretien p input, .form_ajout_entretien p textarea 
{
    margin-top: 5px;
}

.tiny_mg_top
{
	margin-bottom: 5px;
}

.output_ajout_entretien_vehicule
{
	display: inline-block;
    width: 60%;
    vertical-align: top;
    height: 35px;
    margin-right: 10px;
	text-align: center;
	line-height: 30px;
}

.output_edit_entretien_vehicule 
{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    height: 35px;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
}

.output_ajout_entretien_vehicule p
{
	margin-bottom: 0px;
}

.badge-larger
{
    padding: 5px 10px;
}

.loginBtn 
{
    box-sizing: border-box;
    position: relative;
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 14px;
    color: #FFF;
}

.loginBtn--facebook:before
{
    border-right: #364e92 1px solid;
    background: url(../images/icon_facebook.png) 6px 6px no-repeat;
}

.loginBtn--google:before
{
    border-right: #BB3F30 1px solid;
    background: url(../images/icon_google.png) 6px 6px no-repeat;
}

.loginBtn:before
{
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}

.loginBtn--google
{
    background: #DD4B39;
}

.loginBtn--facebook
{
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    text-shadow: 0 -1px 0 #354C8C;
}

.p_text 
{
    margin: 0px 10px;
    margin-bottom: 15px;
}

.output_set_client_comment textarea 
{
    height: 100px;
}

.d_inline
{
    display: inline;
}

.button_fill_resa 
{
    margin-top: 15px;
}

input[type="radio"], input[type="checkbox"]
{
    margin-top: 0;
}

.radio-container
{
    display: flex;
    align-items: center;
}

.radio-container label
{
    margin-bottom: 0px;
    margin-left: 5px;
}

.td_centered
{
    text-align: center;
    vertical-align: middle!important;
}

.form-check-top label
{
    margin-left: 3px;
}

.form_change_date_resa
{
    margin-top: 10px;
}

.intitule_option
{
    display: flex;
    align-items: center;
}

.intitule_option label
{
    margin-bottom: 0px;
}

.grecaptcha-badge
{ 
    display: none; 
}

.output_ajout_vehicule
{
    margin-bottom: 20px;
}

.hr_small_10 
{
    margin-bottom: 10px;
    margin-top: 10px;
}

.light-version
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 56px;
}

.preview_tooltip_img_vehicule
{
	width: 100%;
	height: auto;
	max-width: 100px;
	float:left;
	background: white;
	border-radius: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.img-responsive
{
    width: 100%;
    height: auto;
}

.filter_montants_button
{
	margin-bottom: 10px;
}

.filter_montants_button .btn-second
{
	margin-left: 10px;
}

.affichage_nombre_restant_cb
{
	margin-bottom: 0px;
    margin-top: 10px;
    background: #e4e4e4;
    color: #6a6c6f;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
}

.output_update_data
{
	display: inline-block;
    margin-left: 20px;
}

.modal-body-conducteurs 
{
    height: 500px;
    overflow-y: auto;
}

.modal-title-conducteurs 
{
    font-size: 25px;
    line-height: 30px!important;
}

.output_edit_conducteurs 
{
    display: inline-block;
    width: 45%;
    margin-right: 20px;
    text-align: center;
}

.alert-success-custom-conducteurs
{
    margin-bottom: 0px!important;
    padding: 5px 10px!important;
}

.badge-icone i
{
    font-size: 18px;
}

.badge-icone 
{
    display: inline;
    margin-right: 5px;
}

.container_add_photos
{
    position: absolute;
    display: inline-block;
    right: 20px;
    top: 10px;
}

.container_add_photos button
{

}

.top_photo_container
{
    position: relative;
}

.plan_image_preview
{
    height: auto;
    margin-top: 0px;
    border: 10px dashed #eeeeee;
    position: relative;
    width: 100%;
    display: block;
    min-height: 150px;
    padding: 5px;
}

.plan_image_preview i, .plan_image_preview svg
{
    font-size: 80px;
    color: #eeeeee;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.table-photos-vehicule th
{
    text-align: center;
}

.table-photos-vehicule td
{
    padding: 15px !important;
}

.textarea_photos_reconditionnees
{
    height: 150px!important;
}

.centered
{
    text-align: center;
}

.table-photos-vehicule .first
{
    width: 5%;
}

.table-photos-vehicule .second
{
    width: 30%;
}

.table-photos-vehicule .third
{
    width: 40%;
}

.table-photos-vehicule .fourth
{
    width: 25%;
}

.hidden
{
    display: none;
}

.picture-img-preview
{
    max-width: 300px;
    width: 100%;
    height: auto;
}

.mb-10
{
    margin-bottom: 10px;
}

.align-right
{
	text-align: right;
}

.no-mg-bottom
{
    margin-bottom: 0px;
}

.mg-bottom-20
{
    margin-bottom: 20px;
}

.puissance_vehicule
{

}

.ft-16
{
	font-size: 16px;
}

.hr_small_10
{
	margin-bottom: 10px;
    margin-top: 10px;
}

.filter_montants_button
{
	margin-bottom: 10px;
}

.filter_montants_button .btn-second
{
	margin-left: 10px;
}

.affichage_nombre_restant_cb
{
	margin-bottom: 0px;
    margin-top: 10px;
    background: #e4e4e4;
    color: #6a6c6f;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
}

.output_update_data
{
	display: inline-block;
    margin-left: 20px;
}

.preview-tiny-picture
{
	width: 100%;
	height: auto;
	max-width: 80px;
}

.td-preview-picture
{
	padding: 3px !important;
	background: #ebebeb;
}

.btn-clear-search
{
	position: absolute;
    right: 40px;
    z-index: 999;
    background: transparent;
}

.truncate-url 
{
    width: 230px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.url_source
{
    color: white;
    text-align: center;
    background-color: white;
    border-radius: 5px;
    padding: 0px 5px;
    border: 1px dotted #737577;
}

.url_source a
{
	color: #43576a;
}

.url_source a:hover, .url_source a:focus
{

}

.remarques_listing
{
	background: #777777;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}

.vehicules_docs
{
    margin-top: 15px;
}

.bg-success 
{
    color: #fff;
    background-color: #62cb31;
}

.bg-danger 
{
    color: #fff;
    background-color: #e74c3c;
}

.bg-success a, .bg-danger a
{
    color:white;
} 

.no_visible
{
    display: none;
}

.bookmark-icons li.nav-item a span 
{
    display: none;
}

.bookmark-icons li.nav-item a 
{
    color: #6a6c6f;
    padding: 15px 15px;
}

.bookmark-icons li.nav-item a:hover, .bookmark-icons li.nav-item a:focus
{
    color: white;
}

.bookmark-icons .tooltip-inner
{
    max-width: none;
    width: auto;
}

#header
{
    box-shadow: 0 2px 8px 0 rgba(34, 41, 47, 0.14);
}

#header #logo
{
    box-shadow: none;
}

.fixed-sidebar #menu
{
    box-shadow: 0 8px 15px -5px rgba(34, 41, 47, 0.25);
    z-index: 1000;
    overflow-y: auto;
}

/* === Gestion de la scrollbar menu latéral === */

.fixed-sidebar #menu::-webkit-scrollbar 
{
    width: 5px;  
    background-color: transparent; 
}

.fixed-sidebar #menu::-webkit-scrollbar-track 
{
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.15); 
}

.fixed-sidebar #menu::-webkit-scrollbar-thumb 
{
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0); 
}

.fixed-sidebar #menu::-webkit-scrollbar-thumb:hover 
{
    background-color: rgba(0, 0, 0, 0.15); 
}

/* === FIN Gestion de la scrollbar menu latéral === */

#menu .profile-picture img
{
    margin-bottom: 0px;
}

#menu .profile-picture
{
    background: white;
}

.normalheader
{
    padding-top: 20px;
    padding-right: 25px;
}

.hpanel-footer
{
    margin-bottom: 0px;
}

#wrapper .content
{
    padding: 25px 40px 40px;
    min-width: auto;
    padding-bottom: 0px;
    padding-right: 25px;
}

footer, .footer
{
    border-top: 0px;
    padding-bottom: 0px;
}

.last_p
{
    margin-bottom: 0px;
}

.dataTables_wrapper
{
    overflow-x: hidden;
}

.c-green
{
    color: green;
}

.c-red
{
    color: red;
}

.p_no_mg_bottom
{
    margin-bottom: 0px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter
{
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length select
{
    margin-right: 5px;
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_filter input 
{
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_info
{
    margin-top: 10px;
}

.form-display-jours
{
    float: left;
    width: 450px;
}

.form-display-jours button 
{
    display: inline; 
    margin-left: 5px; 
    vertical-align: middle;
}

.form-display-jours select
{
    padding-top: 6px;
    max-width: 200px;
    display: inline;
    margin-bottom: 0px;
    vertical-align: middle;
}

.search-form-right
{
    float: right;
}

.search-form-right form 
{
    min-width: 300px;
    text-align: right;
}

.search-form-right form button
{
    display: inline;
}

.p_intitule
{

}

.trie_date_form
{

}

.trie_date_form .title-trie-date-form, .trie_date_form .elements-trie-date-form, .trie_date_form .buttons-container
{
    display: inline-block;
}

.trie_date_form .elements-trie-date-form span.span-until
{
    margin-left: 10px;
}

.btn-scroll-top
{
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
}

/* Menu de navigation des pages */

#menu-container .navbar-toggler
{
    display: none;
}

.form-ajout-reservation .liste_options .intitule_option input 
{
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

.form-ajout-reservation .liste_options .intitule_option label
{
    cursor: pointer;
    line-height: 20px;
}

.form-ajout-reservation button i
{
    margin-right: 5px;
}

.form-ajout-reservation .output_creation_resa
{
    display: none;
}

.form-ajout-reservation .submit_form_resa_creation
{
    margin-top: 20px;
}

.clients-actions 
{
    float: left;
    width: 450px;
}

.clients-actions form
{

}

.search-form-right .form-clients-search
{
    width: 600px;
    text-align: right;
}

.form_remove_clients
{
    float: left;
    width: 100%;
}

.form_remove_clients button 
{
    display: inline;
    vertical-align: middle;
    margin-left: 10px;
}

.form_remove_clients select 
{
    max-width: 190px;
    display: inline;
    vertical-align: middle;
}

.f_right 
{
    float: right;
}

.nav-tabs-pagination
{
    float: right;
    margin-top: 0px;
    border-bottom: 0px;
}

.menu-container
{
    
}

.top-menu-container
{
    position: relative;
}

.pagination-one-result
{
    position: absolute;
    right: 0px;
    top: 0px;
}

.search-form-right .form-clients-search input
{
    display: inline;
    width: 200px;
}

.search-clients-results
{

}

.search-clients-results ul
{
    list-style-type: none;
    padding-left: 0px;
}

.search-clients-results ul li
{

}

.search-clients-results ul li i
{
    margin-right: 1px;
}

.table-responsive
{
    border: 0px;
}

.form-ajout-client .submit_container, .form-edit-client .submit_container
{
    float: right;
    min-width: 350px;
    text-align: right;
}

.trie_date_form .select_date
{
    max-width: 100px;
    display: inline;
    margin-left: 5px;
}

.trie_date_form .change-date, .trie_date_form .change-date-container
{
    display: inline-block;
}

.table-responsive-resa-stats .heure_format
{
    background: white;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #cacaca;
    border-radius: 5px;
    font-size: 25px;
    margin: 10px;
    font-weight: 800;
}

.trie-resa-date-stats
{
    display: flex;
    align-items: center;
}

.trie-resa-date-stats span.change-date
{
    margin-left: 0px;
    margin-right: 10px;
}

.trie-resa-date-stats .select_date
{
    width: auto;
    max-width: 120px;
    margin-right: 10px;
}

.trie-resa-date-stats button 
{
    margin-right: 10px;
}

.reservations-actions, .indisponibilites-actions
{
    float: left; 
    width: 450px;
}

.reservations-actions form, .indisponibilites-actions form 
{
    width: 100%;
    display: flex;
    align-items: center;
}

.reservations-actions form select, .indisponibilites-actions form select
{
    margin-right: 10px;
    max-width: 190px;
    display: inline;
}

.reservations-actions form button
{
    display: inline;
}

.form-reservations-search, .form-indisponibilites-search
{
    float: right;
}

.form-reservations-search form
{
    width: 600px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.form-indisponibilites-search form 
{
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.form-reservations-search form input, .form-indisponibilites-search form input
{
    display: inline; 
    width: 200px;
}

.form-indisponibilites-search form input
{
    margin-right: 10px;
}

.form-reservations-search form select, .form-reservations-search form span
{
    margin-right: 10px;
}

.search_resa_result 
{

}

.search_resa_result h2 
{
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: 200;
}

.search_resa_result hr
{
    margin-top: 10px;
}

.search_resa_result ul.results_ul
{
    list-style-type: none;
    padding-left: 0px;
}

.form-edit-resa .field, .form-edit-indispo .field
{
    margin-bottom: 10px;
}

.form-edit-resa .field label
{

}

.form-edit-resa .field input, .form-edit-resa .field select
{
    
}

.form-edit-resa .field .resa_comment
{
    height: 130px;
}

.form-edit-resa .field .remarques
{
    height: 100px;
}

.form-edit-resa .title-options-resa
{
    margin-top: 20px;
}

.form-edit-resa .ul_options
{
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.form-edit-resa .ul_options li 
{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    vertical-align: unset;
}

.form-edit-resa .ul_options li .intitule
{

}

.form-edit-resa .ul_options li .intitule input
{
    margin: 0px;
    cursor: pointer;
}

.form-edit-resa .ul_options li .intitule label
{
    display: inline;
    max-width: none;
    margin-bottom: 0px;
    margin-left: 3px;
    cursor: pointer;
}

.form-edit-resa .ul_options li .intitule_quantite
{
    margin-left: 0px;
    position: absolute;
    right: 0px;
}

.form-edit-resa .ul_options li .intitule_quantite p
{
    margin-bottom: 0px;
    max-width: none;
}

.form-edit-resa .ul_options li .intitule_quantite p input
{
    height: 25px;
    max-width: 70px;
}

.form-ajout-indispo .h2-description-indispo
{
    margin-top: 0px;
}

.form-ajout-indispo .form-submit-container
{
    float: right;
    min-width: 250px;
    text-align: right;
}

.form-ajout-indispo .field
{
    line-height: 30px;
    margin-bottom: 10px;
}

.form-ajout-indispo .field label 
{
    font-size: 16px;
}

.form-ajout-indispo .indispo_description
{
    height: 200px;
}

.form-search-sinistres-vehicules
{
    
}

.form-search-sinistres-vehicules .input-search-group
{
    width: 100%;
}

.form-search-sinistres-vehicules .input-search-group input
{
    width: 95% !important;
}

.table-liste-vehicules-sinistres
{

}

.table-liste-vehicules-sinistres tr td .ft_22
{
    font-size: 22px;
}

.table-liste-vehicules-sinistres tr td .p_normal 
{
    margin-bottom: 0px;
}

.table-liste-vehicules-sinistres tr td .infos_dates_resa
{

}

.table-liste-vehicules-sinistres tr td .infos_dates_resa .p_first
{
    margin-bottom: 5px;
}

.table-liste-vehicules-sinistres tr td .infos_dates_resa .p_second
{
    margin-bottom: 5px;
}

.table-liste-vehicules-sinistres tr td .photo_vehicule 
{
    max-width: 150px;
    width: 100%;
    height: auto;
}

.table-liste-vehicules-sinistres tr td .nom_cat_complet, .table-liste-vehicules-sinistres tr td .nom_vehicule 
{
    margin-bottom: 5px;
}

.table-liste-vehicules-sinistres tr td .ft_18 
{
    font-size: 18px;
}

.table-liste-vehicules-sinistres tr td .montant_total 
{
    font-size: 25px;
    border: 1px solid #c2c2c3;
    border-radius: 5px;
    padding: 10px 10px;
    width: auto;
    max-width: 200px;
    display: block;
    margin-bottom: 10px;
    background: white;
}

.table-liste-vehicules-sinistres tr td .montant_total .price_display 
{
    text-align: center;
}

.table-liste-vehicules-sinistres tr td .montant_total .title_display 
{
    margin: 5px auto;
    padding: 0;
    display: block;
    width: 100%;
    line-height: 10px;
    text-align: center;
    font-size: 14px;
}

.table-liste-vehicules-sinistres tr td .photo_vehicule
{

}

.table-liste-vehicules-sinistres .thead .first
{
    width: 3%;
}

.table-liste-vehicules-sinistres .thead .second
{
    width: 20%;
}

.table-liste-vehicules-sinistres .thead .third
{
    width: 15%;
}

.table-liste-vehicules-sinistres .thead .fourth
{
    width: 25%;
}

.table-liste-vehicules-sinistres .thead .fifth
{
    width: 25%;
}

.table-liste-vehicules-sinistres .thead .sixth
{
    width: 12%;
}

.top-sinistres-container
{
    position: relative;
    height: 35px;
}

.top-sinistres-container .form-trie-container
{

}

.top-sinistres-container .actions-container
{
    position: absolute;
    left: 0px;
    top: 0px;
}

.top-sinistres-container .actions-container-right
{
    position: absolute;
    right: 0px;
    top: 0px;
}

.v-align-top
{
    vertical-align: top;
}

.table-liste-vehicules-sinistres tr td .cloture
{
    margin-top: 10px;
}

.infos-client-container
{
    margin-top: 15px;
}

.infos-client-container .info-telephone
{
    margin-bottom: 5px;
}

.infos-client-container .info-email
{
    margin-bottom: 0px;
}

.infos-client-container p.info-telephone i, .phone-number i
{
    margin-right: 5px;
}

.mg-bottom-5
{
    margin-bottom: 5px;
}

.email-address
{
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.phone-content 
{

}

.phone-content i
{
	margin-right: 5px;
}

.table-clients-avoirs .infos_dates_resa
{
    margin-top: 15px;
}

.logo-container
{
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.logo-container a img
{
    width: 100%;
    height: auto;
    max-width: 320px;
}

.agence-name
{
    margin-bottom: 5px;
}

.agence-name strong 
{
    font-weight: 550;
}

body.blank 
{
    background-color: #f1f3f6;
    overflow: hidden;
}

.blank .login-container 
{
    max-width: 400px;
    margin: auto;
    background: white;
    width: 100%;
    border-radius: 5px;
}

.blank .login-container .footer-login
{
    padding-bottom: 20px;
}

.auth-wrapper
{
    align-items: center;
    justify-content: center;
    overflow: hidden;
    display: flex;
    height: 100vh;
}

.login-content-container .panel-body
{
    margin: 0px 15px;
}

.btn-check-details
{
    margin-right: 10px;
}

.checkbox-container
{

}

.checkbox-container .button-switch
{
    position: absolute;
    right: 0px;
    top: 0px;
}

.checkbox-container .button-switch button
{
    font-size: 16px;
    background: #f2f2f2;
    border: 1px solid #d6d6d6;
}

.checkbox-container .button-switch .tooltip-inner 
{
    white-space: nowrap; 
    max-width: none; 
    text-align: center; 
}

.intitule-outil
{
    font-size: 12px;
    margin-bottom: 0px;
    padding: 0px 20px;
    text-align: left;
}

.form-auth .form-group .small
{
    font-size: 12px;
}

.form-auth .uppercase
{
    text-transform: uppercase;
}

.output_saas_login
{
    margin-bottom: 15px;
}

.output_saas_login .alert 
{
    padding: 10px;
    font-size: 14px;
}

.btn-install
{
    margin-top: 10px!important;
}

@media only screen and (max-width: 600px)
{
    .box_logged_in div, .navbar-welcome
    {
        display: none;
    }

    .navbar-right-mg
    {
        width: auto;
        position: relative;
        display: inline-flex;
        text-align: right;
    }

    .right-top-corner-nav
    {
        float: none;
        width: 100%;
    }

    .right-top-corner-nav li 
    {
        width: 70px;
    }

    .small-logo 
    {
        display: inline-flex;
        float: none;
        vertical-align: middle;
        padding-top: 0px;
        margin-bottom: 0px;
        align-items: center;
    }

    #header nav
    {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 100%;
        max-width: 100vw;
    }

    .header-link
    {
        margin-right: 0px;
        float: none;
    }

    .bookmark-icons 
    {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 98;
        background-color: white;
        box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1);
        min-height: 60px;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: space-around;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    .bookmark-icons li.nav-item a span 
    {
        display: block;
        font-size: 11px;
    }

    .bookmark-icons li.nav-item a i 
    {
        display: block;
        text-align: center;
        margin-bottom: 4px;
        font-size: 20px;
    }

    .bookmark-icons li.nav-item 
    {
        width: auto;
    }

    .right-top-corner-nav li
    {
        width: 60px;
    }

    .mobile-d-none 
    {
        display: none !important;
    }

    #wrapper .content
    {
        padding: 15px 15px;
    }

    body.page-small #menu 
    {
        margin-left: -200px;
    }

    .hpanel-footer
    {
        margin-bottom: 70px;
    }

    .hpanel-footer .panel-body
    {
        padding: 10px;
    }

    footer, .footer
    {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 10px;
        margin: 0 auto;
    }

    .col-canvas-container canvas 
    {
        width: 100% !important;
        height: auto !important;
    }

    .table-responsive #connected
    {
        
    }

    #connected
    {
        min-width: 1300px;
    }

    .table-responsive-connected
    {
        border: 0px;
        margin-bottom: 0px;
    }

    .dataTables_paginate, .dataTables_info
    {
        text-align: center;
    }

    .dataTables_info
    {
        margin-top: 10px;
    }

    .dataTables_paginate .pagination
    {
        margin-bottom: 10px;
    }

    .dataTables_length, .dataTables_filter
    {
        width: 100%;
        text-align: center;
    }

    .dataTables_length label, .dataTables_filter label
    {
        display: block;
        width: 100%;
    }

    .dataTables_length select, .dataTables_filter input
    {
        display: inline-block;
        width: auto;
        margin-left: 5px;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-right: 5px;
    }

    .dataTables_wrapper .dataTables_filter
    {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .dataTables_wrapper 
    {
        overflow-x: auto;
    }

    .table-responsive-listing, .table-responsive-clients, .table-responsive-resa-stats, .table-responsive-vehicules-stats, .table-responsive-reservations, .table-responsive-indisponibilites, .table-responsive-reservations-validees
    {
        overflow-x: auto;
    }

    .table-responsive-listing table
    {
        min-width: 1300px;
    }

    .table-responsive-resa-stats table
    {
        min-width: 1250px;
    }

    .table-responsive-vehicules-stats table
    {
        min-width: 1300px;
    }
    
    .table-responsive-reservations table
    {
        min-width: 1350px;
    }

    .table-responsive-indisponibilites table
    {
        min-width: 1400px;
    }

    .table-responsive-reservations-validees table
    {
        min-width: 1350px;
    }

    #wrapper
    {
        min-width: 100%;
    }

    .dataTables_wrapper .dataTables_length
    {
        margin-bottom: 0px;
    }

    .hbreadcrumb > li 
    {
        display: inline;
    }

    .nav-tabs li 
    {
        float: none;
        width: 100%;
        border-top: 1px solid #cccccc;
        margin-bottom: 0px;
    }

    .nav-tabs li.active_pane
    {
        border-top: none;
    }

    .nav-tabs li a
    {
        margin-right: 0px;
        background-color: #f9f9f9;
    }

    .nav-tabs li a i
    {
        margin-right: 5px;
    }

    .portfolio-pagination
    {
        display: block;
        margin-top: 10px;
    }

    .portfolio-pagination li
    {
        display: inline-block;
        width: auto;
        margin-right: 3px;
        margin-bottom: 10px;
    }

    .portfolio-pagination li a 
    {
        background: #373737;
        font-size: 13px;
    }

    .portfolio-pagination li.active a 
    {
        background: #e24a30;
    }

    .nav-tabs li .pagination_right
    {
        margin-bottom: 0px;
        float: none;
        margin-top: 0px;
        border-top: 0px;
    }

    .nav-tabs li.active_pane a
    {
        background-color: #e24b31;
        color: white;
    }

    .p_intitule
    {
        margin-top: 10px;
    }

    .form-display-jours, .form_remove_clients
    {
        float: none;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .form-display-jours select, .form_remove_clients select
    {
        flex-grow: 1;
        margin-right: 10px;
        box-sizing: border-box;
        max-width: none;
    }

    .form-display-jours button, .form_remove_clients button
    {
        flex-shrink: 0;
        width: auto;
        white-space: nowrap;
        margin-left: 0px;
    }

    .search-form-right 
    {
        float: none;
        width: 100%;
    }

    .search-form-right form 
    {
        float: none;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        width: 100%;
        text-align: left;
        min-width: auto;
    }

    .search-form-right form input
    {
        flex-grow: 1;
        margin-right: 10px;
        box-sizing: border-box;
        max-width: none;
    }

    .search-form-right form button
    {
        flex-shrink: 0;
        width: auto;
        white-space: nowrap;
        margin-left: 0px;
    }

    .search-form-right .form-clients-search
    {
        width: auto;
        display: block;
        text-align: left;
    }

    .search-form-right .form-clients-search span
    {
        display: block!important;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .search-form-right .form-clients-search select
    {
        max-width: none;
        margin-bottom: 15px;
        margin-right: 0px;
    }

    .search-form-right .form-clients-search input
    {
        display: block !important;
        margin-right: 0px !important;
        width: 100%;
    }

    .trie_date_form
    {
        display: flex;
        flex-direction: column;
    }

    .trie_date_form span, .trie_date_form .title-trie-date-form
    {
        display: block;
        margin-bottom: 10px;
    }

    .trie_date_form .elements-trie-date-form
    {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        margin-bottom: 10px;
        gap: 10px;
    }

    .trie_date_form .elements-trie-date-form input
    {
        flex: 1;
        box-sizing: border-box;
        margin-left: 0px;
        max-width: none;
    }

    .trie_date_form .elements-trie-date-form span, .trie_date_form .elements-trie-date-form span.span-until
    {
        flex-shrink: 0;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .trie_date_form .buttons-container
    {
        display: flex;
        width: 100%; 
    }

    .trie_date_form .buttons-container button
    {
        flex: 1;
        text-align: center;
        box-sizing: border-box;
        margin-left: 0px;
    }

    .trie_date_form .buttons-container button:last-child 
    {
        margin-left: 10px;
    }

    .trie_date_form .buttons-container button i
    {
        margin-right: 5px;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
    {
        white-space: normal;
    }

    .btn-scroll-top
    {
        bottom: 80px;
    }

    #menu-container .navbar-toggler
    {
        display: block;
    }

    #menu-container .nav-tabs
    {
        display: none;
    }

    #menu-nav-tabs
    {
        margin-top: 20px;
    }

    .right-box
    {
        float: none;
        margin-bottom: 15px;
    }

    .form-ajout-reservation .field
    {
        margin-bottom: 5px;
    }

    .form-ajout-reservation .field-select-client
    {
        margin-top: 20px;
    }

    .form-ajout-reservation .field select, .form-ajout-reservation .field input, .form-ajout-reservation .field button, .form-ajout-reservation .field textarea
    {
        max-width: none;
        float: none;
    }

    .form-ajout-reservation .field-submit
    {
        text-align: right;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .form-ajout-reservation .h2-title-step
    {

    }

    .normalheader 
    {
        padding-top: 20px;
        padding-right: 20px;
    }

    .field-select-client button 
    {
        width: 100%;
        margin-bottom: 10px;
    }

    .ajout-resa-step-3
    {
        margin-top: 20px;
    }

    #search_results .info_vehicule
    {
        padding: 0px 10px;
    }

    #search_results .info_vehicule .caption-title
    {
        line-height: 25px;
    }

    #search_results .actions_buttons 
    {

    } 

    #search_results .actions_buttons button
    {
        width: 100%;
        display: block;
    } 

    .form-ajout-reservation .form-group-type-paiement
    {
        width: 100%;
        float: none;
        max-width: none;
        margin-bottom: 0px;
    }

    .form-ajout-reservation .submit_form_resa_creation .output_creation_resa
    {
        margin-bottom: 20px;
    }

    .h2-title-clients button
    {
        display: block;
        margin-top: 15px;
        float: right;
    }

    .pagination-one-result
    {
        top: -10px;
    }

    .table-responsive-clients table 
    {
        min-width: 1250px;
    }

    .clients-actions
    {
        float: none;
        width: auto;
    }

    .search-clients-results
    {
        
    }

    .search-clients-results h2
    {
        font-size: 25px;
    }

    .search-clients-results ul
    {
        height: auto;
        max-height: 400px;
        overflow-y: auto;   
    }

    .search-clients-results ul li
    {
        margin-bottom: 15px;
        padding: 5px 10px;

    }

    .search-clients-results ul li:nth-child(odd) 
    {
        background-color: #f6f6f6; 
    }
    
    .search-clients-results ul li:nth-child(even) 
    {
        background-color: white; 
    }

    .search-clients-results ul li i
    {
        margin-right: 3px;
    }

    .dataTables_paginate
    {
        margin-bottom: 15px;
    }

    .table-responsive
    {
        border: 0px;
    }

    .form-ajout-client .submit_container, .form-edit-client .submit_container
    {
        min-width: auto;
        margin-bottom: 10px;
    }

    .trie-resa-date-stats 
    {
        display: block;
    }

    .trie-resa-date-stats .change-date
    {
        display: block;
        margin-bottom: 10px;
    }

    .trie-resa-date-stats button
    {
        margin-right: 0px;
    }

    .trie-resa-date-stats .select_date
    {
        max-width: none;
        margin-left: 0px;
        width: 100%;
    }

    .trie-resa-date-stats .change-date-submit-container
    {
        display: flex;
        margin-top: 10px;
        gap: 10px;
    }

    .trie-resa-date-stats .change-date-submit-container button
    {
        margin-left: 0px;
        flex: 1;
    }

    .trie-resa-date-stats .change-date-submit-container button.button_change_date
    {
        order: 2;
    }

    .trie-resa-date-stats .change-date-submit-container button.btn-default
    {
        order: 1;
    }

    .table-responsive-resa-stats .heure_format
    {
        padding: 5px 10px;
    }

    .divide_stats
    {
        margin-bottom: 0px;
    }

    .h2-site-name
    {
        display: none;
    }

    .form-search-vehicules .input-search-group
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: row;
    }

    .form-search-vehicules .input-search-group .form-outline
    {
        flex-grow: 1;
    }

    .form-search-vehicules .input-search-group .form-outline input
    {
        box-sizing: border-box;
        display: block;
        float: none;
        width: 100% !important;
    }

    .form-search-vehicules .input-search-group button
    {
        width: auto;
    }

    .form-filter-vehicules 
    {

    }

    .form-filter-vehicules .display_only
    {
        display: block;
        margin-bottom: 20px;
    }

    .form-filter-vehicules .filter_form
    {
        margin-bottom: 5px;
    }

    .panel-body .btn-abso
    {
        position: absolute;
        right: 20px;
    }

    .reservations-actions, .indisponibilites-actions
    {
        float: none;
        width: auto;
    }

    .indisponibilites-actions
    {
        margin-bottom: 15px;
    }

    .indisponibilites-actions form
    {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .reservations-actions form select, .indisponibilites-actions form select
    {
        max-width: none;
        flex-grow: 1;
        margin-right: 10px;
    }

    .reservations-actions form button, .indisponibilites-actions form button
    {
        flex-shrink: 0;
        width: auto;
        white-space: nowrap;
        margin-left: 0px;
    }

    .form-reservations-search
    {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .form-reservations-search form
    {
        width: auto;
        display: block;
    }

    .form-reservations-search form span
    {
        display: block;
        margin-bottom: 10px;
    }

    .form-reservations-search form select, .form-reservations-search form input
    {
        max-width: none;
        margin-right: 10px!important;
        width: 100%;
    }

    .form-reservations-search form select
    {
        margin-bottom: 10px;
    }

    .form-reservations-search form input 
    {

    }

    .search_resa_result h2 
    {
        font-size: 25px;
    }

    .search_resa_result ul.results_ul
    {
        height: auto;
        max-height: 400px;
        overflow-y: auto;
    }

    .search_resa_result ul.results_ul li
    {
        margin-bottom: 10px;
        padding: 10px;
    }

    .search_resa_result ul.results_ul li:nth-child(odd) 
    {
        background-color: #f6f6f6; 
    }
    
    .search_resa_result ul.results_ul li:nth-child(even) 
    {
        background-color: white; 
    }

    .search-clients-results hr.first-divider
    {
        display: none;
    }

    .form-ajout-reservation .no_result, .form-ajout-reservation #search_results.no_result
    {
        height: auto;
    }

    .form-indisponibilites-search
    {
        float: none;
    }

    .form-indisponibilites-search form 
    {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .form-indisponibilites-search form input
    {
        max-width: none;
        flex-grow: 1;
        margin-right: 10px;
    }

    .form-indisponibilites-search form button
    {
        flex-shrink: 0;
        width: auto;
        white-space: nowrap;
        margin-left: 0px;
    }

    .form-ajout-indispo .form-submit-container
    {
        float: none;
        display: block;
        text-align: right;
        margin-bottom: 20px;
    }

    .form-ajout-indispo .field label
    {

    }

    .form-ajout-indispo .field input, .form-ajout-indispo .field select
    {
        float: none;
        max-width: none;
    }

    .form-ajout-indispo .hr-h2-indispo
    {
        display: none;
    }

    .btn-f-right
    {
        margin-top: 10px;
        display: block;
        float: right;
    }

    .hr-intitule
    {
        margin-top: 30px;
        clear: both;
    }

    .login-container
    {
        background: white;
    }

    .footer-login
    {
        padding-bottom: 20px;
    }

    body.blank 
    {
        background: white;
        height: auto;
        overflow: hidden;
    }

    .auth-wrapper
    {
        height: auto;
    }
}