/* phone */

.RA_ABO-red{
	color: red !important;
}

.dropdown-menu.friend-mutual .close{
	position: absolute;
    top: 5px;
    right: 5px;
	cursor: pointer;
	color: black;/* #8F9091; */
	display: block; width: 12px; height: 12px; font-size: 12px;
}
.dropdown-menu.friend-mutual .close:hover{
	color: black;
}


@media (max-width: 768px) {
	h3.edit-username{
		cursor: text;
    }
	#inner_buttom{
      height: 24%;
	  width: 60%;
      top:64%;
      position: relative;
      background:transparent;
	  padding-left: 8px;
	  background: linear-gradient(45deg, black, transparent);
    }
	.profil-bg {
		background-color: #FFFFFF;
		height: 210px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0px 2px 0px 0px;
	}
	.profil-dg{
		/*background: linear-gradient(45deg, #333333, transparent);*/
		background-image: -webkit-linear-gradient( left, rgba(51,51,51,0.65), rgba(0,0,0,0));
		height: 100%;
		width: 100%;
	}
	.overview-bg {
		background-color: #FFFFFF;
		height: 210px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0px 0px 0px 2px;
		opacity: 0.84;
	}
	.successes-bg {
		background-color: #676767 !important;
		height: 210px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.lines-map-history {
		height: 210px !important;
	}
	.lines-map-live {
		height: 245px !important;
	}
	.lines-map-pos {
		top: 330px !important;
	}
	.inner_profil_1_2_1{
		position: absolute;
		top: 4em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -1.8em;
	}
	.inner_profil_1_2_2{
		position: absolute;
		top: 4.2em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 0.54em;
	}
	.inner_profil_1_1{
		position: absolute;
		top: 5.5em;
		font-size: 18pt;
		color: white;
		font-weight: bold;
		background: #e46c0a;
		padding: 0em 0.5em 0em 4px;
		text-align: center;
	}
	.inner_profil_1_2_1_0{
		position: absolute;
		top: 3em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -0.8em;
	}
	.inner_profil_1_2_2_0{
		position: absolute;
		top: 3.8em;
		color: white;
		font-weight: bold;
		line-height: 70px;
		width: 50 px;
		left: -2.8em;/*-1.4em;*/
	}
	.inner_profil_1_1_0{
		position: absolute;
		bottom: 23%;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		line-height: 70px;
		background: #e46c0a;
		width: 55px;
		text-align: center;
		left: 0px;
	}
	.rotate-text-transform {
		font-size: 18pt;
		font-weight: bold;
		color:#ffffff;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
		display: inline-block;
		//background: rgba(0, 0, 0, .15);
	}
	.txt-css0{
		padding: 8px;
	}
	.head{
		background: #333333 !important;
	}
	.font_bold{
		font-weight: 700 !important;
	}
	.size16{
		font-size: 12px;
	}
	.cursor{
		cursor:pointer;
	}
	.col_sm {
		padding: 2px !important;
	}
	.ra_abo_bgColor_red {
		background: rgba(139, 39, 45, .83);
		color:#000000;
	}
	.ra_abo_bgColor_yellow {
		background: rgba(233, 135, 1, .83);
		color:#ffffff;
	}
	.ra_abo_bgColor_white {
		background: none;
		color:#e98701;
	}
	.btn-edit-vehicle {
		margin-top: 3px;
	}
	.race-analysis-body {
		background: #e46c0a;
	}
	.ra-abo {
		margin-bottom: 1px;
	}
	.gm-style-cc {
		display: none !important;
	}

	.gm-style a[href^="https://maps.google.com/maps"] {
		display: none !important;
	}
	/*.modal-content {
		background: rgba(0, 0, 0, .65);
		color: white;
		border-radius: 4px;
	}*/
	.profile_name {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-left: 4px;
		//background: rgba(0, 0, 0, .25);
	}
	.history_details {
		position: absolute;
		bottom: 0;
		background: rgba(51, 51, 51, .70);
		font-size: 10pt;
		padding-left: 4px;
	}
	.history_tops {
		position: absolute;
		bottom: 0;
		background: rgba(51, 51, 51, .70);
		width: 100%;
	}
	.history_pr {
		padding-right: 0.3em;
	}
	.class_profil {
		padding-left: 4px;
		font-size: 15.5pt;
		line-height: 24pt;
	}
	.color_org {
		color: #eb780a;
	}
	.org_schrift_dg {
		color: #e98701;
	}
	.org_schrift_h {
		background: #e46c0a !important;
	}
	.org_btn {
		color: #ee7900;
	}
	.color_white {
		color: #ffffff;
	}
	.color_lightgray {
		color: lightgray;
	}
	.gray_6{
		background: #666666;
	}
	#profile-menu {
		display: unset;
		padding: 0px;
		margin-left: 5px;
	}
	.btn-warning{
		background-color: #ee7900;
		font-size: 6pt;
	}
	.slider_btn{
		margin-left: 0.2em;
		margin-right: 0.2em;
		cursor: pointer;
	}
	.ovlt{
		cursor: pointer;
	}
	.slider_txt{
		float: right;
		margin-right: 6px;
		margin-top: 0.4em;
		font-size: 12pt;
	}
	.track_arrow {
		position: absolute;
		right: 0.3em;
		padding-right: 1%;
		cursor: pointer;
		top: 0.1em;
	}
	.track_video {
		position: absolute;
		right: 0.3em;
		top: 124px;
	}
	.track_frame{
		margin-left: 5px;
		border: 2px solid white;
		color: white;
		height: 150px !important;
	}
	.track_frame-p{
		height: 150px !important;
		width: 150px !important;
	}
	.track-item {
		margin: 5px;
		display: inline-block;
		vertical-align: top;
		height: 170px;
		width: 150px !important;
	}
	.track-item-p {
		margin: 5px;
		display: inline-block;
		vertical-align: top;
	}
	.track-el {
		border: 2px solid white;
		color: white;
		position: relative;
		height: 150px !important;
		width: 150px !important;
	}
	.track-map {
		position: relative;
		overflow: hidden;
	}
	.track-list {
		height: 200px !important;
		overflow-y: hidden;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.track-name {
		font-size: 14px;
		color: white;
		white-space: normal;
	}
	.p_name1 {
		font-size: 10pt;
		top: 1.1em;
	}
	.p_name2 {
		font-size: 12pt;
		top: 0.4em;
	}
	.p_name3 {
		font-size: 10pt;
	}
	.cslidernr {
	}	
	.fp1 {
		font-size:12pt;
		font-weight: bold;
	}
	.fp2 {
		padding-top: 4px !important; padding-left: 10px !important;font-size: 10pt;
	}
	.rf_name1 {
		font-size: 14px;
		top: 1.1em;
	}
	.rf_name2 {
		font-size: 14px;
		top: 0.4em;
		font-weight: 600 !important;
		font-weight: bold; margin: 0;
	}
	.icon_arrow_right_bold_white_1 {
		width: 6pt !important;
	}
	.icon_pop-out_white_1 {
		width: 10pt !important;
	}		
	.icon_arrow_right_orange_1 { 
		height: 0.9em !important;
		width: 0.7em !important;
	}
	.icon_arrow_left_orange_1 { 
		height: 0.9em !important;
		width: 0.7em !important;
	}
	.icon_friends_1 { 
		/* height: 6pt !important; */
		width: 10pt !important;
	}
	.lbl_friens {
		padding: 8px 0px 0px 8px;
		font-size: 14pt;
		font-weight:bold;
	}
	.lbl_machines {
		padding: 8px 0px 0px 8px;
		font-size: 14pt;
		font-weight:bold;
		padding: 6px;
		background: white;
	}
	.lbl_machines_esp {
		margin: 8px -8px 8px 8px;
	}
	.lbl_machines_p0 {
		padding: 0px !important;
	}
	.lbl_tracks {
		padding: 8px;
		font-size: 14pt;
		font-weight:bold;
	}
	
	.live-dev-bg {
		background: rgba(0, 0, 0, .65);
		width: 100%;
		height: 100%;
	}
	.live-inner_profil_1_2_1{
		position: absolute;
		top: 4.3em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -1.8em;
	}
	.live-inner_profil_1_2_2{
		position: absolute;
		top: 2.85em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 1.1em;
	}
	.live-inner_profil_1_1{
		position: absolute;
		top: 5.5em;
		font-size: 18pt;
		color: white;
		font-weight: bold;
		background: #e46c0a;
		padding: 0em 0.2em 0em 0.2em;
	}
	.live-inner_profil_1_2_1_0{
		position: absolute;
		top: 2.85em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 1.1em;
	}
	.live-inner_profil_1_2_2_0{
		position: absolute;
		top: 3.1em;
		color: white;
		font-weight: bold;
		line-height: 70px;
		width: 50 px;
		left: -2em;
	}
	.live-inner_profil_1_1_0{
		position: absolute;
		top: 5.5em;
		font-size: 18pt;
		color: white;
		font-weight: bold;
		background: #e46c0a;
		padding: 0em 0.5em 0em 4px;
		text-align: center;
	}
	.live-slider2_ref_lap {
		position: absolute;
		bottom: 0%;
		width: 100%;
		background: rgba(0, 0, 0, .25);
		font-size: 10pt;
		padding-left: 2px;
		padding-right: 4px;
		padding-bottom: 0px;
	}
	.live-slider1_today_best_my_record {
		position: absolute;
		bottom: 0%;
		width: 100%;
		background: rgba(0, 0, 0, .25);
		font-size: 10pt;
		padding-left: 2px;
		padding-right: 4px;
		padding-bottom: 0px;
	}
	.live-slider1_line_name {
		position: absolute;
		top: 3.3em;
		width: 100%;
		font-size: 10pt;
		padding-left: 2px;
	}
	.live-slider1_line_date {
		position: absolute;
		top: 2px;
		right: 2px;
		font-size: 8pt;
		padding-left: 2px;
	}
	.live-slider1_line_dates{
		background: transparent;
		border: 0px !important;
		padding: 0px;
	}
	.live-slider1_line_name {
		width: calc(100% - 75px);
	}
	.live-slider1_center_left{
		position: absolute;
		top: 35%;
		font-size: 10pt;
		padding-left: 2px;
	}
	.live-slider1_center_right{
		position: absolute;
		top: 65px;
		right: 0.5em;
		padding-left: 0.5 em;
		left: 6em;
		bottom: 4em;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.live-map-arrow {
		position: absolute;
		right: 0.2em;
		top: -2em;
	}
	.live-line-map {
		position: unset !important;
		overflow: unset !important;
	}
	.line-map-png {
		/*height: 120px !important;
		width:120px !important;
		margin:auto;
		padding: 0.5em;*/
		
		background-color: transparent;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		height: calc(100% - 16px);/*calc(100% - 28px);*/
		width: calc(100% - 16px);/*calc(100% - 20pt);*/
	}
	.live-s1-val1{
		font-weight: bold;
		font-size: 14pt;
	}
	.live-s1-val2{
		padding-top: 7px !important;
	}
	.live-s2-name{
		font-size: 10pt;
		margin-left: 2px;
		top:2px;
	}
	.live-s2-table-th{
		background: gray;
		font-size: 8pt;
		font-weight: bold;
		padding-left: 2px;
	}
	.live-s2-table-tr{
		font-size: 8pt;
		color:white;
		padding-left: 2px;
	}
	.live-lines{
		background: #676767;
		height: 280px !important;
	}
	.hl_link:hover {color: #e98701;}
	.laptimeChart {
		height: 185px;
		width: 100%;
	}
	.laptimeChart .canvasjs-chart-container .canvasjs-chart-canvas {
		width: 100% !important; 
		height: 190px !important; 
		position: absolute !important;
	}
	.next_level_record {
		width: 90px;
		text-align: center;
	}
	.freund_unfriend{
		font-size: 32px;
		font-weight: bold;
		position: absolute;
		top: 0px;
		width: 100%;
		/*background: rgba(0, 0, 0, .10);*/
		right: 4px;
	}
	.vehicle-info [class*="col-"]{ margin-left: 0px !important; }
	.user-info{
	}
	.summary-user-profile {margin-bottom: 0px !important;}
	.friend-list {height: auto;}
	.live-profil-analyse:hover {cursor: pointer;font-style: italic;}
	.line_arrow {
		font-size: 10pt;
	}
	.line_infos {
		font-size: 8pt;
	}
	.p_flags {
		height:12px !important;
		width:18px !important;
	}
	.tine-help-title {
		font-size:11pt;
	}
	.tine-help-body {
		font-size:10pt;
	}
	.vbhbutton {
		background-color: #666666 !important;
	}
	.tbc {
		border-bottom-color: #666666 !important;
	}
	.track-highlight{
		background: rgba(51, 51, 51, 0.85) !important;
		color: #ffffff;
	}
	.track-highlight_f{
		background: rgba(51, 51, 51, 0.85) !important;
		color: #e98701;
	}
	.friend-mutual{
		background: #ffffff !important;
		color: #333333 !important;
	}
	.fmutual a{
		font-weight: 500 !important;
	}
	.fmutual a:hover{
		color: #e98701;
	}
	.lbl_font {
		font-family: "Rajdhani" !important;
		font-style: normal !important;
	}
	.chooseAvatar {
	}
	.css-top {
		font-weight: 700 !important;
		color: red;
	}
	select.list1 option.option2{
		background: rgba(0, 0, 0, .65);
	}
	select.list1 option:hover { 
		background-color: white !important;
		color: rgba(0, 0, 0, .65) !important;
	}
}
/* tablet */
@media (max-width: 1024px) and (min-width: 769px) {
	h3.edit-username{
		cursor: text;
    }
	#inner_buttom{
      height: 24%;
	  width: 60%;
      top:64%;
      position: relative;
      background:transparent;
	  padding-left: 8px;
	  background: linear-gradient(45deg, black, transparent);
    }
	.profil-bg {
		background-color: #FFFFFF;
		height: 500px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0px 2px 0px 0px;
	}
	.profil-dg{
		/*background: linear-gradient(45deg, #333333, transparent);*/
		background-image: -webkit-linear-gradient( left, rgba(51,51,51,0.65), rgba(0,0,0,0));
		height: 100%;
		width: 100%;
	}
	.overview-bg {
		background-color: #FFFFFF;
		height: 500px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0px 0px 0px 4px;
		opacity: 0.84;
	}
	.successes-bg {
		background-color: #676767 !important;
		height: 500px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.lines-map-history {
		height: 500px !important;
	}
	.lines-map-live {
		height: 500px !important;
	}
	.lines-map-pos {

	}
	.inner_profil_1_2_1{
		position: absolute;
		top: 6.6em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -3.8em;
	}
	.inner_profil_1_2_2{
		position: absolute;
		top: 7em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 0.8em;
	}
	.inner_profil_1_1{
		position: absolute;
		top: 4.5em;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		background: #e46c0a;
		padding: 0em 0.5em 0em 6px;
		text-align: center;
	}
	.inner_profil_1_2_1_0{
		position: absolute;
		top: 4.5em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -1.8em;
	}
	.inner_profil_1_2_2_0{
		position: absolute;
		top: 8.5em;
		color: white;
		font-weight: bold;
		line-height: 70px;
		width: 50 px;
		left: -5.8em;/*-3em;*/
	}
	.inner_profil_1_1_0{
		position: absolute;
		bottom: 23%;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		line-height: 70px;
		background: #e46c0a;
		width: 55px;
		text-align: center;
		left: 0px;
	}
	.rotate-text-transform {
		font-size: 36pt;
		font-weight: bold;
		color:#ffffff;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
		display: inline-block;
		//background: rgba(0, 0, 0, .15);
	}
	.txt-css0{
		padding: 8px;
	}
	.head{
		background: #333333 !important;
	}
	.font_bold{
		font-weight: 700 !important;
	}
	.size16{
		font-size: 12px;
	}
	.cursor{
		cursor:pointer;
	}
	.col_sm {
		padding: 2px !important;
	}
	.ra_abo_bgColor_red {
		background: rgba(139, 39, 45, .83);
		color:#000000;
	}
	.ra_abo_bgColor_yellow {
		background: rgba(233, 135, 1, .83);
		color:#ffffff;
	}
	.ra_abo_bgColor_white {
		background: none;
		color:#e98701;
	}
	.btn-edit-vehicle {
		margin-top: 3px;
	}
	.race-analysis-body {
		background: #e46c0a;
	}
	.ra-abo {
		margin-bottom: 1px;
	}
	.gm-style-cc {
		display: none !important;
	}

	.gm-style a[href^="https://maps.google.com/maps"] {
		display: none !important;
	}
	/*.modal-content {
		background: rgba(0, 0, 0, .65);
		color: white;
		border-radius: 4px;
	}*/
	.profile_name {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-left: 6px;
		//background: rgba(0, 0, 0, .25);
	}
	.history_details {
		position: absolute;
		bottom: 0;
		background: rgba(51, 51, 51, .70);
		font-size: 15pt;
		padding-left: 6px;
	}
	.history_tops {
		position: absolute;
		bottom: 0;
		background: rgba(51, 51, 51, .70);
		width: 100%;
	}
	.history_pr {
		padding-right: 0.3em;
	}
	.class_profil {
		padding-left: 6px;
		font-size: 16pt;
		line-height: 24pt;
	}
	.color_org {
		color: #eb780a;
	}
	.org_schrift_dg {
		color: #e98701;
	}
	.org_schrift_h {
		background: #e46c0a !important;
	}
	.org_btn {
		color: #ee7900;
	}
	.color_white {
		color: #ffffff;
	}
	.color_lightgray {
		color: lightgray;
	}
	.gray_6{
		background: #666666;
	}
	#profile-menu {
		display: unset;
		padding: 0px;
		margin-left: 10px;
	}
	.btn-warning{
		background-color: #ee7900;
		font-size: 6pt;
	}
	.slider_btn{
		margin-left: 0.2em;
		margin-right: 0.2em;
		cursor: pointer;
	}
	.ovlt{
		cursor: pointer;
	}
	.slider_txt{
		float: right;
		margin-right: 6px;
		margin-top: 3px;
		font-size: 16pt;
	}
	.track_arrow {
		position: absolute;
		right: 0.3em;
		padding-right: 1%;
		cursor: pointer;
		top: 0.3em;
	}
	.track_video {
		position: absolute;
		right: 0.35em;
		top: 202px;
	}
	.track_frame{
		margin-left: 5px;
		border: 2px solid white;
		color: white;
		height: 230px !important;
	}
	.track_frame-p{
		height: 230px !important;
		width: 230px !important;
	}
	.track-item {
		margin: 5px;
		display: inline-block;
		vertical-align: top;
		height: 170px !important;
		width: 150px !important;
	}
	.track-item-p {
		margin: 5px;
		display: inline-block;
		vertical-align: top;
	}
	.track-el {
		border: 2px solid white;
		color: white;
		position: relative;
		height: 150px !important;
		width: 150px !important;
	}
	.track-map {
		position: relative;
		overflow: hidden;
	}
	.track-list {
		height: 250px !important;
		overflow-y: hidden;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.track-name {
		font-size: 14px;
		color: white;
		white-space: normal;
		margin-left: 5px;
	}
	.p_name1 {
		font-size: 10pt;
		top: 1.1em;
	}
	.p_name2 {
		font-size: 18pt;
		top: 0.4em;
	}
	.p_name3 {
		font-size: 15pt;
	}
	.rf_name1 {
		font-size: 14px;
		top: 1.1em;
	}
	.rf_name2 {
		font-size: 14px;
		top: 0.4em;
		font-weight: 600 !important;
		font-weight: bold; margin: 0;
	}
	.cslidernr {
	}	
	.fp1 {
		font-size:18pt;
		font-weight: bold;
	}
	.fp2 {
		padding-top: 6px !important; padding-left: 10px !important;font-size: 15pt;
	}
	.icon_arrow_right_bold_white_1 { 
		width: 12pt !important;
	}
	.icon_pop-out_white_1 {
		width: 10pt !important;
	}
	.icon_arrow_right_orange_1 { 
		height: 1.8em !important;
		width: 1.4em !important;
	}
	.icon_arrow_left_orange_1 { 
		height: 1.8em !important;
		width: 1.4em !important;
	}
	.icon_friends_1 { 
		/* height: 12pt !important; */
		width: 20.5pt !important;
	}	
	.lbl_friens {
		padding: 8px 0px 0px 8px;
		font-size: 14pt;
		font-weight:bold;
	}
	.lbl_machines {
		padding: 8px 0px 0px 8px;
		font-size: 14pt;
		font-weight:bold;
		padding: 6px;
		background: white;
	}
	.lbl_machines_esp {
		margin: 8px -8px 8px 8px;
	}
	.lbl_machines_p0 {
		padding: 0px !important;
	}
	.lbl_tracks {
		padding: 8px;
		font-size: 14pt;
		font-weight:bold;
	}
	
	.live-dev-bg {
		background: rgba(0, 0, 0, .65);
		width: 100%;
		height: 100%;
	}
	.live-inner_profil_1_2_1{
		position: absolute;
		top: 6.7em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -3.85em;
	}
	.live-inner_profil_1_2_2{
		position: absolute;
		top: 3.85em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 1.7em;
	}
	.live-inner_profil_1_1{
		position: absolute;
		top: 4.7em;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		background: #e46c0a;
		padding: 0em 0.2em 0em 6px;
	}
	.live-inner_profil_1_2_1_0{
		position: absolute;
		top: 4em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 1.7em;
	}
	.live-inner_profil_1_2_2_0{
		position: absolute;
		top: 7em;
		color: white;
		font-weight: bold;
		line-height: 70px;
		width: 50 px;
		left: -4.2em;
	}
	.live-inner_profil_1_1_0{
		position: absolute;
		top: 4.7em;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		line-height: 70px;
		background: #e46c0a;
		padding: 0em 0.3em 0em 6px;
		text-align: center;
		left: 0px;
	}
	.live-slider2_ref_lap {
		position: absolute;
		bottom: 0%;
		width: 100%;
		background: rgba(0, 0, 0, .25);
		padding: 4px;
		font-size: 16pt;
		padding-left: 2px;
		padding-right: 4px;
		padding-bottom: 0px;
	}
	.live-slider1_today_best_my_record {
		position: absolute;
		bottom: 0%;
		width: 100%;
		background: rgba(0, 0, 0, .25);
		padding: 1.5%;
		font-size: 16pt;
		padding-left: 2px;
		padding-right: 4px;
		padding-bottom: 0px;
	}
	.live-slider1_line_name {
		position: absolute;
		top: 16%;
		width: 100%;
		font-size: 18pt;
		padding-left: 2px;
	}
	.live-slider1_line_date {
		position: absolute;
		top: 2px;
		right: 2px;
		font-size: 14pt;
		padding-left: 2px;
	}
	.live-slider1_center_left{
		position: absolute;
		top: 40%;
		font-size: 18pt;
		padding-left: 2px;
	}
	.live-slider1_center_right{
		position: absolute;
		top: 95px;
		right: 0.5em;
		padding-left: 0.5 em;
		left: 30%;
		bottom: 80px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
	}
	.live-map-arrow {
		position: absolute;
		right: 0.2em;
		top: -3em;
	}
	.live-line-map {
		position: unset !important;
		overflow: unset !important;
	}
	.line-map-png {
		/*height: 200px !important;
		width: 200px !important;
		margin:auto;
		padding: 0.5em;*/
		
		background-color: transparent;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		height: calc(100% - 16px);/*calc(100% - 28px);*/
		width: calc(100% - 16px);/*calc(100% - 20pt);*/
	}
	.live-s1-val1{
		font-weight: bold;
		font-size: 23pt;
	}
	.live-s1-val2{
		padding-top: 11px !important;
	}
	.live-s2-name{
		padding: 2px !important;
		font-size: 16pt;
		margin-left: 2px;
	}
	.live-s2-table-th{
		background: gray;
		font-size: 13pt;
		font-weight: bold;
		padding-left: 2px;
	}
	.live-s2-table-tr{
		font-size: 13pt;
		color:white;
		padding-left: 2px;
	}
	.live-lines{
		background: #676767;
		height: 280px !important;
	}
	.hl_link:hover {color: #e98701;}
	.laptimeChart {
		height: 450px;
		width: 100%;
	}
	.laptimeChart .canvasjs-chart-container .canvasjs-chart-canvas {
		width: 100% !important; 
		height: 470px !important; 
		position: absolute !important;
	}
	.next_level_record {
		width: 140px;
		text-align: center;
	}
	.freund_unfriend{
		font-size: 32px;
		font-weight: bold;
		position: absolute;
		top: 0px;
		width: 100%;
		/*background: rgba(0, 0, 0, .10);*/
		right: 4px;
	}
	.user-info{
		padding-top: 8px;
	}
	.summary-user-profile {}
	.friend-list {height: auto;}
	.live-profil-analyse:hover {cursor: pointer;font-style: italic;}
	.line_arrow {
		font-size: 10pt;
	}
	.line_infos {
		font-size: 8pt;
	}
	.p_flags {
		height:16px !important;
		width:24px !important;
	}
	.tine-help-title {
		font-size:11pt;
	}
	.tine-help-body {
		font-size:10pt;
	}
	.vbhbutton {
		background-color: #666666 !important;
	}
	.tbc {
		border-bottom-color: #666666 !important;
	}
	.track-highlight{
		background: rgba(51, 51, 51, 0.85) !important;
		color: #ffffff;
	}
	.track-highlight_f{
		background: rgba(51, 51, 51, 0.85) !important;
		color: #e98701;
	}
	.friend-mutual{
		background: #ffffff !important;
		color: #333333 !important;
	}
	.fmutual a{
		font-weight: 500 !important;
	}
	.fmutual a:hover{
		color: #e98701;
	}
	.lbl_font {
		font-family: "Rajdhani" !important;
		font-style: normal !important;
	}
	.chooseAvatar {
	}
	.css-top {
		font-weight: 700 !important;
		color: red;
	}
	select.list1 option.option2{
		background: rgba(0, 0, 0, .65);
	}
	select.list1 option:hover { 
		background-color: white !important;
		color: rgba(0, 0, 0, .65) !important;
	}
}	
/* laptop */
@media (min-width: 1025px) {
	h3.edit-username{
		cursor: text;
    }
	#inner_buttom{
      height: 24%;
	  width: 60%;
      top:64%;
      position: relative;
      background:transparent;
	  padding-left: 8px;
	  background: linear-gradient(45deg, black, transparent);
    }
	.profil-bg {
		background-color: #FFFFFF;
		height: 500px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0px 2px 0px 0px;
	}
	.profil-dg{
		/*background: linear-gradient(45deg, #333333, transparent);*/
		background-image: -webkit-linear-gradient( left, rgba(51,51,51,0.65), rgba(0,0,0,0));
		height: 100%;
		width: 100%;
	}
	.overview-bg {
		background-color: #FFFFFF;
		height: 500px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0px 0px 0px 4px;
		opacity: 0.84;
	}
	.successes-bg {
		background-color: #676767 !important;
		height: 500px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.lines-map-history {
		height: 500px !important;
	}
	.lines-map-live {
		height: 500px !important;
	}
	.lines-map-pos {

	}
	.inner_profil_1_2_1{
		position: absolute;
		top: 6.6em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -3.5em;/*-3.9em;*/
	}
	.inner_profil_1_2_2{
		position: absolute;
		top: 7em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 1.2em;
	}
	.inner_profil_1_1{
		position: absolute;
		top: 4.5em;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		background: #e46c0a;
		padding: 0em 0.5em 0em 8px;
		text-align: center;
	}
	.inner_profil_1_2_1_0{
		position: absolute;
		top: 4.5em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -1.8em;
	}
	.inner_profil_1_2_2_0{
		position: absolute;
		top: 8.5em;
		color: white;
		font-weight: bold;
		line-height: 70px;
		width: 50 px;
		left: -5.6em;/*-3em*/
	}
	.inner_profil_1_1_0{
		position: absolute;
		bottom: 23%;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		line-height: 70px;
		background: #e46c0a;
		width: 55px;
		text-align: center;
		left: 0px;
	}
	.rotate-text-transform {
		font-size: 36pt;
		font-weight: bold;
		color:#ffffff;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
		display: inline-block;
		//background: rgba(0, 0, 0, .15);
	}
	.txt-css0{
		padding: 8px;
	}
	.head{
		background: #333333 !important;
	}
	.font_bold{
		font-weight: 700 !important;
	}
	.size16{
		font-size: 12px;
	}
	.cursor{
		cursor:pointer;
	}
	.col_sm {
		padding: 2px !important;
	}
	.ra_abo_bgColor_red {
		background: rgba(139, 39, 45, .83);
		color:#000000;
	}
	.ra_abo_bgColor_yellow {
		background: rgba(233, 135, 1, .83);
		color:#ffffff;
	}
	.ra_abo_bgColor_white {
		background: none;
		color:#e98701;
	}
	.btn-edit-vehicle {
		margin-top: 3px;
	}
	.race-analysis-body {
		background: #e46c0a;
	}
	.ra-abo {
		margin-bottom: 1px;
	}
	.gm-style-cc {
		display: none !important;
	}

	.gm-style a[href^="https://maps.google.com/maps"] {
		display: none !important;
	}
	/*.modal-content {
		background: rgba(0, 0, 0, .65);
		color: white;
		border-radius: 4px;
	}*/
	.profile_name {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-left: 8px;
		//background: rgba(0, 0, 0, .25);
	}
	.history_details {
		position: absolute;
		bottom: 0;
		background: rgba(51, 51, 51, .70);
		font-size: 15pt;
		padding-left: 8px;
	}
	.history_tops {
		position: absolute;
		bottom: 0;
		background: rgba(51, 51, 51, .70);
		width: 100%;
	}
	.history_pr {
		padding-right: 0.3em;
	}
	.class_profil {
		padding-left: 8px;
		font-size: 23pt;
		line-height: 40px;
	}
	.color_org {
		color: #eb780a;
	}
	.org_schrift_dg {
		color: #e98701;
	}
	.org_schrift_h {
		background: #e46c0a !important;
	}
	.org_btn {
		color: #ee7900;
	}
	.color_white {
		color: #ffffff;
	}
	.color_lightgray {
		color: lightgray;
	}
	.gray_6{
		background: #666666;
	}
	#profile-menu {
		display: unset;
		padding: 0px;
		margin-left: 10px;
	}
	.btn-warning{
		background-color: #ee7900;
		font-size: 8px;
	}
	.slider_btn{
		margin-left: 0.2em;
		margin-right: 0.2em;
		cursor: pointer;
	}
	.ovlt{
		cursor: pointer;
	}
	.slider_txt{
		float:right;
		margin-right: 6px;
		padding-top: 3px;
		font-size: 23pt;
	}
	.track_arrow {
		position: absolute;
		right: 0.3em;
		padding-right: 1%;
		cursor: pointer;
		top: 0.3em;
	}
	.track_video {
		position: absolute;
		right: 0.35em;
		top: 202px;
	}
	.track_frame{
		margin-left: 5px;
		border: 2px solid white;
		color: white;
		height: 230px !important;
	}
	.track_frame-p{
		height: 230px !important;
		width: 230px !important;
	}
	.track-item {
		margin: 5px;
		display: inline-block;
		vertical-align: top;
		height: 170px !important;
		width: 150px !important;
	}
	.track-item-p {
		margin: 5px;
		display: inline-block;
		vertical-align: top;
	}
	.track-el {
		border: 2px solid white;
		color: white;
		position: relative;
		height: 150px !important;
		width: 150px !important;
	}
	.track-map {
		position: relative;
		overflow: hidden;
	}
	.track-list {
		height: 250px !important;
		overflow-y: hidden;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.track-name {
		font-size: 14px;
		color: white;
		white-space: normal;
		margin-left: 5px;
	}
	.p_name1 {
		font-size: 15pt;
		top: 1.1em;
	}
	.p_name2 {
		font-size: 23pt;
		top: 0.4em;
	}
	.p_name3 {
		font-size: 15pt;
	}
	.cslidernr {
	}	
	.fp1 {
		font-size:20pt;
		font-weight: bold;
	}
	.fp2 {
		padding-top: 8px !important; padding-left: 10px !important;font-size: 15pt;
	}
	.rf_name1 {
		font-size: 14px;
		top: 1.1em;
	}
	.rf_name2 {
		font-size: 14px;
		top: 0.4em;
		font-weight: 600 !important;
		font-weight: bold; margin: 0;
	}
	.icon_arrow_right_bold_white_1 { 
		width: 12pt !important;
	}
	.icon_pop-out_white_1 {
		width: 12pt !important;
	}
	.icon_arrow_right_orange_1 { 
		height: 1.8em !important;
		width: 1.4em !important;
	}
	.icon_arrow_left_orange_1 { 
		height: 1.8em !important;
		width: 1.4em !important;
	}
	.icon_friends_1 { 
		/* height: 12pt !important; */
		width: 20.5pt !important;
	}	
	.lbl_friens {
		padding: 8px 0px 0px 8px;
		font-size: 14pt;
		font-weight:bold;
	}
	.lbl_machines {
		padding: 8px 0px 0px 8px;
		font-size: 14pt;
		font-weight:bold;
		padding: 6px;
		background: white;
	}
	.lbl_machines_esp {
		margin: 8px -8px 8px 8px;
	}
	.lbl_machines_p0 {
		padding: 0px !important;
	}
	.lbl_tracks {
		padding: 8px;
		font-size: 14pt;
		font-weight:bold;
	}
	.live-dev-bg {
		background: rgba(0, 0, 0, .65);
		width: 100%;
		height: 100%;
	}
	.live-inner_profil_1_2_1{
		position: absolute;
		top: 6.7em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: -3.6em;
	}
	.live-inner_profil_1_2_2{
		position: absolute;
		top: 3.85em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 2.3em;
	}
	.live-inner_profil_1_1{
		position: absolute;
		top: 4.7em;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		background: #e46c0a;
		padding: 0em 0.2em 0em 8px;
	}
	.live-inner_profil_1_2_1_0{
		position: absolute;
		top: 4em;
		color: white;
		font-weight: bold;
		/* line-height: 70px; */
		width: 50 px;
		left: 2.3em;
	}
	.live-inner_profil_1_2_2_0{
		position: absolute;
		top: 7em;
		color: white;
		font-weight: bold;
		line-height: 70px;
		width: 50 px;
		left: -4em;
	}
	.live-inner_profil_1_1_0{
		position: absolute;
		top: 4.7em;
		font-size: 36pt;
		color: white;
		font-weight: bold;
		line-height: 70px;
		background: #e46c0a;
		padding: 0em 0.5em 0em 8px;
		text-align: center;
		left: 0px;
	}
	.live-slider2_ref_lap {
		position: absolute;
		bottom: 0%;
		width: 99.5%;
		background: rgba(0, 0, 0, .25);
		padding: 4px;
		font-size: 18pt;
		padding-left: 4px;
		/* padding-right: 8px; */
		padding-bottom: 0px;
	}
	.live-slider1_today_best_my_record {
		position: absolute;
		bottom: 0%;
		width: 100%;
		background: rgba(0, 0, 0, .25);
		padding: 1.5%;
		font-size: 18pt;
		padding-left: 4px;
		padding-right: 8px;
		padding-bottom: 0px;
	}
	.live-slider1_line_name {
		padding-left: 4px !important;
		position: absolute;
		top: 16%;
		width: 100%;
		font-size: 23pt;
	}
	.live-slider1_line_date {
		position: absolute;
		top: 2px;
		right: 2px;
		font-size: 16pt;
		padding-left: 2px;
	}
	.live-slider1_center_left{
		position: absolute;
		top: 40%;
		font-size: 18pt;
		padding-left: 4px;
	}
	.live-slider1_center_right{
		position: absolute;
		top: 115px;
		right: 0.5em;
		padding-left: 0.5 em;
		left: 30%;
		bottom: 9em;
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
	}
	.live-map-arrow {
		position: absolute;
		right: 0.2em;
		top: -3em;
	}
	.live-line-map {
		position: unset !important;
		overflow: unset !important;
	}
	.line-map-png {
		/*height: 200px !important;
		width: 200px !important;
		margin:auto;
		padding: 0.5em;*/
		
		background-color: transparent;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		height: calc(100% - 16px);/*calc(100% - 28px);*/
		width: calc(100% - 16px);/*calc(100% - 20pt);*/
	}
	.live-s1-val1{
		font-weight: bold;
		font-size: 23pt;
	}
	.live-s1-val2{
		padding-top: 9px !important;
	}
	.live-s2-name{
		padding: 2px !important;
		font-size: 18pt;
		margin-left: 4px !important;
	}
	.live-s2-table-th{
		background: gray;
		font-size: 13pt;
		font-weight: bold;
		padding-left: 4px;
	}
	.live-s2-table-tr{
		font-size: 13pt;
		color:white;
		padding-left: 4px;
	}
	.live-lines{
		background: #676767;
		height: 280px !important;
	}
	.hl_link:hover {color: #e98701;}
	.laptimeChart {
		height: 450px;
		width: 100%;
	}
	.laptimeChart .canvasjs-chart-container .canvasjs-chart-canvas {
		width: 100% !important; 
		height: 462px !important; 
		position: absolute !important;
	}
	.next_level_record {
		width: 140px;
		text-align: center;
	}
	.freund_unfriend{
		font-size: 32px;
		font-weight: bold;
		position: absolute;
		top: 0px;
		width: 100%;
		/*background: rgba(0, 0, 0, .10);*/
		right: 4px;
	}
	.user-info{
		padding-top: 8px;
	}
	.summary-user-profile {}
	.friend-list {height: auto;}
	.live-profil-analyse:hover {cursor: pointer;font-style: italic;}
	.line_arrow {
		font-size: 15pt;
	}
	.line_infos {
		font-size: 12pt;
	}
	.p_flags {
		height:16px !important;
		width:24px !important;
	}
	.tine-help-title {
		font-size:12pt;
	}
	.tine-help-body {
		font-size:12pt;
	}
	.vbhbutton {
		background-color: #666666 !important;
	}
	.tbc {
		border-bottom-color: #666666 !important;
	}
	.track-highlight{
		background: rgba(51, 51, 51, 0.85) !important;
		color: #ffffff;
	}
	.track-highlight_f{
		background: rgba(51, 51, 51, 0.85) !important;
		color: #e98701;
	}
	.friend-mutual{
		background: #ffffff !important;
		color: #333333 !important;
	}
	.fmutual a{
		font-weight: 500 !important;
	}
	.fmutual a:hover{
		color: #e98701;
	}
	.lbl_font {
		font-family: "Rajdhani" !important;
		font-style: normal !important;
	}
	.chooseAvatar {
		margin-top: 18px;
	}
	.css-top {
		font-weight: 700 !important;
		color: red;
	}
	select.list1 option.option2{
		background: rgba(0, 0, 0, .65);
	}
	select.list1 option:hover { 
		background-color: white !important;
		color: rgba(0, 0, 0, .65) !important;
	}
}