@charset "UTF-8";
* {
	outline : none;
}
html, body {
	overflow: hidden;
	height: 100vh;
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	font-family: arial,sans-serif;
}
div {
	display: block;
	margin: 0;
}
a[href], a[data-href] {
    color: #337ab7;
    cursor: pointer;
    text-decoration: none;
}
#header {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	background-color: white;
	height: 65px;
	
	font-size:16px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#container {
	height: calc(100vh - 65px);
	padding-top: 65px;
	overflow: auto;
}
#PageContent {
	padding-right: 15px;
	padding-left: 15px;
}

/*//////////////////////////*/
/*/                        /*/
/*/        	 ALL	       /*/
/*/                        /*/
/*//////////////////////////*/

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #99BCDB;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #337ab7;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #337ab7; 
}


/*//////////////////////////*/
/*/                        /*/
/*/         Header         /*/
/*/                        /*/
/*//////////////////////////*/

.login {
	text-align: right;
	padding-right: 15px;
	padding-top: 15px;
	/*height: 35px;*/
	white-space: nowrap;
}
#LoginCHK {
	display: none;
}

/*//////////////////////////*/
/*/                        /*/
/*/         Footer         /*/
/*/                        /*/
/*//////////////////////////*/

.copyright {
	cursor: default;
	margin-top: 2px;
	text-align: center;
	color: #337ab7;
	white-space: nowrap;
}

/*							*/
/*		DIV Chargement 		*/
/*							*/
.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: cornflowerblue;
	margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}
@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/*//////////////////////////*/
/*/                        /*/
/*/    Menu Navigation     /*/
/*/                        /*/
/*//////////////////////////*/

@media (min-width: 650px) {
	.navmenucontainer {
		height: 40px;
	}
	.navmenucontainer hr {
		margin-top: 12px;
		margin-bottom: 0px;
		border: 0px;
		border-top: 1px solid #ddd;
	}
	.navmenu {
		display: table;
		margin: 0px auto;
		padding: 0px;
	}
	.navmenu-tabs > li {
		display: table-cell;
		padding-top: 10px;
	}
	/* Tab general */
	.navmenu-tabs > li > a {
		text-decoration: none;
		margin: 0px 1px;
		padding: 12px 15px;
		border-radius: 5px 5px 0px 0px;
		border: 1px solid transparent;
		border-bottom: 2px solid transparent;
	}
	/* Tab dessus */
	.navmenu-tabs > li > a:hover, .navmenu-tabs > li > a:focus {
		background-color: #FBFBFB;
		border: 1px solid #ddd;
		border-bottom: 2px solid #fff;
	}
	/* Tab actif */
	.navmenu-tabs > li.active > a, .navmenu-tabs > li.active > a:hover, .navmenu-tabs > li.active > a:focus {
		cursor: default;
		font-weight: bold;
		background-color: #fff;
		border: 1px solid #ddd;
		border-bottom: 2px solid #fff;
	}
}

@media (max-width: 650px) {
	.navmenucontainer:before {
		content: "Menu";
		font-weight: bold;
		color: #337ab7;
		
		border-radius: 5px;
		border: 1px solid #ddd;
		
		display: block;
		margin: 0px 5px;
		padding: 12px 15px;
	}
	.navmenucontainer hr {
		display: none;
	}
	.navmenucontainer:hover .navmenu-tabs {
		display: block;
	}
	.navmenu-tabs-hided {
		display: none !important;
	}
	.navmenu-tabs {
		background-color: #fff;
		list-style: none;
		border-radius: 5px;
		border: 1px solid #ddd;
		padding: 0px;
		margin: 0px 5px;
	}
	.navmenu-tabs > li > a {
		display: block;
		padding: 10px 15px;
	}
	.navmenu-tabs > li > a:hover, .navmenu-tabs > li > a:focus {
		background-color: #FBFBFB;
		font-weight: bold;
	}
	.navmenu-tabs > li.active > a, .navmenu-tabs > li.active > a:hover, .navmenu-tabs > li.active > a:focus {
		font-weight: bold;
		background-color: #fff;
	}
}


/*//////////////////////////*/
/*/                        /*/
/*/      OLD Browser       /*/
/*/                        /*/
/*//////////////////////////*/

/* OLD Browser DIV */
#OLD_Browser_DIV {
    display: none;
	z-index: 2;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.7);
}

/* OLD Browser FORM */
#OLD_Browser_FORM {
    margin: auto;
    border: 5px solid #e50000;
    border-radius: 3px;
    padding: 20px 30px;
    box-shadow: 0 0 15px;
    width: 460px;
    height: 150px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: white;
}


/*//////////////////////////*/
/*/                        /*/
/*/      CONFIG DIV        /*/
/*/                        /*/
/*//////////////////////////*/

#AdminPageContent {
	display: flex;
	font-size: 0;
	padding-left: 5px;
	padding-right: 5px;
}
#AdminLeftPanel {
    height: calc(100vh - 65px);
	width: 140px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    border-right: 1px solid #dee5e7;
	color: #58666e;
	overflow: auto;
}
#AdminRightPanel {
    width: 100%;
    height: calc(100vh - 65px);
}
#AdminConfigIframe {
    width: calc(100%);
    height: calc(100vh - 65px);
    border: 0px;
}

/* Menu Admin */
.AdminNav {
    margin: 0;
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	overflow: hidden;
}
/* Tab general */
.AdminNav > li > a {
	display: block;
	padding: 10px 5px;
	font-size:14px;
	text-decoration: none;
	white-space: nowrap;
}
/* Tab dessus */
.AdminNav > li > a:hover, .navmenu-tabs > li > a:focus {
	font-weight: bold;
	background-color: #FBFBFB;
}
/* Tab actif */
.AdminNav > li.active > a, .navmenu-tabs > li.active > a:hover, .navmenu-tabs > li.active > a:focus {
	cursor: default;
	font-weight: bold;
}
/* Texte du menu*/
.AdminNav > li > a > span {
	vertical-align: super;
}

.AdminNav .glyphicon {
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	margin-right: 3px;
}
.AdminNav .glyphicon:before {
	vertical-align: -15%;
}

.glyphicon-list-alt:before {
    content: "\e032";
}
.glyphicon-globe:before {
    content: "\e135";
}
.glyphicon-qrcode:before {
    content: "\e039";
}
.glyphicon-user:before {
    content: "\e008";
}
.glyphicon-screenshot:before {
    content: "\e087";
}
.glyphicon-map-marker:before {
    content: "\e062";
}
.glyphicon-check:before {
    content: "\e067";
}
.glyphicon-alert:before {
    content: "\e209";
}
.glyphicon-filter:before {
    content: "\e138";
}














.TableConfig {
    width: 100%;
    border-collapse: collapse;
    border: 0px;
	font-size: 14px;
    text-align: left;
	/*white-space: nowrap;*/
}
.TableConfig th {
    padding: 3px 3px;
    color: #fff;
    background-color: #507DBC;
}
/* a supprimer */
.TableConfig tr:nth-child(odd) {
	color: #000;
    background-color: #A1C6EA;
}
.TableConfig tr:nth-child(even) {
	color: #000;
    background-color: #fff;
}
/*             */
.TableConfig tr {
	-webkit-transition: background-color 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}	
.TableConfig tr.odd {
	color: #58666e;
    background-color: #A1C6EA;
}
.TableConfig tr.odd:hover {
	color: #000;
    background-color: #c6dcf2;
}
.TableConfig tr.even {
	color: #58666e;
    background-color: #fff;
}
.TableConfig tr.even:hover {
	color: #000;
    background-color: #d9e8f6;
}
.TableConfig td {
    padding: 1.5px 3px 2px 3px;
}
.icon{
	width: 15px;
}
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.eot);
	src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
table.tablesorter-header tr.tablesorter-headerRow {
	cursor: pointer;
}
tr.tablesorter-filter-row input.disabled {
    display: none;
}
table.tablesorter tr.filtered {
	display: none;
}
.tablesorter .tablesorter-filter {
    width: 100%;
}
.tablesorter .glyphicon:before {
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}
table.tablesorter-header thead :before {
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}
.glyphicon-chevron-up:before {
	content: "\e113";
}
.glyphicon-chevron-down:before {
	content: "\e114";
}
table.TableConfig .sorter-false :before {
	display: none;
}
/*
table.TableConfig th.tablesorter-headerUnSorted .tablesorter-header-inner:before {
	padding-right: 5px;
	vertical-align: -15%;
	content: "\e150";
	color: white;
}
*/
table.TableConfig th.tablesorter-headerAsc .tablesorter-header-inner:before {
	padding-right: 5px;
	vertical-align: -15%;
	content: "\e155";
	color: white;
}
table.TableConfig th.tablesorter-headerDesc .tablesorter-header-inner:before {
	padding-right: 5px;
	vertical-align: -15%;
	content: "\e156";
	color: white;
}
table.TableConfig .glyphicon-cloud-download:before {
    content: "\e197";
	color: white;
}
table.TableConfig .glyphicon-search:before {
	content: "\e003";
	color: white;
}
table.TableConfig .glyphicon-plus:before{
	content: "\2b";
	color: green;
}
table.TableConfig .glyphicon-cog:before {
	content: "\e019";
	color: black;
}
table.TableConfig .glyphicon-log-in:before {
	content: "\e161";
	color: white;
}
table.TableConfig .glyphicon-ok-circle:before {
	content: "\e089";
	color: green;
}
table.TableConfig .glyphicon-remove-circle:before {
	content: "\e088";
	color: red;
}
table.TableConfig .glyphicon-eye-open:before {
	content: "\e105";
	color: green;
}
table.TableConfig .glyphicon-eye-close:before {
	content: "\e106";
	color: red;
}
table.TableConfig .glyphicon-pencil:before {
	content: "\270f";
	color: brown;
}
table.TableConfig .glyphicon-remove:before {
	content: "\e014";
	color: red;
}
table.TableReport .glyphicon-map-marker:before {
	content: "\e062";
}
table.TableReport .glyphicon-check:before {
	content: "\e067";
}

/* Barre de navigation page du tableau*/
.pager:before {
	vertical-align: -15%;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}
.pager .disabled:before {
	color: grey !important;
	cursor: default !important;
}
.pager .first:before {
    content: "\e069";
	color: black;
}
.pager .prev:before {
    content: "\e071";
	color: black;
}
.pager .next:before {
    content: "\e075";
	color: black;
}
.pager .last:before {
    content: "\e077";
	color: black;
}




/*//////////////////////////*/
/*/                        /*/
/*/    FORMS CONFIG DIV    /*/
/*/                        /*/
/*//////////////////////////*/

/* Fond transparent */
.DivBackgroundForms{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
	display: none;
}
.DivForms {
	font-weight: bold;
}
.DivFormsLabel {
	font-size:15px;
	display: inline-block;
	width: 150px;
	padding:5px;
	margin:2px 0px;
}
.DivForms input[type=text], .DivForms input[type=number], .DivForms input[list], .DivForms input[type=date], .DivForms input[type=tel], .DivForms input[type=email], .DivForms input[type=password], .DivForms select {
	width:295px;
    box-sizing: border-box;
	border:1px solid #999;
	border-radius:3px;
	padding:5px;
	margin:2px 0px;
}
.DivForms_BTN {
    cursor: pointer;
	background-color:#123456;
	border:1px solid white;
	font-Weight:bold;
	font-size:18px;
	color:white;
	width:228px;
}
/* Checkbox list */
.DivForms ul {
	list-style-type: none;
	overflow-x: hidden;
	box-sizing: border-box;
	height: 150px;
	width: 450px;
	border: 1px solid #999;
	border-radius: 3px;
	margin: 5px;
	padding: 5px;
}
.DivForms ul li {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.DivForms ul label {
	display: block;
	color: WindowText;
	background-color: Window;
	margin: 0;
	padding: 0;
}
.DivForms ul label:hover {
	background-color: Highlight;
	color: HighlightText;
}
/* Titre */
.DivFormTitle{
	font-size:18px;
	text-align:center;
}
/* Boutton */
.DivForms p span.left {
	float: left;
}
.DivForms p span.right {
	float: right;
}
/* Bloc formulaire */
#User {
	width:460px;
}
#Customer {
	width: 460px;
}
#Employee {
	width: 460px;
}
#Vehicle {
	width: 460px;
}
#Device {
	width: 460px;
}
#GPS_Tracker {
	width: 460px;
}
#Group {
	width: 460px;
}
#Geozone {
	width: 460px;
}
.GeozoneMap {
    box-sizing: content-box;
    position: relative;
    overflow: hidden;
	width: 450px;
	height: 410px;
	margin: 5px;
	border-radius: 3px;
}
#GPS_Tracker .glyphicon:before {
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}
#GPS_Tracker .glyphicon-refresh:before {
    content: "\e031";
    cursor: pointer;
}

/* Chargement */
.spinner-wave-background {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #fff;
	display: none;
}
.spinner-wave {
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100px;
    text-align: center;
}
.spinner-wave > div {
    background-color: #337ab7;
    height: 100%;
    width: 8px;
	margin: 0px 2px;
    display: inline-block;

    -webkit-animation: wave 1.2s infinite ease-in-out;
    animation: wave 1.2s infinite ease-in-out;
}
.spinner-wave div:nth-child(2) {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.spinner-wave div:nth-child(3) {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.spinner-wave div:nth-child(4) {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.spinner-wave div:nth-child(5) {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
@-webkit-keyframes wave {
	0%, 40%, 100% {-webkit-transform: scaleY(0.4)}  
	20% {-webkit-transform: scaleY(1.0)}
}
@keyframes wave {
	0%, 40%, 100% {transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);}
	20% {transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);}
}


/*//////////////////////////*/
/*/                        /*/
/*/      MAP & TOOLS       /*/
/*/                        /*/
/*//////////////////////////*/
@media (min-width: 650px) {
	#MapPageContent {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media (max-width: 650px) {
	#MapPageContent {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* Remove Whitespace Between Inline-Block Elements */
#MapPageContent {
	font-size: 0;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Remove Whitespace Between Inline-Block Elements */
#MapPageContent div {
	font-size: 13.3333px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#LeftToolsDiv {
  	width: 200px;
    height: calc(100vh - 65px);
	padding-right: 5px;
	display: inline-block;
	vertical-align: top;
	overflow: auto;
}
#RightMapAndToolContainer {
    width: calc(100% - 205px);
    height: calc(100vh - 65px);
	display: inline-block;
}
#MapContainer {
    width: calc(100%);
    height: calc(100vh - 65px);
}
#MapCanvas {
	width: 100%;
	height: 100%;
}
#ChartContainer {
	display: none;
	width: 100%;
  	height: 200px;
    box-sizing: border-box;
	border-left-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
}
.Chart {
	width: 100%;
	height: 100%;
}
#LeftToolsDiv .panel {
	margin-top: 5px;
	margin-bottom: 0px;
}
#LeftToolsDiv .panel-heading {
	padding: 5px 5px;
}
/* Checkbox list */
#LeftToolsDiv ul {
	list-style-type: none;
	overflow-x: hidden;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
#LeftToolsDiv ul li {
	margin: 0;
	padding: 0;
	/*white-space: nowrap;*/
}
#LeftToolsDiv ul li span {
	overflow: hidden;
	vertical-align: middle;
	width: -webkit-fill-available;
}
#LeftToolsDiv ul label {
	display: flex;
    align-items: center;
	color: WindowText;
	background-color: Window;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#LeftToolsDiv ul label:hover {
	background-color: Highlight;
	color: HighlightText;
}
#LeftToolsDiv ul hr {
	margin: 0px;
	border: 0px;
	border-top: 1px solid #eee;
}
.ACC {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
    margin: 2px;
	padding-right: 2px;
}
.ACC0 {
    background: #E50000;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
    margin: 2px;
	padding-right: 2px;
}
.ACC1 {
    background: #00B050;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
    margin: 2px;
	padding-right: 2px;
}
.ACC2 {
    background: #FFBB00;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
    margin: 2px;
	padding-right: 2px;
}
.ACC_Offline {
	background: radial-gradient(#FF0000 50%, #FFFFFF 50%);
    background-size: 2px 2px;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
    margin: 2px;
	padding-right: 2px;
}

/* Map Tool Container */
.maptoolcontainer {
	margin: 10px;
	height: 38px;
	/* height: 29px; */
    display:inline-flex;
	border-radius: 2px;
	background-color:#FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	font-size: 13.3333px;
}
.maptoolcontainer > label {
	margin: auto 0px;
}
@media (max-width: 650px) {
	#maptoolcontainer1 {
		display: none;
	}
}
.maptool {
	/* height: 18px; */
	height: 13px;
	color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
	/* font-size: 18px !important; */
    font-size: 11px !important;
	/* padding: 10px; */
	padding: 8px;
    display: inline-block;
}
.maptoolverticalalign {
	margin: auto 2px;
    display: inline-block;
}
.maptoolstartend {
	width: 3px;
	margin: 0px;
}
.maptoolseparator {
	display: inline-block;
	width: 1px;
	margin: 0px;
    background-color: rgb(230, 230, 230);
}

/* InfoWidow content */
.infobox1 {
    color: #337ab7;
    font-size: 14px !important;
    font-weight: bold;
    text-align: center;
}
.infobox1_title {
    display: inline;
    vertical-align: middle;
}
.infobox2_line {
    display: flex;
	align-items: center;
}


.info_ACC0 {
    margin: 1px 3px 0px 0px;
    float: left;
    background: #E50000;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
}
.info_ACC1 {
    margin: 1px 3px 0px 0px;
    float: left;
    background: #00B050;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
}
.info_ACC2 {
    margin: 1px 3px 0px 0px;
    float: left;
    background: #FFBB00;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
}
.info_ACC_Offline {
    margin: 1px 3px 0px 0px;
    float: left;
    background: repeating-linear-gradient(45deg,#FF0000,#FFFFFF 1px);
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 12px;
    height: 12px;
}
.infobox2 {
    font-size: 12px !important;
}
.infobox2 img {
    width: 18px;
	vertical-align: middle;
}
.infoboxhidden {
    display: none;
}

/* Ajustement de l'espace du titre de l'infowindow */
.gm-style-iw-c {
	padding: 8px !important;
}
.gm-style-iw-d::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}
.gm-style iframe + div { border:none !important; }

/* Collapsible DIV */
.collapse {
	display: none
}
.collapse.in {
	display: block
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility
}
.panel .glyphicon:before {
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}
.panel {
	overflow: hidden;
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
	color: inherit
}
.panel-default {
	border-color: #ddd
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd
}
.pull-right {
	float: right !important;
}
.clickable {
    cursor: pointer;
}

/* Search AdvancedMarkerElement */
@keyframes drop {
  0% {
    transform: translateY(-200px) scaleY(0.9);
    opacity: 0;
  }
  5% {
    opacity: 0.7;
  }
  50% {
    transform: translateY(0px) scaleY(1);
    opacity: 1;
  }
  65% {
    transform: translateY(-17px) scaleY(0.9);
    opacity: 1;
  }
  75% {
    transform: translateY(-22px) scaleY(0.9);
    opacity: 1;
  }
  100% {
    transform: translateY(0px) scaleY(1);
    opacity: 1;
  }
}
.drop {
  animation: drop 0.3s linear forwards var(--delay-time);
}

/*//////////////////////////*/
/*/                        /*/
/*/        Activity        /*/
/*/                        /*/
/*//////////////////////////*/


.TableConfig tbody {
	white-space: nowrap;
}

/*//////////////////////////*/
/*/                        /*/
/*/        Rapport         /*/
/*/                        /*/
/*//////////////////////////*/

/*#EmployeeWeekTable tr:not(:first-child) td:not(:nth-child(1)):not(:nth-child(3)):not(:nth-child(8)) {*/
#EmployeeWeekTable {
	width: 100%;
	border-collapse: collapse;
	border: 3px solid #6495ed;
	table-layout: fixed;
	font-family: "Roboto Mono", "Liberation Mono", "DejaVu Sans Mono", monospace;
    font-size: small;
}
#EmployeeWeekTable th {
	background-color: #d0e3fa;
	border-right: solid 1px #6495ed; 
	border-left: solid 1px #6495ed;
}
#EmployeeWeekTable tr:hover td{
	background-color: #b9d5f8 !important;
}
#EmployeeWeekTable td {
	border-top: solid 1px #a9c4f5;
	border-bottom: solid 1px #a9c4f5;
	border-right: solid 1px #6495ed; 
	border-left: solid 1px #6495ed;
	overflow: hidden;
}
#EmployeeWeekTable td(:first-child) {
	text-align: left;
    white-space: nowrap;
}
#EmployeeWeekTable td:not(:first-child) {
    text-align: right;
	width: 50px;
}
#EmployeeWeekTable tr td:last-child {
    width: 80px;
}

/*//////////////////////////*/
/*/                        /*/
/*/        Contact         /*/
/*/                        /*/
/*//////////////////////////*/

/* Remove Whitespace Between Inline-Block Elements */
#ContactPageContent {
	font-size: 0;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Remove Whitespace Between Inline-Block Elements - font-size: 13.3333px;*/
#UP_Contact_Page {
	font-size: 13.3333px;
    width: calc(100%);
    height: calc(50vh - 55px);
	min-height: 290px;
}

#ContactMapCanvas {
	width: 100%;
	height: 100%;
}

/* Remove Whitespace Between Inline-Block Elements - font-size: 13.3333px;*/
#DOWN_Contact_Page {
	font-size: 15px;
    width: calc(100%);
    min-height: calc(50vh - 85px);
	color: #fff;
    background-color: #2e63a9;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#DOWN_Contact_Page input[type=text], #DOWN_Contact_Page input[type=email], #DOWN_Contact_Page textarea {
	overflow-x: hidden;
    resize: vertical;
	width: 75%;
	background-color: #EAF1FA;
    box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px;
	margin: 2px 0px;
}
#DOWN_Contact_Page input[type=text]:hover, #DOWN_Contact_Page input[type=email]:hover, #DOWN_Contact_Page textarea:hover {
	background: white;
}
#DOWN_Contact_Page input[type=text]:focus, #DOWN_Contact_Page input[type=email]:focus, #DOWN_Contact_Page textarea:focus {
	background: white;
}
#DOWN_Contact_Page input[type=text]:focus:hover, #DOWN_Contact_Page input[type=email]:focus:hover, #DOWN_Contact_Page textarea:focus:hover {
	background: white;
}
#DOWN_Contact_Page input[type=text]:disabled, #DOWN_Contact_Page input[type=email]:disabled, #DOWN_Contact_Page textarea:disabled {
	background: #EAF1FA;
}

#Center_DOWN_Contact_Page {
    padding-left: 15px;
    padding-right: 15px;
	text-align: center;
}

#Left_DOWN_Contact_Page {
	width: 85%;
	display: inline-block;
	vertical-align: top;
}
@media (min-width: 768px){
#Left_DOWN_Contact_Page {
	width: 25%;
	min-width: 260px;
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
    padding-right: 15px;
}}

.Contact_Page_Title {
	font-size: 28px;
	margin: 25px 0px 15px 0px;
}

.Contact_Page_Adress_Title {
	width: 35%;
	display: inline-block;
	float: left;
	text-align: left;
	font-weight: bold;
}

.Contact_Page_Adress_Content {
	width: 65%;
    display: inline-block;
    text-align: left;
}

#Right_DOWN_Contact_Page {
	width: 85%;
	display: inline-block;
}
@media (min-width: 768px){
#Right_DOWN_Contact_Page {
	width: 33%;
	display: inline-block;
	padding-left: 15px;
    padding-right: 15px;
}}

#Right_DOWN_Contact_Page label {
	font-weight: bold;
	text-align: left;
	float: left;
	width: 25%;
	display: block;
	margin: 0;
	padding: 0;
}

.Chk_frm {
	display: none;
}

.ContactSendBTN {
    cursor: pointer;
	width: 75%;
	float: right;
	font-weight: bold;
	background-color: #EAF1FA;
    border: 1px solid #5278AB;
	border-radius: 3px;
    color: #2e63a9;
    font-size: 20px;
    padding: 6px;
	margin-bottom: 15px;
}

.ContactThankYouBTN {
	width: 75%;
	float: right;
	font-weight: bold;
	background-color: #EAF1FA;
    border: 1px solid #5278AB;
	border-radius: 3px;
    color: #2e63a9;
    font-size: 20px;
    padding: 6px;
	margin-bottom: 15px;
}


/*//////////////////////////*/
/*/                        /*/
/*/        Reports         /*/
/*/                        /*/
/*//////////////////////////*/

.TableReport {
	table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border: 0px;
    text-align: left;
	white-space: nowrap;
	margin: 10px 0px;
}
.TableReport th {
    font-size: 1em;
    padding: 0px 7px;
    color: #fff;
    background-color: #507DBC;
}
.TableReport tr {
	height: 27px;
}
.TableReport tr:nth-child(odd) {
	color: #555;
    background-color: #F8FBFC;
}
.TableReport tr:nth-child(even) {
	color: #555;
    background-color: #E5F1F4;
}
.TableReport td {
	overflow: hidden;
    font-size: .75em;
    padding: 0px 4px;
}
.TableReport .icon{
	width: 15px;
}
.TableReport .glyphicon:before{
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}
.TableReport .glyphicon-map-marker:before {
	content: "\e062";
	padding-right: 5px;
	width: 15px;
}
.TableReport .glyphicon-check:before {
	content: "\e067";
	padding-right: 5px;
	width: 15px;
}



#ArrowContainer {
	display: none;
    position: absolute !important;
}
.ArrowTop{
	width:0px;
	height:0px;
	border-bottom: 8px solid #507DBC;
	border-left: 30px solid transparent;
}
.ArrowBottom{
	width:0px;
	height:0px;
	border-top: 8px solid #507DBC;
	border-left: 30px solid transparent;
}
.ReportMap {
	z-index: 1;
	display: none;
	border-radius: 3px;
	border: 3px solid #507DBC;
	background: #507DBC;
    position: absolute !important;
    overflow: hidden;
    box-sizing: content-box;
}
.ReportToolContainer {
	margin: 10px;
	width: 28px;
    height: 27px;
    display:inline-flex;
	border-radius: 2px;
	background-color:#FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	font-size: 13.3333px;
}
.ReportToolMiddleAlign {
	margin: auto auto;
    display: inline-block;
}
.ReportMapGlyphicon {
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}
.ReportMapGlyphicon.glyphicon-remove:before {
	content: "\e014";
	width: 15px;
	color: rgb(86, 86, 86);
}