/**
 * @author Oslandia, Sylvain Beorchia / http://www.oslandia.com/
 */

html, body {
    margin: 0;
    height: 100%;
    font-size: 12px;
}

@font-face {
    font-family: "ExtraSymbolFont";
    src: url("../font/extra_symbols-normal.otf") format("opentype");
}

@font-face {
    font-family: "Roboto";
    src: url("https://fonts.googleapis.com/css?family=Roboto&display=swap") format("truetype");
}

p {
    margin: 0 0 5px;
}

.pointer, .nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.full-width {
    width: 100%;
}

#map {
    height: 100%;
}

.hidden {
    display: none;
}

.big-select {
    height: 30px;
}

.horizontal-collapse {
    height: 70px;
}

.navbar-collapse.in {
    overflow-y: hidden;
}

navbar {
    width: 100%;
    z-index: 999;
    position: absolute;
    margin-bottom: 0px;
}

.navbar {
    background: #4d4f53;
    border: none;
    border-radius: 0;
}

.navbar-form {
    margin-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 4px 4px 4px rgba(100,100,100,0.5);
}

#filtersMenu .navbar-form {
    box-shadow: none;
}

.navbar .glyphicon {
    color: white;
}

.navbar-avatar {
    max-height: 20px;
}

.avatars input[type=radio] {
    margin-right: 10px;
    margin-left: 10px;
}

.avatars {
    margin-bottom: 10px;
}

button:disabled, .disabled {
    color: #aaa;
}

.column-50 {
    width: 50%;
    float: left;
}

.valid {
    color: #00FF00;
}

.invalid {
    color: #FF0000;
}

.label-filter {
    margin-bottom: 0px;
}

.label-100 {
    width: 100%;
}


/* OL specific */
.ol-zoom {
    top: 115px; /* TODO dynamic */
    left: 325px;
}

.ol-control-zoom {
    position: absolute;
    top: 165px; /* TODO dynamic */
    left: 325px;
    width: 25px;
    height: 25px;
    padding: 3px;
}

.ol-control-zoom p {
    background-color: rgba(0,60,136,.5);
    color: white;
    padding: 2px 0px 0px 0px;
    font-weight: bold;
    text-align: center;
}

.ol-view-data {
    position: absolute;
    top: 195px;
    left: 325px;
    z-index: 9999;
}

.ol-lock-map {
    position: absolute;
    top: 225px;
    left: 325px;
    z-index: 9999;
}

.ol-lock-map button.ol-lock-map-on {
    background: #ff0000;
}

.ol-lock-map span.glyphicon {
    left: 1px;
    top: 0px;
}


.ol-control-full-left {
    left: 5px;
}


.ol-scale-line {
    right: 120px;
    left: inherit;
}

/* Bootstrap */
a,
a:focus,
a:hover {
    color: #aaa;
}

.btn-primary,
.btn-primary:hover {
    background-color: #a1006a;
    border-color: #a1006a;
}

.btn-thin .btn {
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn-close {
    left: 0px;
    top: 0px;
    background: none;
    border: none;
    position: absolute;
}

.btn-top {
    right: 3px;
    top: 3px;
    position: absolute;
}

.btn-chart-print {
    right: 0px;
    top: 0px;
    background: none;
    border: none;
    position: absolute;
}

.btn-chart-labels {
    right: 50px;
    top: 5px;
    position: absolute;
}

.btn-chart-labels label {
    float: left;
    padding-top: 3px;
}

.btn-small {
    padding: 3px;
    font-size: 10px;
}

.btn-export-parking {
    width: 93px;
    border-radius: 1px;
    border: 1px solid #aaa;
    margin-bottom: 10px;
}

.table-parking {
    table-layout: fixed;
}

.table-parking td {
    overflow: hidden;
}


.label-file-parking {
    cursor: pointer;
    color: #444;
    width: 93px;
    border-radius: 1px;
    border: 1px solid #999;
    margin-bottom: 10px;
    font-weight: normal;
    height: 22px;
    width: 93px;
    line-height: 19px;

    background-color: #eeeeee;
    text-align: center;

    /*gradient styles*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc));
    background: -moz-linear-gradient(19% 75% 90deg,#cccccc, #eeeeee);

    /*border styles*/
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc));
}

input[type=file].input-file-parking {
    display: none;
}

.alert-popup {
    left: 40px;
    top: 5px;
    position: absolute;
    padding: 2px 5px 2px 5px;
}

.input-group {
    margin-top: 3px;
}

.panel-half {
    width: 50%;
    display: inline;
}
.legend-layers-widget .btn-default {
    border: none;
}

.legend-help {
    float: left;
    margin: 5px 0px 5px 0px;
    padding: 5px;
}

.legend-help-justify {
    text-align: justify;
}
/*
.legend-switch {
    width: 100%;
    padding-left: 30px;
    float: left;
}*/

.pre-legend-help {
    background: #eee;
    border: 1px solid #aaa;
    color: #aaa;
}

nav.navbar select {
    height: 30px;
    border-radius: 3px;
}

.panel {
    margin-bottom: 5px;
}

.panel-heading-small {
    height: 25px;
    font-size: 12px;
    padding-top: 3px;
}

.panel-group .panel+.panel {
    margin-top: 2px;
}

.yearpicker {
    width: 70px;
}

.daypicker {
    width: 110px;
}

.timepicker {
    width: 80px;
}

.navbar-form .yearpicker,
.navbar-form .daypicker,
.navbar-form .timepicker {
    padding-left: 3px;
    padding-right: 3px;
}


.navbar-form .yearpicker .input-group-addon,
.navbar-form .daypicker .input-group-addon,
.navbar-form .timepicker .input-group-addon {
    padding-left: 3px;
    padding-right: 3px;
}


.btn-borderless {
    border: none;
    background: none;
    color: #a1006b;
}

.btn-borderless:hover {
    border: none;
    background: none;
}

.btn-option {
    color: green;
    width: auto;
}

navbar .form-control {
/*     border: 1px solid #ddd; */
}

navbar .input-group-addon {
/*     border: 1px solid #ddd; */
    color: #4d4f53;
    background: #a0a0a0;
}


.horizontal-collapse {
    height: 70px;
}
.navbar-collapse.in {
    overflow-y: hidden;
}


.panel-info-zieuter>.panel-heading {
    color: #fff;
    background-color: #747474;
    border-color: #a0a0a0;
}

.panel-info-zieuter {
    border-color: #a0a0a0;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

.sidebar-container {
/*     margin-bottom: 200px; */
}

/* Hide for mobile, show later */

/*.row {
    margin: 0;
}*/

.row-full-width  {
    width: 100%;
    float: left;
}

.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 57px; /* TODO dynamic */
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #ffffff;
    border-right: 1px solid #eee;
    width: 320px;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

/*.btn-collapse-sidebar {
    width: 100%;
}*/

.sidebar-collapsed {
    display: none;
}

.btn-show-sidebar {
    position: absolute;
    top: 60px;
    z-index: 9998;
    height: 50px;
    margin-left: -10px;
    border: none;
}

.btn-show-sidebar:hover,
.btn-show-sidebar:focus {
    background: white;
}

.btn-hide-sidebar {
    left: 315px;
    height: 15px;
    padding: 0;
}

/*
 * Main content
 */

.main {
  padding: 0px;
  position: fixed;
  height: 100%;
}

@media (min-width: 768px) {
  .main {
    padding-right: 0px;
    padding-left: 0px;
/*     margin-left: 320px; */  /* TODO */
    width: 100%;  /* TODO */
    margin-left: 0; /* TODO */
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Accordion
 */

.toplevel-accordion .panel-body {
    padding: 3px;
}

.sub-accordion .panel-heading {
    height: 20px;
    padding-top: 3px;
}

.sub-accordion .panel-title {
    font-size: 14px;
}

.sub-accordion ul {
    font-size: 12px;
}

/*
 * Tabs
 */

analysis .nav>li>a {
    padding: 0px;
    margin-right: 0px;
}

analysis ul {
    list-style: none;
    padding-left: 0px;
}

analysis li {
    margin-bottom: 2px;
}

analysis .poi-checkbox {
    margin-left: 10px;
    margin-top: 0;
}

analysis button {
    width: 100%;

    /*basic styles*/
/*     color: white;  */
    background-color: #eeeeee;
    text-align: center;

    /*gradient styles*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc));
    background: -moz-linear-gradient(19% 75% 90deg,#cccccc, #eeeeee);

    /*border styles*/
    border-left: solid 1px #dddddd;
    border-top: solid 1px #dddddd;
    border-right: solid 1px #888888;
    border-bottom: solid 1px #777777;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc));
}

analysis button.with-reload {
    width: 85%;
    border-radius: 5px 1px 1px 5px;
    float: left;
}

analysis button.reload {
    width: 13%;
    border-radius: 1px 5px 5px 1px;
    float: left;
}

analysis select {
    margin-top: 2px;
    width: 100%;
}

analysis select {

}

analysis .collapsed {
    overflow: hidden;
    height: 30px;
    transition:height 1s ease;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

analysis button.bold-btn {
    font-weight: bold;
}

.tab-content {
    padding: 5px;
/*     border-bottom: 2px solid #eee; */
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}


/* App specific */


#filters {
/*     width: auto; */
    position: absolute;
    min-width: 295px;
    max-width: 295px;
    bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
}

.infos-print ul {

}

.input-filter {
    margin-bottom: 3px;
}

.input-filter span,
.input-filter input {
    height: 25px;
    font-size: 12px;
    padding: 5px;
}

.loader {
    z-index: 999999;
    position: fixed;
    top: 30%;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(100, 100, 100, 0.3);
    text-align: center;
}

.loader-spinner {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #a1006a;
  border-right: 10px solid #cccccc;
  border-bottom: 10px solid #cccccc;
  border-left: 10px solid #cccccc;
  width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.loader .fa-spin {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.loader .loader-text {
    margin-top: 10px;
    color: #a1006a;
}



.legend-layer {
    width: 100%;
    float: left;
    margin-right: 10px;
}

.legend-layer:last-child {
    margin-right: 0px;
    float: right;
}

.legend-layer-label {
    float: left;
}
.legend-layer-opacity {
    float: right;
    margin-top: 3px;
    margin-left: 3px;
}

.legend-layer-img {
   clear: left;
   float: left;
   margin-right: 5px;
}

.legend-layers-widget {
    z-index: 9999;
    position: fixed;
    top: 54px; /* TODO dynamic */
    right: 10px;
    width: auto;
    background: rgba(255,255,255, 0.9);
    padding: 10px;
    -moz-box-shadow: 1px 3px 5px 3px #9b9b9b;
    -webkit-box-shadow: 1px 3px 5px 3px #9b9b9b;
    -o-box-shadow: 1px 3px 5px 3px #9b9b9b;
    box-shadow: 1px 3px 5px 3px #9b9b9b;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=161, Strength=5);
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.legend-layers-widget .btn-legend-layers {
    background: none;
    border: none;
    width: 100%;
}

.legend-layers-widget .panel {
    padding: 3px;
    margin-bottom: 3px;
}

.legend-layers-widget input[type=range] {
    width: 50px;
}

.legend-layers-widget .panel {
    background: none;
}

.legend-collapsed {
/*     width: 30px; */
}

.legend-extra-data {
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.legend-extra-data table {
    width: 100%;
}

.legend-extra-data table td {
    padding: 5px;
}


.opacity-icon {
    width: 90px;
    float: right;
}

.opacity-icon .ngrs-range-slider {
    margin: 0;
    border: none;
}

.opacity-icon .ngrs-range-slider .ngrs-runner {
    height: 12px;
}

.opacity-icon  .ngrs-range-slider .ngrs-handle-max i {
    background-image: none;
}

.colors-actions {
    float: left;
}

.form-search {
    width: 200px;
    float: left;
}

#searchstation input {
    margin-top: 3px;
    width: 160px;
}

#searchstation_dropdown {
    max-height: 300px;
    overflow: auto;
}

.angucomplete-dropdown {
    overflow-y: auto;
    max-height: 400px; // your preference
}


.search-station-title {
    border-bottom: 1px solid #ccc;
    color: #ccc;
}


.btn-login {
    margin-top: 3px;
}

button.selected {
    background: rgba(161, 0, 107, 0.2);
    border-top: 1px solid #a1006b;
    border-left: 1px solid #a1006b;
    border-bottom: 1px solid rgba(161, 0, 107, 0.2);
    border-right: 1px solid rgba(161, 0, 107, 0.2);
}

button:hover {
    background: rgba(161, 0, 107, 0.2);
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

button.group {
/*     width: 50%; */
/*     float: left; */
}

/* Info panel */
.infopanel {
    bottom: 0;
    width: 100%;
    float: left;
}

/* Legend */
.legend {
/*     float: left; */
}

.legend-text {
    margin-left: 20px;
    font-size: 10px;
}

.circle {
/*     border-radius: 50%; */
}

.square {
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

.mov {

}

ul.legend-items {
    list-style: none;
    padding-left: 0;
    float: left;
}

ul.legend-items li {
/*     width: 240px; */
    width: auto;
    height: auto;
    margin: 2px 0px;
    clear: left;
}

.legend-bloc,
.legend-bloc-img {
    margin: 0 10px 0 10px;
    width: auto;
    display:inline-block;
    vertical-align:middle;
    text-align:left;
}

.legend-bloc-img {
    width: auto;
}

ul.legend-items li.legend-radius-non-fixed {
    margin-left: 50px;
}

datalegend input[type=range] {
    width: auto;
    display: inline;
    margin-top: 5px;
}

datalegend label {
    vertical-align: middle;
}

datahelp {
    position: absolute;
    top: 60px; /* TODO dynamic */
    margin: 0 auto;
    left: 330px;
}

span.array_to_string {
    margin-right: 5px;
}

#filtersInfos label {
    margin-bottom: 0px;
}

/* popup */
.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 150px;
/*     width: 180px; */
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
}

.ol-popup .label {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    padding: 0;
}

.ol-popup .label-comm,
.ol-popup .label-station,
.ol-popup .label-entreprise,
.ol-popup .val-pop {
    padding: 5px 5px 5px 25px;
    min-width: 200px;
}

.ol-popup .label-comm,
.ol-popup .label-station,
.ol-popup .label-entreprise {
    border-bottom: 1px solid #ccc;
}

.ol-popup .label-comm {
    background: url(../img/popup_comm.png) no-repeat left top;
}

.ol-popup .label-station {
    background: url(../img/popup_station.png) no-repeat left top;
}

.ol-popup .label-entreprise {
    background: url(../img/popup_entreprise.png) no-repeat left top;
}

.data-source,
.data-complementary {
    font-size: 10px;
    color: #aaa;
}

/* date picker */
.datepicker-dropdown {
    z-index: 99999999 !important;
}

/* Color picker */
.colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
    width: 30px;
    height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
    height: 30px;
}

.logo_sncf {
    position: fixed;
    right: 5px;
    bottom: 5px;
}

/* Splash screen */
.btn-splash-screen,
.btn-splash-screen:hover,
.btn-splash-screen:focus {
    position: fixed;
    width: 50%;
    height: 100%;
    background: #4d4f53 url(../img/splash_screen.png) no-repeat right center;
    z-index: 9999999;
    border: none;
    border-radius: 5px 0px 5px 0px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0.9;
}

.btn-splash-screen:hover {
    width: 60%;
}

.btn-splash-screen-hidden {
    display: none;
}

/* Toggle switch */
input.cmn-toggle-round:checked + label:before {
    background-color: #a1006b;
}


/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -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);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
}

.loginmodal-submit {
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
}

.loginmodal-submit:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
}

.login-help{
  font-size: 12px;
}

.login-dialog,
.manageusers-dialog,
.help-dialog,
.changecolors-dialog,
.changecolorchart-dialog,
.simulations-dialog,
.popup-dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    color: #fff;
/*     background: #4d4f53 url(../img/splash_screen.png) no-repeat -200px 290px; */
    background: #4d4f53;
    z-index: 99999;
}

.login-splash-screen {
    height: 270px;
}

.login-splash-screen #splash {
    background: #4d4f53 url(../img/splash_screen_small.png) no-repeat left center;
    width: 415px;
    height: 100%;
    position: absolute;
}

.splash-screen-subline {
    text-align: center;
}

.splash-screen-subline h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.manageusers-dialog,
.simulations-dialog,
.help-dialog {
    background: #fff;
    color: #666;
    overflow: auto;
}

.simulations-dialog {
    padding: 10px;
    margin-left: 320px;
    margin-top: 57px;
}

.changecolors-dialog,
.changecolorchart-dialog,
.popup-dialog {
    background: #fff;
    color: #666;
    border: 1px solid #999;
    -moz-box-shadow: 1px 3px 5px 3px #9b9b9b;
    -webkit-box-shadow: 1px 3px 5px 3px #9b9b9b;
    -o-box-shadow: 1px 3px 5px 3px #9b9b9b;
    box-shadow: 1px 3px 5px 3px #9b9b9b;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=161, Strength=5);
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px;
}

.changecolors-dialog {
    top: 200px;
    left: 325px;
    width: 250px;
    height: 435px;
}

.changecolorchart-dialog {
    position: absolute;
    width: 160px;
    height: 150px;
    z-index: 99999;
}

.popup-dialog  {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 10px;
    margin: 0 auto;
    position: relative;
    top: 0;
}

.row-admin {
    background: #ffd8d9;
}

.row-admin-reg {
    background: #fef9e2;
}

.popup-dialog .content {
    padding-top: 25px;
}

.popup-dialog-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: none;
    z-index: 9999;
}

.popup-dialog-container-rel {
    position: relative;
    width: 100%;
    height: 100%;
}

.popup-footer {
    float: left;
}

.color-chosen,
.color-chosen-chart {
    width: 15px;
    height: 10px;
    display: block;
    margin-right: 10px;
    margin-top: 3px;
}

.color-chosen {
    float: left;
}


.form-actions {
    padding-top: 5px;
}

.user_connected {
    color: #fff;
/*     position: fixed; */
/*     top: 35px; */
/*     right: 20px; */
    text-align: right;
    float: right;
    margin-top: 13px;
}


select.user-region {
    width: 100px;
}


#loginbtn {
    color: #fff;
}

.btn-main-login {
    margin-right: 5px;
}

.table-full-width {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.table-full-width th {
    background: #ffb4d6;
}

.table-full-width,
.table-full-width th,
.table-full-width td {
    border: 1px solid #eee;
}

.table-full-width th,
.table-full-width td {
    padding: 2px;
}

.grid {
    height: 85vh;
}

.ui-grid-menu-button {
    top: -1px;
    right: -26px;
    border-right: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    cursor: pointer;
    height: 32px;
    font-weight: normal;
}

.ui-grid-footer-panel {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

.ui-grid-filter-input::placeholder {
    color: #aaa;
    font-weight: normal;
}

#dataChart {
    background: #fff;
}

.chart-item {
    float: left;
    border: 1px solid #eee;
    border-radius: 5px;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
}

.chart-item .chart-item-label {
    float: right;
    margin-top: 3px;
}

.chart-item .color-change-btn {
    float: right;
    margin-top: 3px;
    margin-left: 2px;
}

.glyphicon-pointer {
    background: url(../img/icon_pointer.png) no-repeat left top;
    width: 12px;
    height: 12px;
}

.glyphicon-start {
    background: url(../img/icon_marker_get_start_mini.png) no-repeat left top;
    width: 18px;
    height: 27px;
}

.glyphicon-between,
.glyphicon-gotoprocess {
    border-left: 2px dashed #a1006b;
    width: 1px;
    height: 15px;
    margin-left: 20px;
}

.glyphicon-gotoprocess {
    border-left: 1px dotted #a1006b;
    float: left;
    margin-bottom: 2px;
}

.glyphicon-end {
    background: url(../img/icon_marker_get_stop_mini.png) no-repeat left top;
    width: 18px;
    height: 27px;
}

.glyphicon-get {
    background: url(../img/icon_get.png) no-repeat left top;
    width: 23px;
    height: 23px;
}

.get-axes button {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
}

.get-axes .input-group {
    margin-top: 10px;
    float: left;
}

.get-regime {
/*     height: 17px; */
}

.get-regime span {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    float: left;
    background: #ffbdbd;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    color: #fff;
}

.get-regime span.title {
    width: 60px;
    background: none;
    margin-left: 3px;
    border: none;
    color: #666;
}

.menu-offer,
.menu-freq,
.menu-terr,
.menu-pocaiquad,
.menu-sim {
    background: url(../img/icon_offer_off.png) no-repeat center bottom;
    width: 56px;
    height: 69px;
    display: block;
}

.menu-offer:hover,
.menu-offer-help,
.nav-tabs li.active .menu-offer {
    background: url(../img/icon_offer.png) no-repeat center bottom;
}

.menu-freq {
    background: url(../img/icon_freq_off.png) no-repeat center bottom;
}

.menu-freq:hover,
.menu-freq-help,
.nav-tabs li.active .menu-freq {
    background: url(../img/icon_freq.png) no-repeat center bottom;
}

.menu-terr {
    background: url(../img/icon_terr_off.png) no-repeat center bottom;
}

.menu-terr:hover,
.menu-terr-help,
.nav-tabs li.active .menu-terr {
    background: url(../img/icon_terr.png) no-repeat center bottom;
}

.menu-pocaiquad {
    background: url(../img/icon_pocaiquad_off.png) no-repeat center bottom;
}

.menu-pocaiquad:hover,
.menu-pocaiquad-help,
.nav-tabs li.active .menu-pocaiquad {
    background: url(../img/icon_pocaiquad.png) no-repeat center bottom;
}

.menu-sim {
    background: url(../img/icon_sim_off.png) no-repeat center bottom;
}

.menu-sim:hover,
.menu-sim-help,
.nav-tabs li.active .menu-sim {
    background: url(../img/icon_sim.png) no-repeat center bottom;
}

.help-offer h3 {
    color: #df5105;
}

.help-terr h3 {
    color: #80ba25;
}

.help-freq h3 {
    color: #0087cd;
}

.help-pocaiquad h3 {
    color: #6f2275;
}

.help-simulations h3 {
    color: #666666;
}


.help-popup {
    position: absolute;
    top: 3px;
    right: 3px;
}

.help-popup button {
    padding: 5px;
    margin: 0;
}

.help-popup button {
    font-size: 12px;
}

.help-popup i {
    font-size: 20px;
}

.alert-small {
    padding: 5px;
    margin: 0;
}

.icon-global-help {
    width: 14px;
    height: auto;
    margin-right: 10px;
}

.sub-accordion-offer .panel-heading {
    background-color: #df5105;
    color: white;
}

.sub-accordion-offer .panel-default {
    border-color: #fa8546;
}

.sub-accordion-offer .panel-heading a:hover,
.sub-accordion-offer .panel-heading a:focus {
    color: #fdccb2;
}

.sub-accordion-terr .panel-heading {
    background-color: #80ba25;
    color: white;
}

.sub-accordion-terr .panel-heading a:hover,
.sub-accordion-terr .panel-heading a:focus {
    color: #daf1b6;
}

.sub-accordion-terr .panel-default {
    border-color: #98d735;
}

.sub-accordion-freq .panel-heading {
    background-color: #0087cd;
    color: white;
}

.sub-accordion-freq .panel-default {
    border-color: #26b5ff;
}

.sub-accordion-freq .panel-heading a:hover,
.sub-accordion-freq .panel-heading a:focus {
    color: #b2e5ff;
}

.sub-accordion-pocaiquad .panel-heading {
    background-color: #6f2275;
    color: white;
}

.sub-accordion-pocaiquad .panel-default {
    border-color: #9e30a7;
}

.sub-accordion-pocaiquad .panel-heading a:hover,
.sub-accordion-pocaiquad .panel-heading a:focus {
    color: #e9bfed;
}

.sub-accordion-sim .panel-heading {
    background-color: #a6a6a6;
    color: white;
}

.sub-accordion-sim .panel-default {
    border-color: #c5c5c5;
}

.sub-accordion-sim .panel-heading a:hover,
.sub-accordion-sim .panel-heading a:focus {
    color: #444;
}

.pocaiquad_axes {
    height: auto;
    float: left;
    width: 100%;
}

table.poca-malus {
    width: 100%;
}

table.poca-malus input {
    width: 40px;
    border: 1px solid #eee;
}

table.poca-malus .btn {
    padding: 2px;
    border-radius: 0px;
    width: 15px;
    font-size: 10px;
}

.zoom-get-container {
    left: 50%;
    margin-left: -170px;
    position: fixed;
}

.zoom-get-container .legend {
    float: left;
    padding-top: 7px;
}

.zoom-get {
    width: 300px;
    border: none;
    box-shadow: none;
    float:left;
    margin: 0;
}

.zoom-get .ngrs-join {
    width: 0px;
    height: 0px;
    border-bottom: 20px solid rgb(204, 204, 204);
    border-left: 270px solid transparent;
    border-radius: 0;
    background: none;
}

.zoom-get .ngrs-handle-max {
    height: 30px;
}

.zoom-get .ngrs-range-slider.ngrs-focus {
    box-shadow: none;
}


#popup-get-options,
#popup-get-new-train {
    position: fixed;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: auto;
    height: auto;
    box-shadow: 0px 0px 8px 1px rgba(100,100,100,0.5);
}

#popup-get-options {
    width: 270px;
}

#popup-get-new-train {
    padding: 25px;
    position: fixed;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
}

#popup-get-new-train .input-group-addon {
    width: 120px;
}

#popup-get-new-train button {
    margin-top: 5px;
}

#popup-get-new-train select,
#popup-get-new-train input {
    width: 140px;
}


#popup-group-options {

}

#popup-get-options button {
    margin: 2px;
}


#popup-get-options hr {
    margin-top: 3px;
    margin-bottom: 3px;
    border: 0;
    border-top: 1px solid #aaa;
}

.get-selected-train {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    width: 400px;
    overflow: hidden;
}

.get-options {

}

.get-options-item {
    float: left;
}

.get-options-item-right {
    float: right;
    margin-left: 10px;
}

.get-options-check {
    float: left;
    margin-top: 5px;
    margin-right: 3px;
}

.get-widget {
/*     float: left; */
    margin-right: 5px;
    width: 100%;
}

.get-widget ol.ol-themes {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 3px;
    margin-bottom: 30px;
}

.get-canvas {
    float: left;
}

.get-themes {
    width: 200px;
    float: left;
}

.get-themes ul {
    list-style: none;
    padding-left: 0;
}

.get-themes ul li {
    text-align: center;
}

.get-themes ul.deactivate li {
    text-align: left;
}

.get-themes ul.deactivate {
    max-height: 200px;
    overflow: auto;
}

.get-legend {
    clear: left;
}

.get-legend span {
    width: 30px;
    height: 10px;
    display: block;
    float: left;
    margin-right: 5px;
}

.get-legend  ul {
    list-style: none;
    font-size: 8px;
    color: #444;
}

.get-legend  ul li {
    text-align: left;
}

.get-legend .get-day-full {
    border-bottom: 1px solid #a1006b;
}

.get-legend .get-day-some {
    border-bottom: 1px dotted #a1006b;
}

.get-legend .get-bus {
    border-bottom: 1px dashed #a1006b;
}

.get-themes .get-theme-item {
    border: 1px solid #ccc;
    width: 100px;
    float: left;
    margin-right: 2px;
}

.get-themes .get-theme-item label {
    border-bottom: 1px solid #ccc;
    width: 100%;
    text-align: center;
}

.get-themes button.btn-no-bg {
    background: none;
}

.get-themes input[type=text] {
    padding: 2px;
    height: 22px;
}

.get-themes .get-add-group button {
    width: 100%;
}

.get-themes .get-group-item {
    cursor: pointer;
    position: relative;
}

.get-themes .get-group-item .glyphicon {
    position: absolute;
    right: 2px;
}


.get-themes .get-group-name {
    position: absolute;
    max-width: 110px;
    max-height: 20px;
    overflow: hidden;
}

.get-popup-item {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 3px 3px 3px 25px;
}

.get-popup-item-hour {
    background: url(../img/icon_hour.png) no-repeat 2px 2px;
}

.get-popup-item-color {
    background: url(../img/icon_pen.png) no-repeat 2px 2px;
}

.get-popup-item-segmentation {
    background: url(../img/icon_segmentation.png) no-repeat 2px 2px;
}

.get-popup-item-enchainement {
    background: url(../img/icon_enchainement.png) no-repeat 2px 2px;
}


.get-group-popup-list {
    float: left;
    list-style: none;
    margin-left: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}

.get-group-popup-list li {
    float: left;
}

.get-group-popup-color {
    width: 25px;
    height: 25px;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}

.get-group-popup-color:hover {
    color: #eee;
}

.get-groups-popup {
    clear :left;
}

.get-groups-popup label {
    float: left;
}


.get-themes .btn {
    font-size: 10px;
}

.get-themes .angular-ui-tree-handle {
    background: none;
    border-bottom: 1px solid #ccc;
    color: #7c9eb2;
    padding: 1px 1px;
    cursor: default;
}

.get-themes .angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.get-themes .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.get-themes tr.angular-ui-tree-empty {
    height:100px
}

.get-themes .group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}


/* --- Tree --- */
.get-themes .tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}

.get-themes .nodrop {
    background-color: #f2dede;
}

.get-themes .tree-node-content {
    margin: 10px;
}
.get-themes .tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.get-themes .angular-ui-tree-handle.get-group:hover {
    color: white;
}

.get-themes .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.get-themes .angular-ui-tree-handle.get-group {
    border-radius: 3px;
    color: white;
    border: none;
    background: #efefef;
    margin-bottom: 1px;
}

.get-themes .angular-ui-tree-handle input[type=text] {
    color: #666;
}

.get-themes .hidden {
    display: none!important;
    visibility: hidden!important;
}


.get-themes .group-color ul li {
    width: 13px !important;
}

.get-schedule {
    overflow: auto;
    margin-bottom: 50px;
}

.get-schedule table {
    margin-bottom: 10px;
    border-collapse: collapse;
}

.get-schedule table, th, td {
  border: 1px solid #aaa;
  padding: 1px 2px 1px 2px;
  text-align: center;
}

.get-schedule table th,
.get-schedule table td {
    width: 70px;
}

.get-schedule .table>tbody>tr>td {
    padding: 2px;
}

.get-schedule table tr.header {
    background: #eeeeee;
}

.get-schedule table tr.odd {
    background: #edfaff;
}

.get-themes .btn-modify {
    color: #aaaaaa;
}

.get-themes .legend-help {
    height: 30px;
    overflow: hidden;
}

.get-themes .get-help {
/*     height: auto; */
}

.get-title {
    margin-bottom: 0px;
    float: left;
    margin-right: 10px;
    padding-top: 10px;
}

.get-help-fixed {
    margint-left: 20px;
    position: absolute;
    height: auto;
    width: auto;
    background: #d9edf7;
    padding: 3px;
    z-index: 999;
    border-radius: 3px;
}

.get-help-fixed-shadowed {
    box-shadow: 0px 0px 8px 1px rgba(100,100,100,0.5);
}

.get-bloc-help {
    height: 30px;
/*     border: 1px solid red; */
}

.get-bloc-help-global {
    padding-top: 20px;
    width: 20px;
}


.get-regime-list ul li {
    text-align: left;
    line-height: 8px;
    color: red;
}

.get-regime-list ul li.get-regime-on {
    color: green;
}

.get-regime-list ul.col-50 {
    width: 49%;
    float: left;
}


.get-themes .group-trains {
    font-size: 10px;
    max-height: 20px;
    overflow: auto;
}

.num-version {
    position: absolute;
    color: #ccc;
    right: 0px;
    top: 0px;
}

@media (max-width: 1052px) {
    #filtersMenu .navbar-form .input-group .input-group-addon {
        width: 20px;
        padding: 5px;
    }
    #searchstation input {
        width: 100px;
    }
}

@media (max-width: 1060px) {
    .welcome {
        display: none;
    }
}

@media (max-width: 975px) {
    .username {
        display: none;
    }
}