@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
html,body {
    background-color: #e7e8e9;
    height: 100%;
    width: 100%;
}

/* Buttons */

.btn-primary {
    background-color: #0071BC;
}


/* Fonts */

html, body {
    font-family: 'Open Sans', 'Helvetica Neue', 'Verdana', sans-serif;
}
.btn, .ui-widget {
    font-family: 'Open Sans', 'Helvetica Neue', 'Verdana', sans-serif !important;
}

h1, h2, h3, h4, nav li a, .activity-title, .ui-accordion-header, .titleBox {
    font-family: Helvetica, 'Open Sans', 'Helvetica Neue', 'Verdana', sans-serif;
}

/* HEADER */
#header-container {
    max-width: unset;
}

/* GENERAL */

#wrapper {
	height: 100%;
    width: 100%;
    z-index: 1;
}

#trial-register {
    width: 100%;
    background-color: #00334f;
    color: white;
    text-align: center;
    font-weight: bold;
}

#trial-register {
    padding: 10px 5px;
}

#trial-register a {
    margin-left: 10px;
}

#page-wrapper {
	position: absolute;
	top: 64px;
	bottom: 0;
	left: 0;
	right: 0;
    width: 100%;
}

.wrapper-trial #page-wrapper {
    top: 98px; /* 64 + 34 px */
}

.no-margin {
    margin:0;
}

.no-padding {
    padding:0;
}

.no-float {
    float:none;
}

.inline {
    display:inline-block;
}


.cr {
    position: relative;
    display: block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: snap;
    margin-right: .5em;
    margin-left: 20.5em;
}


/* NAVIGATION */











@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}

@-o-keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}

.mra-icon-expert {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/stats/stats-rating-black.png);
    position: relative;
    display: inline-block;
    width: 1.28571429em;
    line-height: 1.42857143;
}
.mra-icon-expert:before {
    content: "\00a0";
}

.nav-actions #register-button, .nav-actions #login-button {
    display: inline-block;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 20px;
    color: white;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
    line-height: 20px;
}

.nav-actions #register-button {
    background: linear-gradient(90deg, rgba(30,109,47,1) 0%, rgba(97,166,65,1) 100%);
    margin-right: 10px;
    border: 1px solid white;
}

.nav-actions #login-button {
    background: linear-gradient(90deg, rgba(8,113,184,1) 0%, rgba(43,171,226,1) 100%);
    border: 1px solid white;
}

.nav-actions #register-button:hover, .nav-actions #register-button:focus,
.nav-actions #login-button:hover, .nav-actions #login-button:focus{
    opacity: 0.85;
}

@media(min-width: 1000px) {
    /* 62.5 rem */
    .nav-actions #register-button, .nav-actions #login-button {
        display: inline;
        width: auto;
        padding: 10px;
        border: none;
        border-radius: 20px;
    }
}

@media(min-width: 1120px) {
    /* 70 rem */
    .nav-actions #register-button, .nav-actions #login-button {
        padding: 10px 20px;
    }
}

/* BLOCKS */
.blocks-grid {
	height:100%;
}

.loading-container {
    background: #0B4B7D;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    z-index: 1000;
    justify-content: center;
    display: flex;
    align-content: center;
    align-items: center;
}

.loading-container > div {
    color: white;
    font-size: 30px;
}

.blocks-row {
	height: 100%;
    position: relative;
}

.blocks-row .left-block {
    width: 320px;
    float: left;
}

.blocks-row .left-block .dropdown-menu li {
    margin-left: 0;
}

.blocks-row .right-wrapper {
    overflow: hidden;
    height: inherit;
}

.blocks-row .right-block {
	position: relative;
	overflow: auto;
}

#wrapper.no-secondary-nav .blocks-row .right-block {
    height: 100%;
}

.blocks-row .right-block .scrollable {
    overflow-y: scroll;
    height: 100%;
}

/* MAP */

#mapcontainer, #map, #map-roundtour, #confirm-marker-placement, #pano, #map-expert {
    height:100%;
    width:100%;
}

#mapcontainer {
    position: relative;
}

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

#pano {
    position: absolute;
    left:0;
    top:0;
}

#pano .gm-iv-address {
    height: auto;
}

#map, #map-roundtour, #map-expert {
    position: absolute;
    left:0;
    bottom:0;
    z-index:10;
}

#map .circle, #map-roundtour .circle {
    width: 32px;
    height: 32px;
    line-height: 32px;
    /*background-image: url('circle.png');*/
    border-radius: 50%;
    background-color: rgb(16, 118, 187);
    color: #FFF;
    border: 1px solid #FFF;
    text-align: center;
}

#confirm-marker-placement {
    display: none;
    position: absolute;
    pointer-events: none;
    background-image: url(../images/icons/centre.png);
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2001;
}

#confirm-marker-info {
    display: none;
    width: 33%;
    left: 33%;
    position: absolute;
    padding: 15px;
    margin-top: 10px;
    text-align: center;
    background-color: white;
    border-radius: 4px;
    pointer-events: all;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#confirm-marker-info p:last-of-type {
    margin-bottom: 0;
}

.controls {
    margin-top: 9px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    background-color: #fff;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 500px;
    max-width: 50%;
}

#pac-input:focus {
    border-color: #4d90fe;
}

#pac-coordinates, #pac-confirm-marker-placement {
    /* Based on Google Maps button styling */
    display: none;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    border-radius: 2px;
    height: 28px;
    font-size: 13px;
    padding: 6px 10px;
}

#pac-meta {
    height: fit-content;
    font-size: 12px;
    width: auto;
}

#tutorial-box {
    height: auto;
    font-size: 12px;
    width: auto;
    cursor: pointer;
}

.editor-tutorial-button-container {
    margin-top: 20px;
    margin-bottom: 10px;
}



.editor-tutorial-button{
    background-color: rgb(43,171,226);
    margin-bottom: 5px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px 10px 5px 10px;
    color: white;
    width: 100%;
}

.editor-tutorial-button-generic {
    background-color: rgb(17, 96, 130);
    border-radius: 20px;
    padding: 7px 15px 7px 15px;
    color: white;
    cursor: pointer;
}

.editor-tutorial-button-generic:hover, .editor-tutorial-button-generic:visited, .editor-tutorial-button-generic:active, .editor-tutorial-button-generic:focus{
    text-decoration: none;
    color: white;
}

.tutorial-register {
    background: linear-gradient(90deg, rgba(30,109,47,1) 0%, rgba(97,166,65,1) 100%);
}

.tutorial-login {
    background: linear-gradient(90deg, rgba(8,113,184,1) 0%, rgba(43,171,226,1) 100%);
}

.tutorial-stop {
    background-color: #ce2727;
    margin-left: 10px;
}

.review-gtranslate-disclaimer {
    margin-top: 15px;
}

.reviewImgPreview {
    max-width: 150px;
    margin-top: 20px;
}

.reviewImg {
    max-width: 100%;
    max-height: 300px;
}

#reviewHeaderImage {
    width: 100%;
}

#reviewImg1Image {
    padding-right: 10px;
    width: 100%;
}

#reviewImg2Image {
    float: right;
    padding-left: 10px;
    width: 100%;
}

.reviewImg {
    max-width: 100%;
}

.reviewImgContainer {
    flex: 50%;
}

.reviewImgName {
    font-size: 12px;
    font-style: italic;
}

#reviewDisclaimer {
    font-style: italic;
    font-size: 12px;
    margin-top: 20px;
}

#reviewDisclaimer img {
    max-width: 20px;
}

.linkColumn {
    display: inline-block;
    width: 40%;
    margin-right: 10px;
}

#optionalImgContainer {
    display: flex;
    margin-bottom: 20px;
}

.dropdown-menu-tutorial {
    left: 50%;
    top: auto;
    margin-top: 10px;
}

#pac-coordinates {
    width: 28px;
    margin: 0 10px 0 0;
    background-color: rgb(255, 255, 255);
    color: black;
}

#pac-confirm-marker-placement {
    /*margin: 0 auto 20px auto;*/
    background-color: #0071bc;
    color: white;
    text-align: center;
    cursor: pointer;
}

#pac-confirm-marker-placement:hover, #pac-confirm-marker-placement:focus {
    background-color: #3071a9;
}

.pac-container {
    font-family: "Open Sans";
    z-index: 10000 !important;
}

.pac-container:after {
    background: none !important;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: 1px solid rgba(0,0,0,0.2) !important;
}

.leaflet-control-layers label {
    font-weight: 500 !important;
}

.leaflet-control-container > div {
    /*noinspection CssInvalidFunction*/
    transform: translate3d(0,0,0);
}

.leaflet-top{
    z-index: 2000 !important;
}

/* fix leaflet layer control zindex */
.leaflet-bottom{
    z-index:1000 !important;
}

a.leaflet-popup-close-button {
    width: 28px !important;
    height: 24px !important;
}

img.leaflet-marker-icon.leaflet-marker-draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    User-select: none;
}

.leaflet-marker-icon .mra-nearby-moment-container {
    display: flex;
    flex-direction: column;
}

.leaflet-marker-icon .mra-nearby-moment-container .mra-nearby-moment-pointer {
    border: 12px solid transparent;
    border-bottom-color: #0A334F;
    border-top: 0;
    align-self: center;
}

.leaflet-marker-icon .mra-nearby-moment-container .mra-nearby-moment {
    position: absolute;
    top: 9px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 3px solid #0A334F;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 300;
}

.gmap-control-legend {
    position: absolute;
    text-align: left;
    z-index: -1;
    top: 20px;
    right: 0;
    width: 200px;
    height: 100px;
    font-size: 12px;
    background: #FEFEFE;
    border: 1px solid #A9BBDF;
    padding: 10px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
}
.gmap-control-legend ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.gmap-control-legend li {
    line-height: 160%;
}

/* Sidebar */
.popover-attention {
    border-color: rgba(255, 0, 0, 0.8);
}

.popover-attention .popover-title {
    background: linear-gradient(#00ace9, #0066a7);
    color: white;
}

.popover-attention.right .arrow {
    border-right-color: rgba(255, 0, 0, 0.8);
}

.popover-attention.left .arrow {
    border-left-color: rgba(255, 0, 0, 0.8);
}

.popover-attention.top .arrow {
    border-top-color: rgba(255, 0, 0, 0.8);
}

.popover-attention.bottom .arrow {
    border-bottom-color: rgba(255, 0, 0, 0.8);
}

#sidebar {
	height: 100%;
    position: relative;
    background-color: white;
}

/*#sidebar:before {*/
/*    content: "";*/
/*    display: block;*/
/*    background: -webkit-linear-gradient(#00ace9, #0066a7);*/
/*    background: -o-linear-gradient(#00ace9, #0066a7);*/
/*    background: -moz-linear-gradient(#00ace9, #0066a7);*/
/*    background: linear-gradient(#00ace9, #0066a7);*/
/*    height: 41px; !* 40px for bar + 1px for border *!*/
/*    border-bottom: 1px solid #003c5e;*/
/*}*/

#contextsupport-store {
    display: none;
}

#sidebar > * {
    height: calc(100% - 41px);
    overflow: hidden;
}

#sidebar #reviewModal {
    overflow-y: auto;
}

/*#sidebar > *:first-of-type {*/
/*    border-right: 3px solid #d1d2d4;*/
/*}*/

#sidebar .collapse.in, #sidebar .tab-content, #sidebar #waypointscontainer {
    overflow-y: auto;
}

#sidebar #accordion .ui-tabs-nav {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

#sidebar #accordion .ui-tabs-nav > li {
    float: none;
    display: inline-block;
}

#sidebar #sidebar-contextsupport .ui-accordion-content {
    padding: 0;
}

#sidebar #mobile-toggle {
    display: none;
    position: absolute;
    top: 6px;
    right: 5px;
    z-index: 2;
}

#sidebar #accordion > .accordion-tab-headings {
    display: none;
}

#sidebar .ui-accordion-header {
    overflow: hidden;
    background-color: white;
}

#sidebar .section-header-image {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    max-height: 35px;
}

#sidebar .section-header {
    position: relative;
    min-height: 20px;
}

#sidebar #sidebar-contextsupport, #sidebar #sidebar-contextsupport > div {
    height: 100%;
    margin: 0;
}

#sidebar #sidebar-contextsupport .section-header {
    background-color: #d1d2d4;
    border-radius: 0;
    font-size: 16px;
    padding: 7px 20px;
}

.mra-icon-support {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icons/icon-logo-help.png);
    position: relative;
    display: inline-block;
    width: 1em;
    line-height: 1.42857143;
}
.mra-icon-support:before {
    content: "\00a0";
}

#sidebar #sidebar-contextsupport > div {
    overflow: hidden;
}

#sidebar-contextsupport iframe {
    border: none;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 4px);
}

#sidebar .section-subheader {
    position: static;
    font-size: 12px;
    float: none;
    padding-right: 8px;
}

#sidebar .sidebar-route section {
    background-color: white;
}

#sidebar .minimal-accordion-select section {
    display: none;
}

.minimal-accordion-select > #accordion:not(.ui-tabs) {
    height: calc(100% - 40px);
}

#sidebar-section-select-container {
    margin-top: 10px;
    text-align: center;
}

.section-select-image-container {
    display: inline-block;
    width: 40px;
}

.section-select-image-container > img {
    max-width: 25px;
    max-height: 18px;
}

#sidebar .minimal-accordion-select section .section-header-image, #sidebar .minimal-accordion-select section .section-header {
    display: none;
}

#sidebar .minimal-accordion-select #sidebar-contextsupport .section-header {
    background-color: white;
}

#sidebar ul,
#waypoints-split,
#clustermarkers{
	list-style-type: none;
}

#waypoints-split li.split, #waypoints-split li:last-child, #waypoints-split li:first-child {
    margin-left: 20px;
    border-left: 1px solid black;
}

#sidebar .sidebar-exclamation {
    display: none;
    position: absolute;
    right: 25px;
    top: 12px;
    font-size: 0.75em;
    line-height: 1.428571429;
}

#sidebar .sidebar-mrasocial .new-group, #sidebar .sidebar-mrasocial .new-event {
	margin: 0 0 10px 10px;
}

/*#sidebar .sidebar-mrasocial ul:not(.accordion-tab-headings) > li {*/
/*	margin: 0 auto 10px auto;*/
/*	border: 1px solid #d1d2d4;*/
/*	border-radius: 5px;*/
/*	height: 60px;*/
/*    width: calc(100% - 20px);*/
/*    font-size: 8.5pt;*/
/*    cursor: pointer;*/
/*    position:relative;*/
/*    font-weight:bold;*/
/*    background-color:#e7e8e9;*/
/*}*/

#friendsdiv ul, #eventsdiv ul, #groupsdiv ul {
    margin: 0;
    padding: 0;
}

/*#sidebar .sidebar-mrasocial ul.friend-requests > li,*/
/*#sidebar .sidebar-mrasocial ul.group-requests > li,*/
/*#sidebar .sidebar-mrasocial ul.event-requests > li {*/
/*	background-color: #00aeef;*/
/*	border: 1px solid #00aeef;*/
/*	color: #fff;*/
/*}*/

#sidebar .sidebar-mrasocial ul li .frienddisplayname {
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 56px;
    display: inline-block;
    white-space: nowrap;
}

#sidebar .sidebar-mrasocial ul.events li .frienddisplayname, #sidebar .sidebar-mrasocial ul.event-requests li .frienddisplayname,
#sidebar .sidebar-mrasocial ul.event-past li .frienddisplayname {
    line-height: 1.3em;
    margin: 14px 0;
}

#sidebar .sidebar-mrasocial .frienddisplayname {
    width: calc(100% - 67px); /* 46px picture + 14px picture margin + 7px 'right padding' */
}

#sidebar .sidebar-mrasocial ul.friend-requests li .frienddisplayname, #sidebar .sidebar-mrasocial ul.group-requests li .frienddisplayname,
#sidebar .sidebar-mrasocial ul.event-requests li .frienddisplayname {
    width: calc(100% - 87px); /* 46px picture + 14px picture margin + 7px 'right padding' + 20px actions */
}

#sidebar ul li a:hover {
	text-decoration:none;
}

/*#sidebar .sidebar-mrasocial ul li img {*/
/*	height: 46px;*/
/*	margin: 5px 7px;*/
/*    float: left;*/
/*}*/

/*#sidebar .sidebar-mrasocial div.actions {*/
/*	position:absolute;*/
/*	height: 56px;*/
/*	top: 25%;*/
/*	margin-top:-10px;*/
/*	right:5px;*/
/*	width:20px;*/
/*	text-align: right;*/
/*	font-size:20px;*/
/*}*/

#sidebar .sidebar-mrasocial div.actions .mobile-actions {
    display: none;
}

#sidebar .actions > .glyphicon {
    line-height: 20px;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid white;
    width: 20px;
    text-align: center;
    display: block;
    text-align: center;
}

#sidebar .actions .glyphicon:hover {
    background-color: white;
    color: #00aeef;
}

#sidebar .actions .glyphicon-ok {
    margin-bottom: -8px;
}

#sidebar .actions .glyphicon-remove {
    margin-top: 12px;
}

#sidebar .nothingfound {
    padding: 20px;
    text-align: center;
    background-color: #caebfc;
    color: #04283E;
    width: 100%;
}

#sidebar .custompoi {
    padding: 20px;
    text-align: center;
    color: #04283E;
    width: 100%;
}

#sidebar .events li.comingsoon {
    background-color: #caebfc;
    color: rgb(16, 118, 187);
    border:0;
}

#sidebar #sidebar-metadata a {
    color: inherit !important;
}

#sidebar #sidebar-comments .entry-box {
    padding: 0 10px;
}

#sidebar #sidebar-comments .commentList {
    max-height: none;
    height: calc(100% - 50px);
}

#sidebar #sidebar-comments .commentList a {
    color: #428bca;
}

#sidebar #sidebar-comments .commentList a:hover {
    text-decoration: underline;
}

#sidebar #newfriendmodal {
    height: 100%;
    overflow-y: auto;
}

.groups li .groupimagecrop, .group-requests li .groupimagecrop, .events li .eventimagecrop, .event-requests li .eventimagecrop,
.event-past li .eventimagecrop {
    display: inline-block;
    position: relative;
    width: 46px;
    height: 46px;
    overflow: hidden;
    margin: 5px;
    float: left;
}

.groups li img, .group-requests li img, .events li img, .event-requests li img, .event-past li img {
    margin: 0 !important;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100% !important;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#sidebar .sidebar-mrasocial .events li img.autoadd-event-icon, #sidebar .sidebar-mrasocial .event-requests li img.autoadd-event-icon,
#sidebar .sidebar-mrasocial .event-past li img.autoadd-event-icon {
    position: static;
    height: 1.2em !important;
    margin-right: 4px !important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.admin-controls {
    padding-left: 6px;
}

.admin-controls .button-container {
    display: inline-block;
    line-height: 48px;
}

.btn-fileupload {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.btn-fileupload input[type='file'] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    -ms-filter: 'alpha(opacity=0)';
    opacity: 0;
    direction: ltr;
    cursor: pointer;
    font-size: 100px;
}

div.admin-controls {
    min-height:48px;
    width:100%;
    background-color: #FFF;
    border-bottom: 1px solid #d1d2d4;
    line-height: 48px;
    top: 0;
    left: 0;
    z-index: 11;
}

/* Reisblog */
div#delfriend-container,
div#delgroup-container {
    display: none;
}
div#addfriend-container,
div#addgroup-container {
    display: none;
}
div#profile, #groupprofile, #eventprofile {
    height: auto;
    display: block;
    overflow: auto;
}

div#profile {
    background: linear-gradient(to right, #01507d, #0161a2);
}

#groupprofile, #eventprofile {
    background-color: #1a3765;
}




/** MRA Video **/

div#video-gallery-header{
    background: linear-gradient(to right, #01507d, #0161a2);
    height: auto;
    display: block;
    overflow: auto;
}

div#video-gallery-header video-gallery-header-logo{
    float:left;
    background-color: transparent;
    margin: 10px;
    width: 40%;
    height: 40%;
    position: relative;
}


div#video-gallery-header video-gallery-header-logo img{
    width:inherit;
    height:inherit;
}

#video-gallery-header-logo{
    margin: 10px;
    float: right;
}

@media (max-width: 641px){
    .video-logo-image{
        height: 45px;
        margin-right: 140px;
        margin-bottom: 0;
    }
    #create-video-Button{
        margin-right: 60px;
        margin-top: 0;
        margin-bottom: 0;
    }
}


@media (min-width: 642px){
    .video-logo-image{
        height: 45px;
        margin-right: 40px;

    }
}

#profile-title-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60px;
    padding-right: 5px;
}



div#videos-gallery-header.video-gallery-header-rounded {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#videos-gallery-header #create-video-ButtonContainer {
    /*float: right;*/
    /*margin-right: 10px;*/
    /*margin-top: 15px;*/

}

#create-video-ButtonContainer {

    float: right;
    margin-top: 15px;
    margin-right: 10px;
}

#create-video-Button{
    border-radius: 20px;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    padding-block-start: 8px;
    padding-block-end: 8px;
    color: #01507d;
    background-color: #fff;
    border-color: #ccc;
    font-size: 12px;
    font-family: "Open Sans";
    font-weight: 600;
}

#video-membership-Button{
    border-radius: 20px;
    padding-inline: 5px;
    padding-block: 5px;
    font-size: 12px;
    font-family: "Open Sans";
    font-weight: 400;
    color: #0a72b9;
    background-color: #fff;
    border-color: #ccc;
}

.video-membership-text-top{
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    color: white;
    font-size: 22px;
    margin-top: 40px;

}

.video-membership-text-bottom{
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    color: white;
    font-size: 24px;
    margin: 5px;
}

.video-membership-text-footer{
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    color: white;
    font-size: 22px;
    margin: 40px;
}

.video-membership-link{
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    color: white;
    font-size: 22px;

}

@media (max-width: 900px) {
    #create-video-ButtonContainer{
        margin: 25px;
        padding-right: 25px;
        padding-top: 25px;
    }

}

#video-gallery-title-decorator{
    display: inline-block;
    border: 1px solid
    #337ab7;
    font-size: 14px;
    padding: 4px 6px;
    border-radius: 12px;
    font-style: inherit;
    margin-right: 5px;
}

#hidden-div {
    width: 95%;
    height: 200px;
    margin-top: 20px;
    padding: 10px;
    margin-left: 50px;
}

@media only screen and (max-width: 800px){
    #hidden-div {
        margin-left: 20px;
    }
}

#video-gallery-text-content{
    margin-top: 30px;
}

.video-gallery-top-text{
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal;
    font-size: 45px;
    color: #337ab7;

}

.video-gallery-content-text {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    font-size: 35px;
    color: #337ab7;

}

#mra-videos-container{

}

#track-select-button{
    border-radius: 20px;
    padding-block-start: 5px;
    padding-block-end: 5px;
    font-size: 15px;
    font-family: "Open Sans";
    font-weight: 600;
    white-space: nowrap;



}

#route-select-button{
    border-radius: 20px;
    padding-block-start: 5px;
    padding-block-end: 5px;
    font-size: 15px;
    font-family: "Open Sans";
    font-weight: 600;
    white-space: nowrap;

}

.track-route-select-color{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;

}

.track-route-deselect-color {
    color: #337ab7;
    background-color: #e6e6e6;
    border: #e6e6e6;
}

.video-info-container{
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    margin-top: 30px;
    padding: 5px;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    border-radius: 15px;
    background: #E6E6E6;
    width: 100%;
    height: auto;
}

.video-info-header-text{
    font-size: 22px;
    color: #337ab7;
    font-family: "Open Sans";
    font-weight: 500;
    margin-bottom: 20px;
}

.video-Modal-header-text{
    font-family: "Open Sans";
    font-weight: 600;
    color: #337ab7;
    font-size: 16px;
}

#video-info-tracks, #video-info-routes{
    line-height: 1.3;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 15px;
}

#videoitem-select-buttongroup{
    text-align: center;
    box-shadow: 0 4px 8px 0
    rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 15px;
    background: #E6E6E6;
    width: 100%;
    height: auto;
    padding-inline: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 0px;
}

@media only screen and (max-width: 800px){
    #route-select-button, #track-select-button{
        padding-inline: 0px;
    }
}

@media only screen and (max-width: 767px){
    #route-select-button, #track-select-button{
        padding-inline: 25px;
    }
}

.novideologo{
    width: 280px;
    margin-bottom: 50px;

}

#video-gallery-scrollable #video-gallery-header > * {
    display: inline-block;
}

#video-gallery-scrollable{

    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 20px;
}

#video-gallery-title h4{
    margin: 10px;
    color: white;
}

.video-route-select, .video-track-select{
    background-color: #00aeef;
}

#videoInfoScrollable {
    background: rgb(3,55,83);
    background: linear-gradient(266deg, rgba(3,55,83,1) 0%, rgba(10,114,185,1) 100%);
}

div.video-item-select-Container {
    overflow:scroll;
    height: 500px;
    overflow-x: hidden;
}

#submit-render{
    border-radius: 20px;
    margin-top: 25px;
    padding-block-end: 8px;
    padding-block-start: 8px;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
    background-color: #337ab7;
    font-size: 15px;
    font-family: "Open Sans";
    font-weight: 600;
    white-space: nowrap;
}
@media (min-width:320px)  {
    .video-Modal-header-logo{
        width: 100%;
        margin-top: 10px;
    }
}


@media (min-width:667px)  {
    .video-Modal-header-logo{
        width: 70%;
        margin-top: 10px;
        margin-left: 80px;
    }
    #create-video-ButtonContainer{
        margin-right: -15px;
    }
}

@media (min-width:1025px)  {
    .video-Modal-header-logo{
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }

    #create-video-ButtonContainer{
        margin-right: 10px;
    }


}





.rendercard, .mravideocard{
    width: calc(100% - 10px);
    margin: 0 auto 20px auto;
    height: auto;
    display: inline-block;
    padding: 0.75rem;


}

.cinemacard{
    width: 70%;
    margin: 0 auto 20px auto;
    height: auto;
    padding: 0.75rem;
}



.rendercard, .mravideocard* {
    overflow: hidden;
}

.rendercardtop, .mravideocardtop{
    overflow: visible !important;
}

.rendercardtop .rendershare, .mravideocardtop {
    overflow: visible !important;
}

.rendercard .mravideocard * a {
    color: #29ABE2;
}

.rendercardtop, .mravideocardtop, .rendercardcontentstatus, .rendercardbottom, .mravideocardcontentstatus {
    display: block;
}

.rendercardtop, .mravideocardtop {
    padding: 10px;
    height: 50px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
}

.rendercardbottom{
    padding: 10px;
    height: 58px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
}

.rendercardbottomtext{
    font-family: "Open Sans";
    font-weight: 500;
    color: #0161a2;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 90px;
    text-align: center;
}



.videocardtop {
    border-top: 1px solid #d1d2d4;
    border-left: 1px solid #d1d2d4;
    border-right: 1px solid #d1d2d4;
    border-radius: 10px 10px 0 0;
}

.rendertitle, .mravideotitle, .rendercontent, .rendershare, .videocreator, .videovote {
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
}

.rendertitle,.mravideotitle {
    color: #0161a2;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 165px; /* Fallback */
    max-width: calc(100% - 0.5em);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Open Sans";
    font-size: 14px;
}

.rendertitle-text{
    margin-top: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Open Sans";
    font-weight: 600;

}

.cinematitle{
    color:
            #0161a2;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 165px;
    max-width: calc(100% - 0.5em);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Open Sans";
    font-size: 14px;
    text-align: center;
}
.cinematitle{
    line-height: 30px;
    font-size: 14px;
}

.rendertitleroute, .mravideotitleroute {
    max-width: 135px; /* Fallback */
    max-width: calc(100% - 4em) !important;
}


.rendercontent .fa-stack.fa-lg, .rendershare .fa-stack.fa-lg {
    font-size: 1.5rem;
    transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
}

.rendercontent .fa-stack.fa-lg:hover, .rendershare .fa-stack.fa-lg:hover {
    font-size: 1.6rem;
}

@media (max-width: 1440px) {
    .rendercard .mravideocard{
        width: 33%;
    }
}
@media (max-width: 1050px) {
    .rendercard .mravideocard{
        width: 50%;
    }
}

#removeItem-buttongroup{
    float: right;
}

.rendercardcontentstatus, .mravideocardcontentstatus {
    background-size: cover;
    background-position: center;
    /*border-left: 1px solid #d1d2d4;*/
    /*border-right: 1px solid #d1d2d4;*/
    /*height: 130px;*/
}
/**
TODO: deze werkt nu niet?

.rendercardcontentstatus .statuswrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


 **/

.rendercardcontentstatus .statuswrapper, .rendercardcontentstatus .statuswrapper-queued,.rendercardcontentstatus .statuswrapper-busy,.rendercardcontentstatus .statuswrapper-failed, .mravideocardcontentstatus .statuswrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;

    background-color: rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
}

.ldBar{
    width: auto;

}



.statuswrapper-queued{
    background-image: url("../images/video/video-clock-queued.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 20px;
}

.statuswrapper-busy{
    background-image: url("../images/video/video-clock-loading.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 20px;
}
.statuswrapper-failed{
    background-image: url("../images/video/video-clock-failed.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 20px;
}


.rendercardcontentstatus .statuswrapper:hover, .rendercardcontentstatus .statuswrapper-queued:hover, .rendercardcontentstatus .statuswrapper-busy:hover,.rendercardcontentstatus .statuswrapper-failed:hover, .mravideocardcontentstatus .statuswrapper:hover{
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
}

rendercardcontentstatus .statuswrapper-queued .statuslogo,rendercardcontentstatus .statuswrapper-busy, rendercardcontentstatus .statuswrapper-failed .statuslogo, .statuslogo, .mravideocardcontentstatus .statuswrapper .statuslogo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
    font-size: 36px;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    transition: 0.25s ease;

}

.statuscircle{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.mravideo-share-button{
    float: right;
    height: 25px;
}

@media (min-width:320px)  {
    /* smartphones, iPhone, portrait 480x320 phones */
    .statuslogo{
        top: 30%;
    }
    .statuscircle{
        width: 180px;
        height: 180px;
    }
    .rendercardbottomtext{
        font-size: 20px;
        top: 45%;
    }
}
@media (min-width:481px)  {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    /* smartphones, iPhone, portrait 480x320 phones */
    .statuslogo{
        top: 30%;
    }
    .statuscircle{
        width: 300px;
        height: 300px;;
    }
    .rendercardbottomtext{
        font-size: 20px;
        top: 45%;
    }
}
@media (min-width:641px)  {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .statuscircle {
        width: 250px;
        height: 250px;
    }
}

@media (min-width:961px)  {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .rendercardbottomtext {

        font-size: 8px;
        top: 45%;

    }
    .statuslogo {
        top: 40%;
        width: 20px;
    }
    .statuscircle {
        width: 80px;
        height: 80px;
    }

}
@media (min-width:1025px) {
    .statuscircle {
        width: 120px;
        height: 115px;
    }

    .statuslogo{
        top: 38%;
        width: 38px;
    }

    .rendercardbottomtext{
        font-size: 14px;
        top: 50%;
    }
}
@media (min-width:1281px) {
    /* hi-res laptops and desktops */
}

.rendercardcontentstatus .statuswrapper:hover .statuslogo, .rendercardcontentstatus .statuswrapper-queued:hover.statuslogo,.rendercardcontentstatus .statuswrapper-busy:hover.statuslogo,.rendercardcontentstatus .statuswrapper-failed:hover.statuslogo,.mravideocardcontentstatus .statuswrapper:hover .statuslogo{
    font-size: 48px;
    color: #e62117;


}

.rendercardcontentstatus{
    background: whitesmoke;
}

#rendercardcontentbg{
    background-color: black;

}
.rendercardforcedheight{
    padding-top: 56.25%;
}

.rendercardbottom, mravideocard {
    border-bottom: 1px solid #d1d2d4;
    border-left: 1px solid #d1d2d4;
    border-right: 1px solid #d1d2d4;
}

#videocardbottom{
    height: 58px;
}






/**Profile  **/

div#profile.profile-rounded {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

div#profile #profile-picture {
    float:left;
    background-color: transparent;
    margin: 10px;
    width: 40px;
    height: 40px;
    position: relative;
}

div#profile.profile-achievements #profile-picture {
    margin-right: 35px;
}

div#profile.profile-achievements #profile-picture:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 67px;
    height: 40px;
    background-image: url("../images/achievements/profile-icon.png");
    background-size: cover;
    background-position: left center;
}

div#profile #profile-picture img {
    width:inherit;
    height:inherit;
    border-radius: 50%;
}

div#profile.profile-achievements #profile-picture img {
    position: absolute;
    padding: 4px;
    z-index: 2;
}

div#profile #profile-title, div#profile.profile-achievements #profile-title-achievements h5 {
    color: #88e0ff;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}

div#profile #profile-title {
    line-height: 60px;
}

div#profile.profile-achievements #profile-title-achievements {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60px;
    padding-right: 5px;
}

div#profile.profile-achievements #profile-title-achievements h5 {
    margin: 5px 0;
}

div#profile.profile-achievements #profile-title-achievements p {
    color: white;
    margin-bottom: 5px;
}

div#profile #profile-bio {
    margin-top:5px;
    max-height: 85px;
    color:#FFF;
    font-size:10pt;
    width:80%;
    overflow: auto;
}

div#profile #addGroupButtonContainer, div#profile #addEventButtonContainer {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;

}

#groupListScrollable #profile > * {
    display: inline-block;
}

#profileblock {
    font-size: 0;
}

#profileblock > * {
    font-size: initial;
}

#profileblock * h4 {
    font-size: 16px;
}

#profileblock * h5 {
    font-size: 14px;
}

#profileblock #profiletable * p, #profileblock #profiletable * a, #profileblock #profiletable * textarea,
#profileblock #profilemoments * p, #profileblock #profilemoments * a, #profileblock #profilemoments * textarea {
    font-size: 14px;
}

#profileblock * textarea {
    resize: none;
    height: 120px;
    max-height: 120px;
}

#profile-edit-more, #profile-edit-save {
    display: none;
}

#profileblock .profile-picturecontrols {
    display: inline-block;
    position: relative;
}

#profile-edit-userpicturebuttons, #profile-edit-ridepicturebuttons {
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
}

#profile-edit-userpicturecropframe, #profile-edit-ridepicturecropframe {
    width: 100%;
    height: 350px;
}

#profiletable {
    background: #0A334F;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}

#profiletable tr td {
    padding: 5px 15px 15px 15px;
    vertical-align: top;
    color: white;
}

#profiletable tr td p, #profiletable tr td textarea {
    font-family: 'Open Sans';
}

#profiletable tr#profiletable-user > td {
    border-bottom: 1px solid #003C5E;
}

#profiletable tr#profiletable-user td:first-of-type {
    border-right: 1px solid #0A4B77;
    font-size: 0;
}

#profiletable tr#profiletable-ride > td {
    background-color: white;
    color: #333333;
    border-bottom: 1px solid #CCCCCC;
}

#profiletable tr#profiletable-ride > td > h4 {
    color: #0071BC;
}

#profiletable tr td:first-of-type {
    width: 281px;
    max-width: 281px;
    height: 179px;
    max-height: 179px;
    border-left: none;
}

#profiletable tr td:last-of-type {
    border-right: none;
}

#profiletable tr td h4 {
    color: #62DBFF;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#profiletable tr td h4 .profile-flag {
    height: 18px;
}

#profiletable tr td .profile-picture, #profiletable tr td .profile-status {
    width: 120px;
    height: 120px;
}

#profiletable tr td .profile-picture {
    margin-right: 10px;
    border-radius: 50%;
}

#profiletable tr td .ride-picture {
    width: 250px;
    height: 120px;
}

#profiletable tr td .profile-bio, #profiletable tr td .ride-bio {
    max-height: 120px;
    margin-bottom: 0;
    overflow: auto;
}

#profilemap {
    background-color: white;
    width: 100%;
}

#profilemap h4, #profilemoments h4, #profilemoments h5 {
    color: #006AB9;
    font-weight: 600;
    padding: 10px 0;
    margin: 0 0 0 10px;
}

#profilemap #profilemapframe, #profilemap #profilemapplaceholder, #profilemap #mapcontainer {
    width: 100%;
    height: 500px;
}

#profilemap #profilemapframe, #profilemap #mapcontainer {
    display: none;
}

#profilemap #profilemapplaceholder {
    background-image: url("../images/backgrounds/background-world.png");
    background-size: cover;
    background-position: center;
}

#profilemapplaceholder table {
    width: 100%;
    height: 100%
}

#profilemapplaceholder td {
    background-color: rgba(255, 255, 255, 0.75);
    text-align: center;
    font-size: 20px;
    color: #0071bc;
    font-weight: bold;
    padding: 10px;
    transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
}

#profilemapplaceholder td:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 22px;
}

#profilemoments {
    width: 100%;
    background-color: white;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

#profilemomentsoverview {
    width: 50%;
    max-width: 435px;
    border-right: 1px solid #E5E5E5;
}

#profilemomentsoverview .content {
    height: 410px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

#profilemomentsoverview .momentbox {
    cursor: pointer;
    margin: 10px;
    width: calc(50% - 20px);
    padding-bottom: 28.125%; /* 16:9 = 56.25% padding, but use half here to get a roughly 16:9 image */
    box-sizing: border-box;
    display: inline-block;
    background-image: url("../images/icons/default-moment.png");
    background-size: cover;
    background-color: #eee;
}

#profilemomentsoverview .momentbox-selected {
    border: 2px solid #00A4E3;
}

#profilemomentsoverview .loader {
    text-align: center;
    padding: 20px;
}

#profilemomentsdetail {
    -webkit-flex: 1;
    flex: 1;
}

#profilemomentsdetail .header * {
    display: inline-block;
}

#profilemomentsdetail .header-meta, #profilemomentsdetail .header-track {
    margin-left: 10px;
}

#profilemomentsdetail .header-meta, #profilemomentsdetail .header-track a {
    color: #808080;
}

#profilemomentsdetail .header h4 {
    margin-left: 0;
}

#profilemomentsdetail .header h5 {
    font-weight: normal;
}

#profilemomentsdetail .header-track {
    float: right;
    padding-right: 10px;
    line-height: 36px;
    color: #29ABE2;
    font-family: 'Open Sans';
}

#profilemomentsdetail .momentimagebox {
    margin: 10px;
    width: calc(100% - 20px) !important;
    height: 350px;
    box-sizing: border-box;
    background-color: #eee;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#profilemomentsdetail .momentimagebox span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#profilemomentsdetail .momentimagebox img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

#profilemomentsdetail #momentdetaildate {
    font-family: 'Open Sans';
}

#profilemomentsdetail .detail {
    overflow-y: auto;
    padding: 10px;
    min-height: 60px;
    font-family: 'Open Sans';
}

#profilemomentsdetail .detail p {
    margin: 0;
}

#profileplaceholder {
    margin: 50px 0;
    width: 100%;
    vertical-align: bottom;
    background-image: url("../images/backgrounds/background-mountains.png");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
}

#profileplaceholder h1 {
    font-weight: 300;
    padding-bottom: 40px;
    color: #939598;
}

#profileplaceholder img {
    visibility: hidden;
    width: 100%;
}

div#agenda {
    background: -webkit-linear-gradient(#0f75bc, #0a4b7d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0f75bc, #0a4b7d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0f75bc, #0a4b7d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0f75bc, #0a4b7d); /* Standard syntax */
    height: 90px;
    display: block;
    color:#FFF;
}

div#agenda #daysContainer {
    overflow-x: auto;
    overflow-y: hidden;
}

.fixed {
    position: absolute !important;
    top: 0;
    z-index: 100;
    width: 100%;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

div#month {
    background: -webkit-linear-gradient(#0f75bc, #1b3664); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0f75bc, #1b3664); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0f75bc, #1b3664); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0f75bc, #1b3664); /* Standard syntax */
    height: 30px;
    border-radius:20px;
    margin: 0 5px;
}

div#month .container {
    width: 100%;
    line-height: 30px;
    text-align:center;
}

div#agenda ul {
    margin:0;
    padding:0;
    white-space: nowrap;
}

div#agenda ul li {
    display: inline-block;
    list-style-type: none;
    font-weight:bold;
    height:60px;
    padding:0 10px;
    text-align:center;
    line-height: 50px;
    position:relative;
}

div#agenda ul li.active{
    background-color:#243d68;
}

div#agenda ul li img{
    width:20px;
    position:absolute;
    bottom:10px;
    left:50%;
    margin-left:-10px;
}

div#agenda #month {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div#agenda #previous-month:hover, div#agenda #next-month:hover {
    cursor: pointer;
}

div#agenda input {
    height:20px;
    margin-top:5px;
    color:white;
    line-height:20px;
    text-align: center;
    background-color: transparent;
    border: 0;
    cursor:pointer;
}

.ui-datepicker-calendar {
    display: none;
}

#ui-datepicker-div {
    display: none;
    z-index: 9999 !important;
}

#ui-datepicker-div.full-picker  .ui-datepicker-calendar {
    display: block;
}

#rally-reset-working, #rally-reset-post {
    display: none;
}

#achievementsblock {
    background-color: white;
    min-height: calc(100% - 10px);
}

#achievementsblock #list {
    width: 90%;
    max-width: 1300px;
    margin: 10px auto;
}

#achievementsblock #list.list-flex .row { /* This is to prevent problems when wrapping with various heights, adjusted from Bootstrap 4 */
    display: flex;
    flex-wrap: wrap;
}

#achievementsblock #list.list-flex .row > [class*='col-'] { /* This is to prevent problems when wrapping with various heights, adjusted from Bootstrap 4 */
    display: flex;
    flex-direction: column;
}

#achievementsblock #list p {
    font-weight: normal;
    font-size: 13px;
}

#achievementsblock #list h2 img, #achievementsblock #list h4 img {
    display: inline-block;
}

#achievementsblock #list h2 img {
    height: 1em;
    vertical-align: top;
}

#achievementsblock #list h4 {
    margin-top: 30px;
    margin-bottom: 5px;
}

#achievementsblock #list h4 img {
    height: 0.8em;
    vertical-align: unset;
}

#achievementsblock #list h4 ~ p {
    max-width: 75%;
}

#achievementsblock .achievement-item {
    text-align: center;
}

#achievementsblock .achievement-item h5 {
    font-weight: bold;
    margin-bottom: 5px;
}

#achievementsblock .achievement-item p {
    font-size: 12px;
}

#achievementsblock .achievement-item .achievement-remainingprogress {
    color: #2284c5;
}

#achievementsblock .achievement-item .achievement-picture {
    position: relative;
    padding: 7.5% 0;
}

#achievementsblock .achievement-item .achievement-picture-completed {
    background-image: url("../images/achievements/profile-complete.svg");
    background-size: cover;
    background-position: center;
}

#achievementsblock .achievement-item .achievement-picture img:first-of-type {
    width: 85%;
    margin: 0 auto;
    display: block;
}

#achievementsblock .achievement-item .achievement-picture .achievement-picture-country {
    width: 40%;
    position: absolute;
    left: 30%;
    bottom: 27.5%;
}

#achievementsblock .achievement-item .achievement-progress-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#achievementsblock .achievement-item .achievement-progress-circle {
    stroke-linecap: round;
}

#achievementsblock .achievement-item-inactive .achievement-picture {
    opacity: 0.5;
}

#achievementsblock #list .achievement-item .achievement-rank {
    display: block;
    padding: 5px;
    font-weight: bold;
    margin-top: 5px;
    border: 1px solid #f7931e;
    background: linear-gradient(to right, #f39200 0%, #ffe87d 30%, #ffd600 38%, #f9b22d 100%);
    border-radius: 13px;
    color: #0a334f;
}

#achievementsblock .achievement-item .achievement-rank-filler {
    opacity: 0;
}

/* Groups */
#group-rules-modal, #event-rules-modal {
    white-space: initial;
}

#group-edit-save, #event-edit-save {
    display: none;
}

#groups-top, #event-top {
    background: -webkit-linear-gradient(#1A73BA, #0B4B7D);
    background: -moz-linear-gradient(#1A73BA, #0B4B7D);
    background: linear-gradient(#1A73BA, #0B4B7D);
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    color: white;
}

#group-image, #group-bio, #event-image, #event-bio {
    vertical-align: top;
    padding: 5px 15px 15px 15px;
}

#group-image {
    width: 270px;
    height: 180px;
    background-size: cover;
    background-position: center;
}

#event-image {
    width: 300px;
    height: 200px;
    background-size: cover;
    background-position: center;
}

input.inline-edit, textarea.inline-edit {
    width: 100%;

    /* Eliminate borders and padding */
    border: none;
    padding: 0;
    margin: 0;

    /* Inherit the parent element's typography */
    font: inherit;
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    text-align: inherit;
    background-color: transparent !important;
    box-shadow: none;
    cursor: default !important;

    /* Seems to help alignment in headers */
    vertical-align: top;
}

.inline-edit-btn button, .inline-edit-btn:hover button {
    background-color: transparent !important;
    color: white;
    border-color: transparent !important;
    opacity: 1 !important;
}

.inline-edit-btn button .caret {
    display: none;
}

#group-edit-picturebuttons, #event-edit-picturebuttons {
    display: none;
}

#group-edit-picturebuttons > span, #event-edit-picturebuttons > span {
    display: inline-block;
    width: auto;
}

#group-bio #group-edit-title, #event-bio #event-edit-title {
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#group-edit-typeblock button, #event-edit-typeblock button {
    height: 38px;
}

#group-edit-type, #event-edit-type {
    display: none;
}

#event-bio #event-edit-date-editable {
    display: none;
}

#event-bio #event-edit-date-editable > .input-group {
    width: 50%;
    float: left;
}

#event-bio #event-edit-date-start {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#event-bio #event-edit-date-end {
    z-index: 1;
}

#event-bio #date-addon-end {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#group-bio #group-edit-title.inline-edit, #event-bio #event-edit-title.inline-edit {
    color: #62dbff;
}

#group-bio #group-edit-bio, #event-bio #event-edit-bio {
    resize: none;
    margin-bottom: 10px;
}

#group-bio #group-edit-bio {
    height: 90px;
    max-height: 90px;
}

#event-bio #event-edit-bio.inline-edit {
    height: 80px;
    max-height: 80px;
}

#event-bio #event-edit-bio {
    height: 76px;
    max-height: 76px;
}

#group-bio #group-entry-buttons, #event-bio #event-entry-buttons {
    margin: 0;
}

#group-bio #button-delete-group, #event-bio #button-delete-event {
    display: none;
}

#event-bio #button-joinable-event {
    display: none;
    margin: 0;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

#eventprofile #button-closed-event {
    color: white;
}

#event-bio #checkbox-event-joinable, #event-bio #checkbox-event-autoadd {
    vertical-align: middle;
    margin: 0;
}

#event-bio #button-autoadd-event {
    display: none;
}

#event-bio #button-navigation-event {
    display: none;
    margin: 0;
    color: #222222;
    font-weight: bold;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    cursor: default;
}

#event-bio #button-navigation-event img {
    height: 1.3em;
}

#group-messages, #event-messages {
    background-color: white;
    margin: 10px;
    border: 3px solid #d1d2d4;
    border-radius: 10px;
    padding: 20px;
    overflow: hidden;
}

#group-messages {
    height: calc(100% - 180px - 20px); /* profile top - margin */
}

#event-messages {
    height: calc(100% - 70px - 20px); /* mini profile top - margin */
}

#group-messages .entry-box, #group-messages .refresh, #event-messages .entry-box, #event-messages .refresh {
    float: left;
    display: inline-block;
    margin-bottom: 10px;
}

#group-messages .entry-box, #event-messages .entry-box {
    max-width: 75%;
}

#group-messages .refresh, #event-messages .refresh {
    margin-left: 5px;
}

#group-messages .clear-both, #event-messages .clear-both {
    width: 100%;
    border-top: 1px solid #d1d2d4;
}

#group-members, #event-members {
    background-color: white;
    min-height: calc(100% - 180px); /* profile top */
}

#group-members-invited, #group-members-pending, #event-members-invited, #event-members-pending {
    display: none;
}

#group-members .members-title, #event-members .members-title {
    border-bottom: 1px solid #62dbff;
    padding: 10px 20px;
}

#group-members .members-title h4, #event-members .members-title h4 {
    color: #0071bc;
    margin: 0;
    clear: both;
}

#group-members .members-title .sorting, #event-members .members-title .sorting {
    float: right;
    transition: all 0.5s ease;
}

#group-members .members-title .sorting:hover, #event-members .members-title .sorting:hover {
    color: #29abe2;
    cursor: pointer;
}

#group-members .members-users, #event-members .members-users {
    padding: 10px 20px;
}

#group-members .members-users .group-members-noresults, #event-members .members-users .event-members-noresults {
    color: #707070;
}

#group-members .member-block, #event-members .member-block {
    display: inline-block;
    margin: 0 20px 20px 0;
}

#group-members .member-block .member-userpicture, #event-members .member-block .member-userpicture {
    display: block;
    width: 120px;
    height: 120px;
    position: relative;
}

#group-members .member-block .member-left, #group-members .member-block .member-right,
#event-members .member-block .member-left, #event-members .member-block .member-right {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: white;
    color: #707070;
    border-radius: 50%;
    border: 1px solid #707070;
}

#group-members .member-block .member-left:hover, #group-members .member-block .member-right:hover,
#event-members .member-block .member-left:hover, #event-members .member-block .member-right:hover {
    background-color: #707070;
    color: white;
}

#group-members .member-block .member-left .fa, #group-members .member-block .member-right .fa,
#event-members .member-block .member-left .fa, #event-members .member-block .member-right .fa {
    display: block;
    vertical-align: middle;
    text-align: center;
    line-height: 22px;
}

#group-members .member-block .member-left, #event-members .member-block .member-left {
    bottom: 0;
    left: 0;
}

#group-members .member-block .member-right, #event-members .member-block .member-right {
    bottom: 0;
    right: 0;
}

#group-members .member-block .member-userpicture img, #event-members .member-block .member-userpicture img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

#group-members .more-block .member-morepicture, #group-members .loading-block .member-morepicture,
#event-members .more-block .member-morepicture, #event-members .loading-block .member-morepicture {
    margin: 30px;
    width: 60px;
    height: 60px;
    border: 1px solid #707070;
    border-radius: 50%;
}

#group-members .invite-block .member-invitepicture, #event-members .invite-block .member-invitepicture {
    width: 120px;
    height: 120px;
    background-color: #0071bc;
    border: 2px solid #357ebd;
    border-radius: 50%;
}

#group-members .more-block .member-morepicture:hover, #event-members .more-block .member-morepicture:hover {
    cursor: pointer;
    background-color: #707070;
}

#group-members .invite-block .member-invitepicture:hover, #event-members .invite-block .member-invitepicture:hover {
    cursor: pointer;
    border-color: #285e8e;
}

#group-members .loading-block .member-morepicture, #group-members .loading-block .member-morepicture:hover,
#event-members .loading-block .member-morepicture, #event-members .loading-block .member-morepicture:hover {
    cursor: auto;
    background-color: #707070;
}

#group-members .more-block .member-morepicture:hover .fa, #event-members .more-block .member-morepicture:hover .fa {
    color: white;
}

#group-members .more-block .member-morepicture .fa, #group-members .loading-block .member-morepicture .fa,
#event-members .more-block .member-morepicture .fa, #event-members .loading-block .member-morepicture .fa {
    font-size: 2em;
    text-align: center;
    display: block;
    line-height: 56px;
}

#group-members .more-block .member-morepicture .fa, #event-members .more-block .member-morepicture .fa {
    color: #707070;
}

#group-members .invite-block .member-invitepicture .fa, #event-members .invite-block .member-invitepicture .fa {
    font-size: 3em;
    text-align: center;
    display: block;
    line-height: 118px;
    margin-left: 6px;
}

#group-members .loading-block .member-morepicture .fa, #group-members .invite-block .member-invitepicture .fa,
#event-members .loading-block .member-morepicture .fa, #event-members .invite-block .member-invitepicture .fa {
    color: white;
}

#group-members .member-block .member-username, #group-members .more-block .member-morename *, #group-members .member-invitename *,
#event-members .member-block .member-username, #event-members .more-block .member-morename *, #event-members .member-invitename *{
    display: block;
    max-width: 120px;
    text-align: center;
    padding: 10px 5px;
    color: #707070;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#group-invite .typeahead, #event-invite .typeahead {
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
}

#group-invite-selected, #event-invite-selected, #friend-invite-selected {
    padding: 5px;
    margin-bottom: 0;
    max-height: 200px !important;
}

#group-invite-selected > div, #event-invite-selected > div, #friend-invite-selected > div {
    margin-bottom: 5px;
}

/* Events */
#groupprofile #group-picture, #eventprofile #event-picture {
    float:left;
    background-color: transparent;
    margin: 10px;
    width: 75px;
    height: 50px;
}

#groupprofile #group-picture img, #eventprofile #event-picture img {
    width:inherit;
    height:inherit;
    border-radius: 5px;
}

#groupprofile #profile-title, #eventprofile #profile-title {
    margin: 10px 0;
    color: white;
    float: left;
}

#groupprofile #profile-title h4, #eventprofile #profile-title h4 {
    margin: 0;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#groupprofile #profile-title h4 {
    line-height: 50px;
}

#eventprofile #profile-title h4 {
    line-height: 30px;
}

#eventprofile #profile-title p {
    margin: 0;
    line-height: 20px;
}

#eventprofile #profile-title p img {
    height: 18px;
}

#groupprofile #profile-actions, #eventprofile #profile-actions {
    margin: 10px;
    line-height: 50px;
    float: right;
}

#groupmap {
    background-color: white;
    width: 100%;
    height: 90%;
}

#groupmap h4 {
    color: #006AB9;
    font-weight: 600;
    padding: 10px 0;
    margin: 0 0 0 10px;
}

#groupmap #groupmapframe, #groupmap #groupmapplaceholder, #groupmap #mapcontainer {
    width: 100%;
    height: 650px;
}

#groupmap #groupmapframe, #groupmap #mapcontainer {
    display: none;
}

#groupmap #groupmapplaceholder {
    background-image: url("../images/backgrounds/background-world.png");
    background-size: cover;
    background-position: center;
}

#groupmapplaceholder table {
    width: 100%;
    height: 100%
}

#groupmapplaceholder td {
    background-color: rgba(255, 255, 255, 0.75);
    text-align: center;
    font-size: 20px;
    color: #0071bc;
    font-weight: bold;
    padding: 10px;
    transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
}

#groupmapplaceholder td:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 22px;
}

#map.event-map {
    width: 100%;
    height: 400px;
    display: none;
    position: relative;
}

#map.event-map .leaflet-control-geocoder {
    width: 350px;
}

#map.event-map .leaflet-control-geocoder-form input {
    width: 296px;
}

#eventtrackinfo {
    background-color: #1a3765;
    color: white;
    border-top: 1px solid #83d5f7;
}

#eventtrackinfo p {
    line-height: 40px;
    margin: 0 10px;
}

#eventtrackinfo .btn {
    margin: 9px 0;
}

/* Changelogs */
#changelog-modal.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -o-transform: translate(25%, 0);
    transform: translate(25%, 0);
}

#changelog-modal {
    overflow: hidden;
}

#changelog-modal .modal-dialog {
    margin: 0 0 0 auto;
    width: 50%;
    max-width: 600px;
}

#changelog-modal .modal-dialog .modal-content {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0;
}

#changelog-modal .modal-dialog .modal-body {
    height: calc(100vh - 56px - 64px);
    overflow-y: auto;
}

.gradient-header {
    background: linear-gradient(left, #0065A6, #00ACE9);
    background: -webkit-linear-gradient(left, #0065A6, #00ACE9);
    background: -moz-linear-gradient(left, #0065A6, #00ACE9);
    background: -ms-linear-gradient(left, #0065A6, #00ACE9);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.gradient-header .modal-title {
    color: white !important;
}

#export-modal .modal-body h4, #export-modal .modal-body p, #export-modal .modal-body ol * {
    color: #2579BF;
}

#export-modal .modal-dialog {
    width: 800px;
}

#installationbox {
    border-left: 12px solid #0071BC;
    padding-left: 24px;
    overflow-x: auto;
}

#export-download-buttons {
    width: 100%;
    height: 45px;
    display: table;
}

.btn-software-download {
    display: table-cell;
    background: -ms-linear-gradient(#00ABE8, #0066A7);
    background: -moz-linear-gradient(#00ABE8, #0066A7);
    background: -webkit-linear-gradient(#00ABE8, #0066A7);
    background: linear-gradient(#00ABE8, #0066A7);
    border: none;
    border-radius: 0;
    border-left: 2px solid #29ABE2;
    border-right: 2px solid #0071BC;
}

.btn-software-download:hover {
    border-left: 2px solid #83C5DB;
    border-right: 2px solid #2E84BA;
}

#export-download-image {
    display: table-cell;
    width: 100%;
    background-image: url('../images/backgrounds/background-export-buttons.png');
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
}

#communicatorbox {
    margin-top: 15px;
    border: 2px solid #4299D1;
    border-radius: 5px;
}

#communicatorbox h4 {
    text-align: center;
}

#communicatorbox ol {
    counter-reset: li;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

#communicatorbox ol > li {
    list-style: none;
    padding: 8px;
    line-height: 24px;
}

#communicatorbox ol > li:nth-child(odd) {
    background-color: #C9EAFB;
}

#communicatorbox ol > li:before {
    content: counter(li);
    counter-increment: li;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: white;
    background-color: #0071BC;
    text-align: center;
    margin-right: 8px;
}

#export-modal .modal-footer {
    background-color: #F2F2F2;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

/* Registration modal */
#registration .modal-dialog {
    width: 800px;
}

#registration h3, #registration h4, #registration p, #registration label {
    font-family: "Helvetica", "Verdana", sans-serif;
    font-weight: normal;
}

#registration .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#registration .modal-header {
    background: linear-gradient(left, #0065A6, #00ACE9);
    background: -webkit-linear-gradient(left, #0065A6, #00ACE9);
    background: -moz-linear-gradient(left, #0065A6, #00ACE9);
    background: -ms-linear-gradient(left, #0065A6, #00ACE9);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-top: 1px solid #29abe2;
    border-left: 1px solid #29abe2;
    border-right: 1px solid #29abe2;
    border-bottom: 1px solid #ccc;
}

#registration .modal-title {
    color: white;
}

#registration .modal-body {
    padding: 0;
}

#registration #registration-steps {
    background-image: url("../images/front/payment-background.png");
    background-size: cover;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 15px;
}

#registration #registration-steps label {
    color: #0071bc;
    font-weight: normal;
    font-size: 14px;
}

#registration .btn-primary:hover {
    background-color: #28618c;
}

#registration #registration-2 .nav-pills li a {
    font-size: 18px;
    color: #0071bc;
}

#registration #registration-2 .nav-pills li.active a {
    color: white;
}

#registration #registration-product {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

#registration #registration-product #registration-product-badge {
    width: 125px;
    margin-right: 15px;
    float: left;
}

#registration #registration-product #registration-product-badge img {
    width: 100%;
    vertical-align: top;
}

#registration #registration-product #registration-product-info {
    width: 615px;
    float: right;
}

#registration #registration-product #registration-product-info h4 {
    color: #338dc9;
    font-weight: normal;
    margin-top: 0;
}

#registration #registration-product #registration-product-info p {
    font-size: 13px;
}

#registration #registration-product #registration-product-info .blue {
    color: #338dc9;
}

#registration #registration-product #registration-product-clear {
    clear: both;
}

#registration #registration-steps #registration-nav {
    background-color: white;
    padding: 5px;
    border-radius: 4px;
}

#registration #registration-steps #registration-step-pay {
    margin-top: 15px;
}

#registration #registration-steps #registration-step-pay .input-group-addon {
    background-color: white;
    color: #999;
    font-size: 12px;
    line-height: 12px;
}

#registration #registration-steps #registration-step-pay label[for="producttobuy"], #registration #registration-steps #registration-step-pay .radio label {
    color: black;
}

#registration #registration-steps #registration-step-pay .radio:first-of-type {
    margin-top: 0;
}

#registration #registration-steps #registration-step-complete > * {
    margin-top: 15px;
}

#registration #registration-2 #registration-step-complete {
    display: none;
}

#registration #registration-steps #registration-step-complete .registration-complete-text {
    width: 470px;
    float: left;
}

#registration #registration-steps #registration-step-complete .registration-complete-text h3 {
    color: #0071bc;
    margin-top: 0;
    font-weight: bold;
}

#registration #registration-steps #registration-step-complete .registration-complete-pillow {
    width: 275px;
    float: right;
}

#registration #registration-steps #registration-step-complete .registration-complete-pillow img {
    width: 100%;
}

#registration #registration-steps #registration-step-complete .registration-complete-clear {
    clear: both;
}

/* Activiteiten */
.activity-noresults, .groupmessages-noresults, .eventmessages-noresults {
    padding: 40px 20px;
    text-align: center;
    background-color: #caebfc;
    color: rgb(16, 118, 187);
    width: 100%;
}

.activity-noresults .glyphicon, td.noresults .glyphicon, .groupmessages-noresults .fa,
.eventmessages-noresults .fa, .nothingfound .glyphicon,
#routescontainer-explorer .noresults .glyphicon, #videoitemcontainer-explorer .noresults .glyphicon,
#trackscontainer-explorer .noresults .glyphicon,
#foldercontainer-explorer .noresults .glyphicon {
    font-size: 3em;
    color: #04283E;
}

.activity {
    display:block;
    position: relative;
    margin: 20px 10px 0 10px;
    height: 380px;
    border: 1px solid #d1d2d4;
    border-radius: 10px;
    background-color: #FFF;
    padding: 20px;
}
.activity:last-of-type {
    margin-bottom: 20px;
}
.activity.activity-highlight {
    border-color: #27abe2;
}
.activity-details {
    width:450px;
}
.activity-details a.btn-primary {
    color: white;
    width: 100%;
}
.activity-head {
    font-size:14pt;
    height:70px;
    position:relative;
}
.activity-head-rating {
    height: 85px;
}
.activity-head .profile-picture {
    float:left;
    height:60px;
    width:60px;
    text-align:center;
    margin-right: 10px;
    margin-top: 3px;
}
.activity-head .profile-picture img {
    height: 100%;
    width: 100%;
}
.activity-head .flag {
    float: right;
    width: 44px;
    height: 44px;
    margin-right: 5px;
}
.activity-head .activity-title, .activity-head .activity-subtitle {
    position: absolute;
    width: calc(100% - 119px); /* 60 (profile pic) - 10 (profile pic margin) - 44 (flag) - 5 (flag margin) */
    left: 70px;
    right: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activity-head .activity-subtitle {
    font-size: 10pt;
    bottom: 5px;
    color:#808080;
}

.activity-head .event-track-delete:hover {
    cursor: pointer;
}

img.mode-image {
    height: 18px;
    padding: 2px;
}
.recommended {
    font-weight: bold;
    color: #F29100;
}
.recommended img {
    height: 18px;
    padding: 1px;
}
.activity-body {
    border-bottom:1px solid #d1d2d4;
    border-top:1px solid #d1d2d4;
    cursor: pointer;
}
.activity-body .static-map {
    width: 100%;
}
.activity-body .circle-container {
    background-color:#d1d2d4;
    float:right;
    width:100px;
    height:150px;
}
.activity-body .circle {
    margin-top:35px;
    margin-left:10px;
    width:80px;
    height:80px;
    border-radius:40px;
    color:#333;
    background-color:#FFF;
    line-height:80px;
    text-align:center;
    font-size:9.5pt;
    font-weight:bold;
}
.activity-routedescription {
    height:70px;
    overflow: scroll;
    width:96%;
    margin:0 2%;
    color:#808080;
    font-size: 12px;
}
.activity-footer .stat-button {
    border-right: 1px solid #d1d2d4;
    width:32%;
    margin-left:2%;
    height:100px;
    float:left;
    margin-top:15px;
    color:#36A9E1;
    text-align:center;
    cursor:pointer;
    background-position: center center;
    background-size: auto 80%;
    background-repeat: no-repeat;
}
.activity-footer .stat-button-distance {
    background-image: url('../images/stats/stats-activity-distance.png');
}
.activity-footer .stat-button-duration {
    background-image: url('../images/stats/stats-activity-duration.png');
}
.activity-footer .stat-button-rating {
    background-image: url('../images/stats/stats-activity-rating.png');
}
.activity-footer .stat-button-moments {
    background-image: url('../images/stats/stats-activity-moments.png');
}
.activity-footer .stat-button-trackvotes, .activity-footer .stat-button-routevotes {
    background-image: url('../images/stats/stats-activity-appreciate-off.png');
}
.activity-footer .stat-button-trackvoted, .activity-footer .stat-button-routevoted {
    background-image: url('../images/stats/stats-activity-appreciate-on.png');
}
.activity-footer .stat-button-trackvotes, .activity-footer .stat-button-trackvoted,
.activity-footer .stat-button-routevotes, .activity-footer .stat-button-routevoted{
    background-size: auto 70%;
    transition: background-size 0.25s ease;
    -moz-transition: background-size 0.25s ease;
    -webkit-transition: background-size 0.25s ease;
}
.activity-footer .stat-button-trackvotes:hover, .activity-footer .stat-button-trackvoted:hover,
.activity-footer .stat-button-routevotes:hover, .activity-footer .stat-button-routevoted:hover{
    cursor: pointer;
    background-size: auto 80%;
}
.activity-footer .stat-button .stat-button-title {
    font-size:9.5pt;
    width:100%;
    height:20px;
    line-height:20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activity-footer .stat-button .stat-button-value {
    font-size:15pt;
    width:100%;
    height:60px;
    line-height:60px;
    font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activity-footer .stat-button:first-child {
    margin-left:0;
}
.activity-footer .stat-button:last-child {
    border-right: none;
}

.detailBox {
    padding-left:20px;
    position:absolute;
    left:470px;
    right:20px;
    width:auto;
    height:auto;
    top:10px;
    bottom:10px;
    /*border:1px solid #d1d2d4;*/
}
.titleBox {
    background-color:#fdfdfd;
    padding:10px;
}

.titleBox-tabs {
    padding: 0;
    width: 100%;
    font-size: 0;
    border-bottom: 1px solid #27abe2;
}

.titleBox-tabs > div:first-child {
    border-top-left-radius: 5px;
}

.titleBox-tabs > div:last-child {
    border-top-right-radius: 5px;
}

.titleBox-moments, .titleBox-comments {
    border: 1px solid #27abe2;
    border-bottom: none; /* Line on top of action box */
    background-color: white;
    color: #27abe2;
    font-size: 14px;
    width: 45%;
    display: inline-block;
    padding: 5px;
}

.titleBox-tabs .titleBox-active {
    background-color: #27abe2;
    color: white;
}

.titleBox-moments:hover, .titleBox-comments:hover {
    cursor: pointer;
}

.titleBox-moments img, .titleBox-comments img {
    display: inline-block;
    height: 14px;
}

.titleBox-moments .img-active, .titleBox-comments .img-active {
    display: none;
}

.titleBox-active.titleBox-moments .img-active, .titleBox-active.titleBox-comments .img-active {
    display: inline-block;
}

.titleBox-active.titleBox-moments .img-inactive, .titleBox-active.titleBox-comments .img-inactive {
    display: none;
}

.titleBox label{
    color:#444;
    margin:0;
    display:inline-block;
}

.actionBox-moments, .actionBox-comments {
    display: none;
    border-left: 1px dashed #d1d2d4;
    border-right: 1px dashed #d1d2d4;
    height: 320px;
}

.actionBox-active {
    display:block;
}

.actionBox.actionBox-moments {
    padding: 0;
}

.actionBox-moments img {
    height: 310px;
}

.actionBox-moments .activity-nomoments {
    text-align: center;
    margin: 50px 10px;
}

.actionBox-moments .activity-nomoments img {
    height: 40px;
    margin: 0 auto;
}

.actionBox-moments .activity-nomoments h4 {
    color: #27abe2;
}

.actionBox-moments .flickity-slider .activity-moment-image:hover {
    cursor: pointer;
}

.actionBox-moments .flickity-slider .activity-moment-image {
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border: 1px solid white;
}

/* fade in lazy loaded image */
.actionBox-moments .flickity-slider .flickity-lazyloaded,
.actionBox-moments .flickity-slider .flickity-lazyerror {
    opacity: 1;
}

.commentBox {
    padding:10px;
    border-top:1px dotted #bbb;
}
.commentBox .form-group:first-child, .actionBox .form-group:first-child {
    width:80%;
}
.commentBox .form-group:nth-child(2), .actionBox .form-group:nth-child(2) {
    width:18%;
}
.actionBox .form-group * {
    width:100%;
}
.taskDescription {
    margin-top:10px;
}

.actionBox {
    border-top:1px dotted #bbb;
    padding:10px;
}

/* Announcements */

.announcement {
    display: block;
    position: relative;
    margin: 20px 10px 0 10px;
    border: 1px solid #01b5f0;
    border-radius: 10px;
    background-color: white;
    padding: 20px;
}

.announcement-head {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    line-height: 20px;
    padding: 10px 20px;
    background-color: #01b5f0;
    color: white;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.announcement-head-title {
    font-weight: bold;
    text-transform: uppercase;
}

.announcement-head > .fa {
    font-size: 16px;
}

.announcement-head > .fa:hover {
    cursor: pointer;
}

.announcement-title {
    margin-top: 40px;
}

.announcement-footer {
    margin-top: 20px;
    line-height: 36px;
}

/* My Routes */
table#routesTable,
table#routeAddTable,
table#membersTable,
table.adminTable {
    width: 100%;
    font-size: 10.5pt;
}

table#routesTable tr,
table#routeAddTable tr,
table#membersTable tr,
table.adminTable tr {
    height: 35px;
}

table.adminTable#usersTable tr:not(:first-child):not(:last-child){
    height: 90px;
}

table#routesTable tr,
table#routeAddTable tr,
table#membersTable tr {
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table#routesTable th,
table#membersTable th,
table.adminTable th {
    background-color: #FFF;
    border-bottom: 1px solid #83d5f7;
    color: #0071BC;
    padding: 2px;
    font-style: italic;
    font-weight: 500;
}

table#routesTable th.sort-sortable:hover,
table.adminTable th.sort-sortable:hover {
    background-color: #e0f1f9;
    cursor: pointer;
}

table#routesTable th.sort-selected,
table.adminTable th.sort-selected {
    background-color: #caebfc;
}

table#routesTable td,
table#routeAddTable td,
table#membersTable td,
table.adminTable td {
    color: #1076bb;
    overflow: hidden;
}

table.adminTable td select {
    max-width: 95%;
}

table.adminTable .fa {
    font-family: FontAwesome !important;
}

table#sales-list .fa {
    font-family: FontAwesome !important;
}

table.adminTable .glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

table#routesTable tr:nth-child(even),
table#routeAddTable tr:nth-child(even),
table#membersTable tr:nth-child(even),
table.adminTable tr:nth-child(even) {
    background-color: #caebfc;
}

table#routesTable tr:nth-child(odd),
table#routeAddTable tr:nth-child(odd),
table#membersTable tr:nth-child(odd),
table.adminTable tr:nth-child(odd) {
    background-color: #FFF;
}

table#routeAddTable tr:hover {
    background-color: #00aeef !important;
}

table#routeAddTable tr:hover td {
    color: white !important;
}

table#routeAddTable tr.working {
    background-color: white !important;
}

table#routeAddTable tr.working td {
    color: #16161d !important;
}

table#routeAddTable tr.working:hover {
    background-color: white !important;
}

table#routeAddTable tr.working:hover td {
    color: #16161d !important;
}

table#routeAddTable tr:hover td.noresults {
    color: #1076bb !important;
}

table#routeAddTable tr .fa {
    margin-left: 8px;
    margin-right: 10px;
}

table#routeAddTable tr.working .fa {
    margin: 0 5px;
}

table#routeAddTable .mode-image {
    margin-left: 6px;
    margin-right: 5px;
}

table#routesTable td.noresults,
table#routeAddTable td.noresults,
table#membersTable td.noresults,
table.adminTable td.noresults {
    text-align: center;
    padding: 20px;
    background-color: #caebfc;
}

table.adminTable tr.js-ajax-more {
    text-align: center;
}

#usersTable .form-control-inline, #coupongroupsTable .form-control-inline {
    display: inline-block;
    width: auto;
}

.clickable {
    cursor:pointer;
}

.img-listcontrol {
    cursor: pointer;
    height: 20px;
}

.img-listitem {
    height: 11pt; /* Matches item font size */
}

.draggable, .dragging, .dragging * {
    -ms-touch-action: none;
    touch-action: none;
}

table#routesTable .dragging-target {
    background-color: #0071bc !important;
}

table#routesTable .dragging-target td {
    color: white;
}

table#routesTable .dragging-droppable {
    opacity: 0.25;
}

#explorer-bar {
    background-color: white;
    padding: 2px;
    border-bottom: 1px solid #83d5f7;
    display: flex;
    flex-wrap: nowrap;
}

#explorer-bar > * {
    line-height: 35px;
}

#breadcrumbs-up {
    display: inline-block;
    width: 100px;
}

#breadcrumbs, #explorer-search {
    display: inline-block;
    flex-grow: 1;
    padding-right: 5px;
}

#breadcrumbs .breadcrumb {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border-radius: 0;
}

#breadcrumbs .breadcrumb a {
    color: #1076bb;
}

#explorer-search {
    display: none;
}

#breadcrumbs-new {
    flex-shrink: 0;
}

/* Bootstrap 4 custom control box with minor adjustments to colours */
.custom-control-input.is-valid~.custom-control-indicator,.was-validated .custom-control-input:valid~.custom-control-indicator{background-color:rgba(40,167,69,.25)}.custom-control-input.is-valid~.custom-control-description,.was-validated .custom-control-input:valid~.custom-control-description{color:#28a745}
.custom-control-input.is-invalid~.custom-control-indicator,.was-validated .custom-control-input:invalid~.custom-control-indicator{background-color:rgba(220,53,69,.25)}.custom-control-input.is-invalid~.custom-control-description,.was-validated .custom-control-input:invalid~.custom-control-description{color:#dc3545}
.custom-control{position:relative;display:-ms-inline-flexbox;display:inline-flex;min-height:1.5rem;padding-left:1.5rem;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-indicator{color:#fff;background-color:#2579bf}.custom-control-input:focus~.custom-control-indicator{box-shadow:0 0 0 1px #fff,0 0 0 3px #2579bf}.custom-control-input:active~.custom-control-indicator{color:#fff;background-color:#afd4f1}.custom-control-input:disabled~.custom-control-indicator{background-color:#e9ecef}.custom-control-input:disabled~.custom-control-description{color:#868e96}.custom-control-indicator{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#ddd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-indicator{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator{background-color:#2579bf;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-radio .custom-control-indicator{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-controls-stacked{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.custom-controls-stacked .custom-control{margin-bottom:.25rem}.custom-controls-stacked .custom-control+.custom-control{margin-left:0}
.invalid-feedback{display:none;margin-top:.25rem;font-size:.875rem;color:#dc3545}
.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}
.form-check{position:relative;display:block;margin-bottom:.5rem}.form-check.disabled .form-check-label{color:#868e96}.form-check-label{padding-left:1.25rem;margin-bottom:0}.form-check-input{position:absolute;margin-top:.25rem;margin-left:-1.25rem}.form-check-input:only-child{position:static}.form-check-inline{display:inline-block}.form-check-inline .form-check-label{vertical-align:middle}.form-check-inline+.form-check-inline{margin-left:.75rem}.invalid-feedback{display:none;margin-top:.25rem;font-size:.875rem;color:#dc3545}
.form-check-input.is-valid+.form-check-label,.was-validated .form-check-input:valid+.form-check-label{color:#28a745}
.form-check-input.is-invalid+.form-check-label,.was-validated .form-check-input:invalid+.form-check-label{color:#dc3545}
.form-check{width:100%}
@media (min-width:576px){
    .form-inline .custom-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-left:0}.form-inline .custom-control-indicator{position:static;display:inline-block;margin-right:.25rem;vertical-align:text-bottom}
    .form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;margin-top:0;margin-bottom:0}.form-inline .form-check-label{padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}
}

#explorer-scrollable {

    height: 100%;
    overflow-y: auto;
}

.explorer-table-body > .explorer-row:nth-child(even) {
    background-color: #caebfc;
}

.explorer-table-body > .explorer-row:nth-child(odd) {
    background-color: white;
}

.explorer-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 35px;
    line-height: 35px;
    width: 100%;
}

.explorer-row, .explorer-row:hover, .explorer-row:focus, .explorer-row:visited {
    color: #1076bb;
    text-decoration: none;
}

.explorer-row > *:first-child {
    padding-left: 4px;
}

.explorer-table-body > .explorer-row.explorer-dragging-target {
    background-color: #0071bc;
    color: white;
}

.explorer-table .explorer-table-body > .explorer-row-noresults {
    height: auto;
    text-align: center;
    padding: 20px;
    background-color: #caebfc;
    color: #1076bb;
}

.explorer-row-noresults .glyphicon {
    font-size: 3em;
}

.explorer-row-noresults .explorer-col > *:last-child {
    margin-bottom: 0;
}

.explorer-row-noresults h4 ~ p {
    line-height: initial;
}

.explorer-col-select {
    width: 25px;
    user-select: none;
}

.explorer-col-mode, .explorer-col-country {
    width: 40px;
}

.explorer-col-copy, .explorer-col-edit, .explorer-col-delete, .explorer-col-lock, .explorer-col-unlock, .explorer-col-more {
    width: 30px;
}

.explorer-col-type, .explorer-col-privacy {
    width: 120px;
}

.explorer-col-displayname {
    width: 150px;
}

.explorer-col-displayname:hover, .explorer-col-displayname:focus {
    color: #23527c;
    text-decoration: underline;
}

.explorer-col-datetime {
    width: 130px;
}

.explorer-col-distance, .explorer-col-duration {
    width: 90px;
}

.explorer-col-votes {
    width: 50px;
}

.explorer-col-name, .explorer-col-type, .explorer-col-privacy, .explorer-col-displayname,
.explorer-col-datetime, .explorer-col-distance, .explorer-col-duration, .explorer-col-votes {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.explorer-col-select .custom-checkbox {
    display: none;
    margin: 0;
    min-height: initial;
    height: 1.5rem;
}

html.touch .explorer-col-select .custom-checkbox,
.explorer-selecting .explorer-col-select .custom-checkbox,
.explorer-row:hover .explorer-col-select .custom-checkbox {
    display: inline-block;
}

.explorer-col-select .custom-control-indicator {
    margin-top: 1px;
    width: 12px;
    height: 12px;
}

html.touch .explorer-col-select .custom-control-indicator {
    margin-top: 0;
    width: 14px;
    height: 14px;
}

.explorer-table-head .explorer-row {
    line-height: 25px;
    height: 25px;
}

.explorer-table-head .explorer-col {
    line-height: 25px;
    background-color: white;
    border-top: 1px solid #83d5f7;
    border-bottom: 1px solid #83d5f7;
    color: #0071bc;
    padding: 2px 0;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
}

.explorer-table-head .explorer-col:first-of-type {
    padding-left: 4px;
}

.explorer-table-head .sort-sortable .fa {
    font-size: 10px;
}

.explorer-table-head .sort-sortable:hover {
    background-color: #e0f1f9;
    cursor: pointer;
}

.explorer-table-head .sort-selected {
    background-color: #caebfc;
}

.explorer-col img {
    height: 1.4em;
}

.explorer-col-name, .explorer-col-fullwidth {
    -ms-flex: 1;
    flex: 1;
    width: 0;
}

.explorer-col-votes img {
    height: 1.1em;
}

#explorer-drag-ghost {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    color: white;
    background-color: #286090;
    opacity: 0.8;
    border-radius: 3px;
    padding: 5px 10px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 0 1rem rgba(204, 204, 204, 0.5);
}

#explorer-drag-dummy {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.explorer-selectedactions {
    position: absolute;
    z-index: 3;
    bottom: 10px;
    left: calc(50% - 225px);
    width: 450px;
    text-align: center;
    background: white;
    padding: 0 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    border-top: 2px solid #29abe2;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-height 0.5s ease-in-out, padding 0.1s ease, opacity 0.1s ease;
}

.explorer-selectedactions.in {
    display: block;
    max-height: 100px;
    opacity: 1;
    padding: 10px;
    pointer-events: auto;
}

.explorer-selectedactions-actions {
    white-space: nowrap;
    overflow-y: auto;
}

.explorer-selectedactions-action {
    display: inline-block;
    background-color: #29abe2;
    border-radius: 2px;
    cursor: pointer;
    color: white;
    padding: 4px 4px 4px 2px;
}

.explorer-selectedactions-action img {
    height: 18px;
    width: 18px;
}

.explorer-row-trash {
    cursor: pointer;
}

/* Buttons */
.btn {
    font-family: "Open Sans", "Verdana", "Tahoma", sans-serif;
}

#poisearch {
    margin: 0 20px 10px 20px;
}

#pois .nested {
    padding-left: 20px;
}

#momentcontainer .autoadded-blocker, #momentcontainer .privatemoments {
    color: #0071bc;
    padding: 3px 5px 3px 20px;
    border-top: 1px solid #83d5f7;
    border-bottom: 1px solid #83d5f7;
}

#momentcontainer .autoadded-blocker {
    border-bottom: none;
}

#momentcontainer .privatemoments span {
    font-size: 12px;
}

#momentcontainer #moments {
    margin-top: 10px;
}

#managedpois li,
#waypoints li,
#waypoints-split li,
#favorites li,
#pois li,
#poi-groups li,
#moments li,
#clustermarkers li{
    font-size: 9pt;
    padding: 3px 40px 3px 20px;
    list-style-position: inside;
    margin: 0;
    color:#0071bc;
    position:relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Editor */
#error-progress {
    padding: 0 30px 0 20px;
    display: none;
}

#managedpois li,
#favorites li,
#pois li,
#poi-groups li,
#waypoints-split li,
#waypoints li,
#clustermarkers li {
    cursor:pointer;
}

#waypoints li .waypoint-name,
#waypoints-split li .waypoint-name,
#clustermarkers{
    font-weight: bold;
}
.waypoint-name img {
    height: 16px;
    margin-bottom:2px;
}
#favorites,
#trackscontainer-tracks,
#managedpois,
#pois,
#poi-groups,
#waypoints,
#waypoints-split,
#clustermarkers,
#routescontainer-routes,
#moments {
    padding: 0 !important;
}
#managedpois li .delete,
#waypoints li .delete,
#waypoints-split li .split,
#moments li .delete {
    position: absolute;
    text-align: right;
    width: 30px;
    height: 15px;
    right: 5px;
    top: 3px;
    display: none;
    font-size:11pt;
    color:#ffffff;
}
#trackscontainer-tracks li:hover,
#moments li:hover,
#managedpois li:hover,
#favorites li:hover,
#pois li:hover,
#poi-groups li:hover,
#routescontainer-routes li:hover,
#waypoints li.active,
#waypoints li:hover,
#waypoints-split li:hover,
#waypoints li.slip-reordering,
#clustermarkers li:hover {
    background-color: #00aeef !important;
    color: #fff !important;
}
#managedpois li:hover .delete,
#waypoints li:hover .delete,
#waypoints-split li:hover .split,
#moments li:hover .delete {
    display: inline;
}
#trackscontainer-tracks li:nth-child(odd),
#trackscontainer-explorer tr:nth-child(even),
#videoitemcontainer-explorer tr:nth-child(even),
#managedpois li:nth-child(odd),
#favorites li:nth-child(odd),
#pois li:nth-child(odd),
#poi-groups li:nth-child(odd),
#clustermarkers li:nth-child(odd),
#waypoints li:nth-child(odd),
#waypoints-split li:nth-child(odd),
#moments li:nth-child(odd),
#stats > li:nth-child(odd),
#routescontainer-routes li:nth-child(odd),
#routescontainer-explorer tr:nth-child(even),
#foldercontainer-explorer tr:nth-child(even) {
    background-color:#c9eafb;
}
#stats {
    list-style: none;
    padding: 0 !important;
}
#stats > li {
    padding:4px 4px 4px 20px !important;
    margin:0;
    font-size: 9pt;
}
#stats > li > span {
    width:50px;
    height: 25px;
    display:inline-block;
    font-weight:bold;
    float:left;
}

#stats > li > .stat-right {
    width: calc(100% - 50px);
    float: right;
}

#stats > li > span > img {
    margin-top:4px;
    max-height: 25px;
    max-width: 25px;
    float:left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#stats #stat-publish .stat-right {
    line-height: 34px;
}

#stats .stat-right-route-description {
    white-space: pre-line;
}

#stats .stat-right-route-description-translated {
    display: block;
    max-width: 100%;
    margin-top: 10px;
}

#stats #stat-publish #publish-button {
    font-size: 9pt;
    text-align: left;
    width: 100%;
}

#stats #stat-publish #publish-button .route-published {
    display: none;
}

#stats #stat-publish #publish-button.published .glyphicon-ok {
    color: #f39200;
}

#stats #stat-publish #publish-button.published .route-publish {
    display: none;
}

#stats #stat-publish #publish-button.published .route-published {
    display: inline-block;
}

#stats #stat-votes .stat-title {
    font-size: 9pt;
}

#stats #stat-votes .stat-title-voted {
    font-size: 9pt;
    line-height: 34px;
}

#stats #stat-votes img {
    transition: 0.125s ease;
    -moz-transition: 0.125s ease;
    -ms-transition: 0.125s ease;
    -webkit-transition: 0.125s ease;
}

#stats #stat-votes img:hover {
    cursor: pointer;
    max-width: 28px;
    max-height: 28px;
}

#stats li .fa-glow {
    text-shadow: 0px 0px 10px #006CAA;
}

#stats li .stat-title {
    font-weight:bold;
    color:#04283E;
}

#routescontainer .routescontainer-top, #trackscontainer .routescontainer-top {
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #ccc;
    line-height: 22px;
    margin-bottom: 0;
}

#routescontainer-added, #trackscontainer-added,
#froutescontainer-selected, #foldercontainer-selected,
#routescontainer-browse, #trackscontainer-browse, #foldercontainer-browse {
    display: none;
    max-height: 60vh;
    overflow-y: auto;
}

#routescontainer-routes li, #trackscontainer-tracks li {
    padding: 5px 10px 5px 20px;
    font-size: 12px;
    margin: 0;
    color:#0071bc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#routescontainer-routes li div, #trackscontainer-tracks li div {
    display: inline-block;
}

#routescontainer-routes li .routeslist-left, #trackscontainer-tracks li .routeslist-left {
    float: left;
    width: calc(100% - 1em);
}

#routescontainer-routes li .routeslist-left .colorbox,
#trackscontainer-tracks li .routeslist-left .colorbox {
    float: left;
    width: 2em;
    position: relative;
}

#routescontainer-routes li .routeslist-left .colorbox > *,
#trackscontainer-tracks li .routeslist-left .colorbox > * {
    display: block;
}

#routescontainer-routes li img, #trackscontainer-tracks li img {
    height: 15px;
}

#routescontainer-routes li img, #routescontainer-routes li .name-main,
#trackscontainer-tracks li img, #trackscontainer-tracks li .name-main {
    margin-bottom: 3px;
}

#routescontainer-routes li .color, #trackscontainer-tracks li .color {
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    position: absolute;
    right: 0.25em;
    bottom: -1.2em;
}

#routescontainer-routes li .color .add-on, #trackscontainer-tracks li .color .add-on {
    width: 1em;
    height: 1em;
}

#routescontainer-routes li .color .add-on i, #trackscontainer-tracks li .color .add-on i {
    width: calc(1em - 2px);
    height: calc(1em - 2px);
}

.colorpicker.colorpicker-with-alpha.routeslist-colorpicker .colorpicker-color {
    display: none;
}

#routescontainer-routes li .routeslist-left .name, #trackscontainer-tracks li .routeslist-left .name {
    width: calc(100% - 2em);
    float: right;
}

#routescontainer-routes li .name > span, #trackscontainer-tracks li .name > span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#routescontainer-routes li .name-main, #trackscontainer-tracks li .name-main {
    font-weight: bold;
}

#routescontainer-routes li .delete, #trackscontainer-tracks li .delete,
#routescontainer-routes li .add, #trackscontainer-tracks li .add{
    float: right;
    width: 1em;
    font-size: 12px;
}

#routescontainer-selected, #foldercontainer-selected {
    padding: 5px 10px 5px 20px;
    color: #0071bc;
    border-bottom: 1px solid #83d5f7;
    font-size: 12px;
}

#routescontainer-selected b, #foldercontainer-selected b {
    font-size: 14px;
}

#routescontainer-explorer, #trackscontainer-explorer, #videoitemcontainer-explorer,#foldercontainer-explorer {
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
    color: #0071bc;
}

#routescontainer-explorer td, #trackscontainer-explorer td,#videoitemcontainer-explorer td,
#foldercontainer-explorer td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
}

#routescontainer-explorer td h4,
#trackscontainer-explorer td h4,
#videoitemcontainer-explorer td h4,
#foldercontainer-explorer td h4 {
    white-space: normal;
}

#routescontainer-explorer tr.clickable:hover,
#trackscontainer-explorer tr.clickable:hover,
#videoitemcontainer-explorer tr.clickable:hover,
#foldercontainer-explorer tr.clickable:hover {
    background-color: #00aeef !important;
    color: #fff !important;
}

#routescontainer-explorer tr.disabled,
#trackscontainer-explorer tr.disabled,
#videoitemcontainer-explorer tr.disabled,
#foldercontainer-explorer tr.disabled {
    opacity: 0.65;
}

#routescontainer-explorer tr.disabled:hover td,
#videoitemcontainer-explorer tr.disabled:hover td,
#trackscontainer-explorer tr.disabled:hover td,
#foldercontainer-explorer tr.disabled:hover td {
    cursor: not-allowed;
}

#routescontainer-explorer td:first-of-type,
#trackscontainer-explorer td:first-of-type,
#foldercontainer-explorer td:first-of-type {
    padding: 5px 5px 5px 20px;
    width: 50px;
}

#videoitemcontainer-explorer td:first-of-type{
    padding: 5px 5px 5px 20px;
    width: 100%;
}



#routescontainer-explorer td:first-of-type img,
#trackscontainer-explorer td:first-of-type img ,
#videoitemcontainer-explorer  td:first-of-type img ,
#foldercontainer-explorer td:first-of-type img {
    height: 15px;
}

#routescontainer-explorer td:last-of-type,
#trackscontainer-explorer td:last-of-type,
#videoitemcontainer-explorer td:last-of-type,
#foldercontainer-explorer td:last-of-type {
    padding: 5px 10px 5px 5px;
    font-weight: bold;
}

#routescontainer-explorer td:last-of-type span,
#trackscontainer-explorer td:last-of-type span,
#videoitemcontainer-explorer  td:last-of-type span,
#foldercontainer-explorer td:last-of-type span {
    font-weight: normal;
    font-size: 11px;
    white-space: normal;
}

#routescontainer-explorer td.noresults,
#trackscontainer-explorer td.noresults,
#videoitemcontainer-explorer td.noresults,
#foldercontainer-explorer td.noresults {
    text-align: center;
    padding: 20px;
}

#trackscontainer-explorer tr.highlight-item,
#videoitemcontainer-explorer  tr.highlight-item{
    border-bottom: 1px dashed #29abe2;
}

.explorer-table-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.explorer-column-mode, .explorer-column-country, .explorer-column-more {
     width: 50px;
}

.explorer-column-type {
    width: 120px;
}

.explorer-column-displayname {
    width: 150px;
}

.explorer-column-privacy {
    width: 120px;
}

.explorer-column-datetime {
    width: 150px;
}

.explorer-column-distance, .explorer-column-duration {
    width: 90px;
}

.explorer-column-votes {
    width: 60px;
}

#hotel-modal .modal-header {
    background-color: #29ABE2;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

#hotel-modal .modal-header h4 {
    color: white;
}

#hotel-modal .modal-body {
    background-image: url('../images/backgrounds/background_hotel_body.png');
    background-size: auto calc(100% + 30px);
    background-repeat: no-repeat;
    background-position: center center;
}

#hotel-modal .modal-body .modal-body-header {
    text-align: center;
    color: #0071BC;
    border-bottom: 1px solid #0071BC;
}

#hotel-modal .modal-body .modal-body-body > .form-group:first-of-type {
    margin-top: 15px;
}

#hotel-modal * label {
    color: #0071BC;
}

#hotel-modal * .selectpicker {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#hotel-modal .modal-footer {
    background-image: url('../images/icons/icon_hotel_booking.png');
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-color: #FFAA00;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

#hotel-modal .modal-footer .btn-primary {
    background-color: #29ABE2;
    border-color: white;
}

#starttime-info-icon .starttime-info-icon-text {
    visibility: hidden;
    width: 250px;
    background-color: #d4d4d4;
    color: #000000;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px;
    font-size: 15px;
    font-family: "Open Sans";
    font-weight: 300;

    position: absolute;
    z-index: 1;
    top: 75%;
    /*left: 50%;*/
    margin-left: -60px;
}

#starttime-info-icon:hover .starttime-info-icon-text {
    visibility: visible;
}

.number-marker {
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    cursor: none;
    fill: none;
}

#calculator-content {
    width: 345px;
    height: 355px;
    margin: 3px;
}

#calculator-body {
    background-image: url("../images/calculator/bg_top.svg");
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: left;
}

#calculator-title {
    color: white;
    font-size: 23px;
    font-weight: bold;

    margin-bottom: 8px;
}

#calculator-subtitle {
    color: white;
    font-weight: lighter;
    font-size: 15px;
}

#calculator-footer{
    text-align: left;
}

.calculator-footer-title {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 5px;
}

.calcutor-footer-icon {
    width: 30px;
    height: 30px;
}

.calculator-footer-dist-icon {
    width: 15px;
    height: 15px;
}

.calculator-footer-time-icon {
    width: 15px;
    height: 15px;
}

.calculator-footer-wrapper-left {
    float:left;
    font-size: 13px;
    justify-content: center;
}

.calculator-footer-wrapper-right {
    float:right;
    font-size: 13px;
    justify-content: center;
}

#calculator-close {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 8px;
    right: 10px;
}

#calculator-icon-calc {
    width: 30px;
    height: 30px;
}

#calculator-select-wrapper {
    border-radius:36px;
    /*border:1px solid #cccccc;*/

    margin-top: 5px;
    display:inline-block;
    overflow:hidden;
}

.calculator-result-time {
    margin-top: 5px;
    background-color: #dcdcd8;
    width: 100px;
    height: 20px;
    text-align: center;
}

.calculator-result-distance {
    margin-top: 5px;
    background-color: #dcdcd8;
    width: 100px;
    height: 20px;
    text-align: center;
}

.calculator-selectlist-waypoint {
    /*background-image: url("../images/calculator/field_entry.svg");*/
    /*background-repeat: no-repeat;*/
    color: white;

    background-image: url("../images/calculator/field_entry.svg");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: left;

    width: 300px;
    height: 25px;

    padding-left:5px;

    border:0;
    outline:none;
}

.calculator-selectlist-waypoint-option {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.calculator-button {
    margin-top: 8px;

    background-image: url("../images/calculator/btn_calc.svg");
    background-repeat: no-repeat;
    background-size: 210px;

    color: white;
    font-weight: lighter;
    font-size: 15px;

    width: 200px;
    height: 25px;

    border:0;
    outline:none;
    border-radius:5px;
}

#calculator-button-icon {
    width: 20px;
    height: 20px;
}

.marker-container {
    width: 280px;
    position:relative;
}

@media (min-width:320px)  {

    .marker-container {
        /*width: 95%;*/
        position:relative;
    }

    .leaflet-popup-content{
        margin: 10px 10px;
    }
}


@media (min-width:641px)  {
    .marker-container, .marker-container .marker-bottom {
        min-width: 100%;
        width: auto;
        max-width: 400px;
    }
}

.marker-container .marker-top {
    height: 45px;
    text-align:center;
}

#marker-container-extra img {
    width:40px;
    margin: 0 2px;
    cursor:pointer;
}

.waypoint-pauseicon, .waypoint-pauseicon-none {
    width: 25px;
    height: 25px;
}



.pauseduration-button-return {
    border-radius: 50%;
    border: 1px solid #939393;

    margin-left: -35px;
}

#pauseduration-time-layout{
    margin-top: 10px;

    display: flex;
    align-items: center;
    justify-content: space-around;
}

.pauseduration-button-icon {
    border: none;
    height: 40px;
    width: 40px;
    background-color: #FFD600;
    border-radius: 5px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.pauseduration-timepicker {
    width:230px;
    height:40px;
    border-radius: 5px;
    border: 1px solid #0A334F;
    text-align: center;

    background-color: #0A334F;
    color: white;
}



.pauseduration-icon-selector-title {
    margin: 10px;
}

#stopduration-time-layout {
    background-color: white;
    display: inline-flex;
    border: 1px solid #ccc;
    color: #555;
}

#stopduration-time {
    border: none;
    color: #555;
    text-align: center;
    width: 40px;
}

.calculator-nav {
    height:200px; width:18%;
}
.calculator-nav {
    overflow:hidden; overflow-y:scroll;
}

.event-marker-container .marker-bottom p:not(.coordinate) {
    margin: 0 0 10px 0;
    font-size: 14px;
}

.marker-container .waypoint-note {
    font-size:12px;
}

.marker-container .waypoint-note {
    font-style: italic;
}

.marker-container .coordinate img {
    height: 15px;
}

#event-location {
    width: 100%;
    background-image: url("../images/backgrounds/background-world.png");
    background-size: cover;
    background-position: center;
    padding: 20px;
    display: none;
}

#event-location-card {
    margin: 0 auto;
    background-color: white;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    width: 100%;
    max-width: 400px;
}

#event-location .event-marker-container .marker-bottom {
    width: 100%;
    padding: 25px;
}

.marker-container.event-marker-container .marker-bottom {
    padding: 10px;
}

.marker-container.event-marker-container .coordinate {
    margin-bottom: 0;
}

.marker-container.event-marker-container .coordinate img {
    height: 1em;
}

.moment-container, .location-container {
    width: 650px;
}

.moment-top .moment-title {
    display: inline-block;
    line-height:30px;
    font-size: 20px;
    font-weight: 600;
    color: #29ABE2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 72px);
}

.moment-top .delete,
.moment-top .edit {
    height: 30px;
    margin: 0 0 0 5px;
    float:right;
}

.moment-top, .slider-container, .moment-bottom {
    padding: 5px 0;
}

.slider-container {
    position:relative;
    background-color:#EEE;
}

#slider-container-editor {
    margin-top: 15px;
}

.slider {
    width:100%;
    margin:0 auto;
    height: 100px;
}

.slider img {
    height:100px;
}

.moment-bottom {
    height:80px;
    overflow-y:auto;
}

.moment-bottom .moment-descriptionheader {
    font-weight: 600;
    display: block;
}

.moment-bottom .edit {
    float:right;
    height:30px;
}

ul#toolkit li .glyphicon {
    width:20px;
    height:20px;
}

.momentbtn:hover {
    cursor: pointer;
}

.sliderbox {
    padding: 0 10px;
    margin: 0 auto;
    width: 120px;
    height: 100px;
    box-sizing: border-box;
}

.is-selected > .add-new-media, .is-selected > .sliderimage{
    border: 2px solid #357ebd;
}

.add-new-media{
    width: 100px;
    height: 100px;
    border-radius: 5px;
    color: white;
    font-weight: 600;
    background-color: #29ABE2;
}

.add-new-media:hover{
    cursor: pointer;
}

.add-new-media .fa-upload{
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 100px;
    text-align: center;
}

.sliderimage {
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    background-color: #ccc;
}

.sliderimage img {
    display: block;
    min-height: 100%;
    margin: auto !important;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    width: auto !important;
}

.imagelightbox:hover {
    cursor: pointer;
}

#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) repeat;
    text-align: center;
    z-index: 9999;
    padding: 10px;
    display: none;
}

#lightbox:hover {
    cursor: pointer;
}

#lightbox p {
    color: white;
}

#lightboximage {
    margin: 0 auto;
    height: 100%;
}

#lightboximage img {
    box-shadow: 0 0 25px #111;
    -webkit-box-shadow: 0 0 25px black;
    -moz-box-shadow: 0 0 25px black;
    -ms-box-shadow: 0 0 25px black;
    width: 100%;
    max-width: 940px;
    max-height: 95%;
}

#lightboxslider {
    margin: 20px auto;
    width: 87.5%;
    width: calc(100% - 100px);
    max-width: 940px;
    max-height: 90%;
    max-height: 90vh;
}

#lightboxslider .item {
    width: 100%;
    box-sizing: border-box;
}

#lightboxslider .item > * {
    display: block;
}

#lightboxslider .item .meta {
    width: 100%;
    padding: 5px;
}

#lightboxslider .item img {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    max-height: 80%;
    max-height: 80vh;
}

#lightboxslider .item h4, #lightboxslider .item p {
    color: white;
    text-align: center;
}

#lightboxslider .item p {
    width: 100%;
    max-height: 100px;
    overflow-y: scroll;
}

#lightboxslider .item-no-image {
    padding: 5px;
    background-color: #aaa;
}

#lightboxslider .flickity-prev-next-button.previous {
    left: -50px;
}

#lightboxslider .flickity-prev-next-button.next {
    right: -50px;
}

.deletemedia {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px !important;
    height: 20px !important;
}

.deletemedia:hover {
    cursor: pointer;
}

.dropdown-menu-saveas, .dropdown-menu-social, .dropdown-menu-sorting {
    min-width: 0;
}

.dropdown-menu-saveas {
    overflow-y: auto;
    height: 500px;
    overflow-x: hidden;
    z-index: 1001;
}

.tw-share:hover, .fb-share:hover, .wa-share:hover, .mail-share:hover, .url-share:hover, .embed-share:hover, .mra-publish:hover,
.opt-tw-share:hover, .opt-fb-share:hover, .opt-wa-share:hover, .opt-mail-share:hover, .opt-url-share:hover {
    cursor: pointer;
}

.tw-share:hover > .fa, .opt-tw-share:hover > .fa {
    color: #55acee;
}

.fb-share:hover > .fa, .opt-fb-share:hover > .fa {
    color: #627aad;
}

.wa-share, .opt-wa-share {
    display: none !important;
}

.wa-share:hover > .fa, .opt-wa-share:hover > .fa {
    color: #23ab33;
}

.mra-icon-logo {
    background-size: auto 1.3em;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icons/icon-logo-silblack.png);
    position: relative;
    display: inline-block;
    width: 1em;
    line-height: 1.42857143;
}
.mra-icon-logo:before {
    content: "\00a0";
}

#share-embed .modal-dialog, #share-embed-library .modal-dialog {
    width: auto;
    max-width: 1000px;
    padding: 0 10px;
}

#share-embed-library .modal-dialog {
    height: 90%;
}

#share-embed-library .modal-content {
    height: auto;
    min-height: 100%;
}

/*#share-embed-library .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}*/

#iframe-preview {
    background-color: #e6e6e6;
    padding: 20px;
    overflow-x: auto;
}

#iframe-preview iframe {
    display: block;
    margin: 0 auto;
}

#options-route-social .btn-group, #options-track-social .btn-group, #options-folder-social .btn-group {
    width: 100%;
}

.opt-propertylist {
    margin: 8px 0;
}

.opt-propertylist dt, .opt-propertylist dd {
    padding: 5px;
    display: inline-block;
    line-height: 24px;
}

.opt-propertylist dt {
    width: 30%;
    float: left;
    clear: left;
    text-align: right;
}

.opt-propertylist dd {
    width: 70%;
    float: left;
}

.opt-propertylist dd .img-listcontrol {
    margin-right: 10px;
}

/* Bootbox */
textarea.full {
    width:100%;
    height:250px;
}

/* Search */
#global-search-form .typeahead.dropdown-menu {
    width: 300px;
    overflow: hidden;
}

#global-search-form .typeahead li a, #group-invite .typeahead li a, #event-invite .typeahead li a {
    color: black;
    padding-left: 12px;
    padding-right: 12px;
}

#global-search-form .typeahead li.active, #group-invite .typeahead li.active, #event-invite .typeahead li.active {
    background-color: #0097cf;
}

#global-search-form .typeahead li.active a, #group-invite .typeahead li.active a, #event-invite .typeahead li.active a {
    color: white;
}

#global-search-form .typeahead li.active span, #global-search-form .typeahead li.active .fa,
#group-invite .typeahead li.active span, #group-invite .typeahead li.active .fa,
#event-invite .typeahead li.active span, #event-invite .typeahead li.active .fa {
    color: white;
}

.typeahead-search-result img, #group-invite .group-invite-result img, #event-invite .group-invite-result img,
.typeahead-search-result .img-allresults, .typeahead-search-result .img-noresults {
    width: 37px;
    height: 37px;
    float: left;
}

.typeahead-search-result .img-allresults, .typeahead-search-result .img-noresults {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    background-color: #d1d2d4;
    color: #58585a;
}

li.active .typeahead-search-result .img-allresults, li.active .typeahead-search-result .img-noresults {
    background-color: white;
}

.typeahead-search-result .img-allresults > .fa, .typeahead-search-result .img-noresults > .fa {
    line-height: 37px;
    font-size: 18px;
}

li.active .typeahead-search-result .img-allresults > .fa, li.active .typeahead-search-result .img-noresults > .fa {
    color: #58585a !important;
}

.typeahead-search-result img.img-group, .typeahead-search-result img.img-event,
#group-invite .group-invite-result img.img-group, #group-invite .group-invite-result img.img-event {
    height: 25px;
    margin-top: 6px;
    border-radius: 4px;
}

.typeahead-search-result-detail, #group-invite .group-invite-result-detail {
    width: calc(100% - 47px);
    float: right;
}

.typeahead-search-result-detail > span,
#group-invite .group-invite-result-detail > span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.typeahead-search-result-detail .typeahead-search-result-subtitle,
#group-invite .group-invite-result-detail .group-invite-result-subtitlee {
    font-size: 12px;
    color: #707070;
}

.typeahead-search-result-detail .typeahead-search-result-friend,
#group-invite .group-invite-result-detail .group-invite-result-friend {
    color: #70ad47;
}

.typeahead-search-result-detail .typeahead-search-result-group,
#group-invite .group-invite-result-detail .group-invite-result-group {
    color: #ffaa00;
}

.typeahead-search-result-detail .typeahead-search-result-event,
#group-invite .group-invite-result-detail .group-invite-result-event {
    color: #0071bc;
}

/* Modal */
.modal .modal-title {
    text-align:center;
    color:#16161D;
}
.modal label {
    color:#16161D;
}
.modal-backdrop {
    background-color: #164E7F;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.75;
}

/*----------------------------
    The file upload form
-----------------------------*/
.upload ul {
    list-style-type:none;
    margin-top:10px;
}
.upload ul li {
    line-height:48px;
}

.upload ul li input[type='submit'] {
    margin: 6px 12px;
}

.upload textarea {
    resize: none;
}

.upload .alert {
    display: none;
}

table.upload tr td {
    padding: 12px;
}

table.upload tr td:first-of-type {
    padding-left: 0;
}

table.upload tr td:nth-child(2) {
    width: 100%;
}

table.upload tr td:last-of-type {
    padding-right: 0;
}

.footer-upload-status {
    font-size: 20px;
    line-height: 34px;
    float: left;
}

.footer-upload-status-hint {
    margin-left: 6px;
    font-size: 16px;
}

/*----------------------------
      Deel & win-pagina
-----------------------------*/

#sharebody {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: -ms-linear-gradient(#CCE0F4, #0071BC);
    background: -webkit-linear-gradient(#CCE0F4, #0071BC);
    background: -moz-linear-gradient(#CCE0F4, #0071BC);
    background: linear-gradient(#CCE0F4, #0071BC);
}

#sharewrapper {
    overflow-y: auto;
}

#sharewrapper * {
    overflow-x: hidden;
}

.btn-share {
    width: 100%;
    border-radius: 0;
    text-transform: none;
    color: white;
    font-weight: 600;
    margin-top: 5px;
}

.btn-share:hover {
    color: white;
}

.btn-share:active, .btn-share:focus {
    background: linear-gradient(left, #0065A6, #00ACE9);
    background: -webkit-linear-gradient(left, #0065A6, #00ACE9);
    background: -moz-linear-gradient(left, #0065A6, #00ACE9);
    background: -ms-linear-gradient(left, #0065A6, #00ACE9);
    color: #eee;
}

.btn-share img {
    width: 14px;
    height: 14px;
}

.btn-share:last-of-type {
    margin-bottom: 5px;
}

.gradient-filler {
    overflow: hidden;
}

#sharemain {
    width: 100%;
}

#sharemain .quarter-option {
    display: block;
    padding: 0.75rem;
    background-color: white;
    color: #29ABE2;
    border-radius: 7.5px;
}

#sharemain .quarter-option {
    margin: 10px 10px 0 10px;
}

#sharemain .quarter-option:last-of-type {
    margin-bottom: 10px;
}

#sharemain .quarter-option.quarter-selected {
    cursor: default;
    background-color: #29ABE2;
    color: white;
    margin-bottom: 0;
    text-decoration: none;
}

#sharemain .quarter-option.quarter-selected:hover {
    text-decoration: none;
}

#dwfeedsort {
    color: white;
}

.videocard {
    width: 25%;
    height: auto;
    display: inline-block;
    padding: 0.75rem;
}

.videocard * {
    overflow: hidden;
}

.videocardtop {
    overflow: visible !important;
}

.videocardtop .videoshare {
    overflow: visible !important;
}

.videocard * a {
    color: #29ABE2;
}

.videocardtop, .videocardvid, .videocardbottom {
    display: block;
}

.videocardtop, .videocardbottom {
    padding: 10px;
    height: 50px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
}

.videocardtop {
    border-top: 1px solid #d1d2d4;
    border-left: 1px solid #d1d2d4;
    border-right: 1px solid #d1d2d4;
    border-radius: 10px 10px 0 0;
}

.videotitle, .videoroute, .videoshare, .videocreator, .videovote, .video-gallery-title-decorator {
    line-height: 30px;
    font-size: 1.75rem;
    display: inline-block;
}

.videotitle, .video-gallery-title-decorator {
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 165px; /* Fallback */
    max-width: calc(100% - 2em);
}

.videotitleroute {
    max-width: 135px; /* Fallback */
    max-width: calc(100% - 4em) !important;
}

.videoroute .fa-stack.fa-lg, .videoshare .fa-stack.fa-lg {
    font-size: 1.5rem;
    transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
}

.videoroute .fa-stack.fa-lg:hover, .videoshare .fa-stack.fa-lg:hover {
    font-size: 1.6rem;
}

.videoroute, .videovote {
    font-size: 1.25rem;
}

.videocardbottom {
    border-bottom: 1px solid #d1d2d4;
    border-left: 1px solid #d1d2d4;
    border-right: 1px solid #d1d2d4;
    border-radius: 0 0 10px 10px;
}

.votebutton img {
    width: 28px;
    height: 28px;
    padding: 1px;
    margin-left: 3px;
    transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
}

.votebutton img:hover {
    width: 30px;
    height: 30px;
}

.numvotes {
    font-size: 1.75rem;
    font-weight: 600;
    color: #29ABE2;
}

.votebutton .fa-thumbs-up {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.legalterms > ol > li {
    font-weight: 600;
}

.termsheader {
    text-align: center;
}

.termsheader:first-of-type {
    margin-top: 10px;
}

@media (max-width: 1440px) {
    .videocard {
        width: 33%;
    }
}
@media (max-width: 1050px) {
    .videocard {
        width: 50%;
    }
}


/*----------------------------
         Accountpagina
-----------------------------*/
#accountcontainer {
    width: 75%;
    max-width: 900px;
    margin: 10px auto;
}

#accountcontainer .btn-xs.btn-default {
    background-color: #dddddd;
}

#accounttop {
    width: 100%;
    padding: 20px 0 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
}

#accounttop-picture, #accounttop-name {
    display: inline-block;
    line-height: 75px;
}

#accounttop-picture {
    width: 75px;
    height: 75px;
    margin-right: 10px;
    border-radius: 50%;
}

#accounttop-name {
    font-weight: lighter;
    width: calc(100% - 90px);
    margin: 0;
}

#accountleft {
    width: calc(50% - 10px);
    float: left;
    margin-right: 10px;
}

#accountright {
    width: calc(50% - 10px);
    float: right;
    margin-left: 10px;
}

#accountstatus {
    font-size: 1.75rem;
    line-height: 64px;
    height: auto;
    padding: 0 12px;
}

#recurring-gold, #recurring-nav {
    font-weight: 600;
}

#accountstatus img {
    height: 40px;
    width: auto;
}

#accountcontainer hr {
    border: none;
    border-top: 1px solid #58585a;
}

.btn-stripe {
    margin-bottom: 20px;
}

#account-invoice-details {
    display: flex;
    flex-flow: wrap;
}

#account-invoice-details > div {
    flex: 0 0 50%;
}

#account-invoice-details > div:first-child {
    padding-right: 20px;
}

#account-invoice-details table {
    margin-bottom: 20px;
}

#account-invoice-details td {
    padding: 5px 10px 0 0;
}

#account-delete {
    padding: 100px 0 10px 0;
}

#account-gold, #account-navigation {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-top: 20px;
}

#account-gold img, #account-navigation img {
    width: 150px;
    margin-right: 20px;
}

.account-old-subscription {
    font-size: 12px;
}

#nearbyframe, #supportframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#nearby, #support {
    width: 100%;
    height: 100%;
}

#accountdelete {
    width: auto;
    max-width: 1400px;
    padding-bottom: 50px;
}

#accountdelete p {
    font-weight: normal;
}

#accountdeletetop {
    border-bottom: 1px solid #58585a;
    padding: 10px 0;
    margin: 20px 0;
}

#accountdeletetop img {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    float: right;
    margin-left: 10px;
}

#accountdeletetop-user {
    float: right;
    display: inline-block;
}

#accountdeletetop p {
    margin-bottom: 0;
    width: auto;
}

#accountdeletetop p:first-of-type {
    margin-bottom: 5px;
}

#accountdeletetop a {
    line-height: 45px;
    display: inline-block;
}

#accountdelete .btn.btn-link {
    white-space: normal;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

#accountdeletespacer {
    margin-bottom: 50px;
}

.accountdelete-button {
    margin-bottom: 10px;
}

.accountdelete-button .btn {
    display: block;
    white-space: normal;
}

/* Search results page */

#searchcontainer {
    width: 75%;
    max-width: 900px;
    margin: 10px auto;
}

#searchbox {
    padding: 20px 0;
    width: 100%;
}

.searchresults {
    padding: 20px 0;
}

.search-result-noquery, .search-result-noresults {
    color: #707070;
    text-align: center;
    padding-top: 20px;
}

.search-result-user, .search-result-group, .search-result-event {
    background-color: white;
    padding: 10px;
    box-shadow: 0 0 1rem rgba(204, 204, 204, 0.5);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.search-result-user:hover, .search-result-group:hover, .search-result-event:hover {
    box-shadow: 2px 2px 1rem rgba(204, 204, 204, 0.5);
    cursor: pointer;
}

.search-result-user img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.search-result-group img, .search-result-event img {
    border-radius: 5px;
    width: 90px;
    height: 60px;
    margin-right: 10px;
}

.searchresults .js-more-results {
    text-align: center;
    font-size: 16px;
}

.searchresults .js-more-results .fa {
    display: inline-block;
    width: 100%;
}

/* Random users in admin */

#randomuserscontainer {
    width: 75%;
    max-width: 900px;
    margin: 40px auto;
}

#randomuserscontainer h1, #randomuserscontainer a {
    text-align: center;
}

#randomuserscontainer h1 input {
    width: auto !important;
    min-width: 0 !important;
    display: inline-block;
}

#randomusersstatusbox {
    margin-top: 40px;
}

/* Admin stats page */
.stats-block {
    padding: 20px;
    width: 100%;
    background-color: white;
    color: rgb(16, 118, 187);
    border-top: 1px solid rgb(16, 118, 187);
}

.stats-block:first-of-type {
    border-top: none;
}

.stats-block h2 {
    padding: 5px;
}

.stats-users-blocks {
    display: none;
    border: 1px solid rgb(16, 118, 187);
    border-radius: 5px;
}

.stats-users-blocks:not(:last-of-type) {
    margin-bottom: 10px;
}

.stats-users-singleblock {
    padding: 10px;
    width: 100%;
    border-right: 1px solid rgb(16, 118, 187);
}

.stats-users-singleblock:last-of-type {
    border-right: none;
}

.stats-users-singleblock .number {
    font-size: 48px;
    font-weight: 200;
    display: block;
}

.stats-users-singleblock .type {
    color: black;
    display: block;
}

.stats-fw-canvas {
    width: 100%;
    height: 500px;
    padding-right: 30px;
}

div.stats-fw-canvas {
    background-color: #eee;
    transition: 1s ease all;
}

div.stats-fw-canvas .fa {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 500px;
    font-size: 2em;
    transition: 0.5s ease all;
}

div.stats-fw-canvas:hover {
    cursor: pointer;
    background-color: #dedede;
}

div.stats-fw-canvas:hover .fa {
    color: #29abe2;
    font-size: 2.5em;
}

.graph-legend {
    display: inline-block;
    border-radius: 2px;
    padding: 2px;
    margin: 5px;
    color: white;
    cursor: default;
}

#stats-daily-report table {
    display: none;
}

#stats-daily-report table td {
    padding: 4px;
    border: 1px solid rgba(240, 240, 240, 0.75);
}

#stats-daily-report table td:first-child {
    padding-left: 0;
}

#stats-daily-report table td:nth-child(even) {
    min-width: 128px;
    text-align: right;
    padding-left: 8px;
    padding-right: 8px;
}

#stats-daily-report .collapse-gold, #stats-daily-report .collapse-navigation, #stats-daily-report .collapse-video,
#stats-daily-report .collapse-aio, #stats-daily-report .collapse-recurring {
    text-decoration: underline;
    cursor: pointer;
}

#stats-daily-report .collapsible-gold, #stats-daily-report .collapsible-navigation, #stats-daily-report .collapsible-video,
#stats-daily-report .collapsible-aio, #stats-daily-report .collapsible-recurring {
    display: none;
}

#stats-daily-report .collapsible-gold td:first-of-type, #stats-daily-report .collapsible-navigation td:first-of-type, #stats-daily-report .collapsible-video td:first-of-type,
#stats-daily-report .collapsible-aio td:first-of-type, #stats-daily-report .collapsible-recurring td:first-of-type {
    padding-left: 10px;
}

#stats-daily-report .collapsible-gold td:first-of-type:before, #stats-daily-report .collapsible-navigation td:first-of-type:before, #stats-daily-report .collapsible-video td:first-of-type:before,
#stats-daily-report .collapsible-aio td:first-of-type:before, #stats-daily-report .collapsible-recurring td:first-of-type:before {
    content: "└";
    color: #cccccc;
    position: relative;
    left: -5px;
}

@media(min-width: 1441px) {
    #stats-activity-canvas, #stats-payments-canvas {
        width: 66%;
        float: left;
    }

    #stats-count-canvas, #stats-gateways-canvas {
        width: 33%;
        float: right;
    }
}

/* Admin add user page */

.admin-accountcontainer h1 {
    color: #0071BC;
    margin: 50px 0 30px 0;
}

.label-expert-threshold-1, .label-expert-threshold-2 {
    display: inline-block;
    padding: 0 2px;
    border-radius: 2px;
}

.label-expert-threshold-1 {
    background-color: rgba(17, 165, 28, 0.2);
    border: 2px solid #11a51ce0;
}

.label-expert-threshold-2 {
    background-color: rgba(17, 117, 165, 0.2);
    border: 2px solid #1175a5e0;
}

.btn-country {
    color: #333;
    border-color: #ccc;
}

.btn-country img {
    height: 1.3em;
    vertical-align: text-bottom;
}

.btn-country:hover {
    color: #333;
    border-color: #adadad;
}

.routecalculationbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
}

.routecalculationbox > div:not(.routecalculationbox-gap) {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 5px;
    align-items: end;
}

.routecalculationbox-gap {
    border: 1px solid #E1F0FC;
}

/* Responsive (tablets) */

@media(max-width: 1366px) {
    #wide-toggle {
        left: 196px;
    }

    /* wp list */

    .waypoint-pauseicon, .waypoint-pauseicon-none {
        width: 20px;
        height: 20px;
    }

    .waypoint-waypointicon {
        width: 18px;
        height: 25px;
    }

    /* Toolbar */
    .touch #page-wrapper .btn-xs {
        font-size: inherit !important;
        line-height: inherit !important;
    }

    .touch #page-wrapper .input-group-btn .btn-xs {
        font-size: 14px !important;
    }

    /* Dropdowns */
    .touch .bootstrap-select .dropdown-menu ul li a, .touch ul.dropdown-menu li > a {
        line-height: 32px;
    }

    #global-search-form ul.dropdown-menu li a, #event-invite ul.dropdown-menu li a, #group-invite ul.dropdown-menu li a {
        line-height: inherit !important;
    }

    .touch ul.dropdown-menu li.divider {
        height: 1px !important;
    }

    .typeahead.dropdown-menu li {
        height: auto !important;
    }

    /* Sidebar */
    #sidebar {
        width: 230px;
    }

    /*#sidebar .sidebar-mrasocial ul:not(.accordion-tab-headings) li {*/
    /*    height: 50px !important;*/
    /*}*/

    #sidebar .sidebar-mrasocial ul.friends li .frienddisplayname, #sidebar .sidebar-mrasocial ul.friend-requests li .frienddisplayname,
    #sidebar .sidebar-mrasocial ul.groups li .frienddisplayname, #sidebar .sidebar-mrasocial ul.group-requests li .frienddisplayname
    {
        line-height: 46px;
    }

    #sidebar .sidebar-mrasocial ul.events li .frienddisplayname, #sidebar .sidebar-mrasocial ul.event-requests li .frienddisplayname,
    #sidebar .sidebar-mrasocial ul.event-past li .frienddisplayname {
        margin: 9px 0;
    }

    .groups li .groupimagecrop, .group-requests li .groupimagecrop, .events li .eventimagecrop, .event-requests li .eventimagecrop,
    .event-past li .eventimagecrop {
        width: 36px;
        height: 36px;
    }

    #sidebar .actions .glyphicon {
        line-height: 18px;
        width: 18px;
    }

    #sidebar .actions .glyphicon-ok {
        margin-top: 2px;
    }

    #sidebar .sidebar-mrasocial .frienddisplayname {
        width: calc(100% - 57px); /* 3px picture + 14px picture margin + 7px 'right padding' */
    }

    #sidebar .sidebar-mrasocial ul.friend-requests li .frienddisplayname, #sidebar .sidebar-mrasocial ul.group-requests li .frienddisplayname,
    #sidebar .sidebar-mrasocial ul.event-requests li .frienddisplayname {
        width: calc(100% - 77px); /* 3px picture + 14px picture margin + 7px 'right padding' + 20px actions */
    }

    /*#sidebar .sidebar-mrasocial ul li img {*/
    /*    height: 36px !important;*/
    /*}*/

    /*#sidebar #sidebar-group-new .fa, #sidebar #sidebar-event-new{*/
    /*    font-size: 36px !important;*/
    /*}*/

    #sidebar .sidebar-mrasocial .groups li img, #sidebar .sidebar-mrasocial .group-requests li img, #sidebar .sidebar-mrasocial .events li img:not(.autoadd-event-icon),
    #sidebar .sidebar-mrasocial .event-requests li img:not(.autoadd-event-icon), #sidebar .sidebar-mrasocial .event-past li img:not(.autoadd-event-icon) {
        width: 54px !important;
    }

    #sidebar .nothingfound {
        padding: 10px !important;
    }

    /*#sidebar .actions {*/
    /*    margin-top: -14px !important;*/
    /*    height: 46px;*/
    /*}*/

    #sidebar .actions > .glyphicon {
        display: none !important;
    }

    /*#sidebar .actions .mobile-actions {*/
    /*    display: block !important;*/
    /*}*/

    #sidebar .actions .mobile-actions a {
        display: block;
        width: 20px;
        height: 24px;
        line-height: 46px;
    }

    #sidebar .actions .mobile-actions .caret {
        padding: 0 !important;
        color: white;
        margin: 5px;
    }

    #sidebar .actions .mobile-actions ul.dropdown-menu {
        min-width: 40px !important;
    }

    #sidebar .actions .mobile-actions .dropdown-menu li {
        border: initial;
        border-radius: inherit;
        height: 32px !important;
        line-height: 32px !important;
        width: auto !important;
        cursor: pointer;
        font-weight: 300;
        font-size: 20px;
        text-align: center;
        background-color: inherit;
        color: #00aeef;
    }

    #sidebar .actions .mobile-actions .glyphicon {
        border-radius: 50%;
        border: 1px solid #00aeef;
        font-size: 14px;
        line-height: 24px;
        width: 24px;
    }

    #sidebar-expert #stats li > span {
        display: none;
    }

    #sidebar-expert #stats li > .stat-right {
        width: 100%;
        float: initial;
    }

    /* Search results page */
    #searchcontainer {
        width: 90%;
    }

    /* Activity cards */
    .activity {
        height: 350px;
    }

    .activity-details {
        width: 350px;
    }

    .activity .detailBox {
        left: 370px;
    }

    .actionBox-moments, .actionBox-comments {
        height: 285px;
    }

    .actionBox-moments img {
        max-height: 280px;
    }

    /* Track editor */
    .deletemedia {
        display: block;
    }

    /* Profile */
    div#profile #profile-bio {
        max-height: 65px;
        width: auto;
        max-width: 80%;
    }

    #profilemomentsoverview .content {
        height: 320px;
    }

    #profilemomentsdetail .header-meta, #profilemomentsdetail .header-track {
        display: block;
        float: none;
    }

    #profilemomentsdetail .momentimagebox {
        height: 275px;
    }

    div#agenda:after {
        position: relative;
        float: right;
        top: -90px;
        content: "";
        width: 60px;
        height: 90px;
        background-image: linear-gradient(to right, transparent, #0f75bc);
        pointer-events: none;
    }

    div#agenda #daysContainer ul li:first-of-type {
        margin-left: 50px;
    }

    div#agenda #daysContainer ul li:last-of-type {
        margin-right: 50px;
    }

    div#agenda ul li {
        padding: 0 8px;
    }

    div#agenda .tooltip-inner {
        white-space: pre-wrap;
    }

    #breadcrumbs-up {
        width: 80px;
    }

    .explorer-column-mode, .explorer-column-country {
        width: 40px;
    }

    .explorer-column-type {
        width: 90px;
    }

    .explorer-column-displayname {
        width: 120px;
    }

    .explorer-column-privacy {
        width: 100px;
    }

    .explorer-column-datetime {
        width: 130px;
    }

    .explorer-column-distance, .explorer-column-duration {
        width: 90px;
    }

    .explorer-column-votes {
        width: 50px;
    }

    .explorer-col-mode, .explorer-col-country {
        width: 30px;
    }

    .explorer-col-distance, .explorer-col-duration {
        width: 90px;
    }

    /* Account */
    #accountcontainer {
        width: 90%;
    }

    /* Events */
    #button-entry-going-text, #button-entry-maybe-text {
        display: none;
    }
}

@media(max-width: 1300px) {
    .explorer-col-votes, .explorer-col-copy, explorer-col-lock, explorer-col-unlock {
        display: none;
    }
}

@media(min-width: 1201px) {
    .explorer-col-duration-quotes {
        display: none;
    }
}

@media(max-width: 1200px) {
    .explorer-col-datetime-time, .explorer-col-distance-decimal, .explorer-col-duration-text {
        display: none;
    }

    .explorer-col-datetime {
        width: 100px;
    }

    .explorer-col-distance, .explorer-col-duration {
        width: 70px;
    }

    .explorer-col-duration-quotes {
        display: inline;
    }
}

@media(max-width: 1050px) {
    #page-wrapper .btn-xs {
        font-size: inherit !important;
        line-height: inherit !important;
    }

    #confirm-marker-info {
        width: 50%;
        left: 25%;
    }

    #export-modal .modal-dialog {
        width: 600px;
    }

    .marker-container .marker-top {
        white-space: nowrap;
        overflow-x: auto;
    }

    .moment-container, .location-container {
        width: calc(100vw - 50vw);
    }

    table#routesTable td, table#routeAddTable td, table#membersTable td, table.adminTable td {
        padding: 10px 0;
    }

    .explorer-control {
        display: none;
    }

    .explorer-col-type, .explorer-col-privacy, .explorer-col-datetime, .explorer-col-distance, .explorer-col-duration {
        font-size: 12px;
    }

    .explorer-col-type {
        width: 95px;
    }

    .explorer-col-privacy {
        width: 100px;
    }

    .explorer-col-displayname {
        display: none;
    }

    .explorer-col-datetime {
        width: 70px;
    }

    .explorer-col-distance, .explorer-col-duration {
        width: 60px;
    }

    #profilemap #profilemapframe, #profilemap #profilemapplaceholder, #profilemap #mapcontainer {
        height: 400px;
    }

    #groupmap #groupmapframe, #groupmap #groupmapplaceholder, #groupmap #mapcontainer {
        height: 600px;
    }

    #profilemomentsoverview {
        max-width: 300px;
    }

    #profilemomentsdetail .momentimagebox {
        height: 250px;
    }

    .mra-icon-logo {
        background-image: url(../images/icons/icon-logo-silwhite.png);
    }
}

@media(max-width: 1050px) {
    .waypoint-pauseicon, .waypoint-pauseicon-none {
        width: 20px;
        height: 20px;
    }

    .waypoint-waypointicon {
        width: 18px;
        height: 25px;
    }

    .waypoint-stopicon-number {
        left: 33px;
    }

    .waypoint-stopicon-number-small {
        left: 32px;
    }

    #page-wrapper .btn-xs {
        font-size: inherit !important;
        line-height: inherit !important;
    }

    #confirm-marker-info {
        width: 50%;
        left: 25%;
    }

    #export-modal .modal-dialog {
        width: 600px;
    }

    .marker-container .marker-top {
        white-space: nowrap;
        overflow-x: auto;
    }

    .moment-container, .location-container {
        width: calc(100vw - 50vw);
    }

    table#routesTable td, table#routeAddTable td, table#membersTable td, table.adminTable td {
        padding: 10px 0;
    }

    .explorer-control {
        display: none;
    }

    .explorer-col-type, .explorer-col-privacy, .explorer-col-datetime, .explorer-col-distance, .explorer-col-duration {
        font-size: 12px;
    }

    .explorer-col-type {
        width: 95px;
    }

    .explorer-col-privacy {
        width: 100px;
    }

    .explorer-col-displayname {
        display: none;
    }

    .explorer-col-datetime {
        width: 70px;
    }

    .explorer-col-distance, .explorer-col-duration {
        width: 60px;
    }

    #profilemap #profilemapframe, #profilemap #profilemapplaceholder, #profilemap #mapcontainer {
        height: 400px;
    }

    #groupmap #groupmapframe, #groupmap #groupmapplaceholder, #groupmap #mapcontainer {
        height: 600px;
    }

    #profilemomentsoverview {
        max-width: 300px;
    }

    #profilemomentsdetail .momentimagebox {
        height: 250px;
    }

    .mra-icon-logo {
        background-image: url(../images/icons/icon-logo-silwhite.png);
    }
}

@media(max-width: 950px) {
    .explorer-col-distance, .explorer-col-duration {
        display: none;
    }
}

@media(max-width: 900px) {
    #changelog-modal .modal-dialog {
        width: 66%;
    }

    .activity {
        height: auto;
    }

    .activity-details, .activity .detailBox {
        display: block;
        float: none;
        width: 100%;
        position: static;
    }

    .activity-head {
        font-size: 12pt;
        height: 65px;
    }

    .activity-head-rating {
        height: 80px;
    }

    .activity-head .profile-picture {
        width: 55px;
        height: 55px;
        margin-right: 10px;
    }

    .activity-head .activity-title, .activity-head .activity-subtitle {
        width: calc(100% - 92px); /* 55 (profile pic) - 10 (profile pic margin) - 28 (flag) */
        right: 30px;
        left: 60px;
    }

    .activity-head .flag {
        margin-right: 0;
        width: 28px;
        height: 28px;
    }

    .activity-footer .stat-button {
        height: 80px;
    }

    .activity .detailBox {
        padding-left: 0;
        padding-top: 20px;
    }

    .actionBox-moments, .actionBox-comments {
        height: 225px;
    }

    .actionBox-moments img {
        max-height: 225px;
    }

    #confirm-marker-info {
        width: 66%;
        left: 17%;
    }

    #profilemap #profilemapframe, #profilemap #profilemapplaceholder, #profilemap #mapcontainer {
        height: 350px;
    }

    #profilemap .activity-details {
        max-width: 300px;
    }

    #groupmap #groupmapframe, #groupmap #groupmapplaceholder, #groupmap #mapcontainer {
        height: 600px;
    }

    #groupmap .activity-details {
        max-width: 300px;
    }

    #profilemomentsoverview {
        width: 33%;
    }

    #profilemomentsoverview .momentbox {
        width: calc(100% - 20px);
        padding-bottom: 56.25%;
    }

    #profilemomentsdetail .momentimagebox {
        height: 200px;
    }

    .explorer-col-delete {
        display: none;
    }

    .videocard {
        width: 100%;
    }

    .mravideocard{
        width: 100%;
    }

    .rendercard {
        width: 100%;
    }
}

@media(max-width: 850px) {
    .explorer-col-datetime {
        display: none;
    }
}

@media(max-width: 800px) {
    .explorer-col-edit {
        display: none;
    }

    .explorer-selectedactions {
        left: 25px;
        width: calc(100% - 50px);
    }
}

@media(max-width: 700px) {

    #wide-toggle {
        display: none;
    }

    #sidebar-section-select-container {
        display: none;
    }

    #sidebar .section-subheader {
        display: none;
    }

    #sidebar .section-header-image {
        display: none;
    }



    #main-container .blocks-row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    /*#main-container #sidebar {*/
    /*    width: 100%;*/
    /*    height: 49px;*/
    /*    transition: height 0.5s ease;*/
    /*    border-top: 5px solid #29abe2;*/
    /*    border-right: none;*/
    /*}*/

    #sidebar:before {
        content: none;
    }

    #main-container #sidebar > *:first-of-type {
        border-right: 0;
    }

    #main-container #sidebar .accordion-tabs {
        background: none;
    }

    #main-container #sidebar.open {
        height: 100%;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
    }

    #sidebar > * {
        height: 100%;
    }

    #sidebar.open .accordion-tabs {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    #sidebar #accordion > .accordion-tab-headings {
        display: block;
        padding: 3px 3px 0 3px;
        width: calc(100% - 39px - 6px);
    }

    #sidebar .sidebar-exclamation {
        position: static;
        font-size: 1em;
    }

    #sidebar .accordion-tab-content {
        overflow-y: auto;
        background-color: white;
    }

    #sidebar .accordion-tab-content > section:not(#sidebar-contextsupport) {
        padding: 10px 3px;
    }

    #sidebar.open .accordion-tab-content {
        -webkit-flex: 2;
        flex: 2;
    }

    #sidebar .accordion-tab-content h3 {
        display: none;
    }

    #sidebar #mobile-toggle {
        display: inline-block;
    }

    .blocks-row:not(.no-sidebar) .right-wrapper {
        height: calc(100% - 49px);
    }

    #changelog-modal .modal-dialog {
        margin: 0 0 0 0;
        width: 100%;
        max-width: none;
    }

    #changelog-modal .modal-dialog .modal-content {
        border-left: none !important;
        border-radius: 0;
    }

    .activity-footer .stat-button .stat-button-title {
        font-size: 9pt;
    }

    .activity-footer .stat-button .stat-button-value {
        font-size: 13pt;
    }

    #export-modal .modal-dialog {
        width: auto;
    }

    #confirm-marker-info {
        width: 95%;
        left: 2.5%;
        padding: 15px 10px;
        margin-top: 5px;
    }

    table.upload tr td {
        display: block;
        padding: 5px !important;
    }

    .moment-container, .location-container {
        width: calc(100vw - 35vw);
    }

    .explorer-hideable, .explorer-button-text {
        display: none;
    }

    button:focus .explorer-button-text {
        display: inline;
    }

    .opt-propertylist dt, .opt-propertylist dd {
        padding: 5px;
        display: block;
        line-height: 20px;
        width: 100%;
        float: none;
        text-align: left;
    }

    .opt-propertylist dt:not(:first-of-type) {
        padding-top: 10px;
    }

    .opt-propertylist dd:not(:last-of-type) {
        padding-bottom: 10px;
        border-bottom: 1px dashed #ddd;
    }

    #explorer-bar #breadcrumbs li {
        display: none;
    }

    #explorer-bar #breadcrumbs li:last-of-type {
        display: inline-block;
    }

    #explorer-bar #breadcrumbs li + li:before {
        padding: 0;
        content: "";
    }

    #profiletable tbody > tr > td, #groups-top tbody > tr > td, #event-top tbody > tr > td {
         display: block;
         width: 100% !important;
         max-width: 100% !important;
     }

    #profiletable tr td:first-of-type {
        height: auto;
        max-height: none;
    }

    #profiletable tr td .ride-picture {
        width: 100%;
        height: auto;
    }

    #profilemap #profilemapframe, #profilemap #profilemapplaceholder, #profilemap #mapcontainer {
        height: 300px;
    }

    #groupmap #groupmapframe, #groupmap #groupmapplaceholder, #groupmap #mapcontainer {
        height: 600px;
    }

    #groupprofile #group-picture, #groupprofile #profile-title,
    #eventprofile #event-picture, #eventprofile #profile-title {
        float: none;
        display: inline-block;
    }

    #groupprofile #group-picture, #eventprofile #event-picture {
        vertical-align: top;
    }

    #groupprofile #profile-title, #eventprofile #profile-title {
        max-width: calc(100% - 100px);
        overflow: hidden;
    }

    #groupprofile #profile-actions, #eventprofile #profile-actions {
        float: none;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        margin: 0;
        padding: 10px;
    }

    #groupprofile #profile-actions .btn, #eventprofile #profile-actions .btn {
        -webkit-flex: 1;
        flex: 1;
        line-height: 2 !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    #group-image, #event-image {
        width: 100%;
        height: auto;
        padding-bottom: 66.67%;
    }

    #event-bio #event-edit-date-editable > .input-group {
        width: 100%;
        float: none;
    }

    #event-bio #event-edit-date-editable > .input-group .input-group-addon {
        min-width: 30%;
    }

    #map.event-map {
        height: 300px;
    }

    #sharemain {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
    }

    #upload-video .dropdown-menu.open {
        max-width: 100%;
    }

    .wa-share, .opt-wa-share {
        display: inherit !important;
    }

    .changelog-share-wrapper .wa-share {
        display: inline-block !important;
    }

    #accountdeletetop img {
        display: none;
    }

    #account-invoice-details {
        display: block;
    }
}

@media(max-width: 600px) {
    #accounttop-picture, #accounttop-name {
        display: block;
    }

    #accounttop-picture {
        margin: 0 auto;
    }

    #accounttop-name {
        text-align: center;
        line-height: 50px;
        width: 100%;
    }

    #accountleft, #accountright {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 450px) {

    .pauseduration-button-icon {
        left: 9px;
    }

    .marker-container .arrow-right {
        right: -5px;
        bottom: 25%;
    }

    .marker-container .arrow-left {
        left: -5px;
        bottom: 25%;
    }

    .marker-container .arrow {
        width: 30px;
    }

    /*#marker-container-extra .arrow {*/
    /*    width: 30px;*/
    /*    bottom: 30%;*/
    /*}*/
}

@media(max-width: 370px) {
    #calculator-content {
        width: 300px;
        height: 355px;
        margin: 3px;
    }

    .calculator-footer-wrapper-left {
        font-size: 11px;
    }

    .calculator-footer-wrapper-right {
        font-size: 11px;
    }

    #calculator-body {
        background-size: 500px;
    }

    .calculator-selectlist-waypoint {
        width: 270px;
    }
}

@media(max-width: 319px) {
    #calculator-content {
        width: 260px;
        height: 375px;
        margin: 3px;
    }

    .calculator-footer-wrapper-left {
        font-size: 10px;
    }

    .calculator-footer-wrapper-right {
        font-size: 10px;
    }

    #calculator-body {
        background-size: 500px;
    }

    .calculator-selectlist-waypoint {
        width: 200px;
    }
}

@media(min-width: 701px) {
    /*#wide-toggle {*/
    /*    position: absolute;*/
    /*    display: block;*/
    /*    z-index: 3;*/
    /*    top: 2px;*/
    /*    left: 191px;*/
    /*    color: white;*/
    /*    border-top-left-radius: 4px;*/
    /*    border-top-right-radius: 4px;*/
    /*    border-left: 1px solid white;*/
    /*    border-top: 1px solid white;*/
    /*    border-right: 1px solid white;*/
    /*    border-bottom: none;*/
    /*    padding: 9px 8px;*/
    /*    transition: all 0.5s ease;*/
    /*}*/

    #sidebar .ui-accordion-header {
        padding: 8px 20px;
        font-size: 18px;
    }

    #sidebar h3 span {
        top: 8px;
    }

    #sidebar .section-header-image {
        display: none;
    }

    #sidebar .section-subheader {
        display: none;
    }

    #wide-toggle:hover, #wide-toggle:focus {
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.33);
    }

    .blocks-row #wide-toggle .closed {
        display: none;
    }

    .blocks-row.wide #wide-toggle {
        /*padding: 7px 8px;*/
        left: 0;
        /*border-top-left-radius: 0;*/
        /*border-bottom-left-radius: 0;*/
        /*border-top-right-radius: 4px;*/
        /*border-bottom-right-radius: 4px;*/
        /*border-left: none;*/
        /*border-right: 1px solid white;*/
        /*border-top: 1px solid white;*/
        /*border-bottom: 1px solid white;*/
    }

    .blocks-row.wide #wide-toggle .open {
        display: none;
    }

    .blocks-row.wide #wide-toggle .closed {
        display: inline-block;
    }

    .blocks-row.wide #sidebar {
        width: 0;
    }

    #sidebar {
        transition: width 0.5s ease;
    }

    .blocks-row > .popover {
        width: 276px;
        left: 182px !important;
    }

    .blocks-row.wide > .popover {
        left: 0 !important;
    }

    .blocks-row > .popover.bottom > .arrow {
        left: 10%;
    }

    .blocks-row.wide > .popover.bottom > .arrow {
        left: 6%;
    }
}

@media(min-width: 1051px) {
    #sidebar .section-subheader {
        display: none;
    }

    #sidebar .section-header-image {
        display: none;
    }
}

@media(min-width: 1367px) {
    #wide-toggle {
        left: 285px;
    }

    .blocks-row > .popover {
        left: 272px !important;
    }

    .blocks-row.wide > .popover {
        left: 0 !important;
    }

    .dropdown-toggle-maptype > span > .caret {
        margin-top: 8px
    }
}

@media(min-width: 1367px) and (min-height: 850px) {
    #sidebar .ui-accordion-header {
        padding: 10px 20px;
        font-size: 20px;
    }

    #sidebar h3 span {
        top: 13px;
    }

    #sidebar .section-header-image {
        display: block;
    }

    #sidebar-library > img {
        width: 40px;
        height: 40px;
    }

    #sidebar .section-header {
        margin-left: 55px;
        min-height: 50px;
    }

    #sidebar .section-subheader {
        display: block;
    }

    #sidebar #sidebar-contextsupport .section-header {
        margin-left: 0;
        font-size: 16px;
    }
}


/* BOOTSTRAP SUBMENU */


.clear-both {
    clear: both;
}

table.upload .removeRoute:hover {
    cursor: pointer;
}

div.viewGroupContainer {
    text-align: center;
}

div.viewGroup {
    display: inline-block;
    background-color: #29ABE2;
    margin-top: 10px;
    border-radius: 20px;
    padding: 2px 15px 2px 15px;
    cursor: pointer;
}

div.viewGroup div {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
}

div.viewGroup a{
    color: white !important;
}

div#group-bio-container {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
}

div.actionbox-background {
    background-image: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)), url("../images/front/tyre-background.jpg");
    background-size: cover;
}

.map-roundtour .leaflet-pane, .map-roundtour .leaflet-tile-pane, .map-roundtour .leaflet-tile-pane * {
    position: relative !important;
}

.blog-lang-select {
    cursor: pointer;
}

.star-rating-list {
    display: inline-block;
    cursor: default;
    margin-left: 10px;
}

.star-rating-user-image {
    border-radius: 30px;
    max-height: 40px;
}

.star-rating-user {
    font-size: 15px;
    margin-left: 10px;
}

#showRatings{
    padding: 0 8px 0 8px;
}

.re-subheader {
    font-weight: normal;
}

#ratedContainer > div:nth-child(odd) {
    background-color: #c9eafb;
}

.rated-empty {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.region {
    margin-top: 10px;
    font-size: 17px;
    display: inline-block;
    max-width: 90%;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.39);
}

.region-delete {
    display: inline-block;
    float: right;
    margin-top: 10px;
    font-size: 17px;
}

.regions-empty, #noCountries {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}

#regionHeader {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
}

#re-register-advantages-container {
    background-image: url("../images/front/re-register.png");
    background-size: cover;
    color: white;
}

#re-register-advantages {
    text-align: left;
    max-width: 75%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

#re-reward-table {
    border: 2px solid white;
    text-align: center;
    padding: 10px 0 20px 0;
    margin: 10px 0 10px 0;
    overflow-x: auto;
    white-space: nowrap;
}

.re-reward-cell {
    display: inline-block;
    width: 33%;
    min-width: 200px;
    white-space: nowrap;
}

.re-reward-cell div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.re-reward-cell div:first-child {
    font-weight: bold;
    font-size: 18px;
}

#re-scroll-hint {
    display: none;
    font-size: 12px;
    font-style: italic;
}

@media(max-width: 1000px){
    #re-scroll-hint {
        display: block;
    }
}

#expert-profile-container {
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(43,171,226,1);
    margin-top: 20px;
}

.expert-icon-margin {
    margin-right: 10px;
}

#expert-start-container {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.expert-start-button-container {
    flex-grow: 1;
    width: 33%;
    text-align: center;
}

.expert-start-button {
    color: white;
    background: -webkit-linear-gradient(left, #29ABE2 30% , #0071BC 100%);
    border-radius: 20px;
    padding: 10px 20px 10px 20px;
    font-size: 12px;
    margin: 0 auto;
    float: none;
    text-align: center;
    cursor: pointer;
}

.expert-start-button:hover, .expert-start-button:visited, .expert-start-button:link, .expert-start-button:active {
    color: white;
}

.expert-start-button-hint {
    margin: 20px;
}

#expert-routes-empty {
    margin: 20px 2.5% 0 2.5%;
    font-style: italic;
}

@media(max-width: 1250px) {
    #expert-start-container {
        margin: 20px 0 auto;
        display: block;
    }

    .expert-start-button-container {
        width: 100%;
    }
}

.re-route-remove {
    float: left;
    margin-right: 10px;
}

#addedRoutes {
    margin-bottom: 10px;
}

#collectionsTable td {
    padding-right: 25px;
}

#collectionHeaderCrop {
    max-width: 100%;
    max-height: 100%;
    margin-top: 10px;
}

/** Share buttons for profile_home **/
.social-share-button {
    display: inline-block;
    border-radius: 20px;
    padding: 10px;
    font-size: 12px;
    cursor: pointer;
    color: white;
    transition: all 0.5s ease;
}

.social-share-button:hover, .social-share-button:focus {
    color: white;
    opacity: 0.85;
}

.social-share-tw {
    background: -moz-linear-gradient(left, #6ABFFC, #439AD8);
    background: -webkit-linear-gradient(left, #6ABFFC, #439AD8);
    background: linear-gradient(to right, #6ABFFC, #439AD8);
}

.social-share-fb {
    background: -moz-linear-gradient(left, #5174BC, #34599E);
    background: -webkit-linear-gradient(left, #5174BC, #34599E);
    background: linear-gradient(to right, #5174BC, #34599E);
}

.social-share-wa {
    background: -moz-linear-gradient(left, #2FB73F, #189624);
    background: -webkit-linear-gradient(left, #2FB73F, #189624);
    background: linear-gradient(to right, #2FB73F, #189624);
}

.social-share-mail {
    background: -moz-linear-gradient(left, #965858, #7C4949);
    background: -webkit-linear-gradient(left, #965858, #7C4949);
    background: linear-gradient(to right, #965858, #7C4949);
}

.social-share-url {
    background: -moz-linear-gradient(left, #777776, #606060);
    background: -webkit-linear-gradient(left, #777776, #606060);
    background: linear-gradient(to right, #777776, #606060);
}
.social-share-text {
    font-size: 14px;
}



/**
https://stackoverflow.com/questions/33449452/how-to-make-svg-larger-on-hover
editor-add-marker scaling animation
 */

.editor-add-marker:hover{
    will-change: transform, transition;
    -webkit-transform: scale(1.6);
    -moz-transform:  scale(1.6);
    transform:  scale(1.6);
}

.editor-add-marker{
    will-change: transform, transition;
    width: 80%;
    height: 80%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
/*!** More subtle animation for dragged icon (only works for Firefox)**!*/
/*@supports (-moz-appearance:none) {*/
/*    .editor-add-marker:hover{*/
/*        transform: scale(1.6);*/
/*    }*/

/*    .editor-add-marker{*/
/*        width: 80%;*/
/*        height: 80%;*/
/*        transition: all 0.5s;*/
/*        transform-origin: 50% 50%;*/
/*    }*/
/*    .editor-add-marker-dragged:hover{*/
/*        transform: scale(1.4);*/
/*    }*/

/*    .editor-add-marker-dragged{*/
/*        width: 95%;*/
/*        height: 95%;*/
/*        transition: all 0.5s;*/
/*        transform-origin: 50% 50%;*/
/*    }*/

/*}*/

#starttime-route-picker, #starttime-edit {
    border: 1px solid #c9c9c9;
    padding: 5px 10px;
    border-radius: 5px;
    flex: 1;
}

#starttime-route-picker-remove, #starttime-edit-remove {
    background-color: #FFD600;
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
    margin-left: 10px;
}