@charset "UTF-8";
/* === NORMALIZE ================= */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

body {
  margin-top: 0px;
}

#divajaxcount {
  position: fixed;
  top: 0px;
  right: 0px;
  min-width: 10px;
  padding: 1px 7px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: rgb(227, 56, 56);
  border-radius: 10px;
}

.activity-cards > div {
  float: left;
}

#r-runner-page h2 {
  text-align: center;
  border: 1px solid gray;
  background-color: brown;
  color: white;
  font-size: 15px;
}

.r-runner-profile {
  overflow: auto;
  border: 2px solid grey;
  background-color: rgb(218, 224, 231);
}
.r-runner-profile .runner-avatar-wrapper {
  float: left;
}
.r-runner-profile img {
  width: 128px;
}
.r-runner-profile .r-runner-name {
  font-weight: bold;
  margin: 2px;
}
.r-runner-profile .r-runner-strava a {
  color: orange;
  float: left;
  margin: 2px;
}
.r-runner-profile .r-runner-betrail a {
  color: darkgreen;
  float: left;
  margin: 2px;
}
.r-runner-profile .r-activities-count td {
  padding: 3px;
  font-size: large;
}

.r-sport-summarytable {
  text-align: center;
}
.r-sport-summarytable table {
  margin: 2px auto;
}

.r-sport-bestperf td {
  text-align: center;
}
.r-sport-bestperf table {
  margin: 2px auto;
}
.r-sport-bestperf td div:first-child {
  font-weight: bold;
  margin: 2px;
  background-color: gainsboro;
}

.r-sport-bestperf th {
  font-weight: bold;
  margin: 2px;
  background-color: gainsboro;
}

.r-activities-table {
  text-align: center;
}
.r-activities-table table {
  margin: 2px auto;
}

form button[selected] {
  background-color: brown;
  color: white;
}

.bn-cls-cactivity_card {
  border: 1px solid grey;
  width: 400px;
  padding: 5px;
  font-size: 16px;
  overflow: auto;
}
.bn-cls-cactivity_card img {
  height: 100px;
  float: left;
}
.bn-cls-cactivity_card .activity-card-title span:not(:nth-child(1)):before {
  content: " - ";
}
.bn-cls-cactivity_card .activity-card-result {
  padding: 6px;
}
.bn-cls-cactivity_card .activity-card-result-cap {
  font-size: 12px;
}
.bn-cls-cactivity_card .activity-card-result-val {
  font-size: 22px;
}
.bn-cls-cactivity_card .activity-card-result > div {
  float: left;
  margin-right: 12px;
}
.bn-cls-cactivity_card .activity-card-result {
  overflow: auto;
}

.bn-attTable td, .bn-activities-list td {
  text-align: right;
  padding: 2px;
}

.bn-cls-cactivity_table * {
  border: none;
}
.bn-cls-cactivity_table tr *:nth-child(1) {
  width: 64px;
  padding: 1px;
  margin: 1px;
}
.bn-cls-cactivity_table tr *:nth-child(4) {
  color: gray;
}

.r-sport-summarytable table, .r-sport-bestperf table, .r-sport-record table, .r-activities-table table {
  border-collapse: collapse;
}
.r-sport-summarytable table, .r-sport-summarytable th, .r-sport-summarytable td, .r-sport-bestperf table, .r-sport-bestperf th, .r-sport-bestperf td, .r-sport-record table, .r-sport-record th, .r-sport-record td, .r-activities-table table, .r-activities-table th, .r-activities-table td {
  border: 1px solid grey;
}
.r-sport-summarytable .bn-attTable td, .r-sport-summarytable .bn-activities-list td, .r-sport-bestperf .bn-attTable td, .r-sport-bestperf .bn-activities-list td, .r-sport-record .bn-attTable td, .r-sport-record .bn-activities-list td, .r-activities-table .bn-attTable td, .r-activities-table .bn-activities-list td {
  text-align: right;
  padding: 2px;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 1px 7px;
  font-weight: 700;
  font-size: smaller;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

/* === BUTTONS ========== */
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:active, .btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
  text-decoration: none;
}

.btn-running {
  background-color: red;
}

.btn-selected {
  background-color: green;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;
}

.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-xs {
  line-height: 1.3;
}

.btn-group-xs > .btn, .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.bn-sn-connect {
  width: 80%;
  background-size: 24px;
  background-position: 16px center;
  background-repeat: no-repeat;
  font-size: 16px;
  max-width: 300px;
}

.bn-facebook-connect {
  background-color: #3b5998;
  background-image: url("/bnico/atypefacebook.jpg");
}

.bn-google-connect {
  background-color: #f0f0f5;
  color: black;
  border-color: black;
  background-image: url("/bnico/atypegoogle.jpg");
}

.bn-strava-connect {
  background-color: #fc5200;
  background-image: url("/bnico/atypestrava.jpg");
}

#bn-commentform-preview {
  padding: 3px;
}

.commentform-tags li {
  margin: 1em;
}

.bn-expandtag-name {
  font-weight: bold;
}

#conditions {
  position: fixed;
  margin-left: 25%;
  margin-right: 25%;
  top: 25%;
  min-width: 50%;
  min-height: 50%;
  z-index: 999;
  background-color: white;
  border: 2px solid green;
  font-size: 20px;
  padding: 10px;
  line-height: 100%;
}

#conditions button, #conditions div {
  margin: 20px;
  font-size: 16px;
  white-space: normal;
  text-align: center;
}

ul.ui-front {
  z-index: 10000;
}

a[href^=http]:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: smaller;
  content: "\f35d";
}

.PopupAlert, .PopupAlert td, .PopupAlert tr, .PopupAlert table {
  font-size: 16px;
  line-height: 1.2em;
}

.PopupAlert dropdown-menu {
  display: block;
}

.overmenu {
  display: none;
  position: absolute;
  background-color: white;
  z-index: 99;
  list-style-type: none;
  margin: 1px;
  padding: 1px;
  min-width: 100px;
}

.overmenu li {
  border: 1px solid blue;
}

.overmenu > li > a {
  display: block;
}

.dropdown-menu .bn-doc {
  color: grey;
}

.bn-file {
  color: black;
  font: smaller;
  text-decoration: none;
  background-color: lightgrey;
}

.bn-drive {
  background-color: black;
  color: white;
}

/*bootstrap adaptation*/
/*.thumbnail{        
    height: 260px;
    overflow: none;
    line-height:1;
}
.thumbnail:hover, .msgdiv:hover {border-color:blue;}*/
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
  width: 100% !important;
}

.wkt {
  font-size: 10px;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}
@media (max-width: 978px) {
  .container-fluid {
    padding: 0;
    margin: 0;
  }
  body {
    padding: 0;
  }
}
/*HELPERS*/
#errormsg {
  z-index: 9999;
  position: fixed;
  left: 200px;
  top: 200px;
  background-color: orange;
  font-size: 14px;
  padding: 2px;
  border: 1px solid red;
  pointer-events: none;
}

#notify {
  z-index: 9999;
  position: fixed;
  left: 200px;
  top: 200px;
  background-color: blue;
  font-size: 14px;
  padding: 2px;
  border: 1px solid red;
  pointer-events: none;
}

.mk-notifications {
  width: 350px;
  padding: 10px;
  position: fixed;
  z-index: 20000;
  max-height: 100vh;
  max-width: 100%;
  overflow: hidden;
}

.mk-notifications.mk-scrollable {
  overflow-y: auto;
}

.mk-notifications.mk-scrollable::-webkit-scrollbar {
  width: 3px;
  background: 0 0;
}

.mk-notifications.mk-scrollable::-webkit-scrollbar-track {
  background: 0 0;
}

.mk-notifications.mk-scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.22);
  outline: 0;
}

.mk-notifications.mk-scrollable:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.66);
}

.mk-notifications.mk-top {
  top: 0;
}

.mk-notifications.mk-right {
  right: 0;
}

.mk-notifications.mk-bottom {
  bottom: 0;
}

.mk-notifications.mk-left {
  left: 0;
}

.mk-notifications.mk-center {
  left: 0;
  margin-left: calc(50% - 180px);
}

.mk-notifications > .mk-noti * {
  cursor: default;
}

.mk-notifications > .mk-noti {
  opacity: 0;
  width: 100%;
  max-height: 0;
  transform: translateX(100%);
  background: #fff;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: row;
  overflow: hidden;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

.mk-notifications > .mk-noti.mk-clickable * {
  cursor: pointer !important;
}

.mk-notifications.mk-left > .mk-noti {
  transform: translateX(-100%);
}

.mk-notifications.mk-center.mk-bottom > .mk-noti {
  transform: translateX(0);
  transform: translateY(100%);
}

.mk-notifications.mk-center.mk-top > .mk-noti {
  transform: translateX(0);
  transform: translateY(-100%);
}

.mk-notifications.mk-top > .mk-noti.mk-show {
  margin-bottom: 10px;
}

.mk-notifications.mk-bottom > .mk-noti.mk-show {
  margin-top: 10px;
}

.mk-notifications > .mk-noti:hover {
  box-shadow: 3px 3px 12px 1px rgba(0, 0, 0, 0.29);
}

.mk-notifications.mk-rtl > .mk-noti {
  flex-direction: row-reverse;
  text-align: right;
  box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.15);
}

html[dir=rtl] .mk-notifications.mk-rtl > .mk-noti {
  flex-direction: row;
}

.mk-notifications.mk-rtl > .mk-noti:hover {
  box-shadow: -2px 2px 10px 1px rgba(0, 0, 0, 0.25);
}

.mk-notifications.mk-center > .mk-noti.mk-show {
  transform: translateX(0);
  transform: translateY(0);
}

.mk-notifications > .mk-noti.mk-show {
  transform: translateX(0);
  max-height: 500px;
  opacity: 1;
}

.mk-notifications > .mk-noti > .mk-icon {
  min-width: 80px;
  min-height: 80px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
  text-align: center;
  font-size: 250%;
  color: #fff;
}

.mk-notifications.mk-rtl > .mk-noti > .mk-icon {
  float: right;
}

.mk-notifications > .mk-noti.mk-default > .mk-icon {
  background: #6c757d;
}

.mk-notifications > .mk-noti.mk-primary > .mk-icon {
  background: #007bff;
}

.mk-notifications > .mk-noti.mk-success > .mk-icon {
  background: #28a745;
}

.mk-notifications > .mk-noti.mk-danger > .mk-icon {
  background: #dc3545;
}

.mk-notifications > .mk-noti.mk-warning > .mk-icon {
  background: #ffc107;
}

.mk-notifications > .mk-noti.mk-info > .mk-icon {
  background: #17a2b8;
}

.mk-notifications > .mk-noti.mk-light > .mk-icon {
  background: #f8f9fa;
  color: #212529;
}

.mk-notifications > .mk-noti.mk-dark > .mk-icon {
  background: #343a40;
}

.mk-notifications > .mk-noti.mk-purple > .mk-icon {
  background: #563d7c;
}

.mk-notifications > .mk-noti > .mk-body > .mk-title {
  padding: 5px 16px 5px 5px;
  margin: 0;
  color: #333;
  font-size: 115%;
  font-weight: 400;
}

.mk-notifications.mk-rtl > .mk-noti > .mk-body > .mk-title {
  padding-right: 5px;
  padding-left: 16px;
}

.mk-notifications > .mk-noti > .mk-body > .mk-text {
  padding: 0 5px 5px;
  color: #666;
  font-size: 100%;
  line-height: 18px;
  font-weight: 300;
  margin-bottom: 5px;
}

.mk-notifications > .mk-noti > .mk-body > .mk-close {
  padding: 5px;
  color: #999;
  position: absolute;
  right: 0;
  font-size: 10px;
  margin-right: 2px;
  cursor: pointer;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.mk-notifications.mk-rtl > .mk-noti > .mk-body > .mk-close {
  right: unset;
  left: 0;
  margin-right: unset;
  margin-left: 2px;
}

.mk-notifications > .mk-noti > .mk-body > .mk-close.mk-hide {
  display: none;
}

.mk-notifications > .mk-noti > .mk-body > .mk-close:hover {
  color: #666;
}

@media screen and (max-width: 420px) {
  .mk-notifications {
    min-width: 100%;
  }
  .mk-notifications > .mk-noti > .mk-body > .mk-close {
    font-size: 14px;
    padding: 8px;
  }
  .mk-notifications.mk-center {
    margin-left: 0;
  }
}
#dispmsg {
  font-size: 6px;
  background-color: red;
}

.cb {
  clear: both;
}

.butico {
  height: 12px !important;
  vertical-align: middle;
  margin: 2px 2px !important;
}

/*PAGE*/
#dh {
  background-color: #C0C0C0;
}

#dph {
  float: left;
  width: 124px;
}

.navi img {
  height: 1.4em;
  vertical-align: middle;
}

.navi a {
  vertical-align: middle;
}

.nnlu {
  font-weight: bold;
}

.thin {
  max-width: 500px;
  margin: auto;
}

/*MESSAGE*/
.msglist {
  max-width: 750px;
  margin: auto auto;
}

.msgdiv, .ravelrow {
  border: 1px solid;
  border-radius: 7px;
  color: black;
  margin: 2px;
  padding: 2px;
  cursor: default;
  background-color: #E0E0E0;
  margin-top: 5px;
  padding-left: 4px;
  text-align: left;
  /*overflow:hidden;*/
}

.msglistcompact > .msgdiv {
  max-height: 120px;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border-radius: 0px !important;
  margin: 0 !important;
}

.msgdi2 {
  background-color: #EEEEEE;
}

.msgdih {
  background-color: #EEAAEE;
}

.msgdiunread {
  background-color: #FFFF80;
}

.msgdiremoved {
  background-color: #FF8080;
}

.msgpic {
  float: left;
  width: 120px;
}

.msgpic > img {
  display: block;
  margin: auto auto;
}

.msgdat {
  font-family: "courier";
  font-weight: bold;
  float: right;
  font-size: 1.2em;
}

.msgdatilya {
  font-size: 0.7em;
}

.msgusr {
  font-weight: bold;
}

.msghea {
  color: blue;
  font-weight: bold;
}

.msgtxt {
  display: block;
  margin: 3px;
  padding: 2px;
  background-color: #F0F0F0;
  margin-left: 122px;
  overflow: auto;
}

.msgtxt > img {
  float: left;
}

.msgtoo {
  float: right;
}

.msgbut {
  background-color: #DDDDDD;
  border-style: solid;
  border-width: 1px;
  margin: 2px;
}

.msglist h3 {
  background-color: #DD5522;
  font-size: 1em;
  margin: 0px;
}

.pfx {
  font-family: "courier";
  border: 1px solid black;
  padding-left: 1px;
  padding-right: 1px;
}

.pfxp {
  color: red;
}

.pfxe {
  color: blue;
}

.pfxl {
  color: green;
}

.placeinfo td {
  padding: 2px;
  vertical-align: top;
  list-style: none;
}

.placeinfo img.icon33 {
  float: right;
  border: 0.5px solid grey;
}

.mapmin {
  float: right;
}

.todo1 {
  background-color: #FF3030;
}

.todo2 {
  background-color: #FF6060;
}

.todo3 {
  background-color: #FFC0C0;
}

.todo4 {
  background-color: #8080FF;
}

.msglistcompact .msgpic {
  width: 80px;
}

.msglistcompact .msgtxt {
  margin-left: 82px;
}

/*messages*/
.seatxt {
  border-style: solid;
  border-width: 1px;
  font-size: 0.95em;
  margin: 0;
  width: 200px;
}

.seabut {
  font-size: 0.95em;
  margin: 0;
}

/*artiles et index*/
.divh {
  max-width: 1000px;
  font-size: 14px;
  margin: auto;
  opacity: 0.95;
  background-color: white;
  border: solid 2px black;
  margin-top: 4px;
  border-radius: 2px;
}

.divh-header {
  background-color: green;
  text-align: center;
  color: white;
  padding: 2px;
}

.backgrd {
  background-repeat: no-repeat, repeat;
  background-size: 100%;
}

/*HINFO*/
.hinfo > span {
  font-weight: bold;
}

/*pictures*/
.picmin {
  border-style: solid;
  max-width: 120px;
  border-width: 1px;
  max-height: 120px;
}

.picmin2 {
  border-style: solid;
  width: 80px;
  border-width: 1px;
}

.icon33 {
  height: 33px;
}

.cvtitle img {
  vertical-align: middle;
}

.banner {
  padding: 2px 10px;
  border-style: solid;
  border-width: 1px 1px 1px 10px;
  margin: 3px;
  overflow: auto;
  font-size: 11px;
}

.banner > div {
  margin-left: 47px;
  vertical-align: center;
  font-size: 1.1em;
}

.banner ul {
  padding-left: 25px;
  margin: 0px;
}

.banner-tip {
  border-color: #00B000;
}

.banner-d {
  border-color: #C0F0F0;
}

.banner-q {
  border-color: #FF99CC;
}

.banner-s {
  border-color: #FF0000;
}

.banner-header {
  font-weight: bold;
}

.banner img {
  float: left;
}

/* DENOM*/
#denom table, #denom td, #denom th {
  border: 1px solid black;
  padding: 2px;
}

#denom table {
  margin: auto;
}

#geoaddr {
  opacity: 0.6;
}

#geoaddr:hover {
  opacity: 1;
}

.sprite32 {
  background-image: url("/bnico/sprites.png?v=2");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}

.sprite16 {
  background-image: url("/bnico/sprites.png?v=2");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.tiphlp, .tipsns, .tipsnd, .tipsnq {
  background-color: white;
  color: black;
  border-style: solid;
  border-width: 2px;
  padding: 2px;
  margin: 2px;
  text-align: center;
}

.tiphlp {
  border-color: black;
  background-color: #F0F0F0;
}

.tipsns {
  border-color: red;
  background-color: #FFC0C0;
}

.tipsnq {
  border-color: #CC0099;
  background-color: #FF99CC;
}

.tipsnd {
  border-color: #00E0E0;
  background-color: #C0F0F0;
}

div.intro {
  text-align: center;
  font-size: 1.1em;
}

.mnubut {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-size: 8px;
  font-family: "FuturaA Bk BT", Arial, "MS Sans Serif";
  text-decoration: none;
}

.mitable {
  position: relative;
  left: 0;
}

span.updsummary {
  color: grey;
  font-size: 6px;
}

titlelink {
  color: #f60;
  font-style: normal;
  font-weight: bold;
  font-size: 8px;
  font-family: "FuturaA Bk BT", Arial, "MS Sans Serif";
  text-decoration: none;
}

/*n° de sentier*/
.slsel, .slunsel {
  border: 1px solid black;
}

.slsel {
  background-color: green;
  color: white;
}

.slunsel {
  background-color: lightgrey;
  color: black;
}

.wp {
  padding-left: 5px;
  padding-right: 5px;
  background-color: yellow;
  color: black;
  border-width: 1px;
  border-style: none;
}

.bn-hidden {
  display: none;
}

#divavis, #divcounters {
  text-align: center;
  margin: 2px;
}

.butav {
  text-decoration: none;
  padding-left: 1px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #FF0000;
  color: white;
  border-width: 0px;
  border-style: solid;
}

.pt {
  width: 10px;
  text-align: center;
  color: white;
  background-color: blue;
}

.ptm {
  width: 10px;
  font-size: 8px;
  position: absolute;
  text-align: center;
  color: white;
  background-color: blue;
}

.noph {
  width: 120px;
  height: 60px;
  font-size: 8px;
  position: relative;
  text-align: center;
  color: white;
  background-color: blue;
  top: -60px;
  left: -180px;
}

.pi {
  text-decoration: none;
  color: green;
  white-space: nowrap;
}

.ld {
  text-decoration: none;
  color: blue;
  white-space: nowrap;
}

.ru {
  text-decoration: none;
  color: blue;
  white-space: nowrap;
}

#geoinfo {
  background-color: yellow;
  opacity: 0.7;
  position: absolute;
}

.avert {
  background-color: #CC0099;
  color: white;
  font-size: 8px;
  text-align: center;
  padding: 2px;
  margin: 1px;
}

.rue, .ruefin {
  background-color: blue;
  color: white;
}

.rued {
  background-color: #5050FF;
  color: white;
}

.ruesrc {
  font-size: 6px;
}

.ruefin {
  text-decoration: line-through;
}

.ant {
  border: 1px solid black;
  border-collapse: collapse;
}

.antd {
  border: 1px solid black;
}

.caph {
  font-size: 1rem;
}

.nomh {
  color: red;
  font-size: 1rem;
}

table.refs {
  border-style: solid;
  border-width: 1px;
}

table.borders, table.borders td, table.borders th {
  border: 1px solid black;
}

img.refs {
  height: 80px;
}

img.refslarge {
  width: 450px;
}

div.source {
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  padding: 3px;
  background-color: #EEEEEE;
}

/*div.sourceico {
  border-width:1px; 
  border-style:solid;
  float:right;
}*/
/*div.headingnomargin {
  background-color:#008080;
  color:white;
  padding:3px;
  font-size:1.2em;
  }*/
h2 a {
  color: grey;
}

div.datesep {
  background-color: #505050;
  padding: 1px;
  font-size: 1.3em;
  max-width: 13em;
  margin-left: 240px;
  color: white;
  border-radius: 8px;
  text-align: center;
  margin-top: 30px;
}

div.promenavert {
  margin: 5px auto 5px auto;
  padding: 3px;
  max-width: 800px;
  font-size: 12px;
  border-style: solid;
  border-width: 1px;
  background-color: #eeffff;
  border-radius: 8px;
}

div.heading2 {
  background-color: #A0E0E0;
  margin: 5px 0px 1px 0px;
}

#ajaxloading {
  z-index: 99;
}

/*.oldpopupfull {max-width:100%;max-height:100%;bottom:0;left:0;margin:auto;overflow:auto;position:fixed;right:0;top:0;}
#popupph {background-color:rgba(0,0,0,0.5);background-repeat: no-repeat;background-position:center;background-size:contain;}
#popupph ul {background-color:white;font-size:1.2em;opacity:1;margin:5px;padding:2px;max-width:250px;float:left;border:1px solid black;  border-radius:3px;  }    
#popupph li,#popupphtxt li {border-bottom: 1px solid black;border-style:dashed;padding:4px;opacity:1;}  
#popupphtxt {float:left;width:240px;line-height:160%;list-style-type:none} 
#popupph img {margin:auto;max-width: 100%; max-height:100%;}
#popupclose {float:right;width:1em;text-align:center} */
.progressbar {
  position: absolute;
  float: left;
  left: 0px;
  top: 0px;
  width: 1%;
  background-color: green;
  color: white;
  text-align: center;
}

/*faces.inc*/
.tblmes {
  border: 1px solid black;
  font-size: 14px;
}

.dataTables_wrapper, table.dataTable {
  clear: none;
}

.deadlink {
  text-decoration: line-through;
}

.selected {
  background-color: #2559c7;
}

.ttph {
  color: blue;
  font-style: italic;
}

.nompropre {
  font-size: 1rem;
  font-weight: bold;
}

.npdata {
  margin-left: 70px;
}

P.breakhere {
  page-break-before: always;
}

#bn-mapopts {
  padding-top: 2px;
  -webkit-background-clip: padding-box;
  border-width: 0px 1px 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: rgba(0, 0, 0, 0.14902);
  border-bottom-color: rgba(0, 0, 0, 0.14902);
  border-left-color: rgba(0, 0, 0, 0.14902);
  -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
  position: relative;
  text-align: left;
  display: none;
  background-color: white;
  background-clip: padding-box;
}

.bn-mapopte {
  color: black;
  font-family: Roboto, Arial, sans-serif;
  -webkit-user-select: none;
  font-size: 11px;
  padding: 3px;
  background-color: rgb(255, 255, 255);
}

#bn-igncpr {
  display: none;
  color: black;
  background-color: white;
  opacity: 0.7;
  right: 12px !important;
}

/*index.inc*/
.digit {
  background: #888888;
  padding: 1px;
  margin: 1px;
  color: white;
  margin-bottom: 2px;
  display: block;
  float: left;
}

#geoaddr {
  width: 100px;
}

/*profilemessage.inc*/
.msgfield {
  margin: 3px;
}

.msglabel {
  float: left;
  width: 55px;
  font-weight: bold;
}

/*remembrement.inc*/
.rlist, .rlist td, .rlist th {
  border: 1px solid black;
}

/*sentier.inc*/
.noelem {
  width: 300px;
  margin: 33px auto 33px auto;
  border: solid 2px black;
  padding: 3px;
}

.intro {
  padding: 5px;
}

/*stat*/
table.stat td {
  border: 1px solid green;
  text-align: center;
  padding: 2px;
  vertical-align: top;
}

table.stat .badge {
  font-size: 9px;
}

.lamp {
  border: 1px solid green;
  padding: 2px;
  margin: 1px;
}

.fullscreen {
  top: 0px;
  width: 100%;
  height: 100%;
  position: fixed !important;
  z-index: 10000;
}

@media screen and (max-width: 680px) {
  div.gmplace {
    width: 100%;
    float: none;
  }
  .gm-style {
    font-size: 12px;
  }
}
/* ----- Image grids ----- 
.grid-container {
}
div.rig {
	list-style: none;
	font-size: 0px;
}
div.rig>div {
	display: inline-block;
	padding: 10px;
	margin: 0 0 1.5% 1.5%;
	font-size: 14px;
	vertical-align: top;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
}
div.rig div img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
div.rig div h3 {
	font-size:16px;
}
div.rig div p {
	font-size: 1em;
	line-height: 1.5em;
	color: #999;
}*/
.form-group {
  margin-bottom: -1px;
}

.help-block {
  margin-bottom: -1px;
}

.form-control {
  padding: 0px;
  height: inherit;
}

.col-form-label {
  text-align: right;
}

div.btn-group-vertical {
  width: 150px;
  float: left;
  position: fixed;
}

.bn-docpage {
  margin: 0 auto;
  max-width: 64em;
  padding: 1.4em 1em;
  word-wrap: break-word;
  font-size: 1rem;
}
.bn-docpage h3 {
  margin-top: 1em;
}
.bn-docpage table, .bn-docpage tr, .bn-docpage td, .bn-docpage th {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid black;
  border-collapse: collapse;
}
.bn-docpage pre {
  border: 1px solid black;
}
.bn-docpage .div-admin {
  position: absolute;
  left: 0px;
}
.bn-docpage .div-admin ul {
  list-style: none;
}
.bn-docpage h1 {
  display: none;
}
.bn-docpage .mainph {
  float: right;
  max-height: 300px;
}

/*---- FORM ------------------------*/
form.bn-form-inline {
  display: inline-block;
  margin-block-end: 0px;
}
form.bn-form-inline div {
  display: inline-block;
}

.bn-form-row-button div, .bn-form-row-button {
  display: inline;
}

.bn-form, .bn-form-responsive, bn.form-inline {
  text-align: center;
  font-size: 1.1em;
  background: #f9f9f9;
  border: 1px solid #c1c1c1;
  margin: 0 auto 0 auto;
  position: relative;
}
.bn-form input[type=checkbox], .bn-form-responsive input[type=checkbox], bn.form-inline input[type=checkbox] {
  transform: scale(1.6, 1.6) translate(2px);
}

.bn-form-row {
  margin-bottom: 3px;
}

.bn-form-label {
  text-align: left;
}
.bn-form-label .primary_key {
  color: red;
}
.bn-form-label .key {
  color: blue;
}

.bn-form-control {
  text-align: left;
}

.ui-autocomplete-loading {
  background: url("/bnico/wait.gif") no-repeat right center;
  background-size: contain;
}

.bn-form-extra {
  text-align: left;
}

.help-block {
  font-size: small;
}

.bn-form-control.has-error input {
  border-color: red;
}

.with-errors {
  color: red;
}

.with-errors ul {
  margin-block-start: 3px;
}

.bn-form-control > * {
  font-size: inherit;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.bn-form-control > * textarea {
  width: 100%;
}
.bn-form-control > * input:focus, .bn-form-control > * select.focus {
  outline: 3px solid gold;
}
.bn-form-control > * button:hover {
  background: gold;
}

.bn-form-compact {
  font-size: 12px;
}
.bn-form-compact .bn-form-control > * {
  padding: 0px;
}
.bn-form-compact .bn-form-row {
  margin-bottom: 0px;
}

.bn-form-control textarea {
  width: 90%;
}

@media (min-width: 600px) {
  .bn-form-responsive .bn-form-row .bn-form-label {
    text-align: center;
    float: left;
    width: 25%;
    argin-top: 2px;
  }
  .bn-form-responsive .bn-form-row .bn-form-extra {
    margin-left: 25%;
    margin-top: 1px;
  }
  .bn-form-responsive .bn-form-row .bn-form-control {
    margin-left: 25%;
    width: 75%;
    margin-top: 2px;
  }
  .bn-form-responsive .bn-form-row:after {
    content: "";
    display: table;
    clear: both;
  }
} /* CSS Document */
.bn-gallery img.php3, .bn-gallery img.php4 {
  border: solid 3px red;
}
.bn-gallery .phbox {
  text-align: center;
  position: relative;
}
.bn-gallery div.phs-fluid .phbox {
  height: 170px;
  float: left;
}
.bn-gallery div.phs-fluid img {
  max-height: 100%;
  max-width: 500px;
}
.bn-gallery div.phs-grid .phbox {
  width: 220px;
  height: 250px;
}
.bn-gallery div.phs-grid img {
  max-width: 100%;
}
.bn-gallery .phovlright {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: green;
  color: white;
  padding: 3px;
}
.bn-gallery .bn-gallery-toolbar {
  background-color: rgb(150, 145, 148);
  border: 1px solid black;
}
.bn-gallery .bn-gallery-toolbar button.active {
  background-color: beige;
}
.bn-gallery .bn-gallery-managebar {
  background-color: rgb(245, 220, 236);
  border: 1px solid black;
  display: none;
  padding: 2px;
}
.bn-gallery .bn-gallery-managebar textarea {
  height: 1em;
}
.bn-gallery .bn-gallery-managebar > div {
  display: inline-block;
  padding: 2px;
}
.bn-gallery .bn-gallery-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: space-around;
  text-align: center;
}

.bn-graph-display {
  border: 2px solid black;
  background-color: #b3e1f2;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.bn-graph-display li > span {
  display: block;
  float: left;
  width: 80px;
  color: grey;
}
.bn-graph-display > li {
  border: 1px solid white;
}
.bn-graph-display h1 {
  text-align: left;
  font-size: 14px;
}
.bn-graph-display td {
  border: 1px inset white;
}
.bn-graph-display tr td:nth-child(2) {
  width: 29px;
}

.bn-graph-display-name {
  font-weight: bold;
  font-size: large;
}

.bn-graph-list {
  list-style-type: none;
  display: inline;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.bn-graph-list li {
  display: inline;
}

.bn-graph-table {
  border-collapse: collapse;
}
.bn-graph-table th {
  text-align: left;
}
.bn-graph-table td, .bn-graph-table th {
  border: 1px solid white;
  padding: 2px;
  vertical-align: top;
}

.divedits {
  float: right;
  width: 350px;
  background-color: #eeffff;
}

.div-admin {
  float: right;
}

.graph-title {
  font-size: 18px;
  font-weight: bold;
}

.graph-search li {
  display: inline;
  margin: 2px;
}

.longname {
  font-size: smaller;
  margin-left: 10px;
}

input[type=datetime-local] {
  width: 170px;
}

.gheader {
  border: 1px solid black;
  border-radius: 5px;
}

.gheader > img {
  float: left;
  margin: 4px;
}

.gheader:after {
  content: "";
  display: table;
  clear: both;
}

.bn-form-addphrase {
  display: none;
}

#objpic {
  float: right;
  width: 200px;
}

.bn-gallery-filterform {
  background-color: rgb(216, 238, 117);
  padding: 2px;
}

.bn-cls-cgeoportals > li {
  display: block;
  width: 300px;
  height: 150px;
  float: left;
  border: 1px solid blue;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bn-cls-cgeoportals span {
  background-color: white;
  padding: 2px;
}
.bn-cls-cgeoportals img.geopmap {
  width: 100%;
  height: 100%;
  position: relative;
}
.bn-cls-cgeoportals .dropdown {
  float: right;
}
.bn-cls-cgeoportals .iconsmall {
  height: 14px;
}

.bn-cls-cgeoportals:after {
  content: "";
  display: block;
  clear: both;
}

.loc, .ent, .prv {
  text-decoration: none;
  white-space: nowrap;
  background-color: #FFCC00;
  color: black;
  border-width: 1px;
}

.ent:hover {
  color: white !important;
}

.locb {
  text-decoration: none;
  padding-left: 1px;
  padding-right: 1px;
  background-color: #FFEEAA;
  color: black;
  border-width: 2px;
  border-style: solid;
}

.ent {
  background-color: #0000FF;
  color: white;
}

.prv {
  background-color: brown;
  color: white;
}

.pointinterest {
  text-decoration: none;
  padding-left: 1px;
  padding-right: 1px;
  color: black;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  min-width: 500px;
}

.sn, .snv, .snw, .sns, .snq, .snr, .snd, .snb, .snp {
  text-decoration: none;
  padding-left: 1px;
  padding-right: 1px;
  background-color: #529B52;
  color: #FFFFFF;
  border-radius: 3px;
}

.snv {
  background-color: #00B000;
}

.snw {
  background-color: #00A000;
}

.sns {
  background-color: red;
}

.snq {
  background-color: #FF00FF;
}

.snr {
  background-color: #A0A0A0;
}

.snt {
  background-color: #000000;
  color: white;
}

.snd {
  background-color: #00E0E0;
}

.snb {
  background-color: #FF9900;
}

.snp {
  background-color: black;
}

a.snv:hover {
  background-color: #008000;
}

a.snw:hover {
  background-color: #007000;
}

a.sns:hover {
  background-color: #EE0000;
}

a.snq:hover {
  background-color: #CC00CC;
}

a.snr:hover {
  background-color: #707070;
}

a.snd:hover {
  background-color: #00C0C0;
}

a.snb:hover {
  background-color: #CC6600;
}

/* couleur de troncons*/
.trv {
  background-color: #A0F0A0;
}

.trw {
  background-color: #90E890;
}

.trs {
  background-color: #FF8080;
}

.trq {
  background-color: #FF99CC;
}

.trr {
  background-color: #C0C0C0;
}

.trt {
  background-color: #FF8080;
}

.trd {
  background-color: #C0F0F0;
}

.trb {
  background-color: #FFCC80;
}

.trp {
  background-color: #808080;
}

.bnrv {
  border-color: #00B000;
  background-color: #A0F0A0;
}

.bnrw {
  border-color: #00A000;
  background-color: #90E890;
}

.bnrs {
  border-color: red;
  background-color: #FF8080;
}

.bnrq {
  border-color: #FF00FF;
  background-color: #FF99CC;
}

.bnrr {
  border-color: #A0A0A0;
  background-color: #C0C0C0;
}

.bnrt {
  border-color: #000000;
  background-color: #FF8080;
}

.bnrd {
  border-color: #00E0E0;
  background-color: #C0F0F0;
}

.bnrb {
  border-color: #FF9900;
  background-color: #FFCC80;
}

.bnrp {
  border-color: black;
  background-color: #808080;
}

div.bn-cls-cmapview {
  position: relative;
  background-color: white;
}
div.bn-cls-cmapview button:hover {
  opacity: 1;
}
div.bn-cls-cmapview .bnol-controls button {
  height: 30px;
  min-width: 30px;
}
div.bn-cls-cmapview .bnol-controls {
  position: absolute;
  left: 60px;
  top: 5px;
}
div.bn-cls-cmapview .bnol-controls > div {
  display: inline;
}
div.bn-cls-cmapview #mnugeoinfo {
  border-top: 1px solid grey;
  text-align: center;
}
div.bn-cls-cmapview .osmpopup {
  line-height: 1.5em;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
  padding: 5px 10px;
}
div.bn-cls-cmapview button.bn-map-active {
  background-color: red;
}
div.bn-cls-cmapview .infobox-capcont {
  position: absolute;
  width: 120px;
  text-align: center;
  margin-left: -60px;
  margin-top: 0em;
  font-size: 12px;
}
div.bn-cls-cmapview .tippopup {
  background-color: white;
  border: 1px solid black;
}
div.bn-cls-cmapview .tippopup table {
  border-collapse: collapse;
  font-size: 12px;
}
div.bn-cls-cmapview .tippopup img {
  max-width: 300px;
}
div.bn-cls-cmapview .tippopup td {
  border: 1px solid black;
  padding: 1px;
}
div.bn-cls-cmapview #map33:fullscreen {
  height: 100%;
}

div.gmplace {
  height: 100vh;
  border: 1px solid black;
}

div.gmglo {
  width: 100%;
  height: 700px;
  border: 1px solid black;
  position: relative;
}

div.gmph {
  height: 300px;
  width: 100%;
  border-style: solid;
  border-width: 2px;
}

div.gmphbig {
  height: 600px;
  width: 100%;
  border-style: solid;
  border-width: 2px;
}

.butsuite {
  position: absolute;
  right: 25px;
  bottom: 15px;
}

div.gmrem {
  width: 400px;
  height: 400px;
}

div.gmfull {
  width: 100%;
  height: 100%;
}

div.gmrememb {
  width: 100%;
  height: 500px;
}

div.gmgeo {
  height: 260px;
  width: 100%;
}

.mappopup {
  background-color: white;
}

/* === MENU ================= */
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 0 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.PopupAlert .dropdown-menu {
  display: block;
  float: none;
  position: static;
}

.dropdown-menu > li {
  border-bottom: 1px solid #DDDDDD;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  text-decoration: none;
  background-color: #337ab7;
  color: white;
  outline: 0;
}

.dropdown-menu > li > a[href="##"] {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.dropdown li.disabled {
  color: grey;
  cursor: not-allowed;
}

.dropdown li {
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  .dropdown-menu {
    font-size: 22px;
    position: absolute;
    left: 0;
  }
  .menu_hidesmall {
    display: none;
    overflow-wrap: break-word;
    font-size: 10px;
  }
  .hidden-xs {
    display: none;
  }
}
/* CSS Document */
.bn-messagestable {
  font-size: 1rem;
  width: 100%;
}
.bn-messagestable th, .bn-messagestable td {
  border-bottom: 1px solid #ddd;
  padding: 2px;
}

/* === MSGLIST =====*/
table.bn-msglist {
  width: 100%;
  max-width: 1200px;
  border-collapse: collapse;
}

table.bn-msglist > tbody > tr > td {
  border: 1px solid grey;
  padding: 3px;
}

div.bn-msghea {
  font-weight: bold;
}

td.bn-msgpic {
  line-height: 1;
  max-width: 10em;
}

td.bn-msgpic img {
  display: block;
  margin: auto;
}

td.bn-msgdat, td.bn-msgpic {
  text-align: center;
}

td.bn-msgdat {
  width: 3em;
}

td.bn-msgpic {
  width: 80px;
}

.bn-msgtoo {
  xxdisplay: block;
}

.bn-msglist .bn-cls-cphmin img {
  width: 50% !important;
  height: 50% !important;
}

.bn-msgdat {
  margin: 2px;
  font-size: 10px;
}

tr.bn-infuture .msgmonth {
  background-color: red;
}
tr.bn-infuture .msgday {
  border-color: red;
  color: red;
}

.msgmonth {
  color: #FFF;
  font-size: 11px;
  padding: 1px 2px;
  text-transform: uppercase;
  background-color: black;
}

.msgday {
  padding: 2px;
  color: #222;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid black;
}

.bn-quote .phmin {
  max-height: 100px;
  max-width: 100px;
  width: auto !important;
  height: auto !important;
}

table.bn-msglist img.minvisit {
  height: 100px;
}

table.bn-msglist {
  table-layout: fixed;
}

.swiper-slide {
  float: left;
}

#dswp-visit > div {
  background-size: cover;
  text-align: center;
  font-size: 10px;
}

/* CSS Document */
/* NAVBAR
header
    div #header-left-section
        div #header-logo-image # 
        div #header-text
            div #site-title
            div #site-description
        nav
div navbar-title
*/
header {
  background: #204a21;
  color: white;
}

header a, header a:hover {
  color: white;
}

#logoiw {
  float: left;
  height: 56px;
  padding: 0px;
  margin: 2px 2px 2px 2px;
  background-color: white;
}

#site-title {
  color: #222222;
  font-size: 22px;
  padding: 5px;
}

#site-description {
  color: white;
  font-size: 15px;
  padding: 5px;
  font_size: 16px;
  clear: none;
}

#page-title {
  float: right;
}

#header-left-section {
  float: left;
  width: 450px;
}

nav > ul {
  display: flex;
  list-style: none;
  font-size: 12px;
  margin-block-start: 0px;
  margin-block-end: 0px;
}

#bar-admin {
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
}

#logoiw:hover {
  transform: scale(1.1);
}

nav > ul > li {
  margin-right: 10px;
}

nav .dropdown-menu:last-child {
  margin-left: -80px;
}

nav .dropdown-menu {
  background: #37b859;
}

nav .dropdown-menu a:hover, header .dropdown-menu a:focus {
  background: #27a839;
}

nav .dropdown a {
  background: #37b859;
  color: white;
}

nav ul {
  float: right;
  margin-bottom: 1px;
  margin-top: 30px;
}

nav > ul > li > a {
  padding: 2px;
  text-transform: uppercase;
  background-color: #37b859;
}

nav > ul > li > a:hover {
  color: orange;
}

nav input.bn-butsearch {
  width: 11em;
}

@media screen and (max-width: 640px) {
  nav > ul {
    font-size: 9px;
    display: flex;
  }
  nav > ul > li {
    margin-right: 2px;
  }
  nav i.fa-user {
    display: none;
  }
  nav .dropdown-menu {
    width: 100%;
  }
  header .dropdown-menu:last-child {
    margin-left: 0px;
  }
  .hidden-xs {
    display: none;
  }
  #site-description {
    display: none;
  }
  #logoiw {
    height: 10px;
  }
  nav ul {
    margin-top: 2px;
  }
}
.bn-osm-tag, .bn-osm-route {
  border: 1px solid green;
  background-color: white;
  opacity: 0.9;
  padding-left: 0px;
  color: grey;
}

.bn-osm-tag img {
  height: 30px;
  vertical-align: middle;
}

.bn-osm-route img {
  height: 15px;
  vertical-align: middle;
}

.bn-osm-wikimedia-img {
  max-width: 300px;
}

.bn-osm-overpass-request {
  line-height: 1em;
  border: solid 1px black;
}

.road-sign {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #FFFFFF;
  border: 3px solid #EE0000;
  border-radius: 100px;
}

.maxspeed {
  text-align: center;
  padding-top: 4px;
  margin: auto;
  color: #000000;
  font-family: Trebuchet MS;
  font-size: 12px;
  font-weight: bold;
}

/* === NOTIFICATION =====*/
.mk-icon {
  vertical-align: center;
}

/* === PAGE-PROFILE =====*/
.page-index-collab {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.page-index-collab > div {
  flex: 1;
  border: 1px solid grey;
}

/* === PAGE-PROFILE =====*/
.bn-profile-menu {
  border-bottom: 1px solid #ddd;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  width: 100%;
}

.bn-profile-menu > li {
  flex: 1;
  border-radius: 4px 4px 0 0;
  border: 1px solid #ddd;
}

.bn-profile-menu > li > a {
  padding: 10px 15px;
  margin-right: 2px;
  line-height: 1.42857143;
  text-align: center;
  padding: 10px 15px;
}

.bn-profile-menu > li > a.active {
  color: #555;
  cursor: default;
  background-color: #fff;
  border-bottom-color: transparent;
  padding: 10px 15px;
}

ul.bn-profile-menu:after {
  clear: both;
  display: table;
  content: " ";
}

/* === TABLE ==== */
.table {
  width: 100%;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 4px;
  line-height: 1.42857143;
  vertical-align: top;
  border-bottom: 1px solid grey;
  xxword-break: break-all;
}

div.lasuite {
  text-align: right;
  margin: 4px;
  position: relative;
}

@media screen and (max-width: 640px) {
  .hidden-xs {
    display: none;
  }
  .bn-profile-left {
    display: none;
  }
  .bn-profile-right {
    margin-left: 0px;
  }
}
.bn-graph-yearsep {
  background-color: rgb(208, 108, 14);
  color: white;
  font-size: 20px;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
}

.pagination {
  display: inline-block;
  margin: auto;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

/*html
    head
    body
        header
        main
            bn-leftright
                bn-left
                bn-right

        footer */
body {
  margin-left: 12px;
  margin-right: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

h1 {
  font-weight: 200;
  font-size: 16px;
  color: #767676;
  text-align: center;
  margin: 4px;
}

h2 {
  margin: 12px 0px 1px 0px;
}

h3 {
  margin-bottom: 1px;
  margin-top: 3px;
}

.bn-s-leftright {
  display: flex;
  flex-flow: row wrap;
}

.bn-s-left {
  border: 1px solid black;
  min-width: 360px;
  flex: 1.3;
}

.bn-s-right {
  border: 1px solid black;
  min-width: 360px;
  flex: 1;
  position: relative;
  overflow: auto;
}

iframe nav {
  display: none;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:focus, a:hover {
  text-decoration: underline;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}

.bn-article {
  margin: 0 auto;
  max-width: 64em;
  padding: 1.4em 1em;
  word-wrap: break-word;
  font-size: 1rem;
}

.private, .privacy2, .privacy3, .privacy4 {
  background-color: tan;
  border: 1px solid tan;
}

footer {
  text-align: center;
  margin-top: 2em;
  border-top: 1px solid grey;
}

.modules-list {
  text-align: left;
  font-size: small;
}

.footcw {
  height: 90px;
  float: left;
  margin-right: 12px;
}

.footiw {
  height: 90px;
  float: right;
  margin-left: 12px;
}

#phpstat {
  font-size: 8px;
  margin-top: 1em;
  margin-bottom: 1em;
}

#cpagelayout-bigmsg-div {
  position: relative;
  height: 100vh;
}
#cpagelayout-bigmsg-div h1, #cpagelayout-bigmsg-div h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#cpagelayout-bigmsg-div h1 {
  font-size: 102px;
  font-weight: 700;
  top: 25%;
}
#cpagelayout-bigmsg-div h1 h2 {
  position: absolute;
  top: 110px;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 13px;
  margin: 0;
}

.ph_checkbox {
  font-size: 24px;
  float: right;
  display: box;
}

#phactions {
  display: none;
}

#pswp__info {
  position: absolute;
  top: 14px;
  z-index: 99;
}
#pswp__info a[data-href] {
  display: none;
}

.bn-phtools-actions a {
  border: solid grey 1px;
  text-decoration: none;
  color: #333333;
  padding: 2px;
  background-color: #EEEEEE;
  font-size: 10px;
}

ul.bn-phinfo-H {
  list-style-type: none;
  padding: 0px;
}
ul.bn-phinfo-H li {
  margin-left: 0;
  margin-top: 2px;
}

.bn-phinfo-P {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 12px;
}
.bn-phinfo-P span, .bn-phinfo-P a {
  background-color: rgba(255, 255, 255, 0.7);
  padding-left: 2px;
  padding-right: 2px;
  margin: 1px;
  pointer-events: auto;
}
.bn-phinfo-P > li:first-child {
  font-size: 20px;
}
.bn-phinfo-P > li:not(:first-child) {
  display: none;
}

.bn-cls-cphmin {
  position: relative;
  min-width: 69px;
  min-height: 69px;
  max-width: 270px;
}
.bn-cls-cphmin .phcap {
  list-style: none;
  padding: 0px;
}
.bn-cls-cphmin .phbox > ul {
  margin-block-start: 3px;
  margin-block-end: 3px;
}
.bn-cls-cphmin img.phmin {
  border: solid 1px black;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.75);
}
.bn-cls-cphmin .phbox-text {
  border: 1px solid grey;
}
.bn-cls-cphmin .phcap > li {
  display: inline-block;
  margin-right: 10px;
}
.bn-cls-cphmin .phcap > li:first-child {
  display: block;
}
.bn-cls-cphmin div.phs-fluid ul.phcap {
  display: none;
}
.bn-cls-cphmin .ph-deleted {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='1'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%, auto;
  border: solid grey 5px;
  width: 300px;
}
.bn-cls-cphmin .min-phid {
  background-color: green;
  color: white;
  padding: 3px;
  position: absolute;
  font-size: 10px;
  position: absolute;
  left: 0px;
}

.bn-cls-cravel_summary .ravelrow {
  margin: 5px;
  line-height: 2em;
}
.bn-cls-cravel_summary .ravelc {
  margin: 2px;
  line-height: 1.1em;
}

.bn-cls-croadslist .phbox {
  float: left;
  width: 250%;
  scale: 80%;
}
.bn-cls-croadslist > div {
  overflow: auto;
}
.bn-cls-croadslist .divright {
  margin-left: 250px;
}

.bn-cv-incorrect-type {
  border: solid red;
  border-spacing: 3px;
}

.systemexec-cmd {
  background-color: rgb(242, 234, 234);
  color: rgb(34, 33, 33);
}

.systemexec-output {
  background-color: black;
  color: white;
}

.nominatim-control {
  top: 5.5em;
  left: 0.5em;
  display: flex;
  align-items: center;
}

/* Bouton loupe */
.nominatim-button {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: #fff;
  cursor: pointer;
}

.nominatim-button::before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 15px;
}

/* Champ de recherche fermé */
.nominatim-input {
  display: none;
  width: 300px;
  height: 32px;
  padding: 5px 30px 5px 8px;
  border: 0;
  outline: none;
  box-sizing: border-box;
  font-size: 14px;
}

/* Champ visible lorsque le contrôle est ouvert */
.nominatim-control.expanded .nominatim-input {
  display: block;
}

/* Bouton reset */
.nominatim-reset {
  display: none;
  width: 25px;
  height: 32px;
  padding: 0;
  margin-left: -25px;
  border: 0;
  background: #fff;
  cursor: pointer;
  z-index: 2;
}

.nominatim-reset::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  color: #888;
}

/* Reset uniquement lorsque le champ contient quelque chose */
.nominatim-control.expanded.has-value .nominatim-reset {
  display: block;
}

#bncomment {
  background-color: #B0B0FF;
}

#commentform {
  font-size: 0.9rem;
}

#commentclose {
  width: 100%;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

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

.bn-ajxcomment-buttons {
  text-align: center;
}

.bn-ajxcomment-buttons > * {
  margin-left: 10px;
  margin-right: 10px;
}

div.bn-divsearch, div.bn-docsearch {
  position: relative;
}

div.bn-divsearch i, div.bn-docsearch i {
  position: absolute;
  left: 6px;
  top: 4px;
  font-size: larger;
  color: grey;
  pointer-events: none;
}

input.bn-butsearch, input.bn-docsearch {
  padding-left: 28px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 14px;
  font-size: 16px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

input.bn-butsearch:focus {
  outline: none;
} /* CSS Document */
.jumbotron {
  font-size: 22px;
}

.sfu__drop {
  border: 2px dashed #bbb;
  border-radius: 10px;
  padding: 30px 20px;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
  display: block;
}

.sfu__drop:hover,
.sfu__drop.dragover {
  border-color: #666;
  background: #f5f5f5;
}

.sfu__drop i {
  font-size: 32px;
  margin-bottom: 10px;
}

.sfu__drop div {
  font-size: 16px;
}

.sfu__drop small {
  display: block;
  margin-top: 5px;
  color: #888;
}

/* Évite le clignotement du dragleave quand on survole les enfants */
.sfu__drop * {
  pointer-events: none;
}

.sfu__status {
  margin-top: 15px;
  text-align: center;
}

/* L'affichage est piloté par l'attribut hidden (retiré par le JS) */
.sfu__status[hidden] {
  display: none;
}

.lamp {
  margin-top: 1em;
}

ul.bn-cls-cspwinterro {
  padding-inline-start: 1px;
  overflow: hidden;
  width: 100%;
}
ul.bn-cls-cspwinterro li {
  whxite-space: nowrap;
  font-size: 10px;
  width: 100%;
  text-overflow: ellipsis;
}

.spwdimmed {
  color: grey;
}

.bn-table {
  border-collapse: collapse;
}
.bn-table tr:hover {
  background-color: #f5f5f5;
}
.bn-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.bn-table th {
  background-color: #4CAF50;
  color: white;
  text-align: left;
}
.bn-table td, .bn-table th {
  border: 1px solid #ddd;
  padding: 2px;
}

.bn-track-info {
  max-width: 1200px;
  margin: auto;
}
.bn-track-info td {
  padding: 5px;
}
.bn-track-info .bn-cls-cgraphjs {
  height: 300px;
}
.bn-track-info .units {
  font-size: 8px;
  margin-left: 5px;
}
.bn-track-info table {
  margin-left: auto;
}
.bn-track-info .infoTrack {
  margin-left: 3px;
  margin-right: 3px;
  padding: 2px;
  background-color: #EEEEEE;
}
.bn-track-info .infoTrack i {
  margin-right: 3px;
}
.bn-track-info .infoTrackCap {
  color: gray;
  margin-left: 2px;
}
.bn-track-info .infoTrackRow {
  margin-top: 5px;
  margin-bottom: 5px;
}
.bn-track-info #gpxsave {
  float: right;
}
.bn-track-info .stats {
  width: 300px;
  border-collapse: collapse;
  text-align: center;
}
.bn-track-info .stats thead {
  font-size: 11px;
}
.bn-track-info .stats th {
  padding: 4px 12px;
}
.bn-track-info .stats td {
  padding: 4px 12px;
}
.bn-track-info .stats tr:first-child td {
  font-size: 14px;
}
.bn-track-info .stats tr:last-child td {
  font-size: 20px;
}
.bn-track-info .stats strong {
  font-weight: bold;
}
.bn-track-info .stats span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 3px;
}

#tooltip {
  font-size: 11px;
  padding: 2px;
  position: absolute;
  visibility: hidden;
  background-color: #fafafa;
  max-width: 50%;
  border: 0.5px solid black;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3);
  z-index: 10001;
}
#tooltip img {
  max-width: 300px;
}
#tooltip h1 {
  color: black;
  font-size: 13px;
  margin: 0px;
}

#tooltip.large {
  max-height: 218px;
  overflow: auto;
}
#tooltip.large img {
  float: left;
}

#tooltip > div {
  font: bold 12px;
  position: relative;
}

#tooltip > img {
  border: #BDBDBD 1px solid;
}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.trbanner-highlight {
  border-width: 3px;
  border-color: yellow;
}

.bn-troncon-letter {
  border-radius: 50%;
  display: inline-block;
  background: #ff776b;
  color: black;
  border: 1px solid black;
  vertical-align: baseline;
  text-align: center;
  padding: 1px;
  font-weight: bold;
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
}

.bn-troncons-icons {
  float: right;
  font-size: 11px;
}

.bn-class-troncons .gps {
  display: inline-block;
  color: black;
  font-size: 4px;
  text-align: center;
  line-height: 8px;
  vertical-align: top;
}

.wp-proposedtext {
  font-size: 11px;
  color: grey;
  margin-top: 4px;
}

.bn-troncon-osm {
  font-size: 12px;
  border-top: 1px grey dashed;
}

.bn-troncon-osm::before, .bn-troncon-footer::before {
  content: url("/bnico/osmlogo.png");
  height: 10px;
  vertical-align: middle;
}

.bn-troncons-footer {
  font-size: 10px;
  text-align: center;
}

.bn-troncons-setcolor a {
  display: inline-block;
  width: 13%;
  text-align: center;
}

.pegman {
  display: none;
}

button.svfound {
  position: relative;
}

button.svfound .pegman {
  display: block;
}

button div.pegman {
  position: absolute;
  text-align: right;
  width: 100%;
  right: 0px;
  bottom: 0px;
  font-size: 9px;
}

/*TRONCONS*/
.bn-cls-ctroncons .dropdown {
  float: right;
}

.bn-cls-ctroncons .dropdown button {
  height: 100%;
  width: 2em;
  height: 2em;
  margin-right: -8px;
  margin-top: -4px;
}

.bn-cls-ctroncons .dropdown ul {
  right: 0px;
}

a.highway, a.highwayref {
  border: 1px solid green;
  background-color: white;
  opacity: 1;
  padding-left: 1px;
}

.highwayno {
  text-decoration: line-through;
}

table.trtable {
  border: 1px solid black;
  background-color: #C8C8C8;
}

table.trtable td {
  border: 1px solid black;
}

table.trtable th {
  border: 1px solid black;
}

div.trdiv {
  font-size: 12px;
  padding: 0px;
  margin: 1px;
  margin-left: 18px;
  border-bottom: 1px solid grey;
}

.trbanner {
  padding: 2px 10px;
  border-style: solid;
  border-width: 1px 1px 1px 10px;
  margin-left: 3px;
  overflow: auto;
  font-size: 14px;
}

img.trbanner {
  vertical-align: text-top;
}

.bn-user-cart {
  width: 300px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.bn-user-cart a {
  float: right;
}

.bn-user-cart-name {
  color: black;
  background-color: #f1f1f1;
  padding: 4px 4px 4px 10px;
  font-size: 1.2em;
}

.bn-user-cart-img {
  float: left;
}

.bn-user-list {
  display: flex;
  flex-flow: wrap;
}

.bn-user-list .bn-user-cart {
  margin: 4px;
  flex: flex-grow;
  width: 300px;
}

.bn-user-list .bn-user-cart:hover {
  transform: scale(1.1);
}

.bn-user-txtavatar {
  line-height: 1.6;
  width: 50px;
  height: 50px;
  color: white;
  text-align: center;
  vertical-align: middle;
  font-size: 30px;
  margin: auto;
}

/*---- FORM ------------------------*/
.bn-form-login #bn-login-name, .bn-form-login #bn-login-pwd {
  width: 16em;
}
.bn-form-login .bn-sn-connect {
  width: 90%;
}
.bn-form-login #bn-login-create {
  text-align: center;
}
.bn-form-login #bn-login-connect {
  background-image: url(/bnico/logocw.png);
}
.bn-form-login #bn-login-msg {
  font-size: 12px;
  line-height: 1;
}
.bn-form-login #bn-login-forgot {
  font-size: 11px;
}
.bn-form-login #bn-login-msg {
  height: 39px;
  padding: 0px;
  text-align: center;
}
.bn-form-login .bn-form-extra {
  font-size: 12px;
}

.loginform {
  max-width: 700px;
  margin: auto;
}

.loginform .form-group {
  border-bottom: 1px dotted grey;
}

.bcenter {
  text-align: center;
}

#avatar_form img {
  margin-right: 42px;
  vertical-align: middle;
}

.userprof tr {
  height: 24px;
}

h3 {
  clear: both;
}

/*# sourceMappingURL=bn.css.map */