*, html {
    scroll-behavior: smooth !important;
}

* {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	outline: none !important;
	font-smooth: always;
	-webkit-font-smoothing:auto;
	-moz-osx-font-smoothing:grayscale;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
	
}

::placeholder {
	color: #ccc !important
}
.bi {
	color: inherit
}
a{cursor: pointer}
.pointer {
	cursor: pointer;
}
#alert{
		position:fixed;
		top:-100px;
		width: 768px;
		max-width: 90%;
		z-index: 2000;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 10px;
}
		
.close {
	float: right;
	background: none;
}
.font500{
	font-weight: 500
}
/********  NAVBAR   ******/
.navbar {
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.navbar img {
	width: 150px;
	float: left
	}
	
.navbar-brand span{
	font-size: 1rem;
	padding-left: 2rem;
	padding-top: 1rem;
	line-height: 1.4rem
}
.navbar .titre {
	font-weight: 600;
	font-style: italic;
	color: var(--cbleu)
}
.navbar a {
	color: #999
}
.navbar .bi {
	font-size: 1.8rem;
	color: inherit
}
.navbar .bi:hover {
	color: var(--crouge)
}	
.navbar .bi-person-bounding-box,.navbar .bi-list-columns-reverse,.navbar .bi-gear-wide-connected,.bi-map,.bi-tools   {
	font-size: 1.6rem !important;
}

.navbar  .bi-arrow-bar-right {
	font-size: 1.2rem;
	vertical-align: -2px;
	margin-right: .5rem
}

/********  GENERAL   ******/

.connect {
	box-shadow: 0 0 8px rgba(0,0,0,.1);
	margin-top: 3rem;
	max-width: 600px;
}	
.principal {
	padding: .5rem 1rem;
	overflow-x: hidden;
	width: 100%
}	

/********  PRINCIPAL   ******/

.table-responsive {
	min-height: 100vh
}
.table {
	min-width: 1800px;
}
.table th {
		padding-top: 8px;
	padding-bottom: 4px;
	vertical-align: middle
}
.table td{
	font-size: .9rem;
	padding-top: 8px;
	padding-bottom: 4px
}
.table .bi {
	font-size: 1.6rem
}
.w100 {
	width: 110px;
	text-align: center;
	font-size: 16px !important;
}
.w100.bg-danger {
		font-weight: 500;
}	
.w140 {
	width: 140px;
	text-align: center
}	
.icone {
	text-align: center;
	vertical-align: top;
	width: 100px
}	
.loc {
	text-align: center;
	vertical-align: top;
	width: 80px;
	padding-left: 2px;
	padding-right: 2px
}	
.loc .bi-pen, th .bi-pencil-square {
		font-size: .9rem !important;
		float: right;
		color: var(--cbleu)
}
.loc .bi-crosshair {
	float: left
}
.bi-crosshair {
	font-size: 1.6rem
}
gmp-map {
    height: 400px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}	
#complete {
	 height: 80vh;
}
.btn-secondary {
	font-size: 1.2rem;
	padding: .2rem .7rem
}
.btn-secondary:hover {
	background: var(--cbleu)
}
.col,col-auto {
	text-align: center
}
.tdclient {
	cursor: pointer
}
.tdclient:hover {
	color: var(--cbleu)
}
label {
	font-size: .9rem;
	margin-bottom: 0 !important
}
/*
.modal input {
	margin-bottom: 1rem
}
*/
.dropdown-menu {
	max-height: 200px;
	overflow: scroll
}
.bouton-agro.btn-outline-secondary:hover {
	background: #146c43 !important;
	color: #fff !important
}
.bouton-energysoft.btn-outline-secondary:hover {
	background: #dc3545 !important;
	color: #fff !important
}