.otapp .mypage-body-bodymap-LHScontainer-item_selectedtrack-usertrack{
}

.mypage-body-bodymap-LHScontainer-item_selectedtrack-usertrack_headingutagawaVTT{
	border-bottom: 2px solid white;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}


/*********************************
heading
*/ 
.otapp .LHScontainer-usertrack-divTitle{
	display: flex;
	align-items: flex-start;
	margin-bottom: 5px;
}

.otapp .LHScontainer-usertrack-divTitle-icon{
	display: block;
	cursor: pointer;
}

.otapp .LHScontainer-usertrack-divTitle-info-title{
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0px;
}

.otapp .LHScontainer-usertrack-divTitle-info-title_marginright30{
	margin-right:  30px;
}

.otapp .LHScontainer-usertrack-divTitle-info-title_marginright15{
	margin-right:  15px;
}

.otapp .LHScontainer-usertrack-divTitle-buttonEdit{
	opacity: 0.2;
	cursor: pointer;
    filter: grayscale(1);
    margin-bottom: -3px;
    width: 15px;
}

.otapp .LHScontainer-usertrack-divTitle-info{
	flex-grow: 1;
	padding-left: 5px;
}

.otapp .LHScontainer-usertrack-divTitle-info-distDenivTime{
	margin-top: 4px;
	margin-bottom: 0px;
}

.otapp .LHScontainer-usertrack-divTitle-info-distDenivTime img{
	margin-bottom: -2px;
	opacity: 0.4;
}


/*********************************
activities
*/ 
.otapp .LHScontainer-usertrack-divActivities{
}

.otapp .LHScontainer-usertrack-divActivities-title{
	margin-top: 8px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	opacity: 0.6;
	font-size: 1em;
	font-style: italic;
	text-decoration: underline
}

.otapp .LHScontainer-usertrack-divActivites-iconContainer{
	display: flex;
	flex-wrap: wrap;
	margin-right: 5px;
	margin-bottom: 3px;
}

.otapp .LHScontainer-usertrack-divActivites-iconContainer-iconTxt{
	margin-left: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	height: 24px;
	border: 2px solid rgb(125,125,125);
	border-radius: 8px;
	background-color: white;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	color: rgb(125,125,125);
	display: flex;
	justify-content: center;
	align-items: center;
}

.otapp .LHScontainer-usertrack-divActivites-iconContainer-iconTxt.selected{
	background-color: rgba(0,0,0,0.5);
	color: white;
}

.otapp .LHScontainer-usertrack-divActivites-iconContainer-iconTxt.red{
	background-color: rgb(252,237,237);
	border: 2px solid rgb(232,105,113);
	color: rgb(232,105,113);
}

.LHScontainer-usertrack-divActivites-iconContainer-divimg{
	border-radius: 8px;
	background-color: white;
	border: 2px solid rgb(125,125,125);
	margin-left: 5px;
	margin-bottom: 5px;
}

.otapp .LHScontainer-usertrack-divActivites-iconContainer img{
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	opacity: 1;
}

.LHScontainer-usertrack-divActivites-iconContainer-divimg.red{
	background-color: rgb(252,237,237);
	border: 2px solid rgb(232,105,113);
}

.otapp .LHScontainer-usertrack-divActivites-iconContainer-divimg.red img{
	/*rgb(232,105,113) from https://codepen.io/sosuke/pen/Pjoqqp*/
	filter: brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(1264%) hue-rotate(318deg) brightness(99%) contrast(83%);
}

.LHScontainer-usertrack-divActivites-iconContainer-divimg.selected{
	background-color: rgb(125,125,125);
	border: 2px solid rgb(125,125,125);
}

.otapp .LHScontainer-usertrack-divActivites-iconContainer-divimg.selected img{
	/*rgb(255,255,255) from https://codepen.io/sosuke/pen/Pjoqqp*/
	filter: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(31%) hue-rotate(62deg) brightness(106%) contrast(109%);
}


/*********************************
export button
*/ 
.otapp .LHScontainer-usertrack-divexport{
	display: flex;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 5px;
}

.otapp .LHScontainer-usertrack-divexport_hidden{
	display:  none;

}

.otapp .LHScontainer-usertrack-divexport img{
	display:  block;
	border-radius: 5px;
	margin-left: 2px;
    margin-right: 3px;
	height:  25px;
	width:  25px;
}


.otapp .LHScontainer-usertrack-divexport p{
    margin: 0px;
}

.otapp .LHScontainer-usertrack-divexport_utagawavtt{
	background-color: rgb(230, 70, 42);
}

.otapp .LHScontainer-usertrack-divexport_utagawavtt p{
	color: white;
}

/*********************************
comment
*/ 
.otapp .LHScontainer-usertrack-divComments{
	background-color: white;
    position: relative;
    min-height: 29px;
    color: rgb(130,130,130);
    padding: 5px;
}

.otapp .LHScontainer-usertrack-divComments-buttonEdit{
	position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    filter: grayscale(1);
    opacity: 0.2;
}


/*********************************
div edition
*/

.otapp .LHScontainer-usertrack-divedition{
	display:  none;
	background-color: rgba(67, 179, 228, 0.85);
	border-radius: 2px;
	margin-bottom: 10px;
}

.otapp .LHScontainer-usertrack-divedition-heading{
	display: flex;
	justify-content: space-between;
	color:  white;
	font-style: italic;
	padding-bottom: 5px;
	padding-top: 3px;
}

.otapp .LHScontainer-usertrack-divedition-heading p{
	margin:  0px;
	padding:  0px;
}

.otapp .LHScontainer-usertrack-divedition-heading img{
	display: block;
	margin-left:  3px;
	margin-right:  3px;
}

.otapp .LHScontainer-usertrack-divedition-heading-LHS{
	display:  flex;
}

.otapp .LHScontainer-usertrack-divedition-heading-RHS img{
	cursor:  pointer;
}

img.LHScontainer-usertrack-divedition-heading-RHS-undoredo_OFF{
	cursor:  auto;
	opacity:  0.3;
}

.otapp .LHScontainer-usertrack-divedition-heading-RHS{
	display:  flex;
}

.otapp .LHScontainer-usertrack-divedition-routing{
	display:  flex;
	justify-content: flex-start;
}

.LHScontainer-usertrack-divedition-routing-divimg{
	border-radius: 8px;
	background-color: white;
	border: 2px solid rgb(125,125,125);
	margin-left:  3px;
	margin-right: 2px;
}

.LHScontainer-usertrack-divedition-routing-divimg img{
	display: block;
	cursor: pointer;
	width: 24px;
	height: 24px;
}

.otapp .LHScontainer-usertrack-divedition-routing-divimg.selected{
	background-color: rgb(125,125,125);
	border: 2px solid rgb(125,125,125);
}

.otapp .LHScontainer-usertrack-divedition-routing-divimg.selected img{
	/*rgb(255,255,255) from https://codepen.io/sosuke/pen/Pjoqqp*/
	filter: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(31%) hue-rotate(62deg) brightness(106%) contrast(109%);
}