html, body, #main { height: 100%; font-size: 16px; }
html, body { background: #fff; overflow: hidden; }
#main, #vertical-splitter { position: relative; }
#vertical-splitter { left:3px; top: 66px; right: 3px; bottom: 3px; position: absolute; }
#horizontal-splitter { left:0; top: 0; right: 0; bottom: 0; position: absolute; }
.splitter-handle:hover,
.splitter-handle.active { background: #999; }
.leaflet-container { background: #fff; }

.atlas-panel { overflow: auto; }

.app-bar { height: 50px; border: none; }
.app-bar>.container-fluid { padding-left: 0; }
.navbar-brand { padding: 9.5px 7.5px; height: 50px; }
.bg-logo-103x32 { width: 103px; height: 50px; background: transparent url(../images/icons/app/cd7_103x32_white.png) center center no-repeat; }
.bg-logo-32 { width: 47px; height: 50px; background: transparent url(../images/icons/app/cd7_32_white.png) center center no-repeat; }
.navbar-inverse:after { display: block; content:""; position: absolute; top:0; bottom: 0; right: 0; width: 15px; background: linear-gradient(to right, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%) no-repeat; pointer-event: none; }
.navbar-inverse .navbar-text { position: absolute; left: 50px; right: 0; line-height: 30px; white-space: nowrap; }
.navbar-inverse #search-container + .navbar-text { right: 50px; }
.navbar-inverse .navbar-text.full-height { margin: 0; }
.navbar-inverse .navbar-text.full-height a { padding-top: 10px; padding-bottom: 10px; }
.navbar .container-fluid .navbar-right { float: none; position: absolute; right: 0; margin: 0; text-align: right; max-width: 100%; }
.navbar .container-fluid .navbar-right > li { background: #222; background: linear-gradient(to right, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 10px, rgba(34,34,34,1) 100%) no-repeat; }
.navbar-inverse .open .dropdown-menu li a { font-size: 16px; line-height: 44px; }
.navbar .dropdown-options { font-size: 24px; height: 50px; display: inline-block; }
.navbar .dropdown-options + ul.dropdown-menu { overflow: auto; max-height: calc(100% - 50px); position: fixed; top: 50px; }

.leaflet-container .leaflet-tooltip { display: none; color: #444; z-index: 999; border-radius: 0; font-size: 14px; white-space: normal; max-width: 100%; }
.visualisation .leaflet-popup-tip-container { margin-top: -1px; }
.leaflet-container .leaflet-pane a.leaflet-popup-close-button { padding: 8px 8px 0 0; }
.visualisation .leaflet-popup-content-wrapper { border-radius: 5px; }

.visualisation { background: #fff; height: 100%; }
.visualisation.readonly { position: absolute; height: auto; top: 50px; bottom: 50px; left: 0; right: 0; }
.navbar-fixed-bottom.hidden ~ .visualisation.readonly { bottom: 0; }
.visualisation.iframe, body.map-only .visualisation { position: absolute; height: auto; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; }
body.map-only .app-bar, body.map-only .offcanvas-menu, body.map-only .atlas-controls, body.map-only .data-tables { display: none !important; }
body.map-only .webapp-loader { top: 0; }


.offcanvas-menu { opacity: 0; transform: translateX(-300px); position: absolute; top: 50px; bottom: 50px; left: 0; width: 300px; transition: all 0.3s ease-in-out; background: #fff; box-shadow: 0px -5px 5px 2px rgba(0,0,0,0.07); z-index: 1010; }
.offcanvas-menu.right { left: auto; right: 0; transform: translateX(300px); }
body.has-toolbar .offcanvas-menu.right { left: auto; right: 50px; }
body.has-left-drawer .offcanvas-menu.left,
body.has-right-drawer .offcanvas-menu.right { opacity: 1; transform: translateX(0); }
.nav-tabs { border: none; }
.nav-tabs>li>a { border-radius: 0; border-width: 0; margin-right: 0; color: #777; }
.navbar-inverse .nav-tabs>li>a:focus,
.navbar-inverse .nav-tabs>li>a { text-align: center; filter: grayscale(100%); opacity: 0.5; background: transparent; line-height: 12px; padding-top: 7px; }
@media (min-width: 768px) { .nav-tabs>li>a { min-width: 70px; } }
.nav-tabs>li>a:hover { border-bottom: 3px solid #aaa; }
.navbar-inverse .nav-tabs>li>a:hover { background-color: transparent; }
.navbar-inverse .nav-center { width: 100%; text-align: center; }
.navbar-inverse .nav-center > li { float: none; display: inline-block; }
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a { border: none; border-bottom: 3px solid #21bbef; background: none; }
.navbar-inverse .nav-tabs>li.active>a:hover,
.navbar-inverse .nav-tabs>li.active>a { color: #21bbef; filter: none; opacity: 1; }
.nav-tabs>li>a>.badge{position: absolute;background: #e74c3c;right: 15px;top: 2px;padding: 3px;border-radius: 5px;}
.offcanvas-content { width: 300px; height: 100%; overflow: auto; z-index: 1010; }
.offcanvas-content .tab-content { padding-top: 24px; }
.offcanvas-content .tab-content > .close { font-size: 24px; margin-right: 8px; margin-top: -24px; }
.offcanvas-menu input[type="radio"],
.offcanvas-menu input[type="checkbox"] { min-width: 18px; min-height: 18px; margin: 0; vertical-align: bottom; }
.copyright { position: absolute; bottom: 0; left: 0; width: 300px; font-size: 11px; text-align: center; line-height: 30px; background: #fff; color: #777; }

.data-tables-tabs .nav-tabs>li>a { border-radius: 6px 6px 0 0; border: 1px solid #efefef; border-bottom-width: 3px; margin-right: 2px; color: #777; background: #efefef; line-height: 1; }
.data-tables-tabs .nav-tabs>li { margin-top: 4px; }
.data-tables-tabs .nav-tabs>li.active>a:hover,
.data-tables-tabs .nav-tabs>li.active>a:focus,
.data-tables-tabs .nav-tabs>li.active>a { border-color: #ccc; border: 1px solid #efefef; border-bottom-width: 3px; background: none; }

#share-bar { display: block; position: absolute; top: 50px; z-index: 1010; right: 50px; padding: 10px; width: 250px; border-bottom: 1px solid #ccc; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.07); background-color:#fff; }
#share-bar .btn-link { padding: 4px 0px 4px 4px; }

.atlas-nav-bottom>li>a { padding: 2px 1px 3px; font-size: 12px; margin-left: 2px; }
.atlas-nav-bottom>li>a:hover,
.atlas-nav-bottom>li.active>a:hover { cursor: pointer; }
@media (min-width: 399px) { .atlas-nav-bottom>li>a { padding-left: 6px; padding-right: 6px; } }

.atlas-controls { background: #fff; width: 50px; text-align: center; position: absolute; top: 50px; bottom: 50px; right: 0; overflow: auto; box-shadow: 0px -5px 5px 2px rgba(0,0,0,0.07); z-index: 1010; }
.atlas-controls>div { height: 100%; }
.atlas-controls .separator { border-top: 2px solid #eee; color: #bbb; font-size: 10px; text-align: center; margin: 1em 0 0.5em; }
.atlas-controls .separator:first-child { border-top: none; margin-top: 0.25em;}
.atlas-controls .btn,
.data-tables-controls .btn-link { font-size: 24px; color: #555; }
.atlas-controls .btn:hover,
.data-tables-controls .btn-link:hover { color: #777;  }
.atlas-controls svg { fill: #555; }
.atlas-controls svg:hover { fill: #777;  }
.atlas-controls .btn.active, #route-bar .btn-link.active { background-color:	#D3D3D3; }
.table>tbody>tr.highlighted>td { background-color: #aaa !important; color: #fff !important; border-color: #999 !important;} 
.table>tbody>tr.filtered-row-gray>td { background-color: #ccc; color: #333; border-color: #aaa; }
.table>tbody>tr.gray>td { background-color: #ccc; color: #333; }

.readonly-load-progress { position: fixed; top: 50px; left: 0; height: 3px; background: #ff9800; z-index: 999; }
.webapp-loader { position: fixed; top: 50px; bottom: 0; left: 0; right: 0; z-index: 1010; overflow: hidden; background: rgba(0,0,0,0.5); }
.webapp-loader > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; animation: rotate 2s infinite ease-in-out; background: transparent url("../images/icons/app/favicon.svg") center center no-repeat; }
.webapp-loader > span { display: block; position: absolute; top: 30%; bottom: 0; left: 0; right: 0; text-align: center; color: #999; }
@keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } }

.breadcrumb-container.full-height { margin: 0; height: 50px }
.breadcrumb-container .caret { border-width: 5px 5px 0 5px; margin-top: -3px; }
.breadcrumb-container .breadcrumb>li { position: relative; height: 50px; }
.breadcrumb-container .breadcrumb>li+li:before { content: ""; padding: 0; border-left: 2px solid rgba(255,255,255,0.9); position: absolute; top: 0; bottom:0; left: 0; }
.breadcrumb { padding: 0; margin: 0; background: transparent; }
.navbar-inverse .breadcrumb a.breadcrumb-btn { color: #bbb; }
.navbar-inverse .breadcrumb>.active { color: #fff;}
.breadcrumb-container .breadcrumb a.breadcrumb-btn { padding: 9.5px 15px; display: inline-block; color: #fff; }
.breadcrumb-container .breadcrumb a.breadcrumb-btn:hover,
.breadcrumb-container .breadcrumb > li > a:hover { background: rgba(255,255,255,0.2); }
.breadcrumb-container .indic-name { display: inline-block; padding: 9.5px 0; }
.navbar-inverse .navbar-text.full-height .breadcrumb .indic-li a { display: inline-block; padding: 9px 15px 8px; border-bottom: 3px solid transparent; max-width: 250px; overflow: hidden; text-overflow: ellipsis; }
.navbar-inverse .navbar-text.full-height .breadcrumb .dropdown-menu .indic-li a,
.navbar-inverse .navbar-text.full-height .breadcrumb .dropdown-menu .accordion-toggle a { display: block; padding: 4.5px; border-bottom: none; }
.navbar-inverse .navbar-text.full-height .breadcrumb .indic-li.active a { border-color: #fff; color: #fff; }
.navbar-inverse .navbar-text.full-height .breadcrumb .indic-li a:has(.indic-icon) { line-height: 1.33; padding: 1px 15px 2px; }
.navbar-inverse .navbar-text.full-height .breadcrumb .dropdown-menu .indic-li a:has(.indic-icon) { line-height: 44px; padding: 4.5px; }
.navbar-inverse .navbar-text.full-height .breadcrumb .indic-icon { text-align: center; }
.navbar-inverse .navbar-text.full-height .breadcrumb .indic-icon > span { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; margin-top: -3px; }
.navbar-inverse .navbar-text.full-height .breadcrumb .dropdown-menu .indic-icon { display: inline-block; }
.navbar-inverse .navbar-text.full-height .breadcrumb .dropdown { display: inline-block; height: 50px; }
.breadcrumb .dropdown a { text-decoration: none; }
.breadcrumb .dropdown .scrollable-menu { margin-top: 0; padding: 0; border-top-left-radius: 0; border-top-right-radius: 0; height: auto; max-height: 500px; overflow-x: hidden; overflow-y: auto; }
.breadcrumb .dropdown .scrollable-menu .panel { border-radius: 0; }
.breadcrumb .dropdown .scrollable-menu .panel + .panel { margin-top: 0; border-top: none; }
.breadcrumb .breadcrumb-children { margin-left: 20px; border-left: 2px solid rgba(255,255,255,0.15); }
.breadcrumb li ul .current a { font-weight: bold; }
.breadcrumb > li.home > a { display: inline-block; padding: 0 15px; }
.breadcrumb > li[data-indic-name] > a { position: relative; display: inline-block; text-align: center; text-overflow: ellipsis; overflow: hidden; padding: 0 15px; max-width: 250px; }
.breadcrumb > li { vertical-align: top; }
.breadcrumb > li > a:hover { text-decoration: none; }
.breadcrumb > li.current > a:after, .breadcrumb > li[data-indic-name] > a:hover:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; }

.data-tables { transition: transform 0.3s ease-in-out; position: absolute; bottom: 50px; left: 0; right: 0; overflow: hidden; background-color: #fff; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.07); z-index: 1009; transform: translateY(350px); }
.data-tables ::-moz-selection { background: rgba(0,0,0,0.1); }
.data-tables ::selection { background: rgba(0,0,0,0.1); }
.data-tables .data-tables-controls { position: absolute; top: 0; right: 0; text-align: right; padding-left: 6px; min-width: 160px; z-index: 1; background: #e1e1e1; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10px, rgba(255,255,255,1) 100%) no-repeat; }
.data-tables .data-tables-controls .btn { font-size: 18px; height: 46px; }
.data-tables .data-tables-controls .btn:hover { text-decoration: none; background: #eee;}
.data-tables .nav-tabs { margin-right: 150px; background: #fff; overflow-x: auto; white-space: nowrap; height: 46px; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; }
.data-tables .nav-tabs::-webkit-scrollbar { display: none; }
.data-tables .nav-tabs li { float: none; display: inline-block; }
.data-tables .nav-tabs li:last-child { margin-right: 10px; }
.data-tables .tab-content-container { overflow: auto; background-color: #fff; transition: opacity 0.3s ease-in-out; opacity: 1; position: relative; }
.data-tables .nav-pagination { position: fixed; right: 0; bottom: 0; background: #fff; border-top-left-radius: 2px; }
.data-tables .nav-pagination ul { margin: 0 10px 2px 0; }
.data-tables .nav-pagination + .data-tabs { margin-bottom: 30px; }
body.has-toolbar .data-tables.visible { right: 50px; }
.data-tables .table>thead>tr>th.col-count { color: #777; line-height: 20px; background: #DDD; border: none; padding: 0 5px; }
.data-tables .table>thead>tr>th.col-count-selected { color: #ef8e00; }

@media (max-width: 767px) {
  .navbar .container-fluid .navbar-right > li.open { background: inherit; }
  .navbar-inverse .open .dropdown-menu { background: #222222;  padding: 0; box-shadow: 0 6px 12px rgba(0,0,0,0.175); }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #333; }
  .breadcrumb-container .open .dropdown-menu>li>a { color: #9d9d9d; }
  .breadcrumb-container .open .dropdown-menu>li>a, #breadcrumb-container .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 10px; }
  /*.breadcrumb-container .open .dropdown-menu>li>a:hover, #breadcrumb-container .open .dropdown-menu>li>a:focus { color: #fff; background-color: transparent; }*/
  .breadcrumb-container { overflow: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; }
  .breadcrumb-container::-webkit-scrollbar { display: none; }
  .breadcrumb .dropdown .scrollable-menu { position: fixed; top: 50px; max-height: calc(100% - 100px); left: 0; right:0; }
  .breadcrumb > li.home { display: none; }
  .breadcrumb > li > ul > li.home { display: list-item; }
  .data-tables .data-tables-controls { min-width: 150px; min-height: 43px; top: 0; bottom: auto; }
  .data-tables .data-tables-controls .btn-fullscreen { display: none; }
  .data-tables .nav-tabs { margin-right: 140px; position: absolute; top: 0; left: 0; right: 0; }
  .data-tables.minimized .nav-tabs { margin-right: 0; }
  body.has-datatables .data-tables.visible { height: calc(100% - 100px); top: 50px; transform: none; }
  body.has-datatables .data-tables.visible .tab-content-container { height: calc(100% - 46px); }
  body.has-datatables .data-tables.visible .data-tables-tabs { height: 100%; }
  .data-tables .tab-content-container { position: absolute; height: auto; top: 43px; left: 0; right: 0; bottom: 0; }
  .datatables-toggle { display: none; }
  .panel-heading a { color: #fff;   background: transparent;}
  .dropdown li a { color: #fff;   background: transparent;}
  .dropdown-menu li a:hover, .dropdown-menu li a:focus {  color: #fff;  background: rgba(255,255,255,0.3); }
  .panel-default>.panel-heading { background:rgba(0,0,0,0.3);    border-color: transparent;}
  .panel { background: transparent}
  .panel-default { border-color: transparent;}
  .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group { border-top: none;}
}
@media (min-width: 768px) {
  .breadcrumb .breadcrumb-children { border-left-color: rgba(0,0,0,0.15); }
  .breadcrumb > li ul > li.home { display: none; }
  .navbar-inverse .open .dropdown-menu > li > a { line-height: 24px; }
  .navbar>.container-fluid .navbar-brand { margin-left: 7.5px; }
  .hamburger-btn { display: none; }
  .navbar-inverse .navbar-text { left: 120px; }
  .data-tables .nav-tabs li.map-toggle { display: none; }
  body.has-left-drawer .visualisation.readonly { left: 300px; }
  body.has-right-drawer .visualisation.readonly { right: 300px; }
  body.has-toolbar .visualisation.readonly { right: 50px; }
  body.has-right-drawer.has-toolbar .visualisation.readonly { right: 350px; }
  body.has-datatables .data-tables.visible ~ .visualisation.readonly,
  body.has-datatables .offcanvas-menu { bottom: 350px }
  body.has-datatables .data-tables { transform: translateY(0); }
  .data-tables.visible { height: 300px; }
  body.has-datatables .data-tables.fullscreen { height: calc(100% - 100px); top: 50px; z-index: 1010; }
  body.has-datatables .data-tables.fullscreen .tab-content-container { height: calc(100% - 46px); }
  body.has-datatables .data-tables.fullscreen .data-tables-tabs { height: 100%; }
  .data-tables.visible.minimized { transform: translateY(257px); }
  .data-tables .tab-content-container { height: 254px; }
  .panel-heading a { color: #333; }
  .dropdown li a { color: #333;}
  .dropdown-menu li a:hover, .dropdown-menu li a:focus {  color: #262626; background-color: #f5f5f5; }
  .scrollable-menu .collapse { display: block; overflow: hidden; }
  #share-bar { width: 400px; }
}
.dropdown li a {
  display: block;
  padding: 0 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.25;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  text-decoration: none;
}

.panel-heading {
  font-size: 16px;
  line-height: 44px;
  font-weight:bold;
  cursor: pointer;
  position: relative;
  padding: 0 30px 0 0;
}

.panel-heading a:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  position: absolute;
  top: 6px;
  right: 6px;
}

.panel-heading.collapsed a:after {
  content: "\e080";
}

.panel-accordion{
  border-left: none;
  border-right: none;
}
.panel-group-accordion {
  margin-bottom: 0px;
}

#search-bar{display: table; position: absolute;top: 6px;z-index: 1010;right: 44px;width: 300px; z-index: 1040; }
@media (min-width: 768px) {
  #search-bar{width:500px;}
}
#search-input { height: 38px; font-size: 16px; border-right-width: 0px; border-radius: 0; }
#search-input:focus { border-color: #ccc; box-shadow: none; }
#search-input + .input-group-btn .btn { font-size: 22px; color: #555; border-radius: 0; }
.simplebar-content > button:first-child { margin-top: 5px; }

#search-result-list, #route-start-result-list, #route-end-result-list {
  display: table;
  position: absolute;
  z-index: 1010;
  background-color:white;
/*  border: 1px solid #bbb;*/
  padding: 0;
}
/*#search-result-list > li:first-child, #route-start-result-list > li:first-child, #route-end-result-list > li:first-child { border-top: none; }*/

#search-result-list { top: 38px; right: 0px; width: 100%; }

#route-start-result-list, #route-end-result-list { right: 85px; left: 10px; }
#route-start-result-list { top: 45px; }
#route-end-result-list { top: 90px; }


 .search-result-category,
 .search-result-element{
  border:1px solid #bbb;
  border-top: none;
  list-style-type: none;
  padding:5px;
  cursor: pointer;
  width: calc(100%);
  max-width: 500px;
  word-wrap:break-word;
}

.search-result-category{
  background: #e5e5e5;
  text-align: center;
  text-transform: uppercase;
}

.search-result-element:hover{
  background-color:#f5f5f5;
}

#search-result-list li.active,
#route-start-result-list li.active,
#route-end-result-list li.active { background:#f5f5f5;}

#route-bar { display: block; position: absolute; top: 50px; z-index: 1010; right: 50px; padding: 10px; width: 300px; border-bottom: 1px solid #ccc; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.07); background-color:#fff; }

#route-bar button, #route-bar select { font-size: 18px; height: 35px; }
#route-bar .form-label { display: inline-block; width: 100px; }
#route-bar .form-group.form-inline { margin-bottom: 10px; }
#route-start-input, #route-end-input { width: 205px; font-size: 18px; height: 35px; display: inline-block; }
@media (min-width: 768px) {
  #route-bar { width: 500px; }
  #route-start-input, #route-end-input { width: 405px; }
}

.leaflet-popup-content-wrapper .leaflet-popup-content { word-wrap: break-word; overflow: auto; font-size: 14px; }

div.filter-quali-input { margin: 7.5px 0; }
div.filter-quali-input label { display: block; padding: 0.7em 7.5px; margin: 0; font-weight: normal; }
div.filter-quali-input label:hover { background: #f4f4f4; }

.atlas-filter{
  color:lightgrey;
  cursor: pointer;
  position:absolute;
  top:4px;
  right:10px;
  font-size:24px;
}

.atlas-filter:hover{
  color:#333;
}
#atlas-filter{
  z-index: 10001;
  min-width:200px;
  background-color:white;
  border: 1px lightgrey solid;
  padding:5px;
}
#atlas-filter-quali-input{
  overflow:auto;
  height:180px;
  min-width:200px;
}
#atlas-filter-quanti-input{
  height:80px;
  min-width:200px;
}

.filter-checkbox{
  padding-top:2px;
  padding-bottom:2px;
}

.column-filter-active{
  color: #e74c3c;
}
.btn-filter-delete{
  background-color:#e74c3c;
  color:white;
  font-size: 14px;
  padding: 4px;
  border-radius: 50%;
  cursor: pointer; 
  position:absolute;
  right:40px;
  top:4px;
}
#backdrop{
  background-color:black;
  opacity:0.2;
  width:100%;
  height:100%;
  z-index: 10000;
  position:absolute;
  top:0;
}

.table>thead>tr:first-child>th:after { content: ''; position: absolute; display: block; bottom: -1px; left: 0; right: 0; height: 8px; background: #fff; border-bottom: 1px solid #ddd; }
.table>thead>tr>th.sortable { cursor: pointer; position: relative; padding-bottom: 10px; padding-right: 65px; }
.table>thead>tr>th.sortable:after { background: #fff url(images/sorting.png) 5px 0 no-repeat; }
.table>thead>tr>th.sort-az,
.table>thead>tr>th.sort-za { background-color: #d9edf7; }
.table>thead>tr>th.sort-az:after { background-position: 5px -8px; }
.table>thead>tr>th.sort-za:after { background-position: 5px -16px; }
.data-tables-tabs .table { width: auto; max-width: fit-content; min-width: 100%; }
.data-tables-tabs .table>thead>tr>th { position: sticky; top: 0; background: #fff; white-space: nowrap; border-bottom-width: 1px; height: 35px; }
.data-tables-tabs .table>thead>tr>th.col-count { top: 35px; height: 21px; }

.filter-input-slider{
  width:100px;
  display:inline;
  margin-top:10px;
}

.filter-input-left{
  margin-left:-10px;
}
.filter-input-right{
  margin-right:-10px;
  text-align:right;
}
.filter-label-value{
  color:#e74c3c;
  white-space: nowrap;
}

.isochrone-icon { transition: filter linear 0.25s; }
.isochrone-icon-disabled { filter: grayscale(100%); }
.isochrone-icon-computing { filter: grayscale(100%); animation: markerbounce 0.3s ease infinite alternate; }
.isochrone-icon-error { filter: hue-rotate(160deg); }
@keyframes markerbounce { from {top: 0;} to   {top: -10px;} }

#notices-bar {z-index:1020; position:absolute; top:40px; left:0px; right:0px; padding:0 5px;}
@media (min-width: 768px) {
  .has-left-drawer #notices-bar {left:300px;}
  .has-right-drawer #notices-bar {right: 300px;}
  .has-right-drawer.has-toolbar #notices-bar {right: 350px;}
  .has-toolbar #notices-bar {right: 50px;}
}
#notices-bar .item-type {background-position: center center;background-repeat: no-repeat;border-right: 1px solid #e5e5e5;height: 40px;text-align: center;}
#notices-bar .item-type-update{background-image: url("images/update-icon.png");}
#notices-bar .item-type-info{background-image: url("images/info-icon.png");}
#notices-bar .item-type-maintenance{background-image: url("images/maintenance-icon.png");}

.readonly-help { font-size: 30px; }
#search-container { position: absolute; top: 0; right: -1px; width: 46px; height: 50px; padding: 6px 6px 6px 0; z-index: 10; }
#search-container .btn { font-size: 22px; border-width: 1px; outline-offset: 0px; }
#toggle-search-btn.active .glyphicon-search,
#toggle-search-btn .glyphicon-remove { display: none; }
#toggle-search-btn.active .glyphicon-remove { display: inline-block; }
#search-container:before { display: block; z-index:-1; content:""; position: absolute; top:0; bottom: 0; right: 0; width: 70px; background: linear-gradient(to right, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 15px) no-repeat; pointer-events: none; }

#cookiesConsent {display: none; position: absolute; bottom: 50px; left: 0; right: 0; z-index: 9999; background-color: #d9edf7; padding: 5px 50px 5px 20px; text-align: center; border:1px solid #bce8f1;}
#cookiesConsent .close-btn {width: 50px; position: absolute; right: 0; top: 0; height: 100%; background-image: url("images/close_20.png"); background-repeat: no-repeat; background-position: 50% 50%; cursor:pointer}