.marker {
	display: block;
	border: 1px solid;
	border-color: white;
	// background-color: white;
	// color: white;
	border-radius: 50%;
	cursor: pointer;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 18px; 
    font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
	} 	
.selected {
border-color: #FF33FF;
}

	
.boxdraw {
background: rgba(56, 135, 190, 0.1);
border: 2px solid #3887be;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
}	

.editwrapper {
  width: 100%;
  height: 100%;
  /* background: aqua; */
  margin: auto;
  /* padding: 10px; */
}

.editleft {
  width: 40%;
  height: 100%;
  /* background: red; */
  float: left;
}

.editright {
  margin-left: 40%;
  height: 100%;
  /* background: green; */
}
/*timetable*/
html, body{
    height:100%;
	margin:0;
	padding:0;
}

 .ttcontainer { 
	 height: 100%; 
	 width: 100%; 
	 overflow: hidden; 
 } 
 .ttright{ 
     float:right; 
     width:75%; 
     height:100%; 
	 overflow: auto;     
 } 

 .ttleft{ 
	 width:25%;     
     height:100%; 
	   display: flex; 
   flex-flow: column; 
 } 
.gptttools{
	width:100%;
	position:sticky;
    top:0;
	/* height: 150px; */
}
.gpttclients
{
  flex: 2 ;
  overflow: auto;	
}
	h8{font-size:8px;}

        .gptttools table{
            /* background:#E0ECFF; */
        }
        .gptttools td{
            background:#eee;
        }
		.gpttrow {
		width: 95%;
		display: block;
		overflow: auto;
		background:#fafafa;
		color:#444;
		border:1px solid #499B33;
		margin: 5px;
		border-radius: 3px;
		}
		
		.item{
		  font-size: 0;  /* parent value */
		}

		.item > div{
			width: 45%;
			max-width:150px;
			font-size: 10px; /* some value */
			/* padding:5px;	 */
			margin:0;
			display: inline-block;
			/* text-align: center;			 */
		}
		.master{
			/* background-color: gray; */
		}
		.detail {
			/* background-color: white; */
		}
		
/*** 
.item{
  font-size: 0;   
}

.item > div{
  display: inline-block;
  width: 50%;
  font-size: 8px;  
}

.master{
  background-color: aqua;
}

.detail{
  background-color: gold;
}
/***/
        .gpttdestination table{
            /* background:#E0ECFF; */
            width:100%;
        }
        .gpttdestination td{
            background:#fafafa;
            color:#444;
            text-align:center;
            padding:2px;
        }
        .gpttdestination td{
            /* background:#E0ECFF; */
        }
        .gpttdestination td.time{
            width:40px;
        }
        .gpttdestination td.drop{
            background:#fafafa;
            width:100px;
			height: 40px;
			position: relative;
        }
        .gpttdestination td.over{
            background:#FBEC88;
        }
.gpttdestination th{
	/* background:#E0ECFF; */
	position:sticky;
	top: 0;
	text-align: center;
}		
.item.assigned{
	width: 100%;
	max-width: 150px;
	box-sizing: border-box
}
.assigned{
	border:1px solid lightgray;
	border-radius: 3px;
}
 
.trash{
	background-color:red;
	color: white;
}
.gpttrow.in
{
	border-color: green;
}
.gpttrow.out
{
	border-color: red;
}
.route-info-box {
    /* height: 200px; */
    width: 300px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(255, 255, 255, .8);
    padding: 15px;
    text-align: left;
    margin: 0;
    font-size: 13px;
	height: 97%;
	/* min-height:10%; */
  }
#timetableRouteInfo{
	height: 85%;
    overflow-y: scroll;
}

.ttmarker {
	display: block;
	border: 1px solid;
	border-color: white;
	border-radius: 50%;
	cursor: pointer;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 18px; 
}
.ttdaycommand a{

    text-align: center; 
    padding-left: 4px;
    padding-right: 4px;
	color:#2984a4; 
}

.daymapinfo p{
	margin: 0px;
    padding: 0px;
    font-size: 10px;
    text-align: center;
}

.ttTable {
	font-size: 12px;
	width: 100%;
}
.ttTable tr:nth-child(even) {
  background-color: #0089ff14;
}
.noDrag {
  border: blue solid 2px;
}
.gpbutton{
  /* //background-color: rgba(0,0,0,0.05); */
  border:none;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
  transition-duration: 0.3s;
}
.gpbutton:hover {
  background-color: lightgray; /* Green */
  /* color: white; */
}

.ttHighlightAssigned {
    /* border-color: green; */
    animation: blinkAssign 0.3s;
    animation-iteration-count: 2;
}
.ttHighlightRemoved {
    /* border-color: red; */
    animation: blinkRemove 0.3s;
    animation-iteration-count: 2;
}
.planVisitDot{
/* background-color:red; */
  height: 6px;
  width: 6px;
  /* background-color: #bbb; */
  border-radius: 6px;
  display: inline-block;	
}
.planVisitLine{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    border-radius:2px;
    opacity:0.8;
}
.master.assigned{
    position:relative;
}

@keyframes blinkAssign { 50% { border-color:white ; }  }
@keyframes blinkRemove { 50% { border-color:white ; }  }
/*timetable*/

.mapbox-logo{
    position: absolute;
	top: 10px;
	right: 100px;
}