* {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	/*box-sizing: border-box;*/
	font-size:0.95rem;
	
}
*::selection {
  background: #ccc !important; /* WebKit/Blink Browsers */
}
*::-moz-selection {
3  background: #ccc !important; /* Gecko Browsers */
}
select::active, select::hover, select option::active, select option::hover, select option::focus {
	background: #ccc !important;
	border:solid 1px #f00 !important;
}
a {
	font-size:inherit;
	color:inherit;
}
/* BOOTSTRAP */
.navbar {
	 background-color: #eee;
}
.navbar a {
	color:#000;
}
.navbar-brand {
	width:130px;
	text-align:center;
	font-size:0.9rem;
}
.navbar-brand img {
	max-width:100%;
	width:100%;
}
footer.sticky-footer {
    padding: 0.5rem 0;
	background-color:#fff;
}
.scroll-to-top {
	z-index:1031;
}
.alert p:last-child {
	margin:0;
}

.ui-widget-header a {
    color: #fff;
}
/* FORM */
.form-group {
    margin-bottom: 0.5rem;
}
.form-control {
	height: calc(1.5em + .75rem + 2px);
	padding: 0.2rem 0.5rem;
	font-size: 0.9rem;
}
.btn-group-sm > .btn, .btn-sm {
	padding:0.1rem 0.3rem;
	font-size: .8rem;
}

/* FIN BOOTSTRAP */
#wrapper {
	margin-top:85px;
	margin-bottom:50px;
}
#wrapper #content-wrapper {
    background: none;
}

body.login, body.login_agent {
	background:url('../img/bckgrd.jpg') no-repeat 0 0;
}
body.login #wrapper #content-wrapper,
body.login_agent #wrapper #content-wrapper{
    padding-left: 0;
}

#resaclay {
	float:right;
	width:105px;
	margin-right:10px;
	margin-top:-5px;
	padding-top:32px;
	background:url('../img/resaclay.png') no-repeat;
	background-size:calc(205px / 2) calc(68px / 2);
	text-align:center;
}
body.login #resaclay, body.login_agent #resaclay {
	float:inherit;
	width:205px!important;
	margin-right:0;
	margin-top:0 !important;
	padding-top:66px !important;
	background:url('../img/resaclay.png') no-repeat;
	background-size:100% !important;
	text-align:center;
}
.back {
	display:block;
	background:#555;
	padding:6px 8px;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	width:80px;
	text-align:center;
}

.supp, .voir_map {
	color:#fff !important;
	cursor:pointer;
}

body.reporting #wrapper #content-wrapper {
	overflow-x: auto !important;
}


/* LOGIN */
body.login.index,
body.login_agent.index {
	text-align:center;	
}
body.login.index input,
body.login.oubli input,
body.login_agent.index input {
	width:200px;
	font-size:16px;
}
body.login.index input.btn_submit,
body.login.oubli input.btn_submit,
body.login_agent.index input.btn_submit {
	background:#555;
	color:#fff;
	text-transform:uppercase;
	border:none;
	font-size:20px;
}

#content {
	/*overflow:scroll;*/
}

/* FORM */
.form {
	/*float:left;
	width:50%;
	padding:0 10px;*/
}
.map {
	/*float:left;
	width:50%;
	left:calc(50% - 10px);
	top:100px;*/
}
div#bloc_gmap {
	width:100%;
	height:510px;
}
#map_canvas {
	height:100%;
	width:100%;
	float:right;
}
.item_on {
	font-weight:bold;
}
label.disabled {
	color:#AAA;
}
/*
label {
	width:140px;
	display:inline-block;
	vertical-align: top;
}
label.disabled {
	color:#AAA;
}
input, textarea, select {
	display:inline-block;
	margin-bottom:5px;
	border:1px solid #ddd;
	padding:3px 5px;
	width:calc(85% - 140px);
}
input#adresse {
	width:calc(90% - 240px);
}
input[type='button'], input[type='submit'], button {
	width:100%;
	margin:5px 0;
	font-size:16px;
}
*/

.form_statut.hidden {
	display:none;
}
.error {
	color:#f00;
	font-weight:bold;
}
.errors {
	color:#fff;
	margin:10px 0;
}
.errors p {
	margin:0;
	padding:4px 6px;
	background-color:#f00;
}

/* FORM ITEM */
.img_upload img {
	max-width:100%;
}

/* LISTE ITEM */
.liste {
	width:50%;
	clear: both;
	padding-top:10px;
}
.liste .item {
	padding:6px;
	border-bottom:solid 1px #eee;
}
.liste .item:first-child {
	border-top:solid 1px #eee;
}
.item.statut_4, .item.statut_7 {
	color:#000;
	border: dotted 1px #F00 !important;
	padding: 4px;
}
.liste .item .statut {
	font-weight:bold;
	text-transform:uppercase;
}
.liste .item .actif_on,
.liste .item .actif_off,
.ajout {
	background:#090;
}
.liste .item .actif_off {
	background:#900;
}
.liste .item .modif {
	background:#555;
}
.liste .item .histo {
	background:#555;
}

/* CALENDRIER */
.choix_semaine {
	text-align:center;
	clear:both;
	padding: 5px 0;
}
.ui-droppable-hover {
	background:#ccc;
}
.ui-draggable-dragging {
	border:dashed 1px #000 !important;
}
.calendrier th, .calendrier td {
	border:solid 1px #aaa;
	vertical-align:top;
	background-color:#fefefe;
}
.calendrier .tr_horaire.closed td > .contenu_jour {
    display:none;
}


.calendrier .item_horaire {
    cursor:pointer;
    font-weight:bold;
}
.calendrier .closed td {
    color:#ccc;
}
.calendrier .closed td:before {
    content:"\f070";
    font-family: "Font Awesome 5 Free";
	display:block;
	font-size:16px;
}
.calendrier td b.veh {
	font-size:12px;
	color:#000;
}
.calendrier td .item {
	position:relative;
}
.notif,
.notif i {
	color:#fff;
}
.types {
	text-align:center;
	min-height:20px;
	min-width:20px;
	background-color:#fff;
	color:#000;
    font-weight:bold;
    margin-bottom:4px;
}
.item.index .type {
	color:#fff;
    padding:2px 8px;
    font-weight:bold;
    text-align:center;
}
.site .nom_item,
.item .nom_item {
    font-weight:bold;
    clear:both;
    font-size:0.9rem !important;
}
.calendrier td .item b.statut {
	text-transform:uppercase;
	font-size:12px;
	padding:1px 3px;
	background-color:#f00;
	float:left;
    color:#fff;
}
.calendrier td .item b.statut.facture {
	background-color:#0e0;
	color:#000;
}
.calendrier td .item b.statut:before {
	content:'\f00d';
	font-family: "Font Awesome 5 Free";
	display:block;
	font-size:80px;
	position:absolute;
	top:70px;
    line-height:10px;
	left: calc(50% - 30px);
	z-index:1;
	opacity:0.6;
    color:#fff;
}
.calendrier td .item b.statut.facture:before {
	content:'\f153';
}

.sites .site .btn {
    display:none;
}
.sites .site,
.calendrier td .site,
.calendrier td .item,
.attente.item,
.defaut.item {
	width:calc(100% - 10px);
	padding: 5px;
	margin: 5px;
	border: 4px #aaa solid;
	text-align:left;
	background:#eee;
	overflow: auto;
	font-size:12px;
	color:#222;
}
.sites .site *,
.calendrier td .site *,
.calendrier td .item *,
.attente.item *,
.defaut.item * {
	font-size: 0.8rem;
}


.calendrier .affect {
    margin-right:4px;
}
.calendrier .affect {
    font-size:13px;
}
.calendrier .affect.absence {
    background-color:rgba(255,0,0,0.5);
}
.calendrier .affect i:before {
    font-size:12px;
}

.calendrier .ferie * {
	background-color:#CCC;
	border-color:#CCC;
}


#sites_client .types {
    float:none;
}
#liste_attente .statut {
    font-weight:bold;
    text-transform:uppercase;
}
#sites_client .lettre {
	text-align:center;
	background-color:#eee;
	margin-bottom:2px;
	border-radius:5px;
	cursor:pointer;
}
#sites_client .lettres,
#sites_client .sites {
    display:none;
}
#sites_client .lettres {
	margin-bottom:8px;
}
#liste_attente .defaut {
	border-style:dashed;
}

.draggable {
	/*background:#89f464 !important;*/
}
.draggable:hover {
	cursor:move;
}
td .draggable {
	width:auto;
}
.calendrier td .feuille2route {
	background:#f00;
}
#liste_attente .nom,
.site .nom,
.calendrier td .item .nom,
.liste .item .nom {
    font-weight:bold;
}
#liste_attente .adresse,
.calendrier td .site .adresse,
.calendrier td .item .adresse {
	display:block;
}

.btn_icone {
	text-align:center;
    margin:8px 0;
	position:relative;
	z-index:9999;
}

/*dataTable*/

.dataTables_wrapper .top,
.dataTables_wrapper .bottom {
    overflow:auto;
    margin:10px 0;
}
.dataTables_wrapper .dataTables_length {
    clear:both;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    margin-top:8px;
}
/* #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }*/

#info_top{
	text-align: center;
}
td .vehicule {
	border:1px #000 solid;
	padding-top:4px;
	min-height:50px;
	width:100%;
}

body .historique {
	clear:both;
	padding:15px;
	border:solid 1px #000;
	overflow:auto;
	margin:10px 0;
}
.historique b.statut {
	text-transform:uppercase;
}
.item_photo {
	float:left;
	width:calc(25% - 20px);
	margin:10px 10px 0 0;
	min-height:150px;
	overflow:hidden;
}
.item_photo img {
	width:100%;
	border:solid 1px #ccc;
}
.traitement {
	float:left;
	width:50%;
}

.images > div img {
	max-width:100%;
	border:solid 1px #eee;
}

/* TRAJET */
#trajet_map {
	width:100%;
	height:calc(100% - 30px);
}

body.affectation .featherlight-content form #affectation {
	margin:0;
	padding:0;
	margin-top:20px;
}
#affectation_form .global_table {
    height:75vh;
    overflow:auto;
}
.global_table {
    padding:0 !important;
}
.global_table label {
    font-weight:bold;
    position:relative;
    width:90%;
    padding-left:30px;
    margin:0;
}
.global_table label.disabled {
    font-weight:normal;
}

.global_table tr.agent_type_3 td {
	background-color:#006400;
	color: white;
}
.global_table label:after {
    font-weight:bold;
    display:block;
    position:absolute;
    left:0;
    top:0;
    content:'\f0d1';
    font-size:24px;
    font-family: "Font Awesome 5 Free";
}
.global_table label.agent_type_2:after {
    content:'\f2a7';
}
.global_table label.agent_type_3:after {
    content:'\f4df';
}
.global_table label.agent_type_4:after {
    content:'\f501';
}
.global_table label.agent_type_5:after {
    content:'\f508';
}

.global_table table {
    margin-bottom:15px;
    width:100%;
}
.global_table table th,
.global_table table td {
    border:solid 1px #000;
    padding:4px 10px;
    text-align:center;
}
#group-affectation .global_table table th,
#group-affectation .global_table table td {
    border:solid 1px #ccc;
}
.global_table table td.absent {
    background-color:rgba(255,0,0,0.5);
}
/* FORM 2 COLONNES */

form .col2 {
	width:50%;
	padding:0 15px;
	float:left;
}
form .col2 input,
form .col2 textarea,
form .col2 select {
	width: calc(99% - 140px);
}

#vehicule hr {
	margin:4px 0 8px;
}

#client_absent {
	width:auto;
}

#check_all, #uncheck_all {
	cursor : pointer;
}