html, body {
    height: 100%;
}

/* index */
.main_page {
    height: calc(100% - 90px);

}

.div_main {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.div_main_trajet {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: calc(100% - 350px);
    margin-bottom: 110px;
}

.div_main_input {
    width: 295px;
    padding-bottom: 20px;
}

.new-input {
    width: 300px;
}

.div_main_input_trajet {
    width: 100%;
    padding-bottom: 20px;
}

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

.div_main_left {
    width: 30%;
    float: left;
}

.div_main_right {
    width: 65%;
    float: right;
}

.div_main_display {
    width: 295px;
    padding-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.column {
    float: left;
    width: calc(100% - 450px);
    height: 100%;
}

.column2 {
    float: left;
    width: 48%;
    margin: 1%;
}

.tableau {
    padding-top: 0px;
    width: 450px;

}

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

#map2 {
    width: 100%;
    height: 100%;
    overflow: auto;
}

#map_petite {
    width: 100%;
    height: 300px;
    overflow: auto;
}

#map5 {
    width: 100%;
    height: 100%;
    overflow: auto;
}

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

.map {
    height: 100%;
    width: 100%;
}

#popup {
    min-width: 280px;
}

#table_modules {
    border-collapse: collapse;
    width: 95%;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;


}

#table_modules td {
    padding: 8px;
    text-align: center;
    font-family: 'Abel', sans-serif;
    font-size: 12px;
}

#table_modules th {
    padding: 8px;
    text-align: center;
    background-color: rgba(12, 60, 96, 1);
    color: rgba(255, 255, 255, 1);
    font-family: 'Abel', sans-serif;
    font-size: 12px;
}

/*#table_modules tr:hover {
    background-color: rgb(207, 207, 207);
}*/

.width_99pct {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.width_95pct {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.div_center {
    margin-left: auto;
    margin-right: auto;
}

.width-max-500 {
    max-width: 500px;
}

.text_center {
    text-align: center;
}

#bottom_5px {
    margin-bottom: 5px;
}

.margin-bottom_10px {
    margin-bottom: 10px;
}

.div_main_input_btn {
    float: right;
}

.btn-trajet {
    float: right;
}

#delete_line {
    margin-left: 5px;
}

#div_left {
    width: 295px;
}

#div_middle {
    width: 150px;
    margin-left: 20px;
}

#div_right1 {
    margin-left: 20px;
}

#div_right2 {
    margin-left: 20px;
}

.inline {
    display: inline-block;
    vertical-align: bottom;
}

.jslider {
    display: block;
    width: 100%;
    height: 1em;
    position: relative;
    top: .6em;
    font-family: Arial, sans-serif
}

.jslider .jslider-label small, .jslider .jslider-value small {
    position: relative;
    top: -.4em
}

.jslider .jslider-bg {
    position: relative
}

.jslider .jslider-bg i {
    background: url(../img/jslider.png) no-repeat 0 0;
    height: 5px;
    position: absolute;
    font-size: 0;
    top: 0
}

.jslider .jslider-bg .l {
    width: 10%;
    background-position: 0 0;
    left: 0
}

.jslider .jslider-bg .f {
    width: 80%;
    left: 10%;
    background-repeat: repeat-x;
    background-position: 0 -20px
}

.jslider .jslider-bg .r {
    width: 10%;
    left: 90%;
    background-position: right 0
}

.jslider .jslider-bg .v {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 0;
    height: 5px;
    background-repeat: repeat-x;
    background-position: 0 -40px
}

.jslider .jslider-pointer {
    background: url(../img/jslider.png) no-repeat 0 0;
    width: 13px;
    height: 15px;
    background-position: 0 -60px;
    position: absolute;
    left: 20%;
    top: -4px;
    margin-left: -6px;
    cursor: pointer
}

.jslider .jslider-pointer-hover {
    background-position: -20px -60px
}

.jslider .jslider-pointer-to {
    left: 80%
}

.jslider .jslider-label {
    font-size: 9px;
    line-height: 12px;
    color: #000;
    opacity: .4;
    white-space: nowrap;
    padding: 0 2px;
    position: absolute;
    top: -18px;
    left: 0
}

.jslider .jslider-label-to {
    left: auto;
    right: 0
}

.jslider .jslider-value {
    font-size: 9px;
    white-space: nowrap;
    padding: 1px 2px 0;
    position: absolute;
    top: -19px;
    left: 20%;
    background: #fff;
    line-height: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.jslider .jslider-value-to {
    left: 80%
}

.jslider .jslider-scale {
    position: relative;
    top: 9px
}

.jslider .jslider-scale span {
    position: absolute;
    height: 5px;
    border-left: 1px solid #999;
    font-size: 0
}

.jslider .jslider-scale ins {
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 5px;
    color: #999
}

.ie8 .jslider.disabled * {
    opacity: .3
}

.jslider.disabled .jslider-pointer, .jslider.disabled .jslider-value {
    display: none
}

.jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to, .jslider-limitless .jslider-label {
    display: none
}

.jslider-limitless .jslider-label.jslider-label-to, .jslider-limitless .jslider-label.jslider-label-from {
    display: block
}

.layout-slider {
    margin-bottom: 60px;
    width: 90%;
}

.layout-slider-settings {
    font-size: 12px;
    padding-bottom: 10px;
}

.layout-slider-settings pre {
    font-family: Courier;
}

html {
    -ms-touch-action: none;
}

@media only screen and (max-height: 800px) {
    .footer {
        display: none;
    }
}

.hiddenRow {
    padding: 0 !important;
}

.text-left {
    text-align: left;
}

.mouvement {
    color: green;
}

.arret {
    color: orange;
}

#rapport_detaille_left_stop {
    max-width: 5px;
    height: 300px;
    background: orange;
}

#rapport_detaille_left_move {
    max-width: 5px;
    height: 300px;
    background: green;
}

#container {
    width: 100% !important;
    height: 340px;
}

.row {
    margin-top: 10px;
}

.max_1500px {
    max-width: 1500px;
}

.max_1000px {
    max-width: 1000px;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 200px;
    left: 48%;
}

#radio3{
    height: 34px;
    text-align: center;
}

#margin-top{
    margin-top: 6px;
}

.table_output{
    text-align: center;
    width: 300px;
    border: 1px solid black;
    border-collapse: collapse;
}

.text_right {
    text-align: right;
}

.myImg {
    max-height: 350px;
    max-width: 80%;
    margin-bottom: 5px;
    border: 1px solid #092c46;
    border-radius: 4px;
    padding: 5px;
}


.div_box {
    min-height: 200px;
    width: 95%;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.context-menu-two{
    z-index: 5000 !important;
    overflow: visible !important;
    /*position: fixed;*/
}
.context-menu-tree{
    z-index: 5000 !important;
    overflow: visible !important;
    position: fixed;
}

.description {
    display:none;
    position:absolute;
    border:1px solid #000;
    width:1000px;
    height:200px;
}

.arrondi {
    border-radius: 4px;
}

table
{
    border-radius: 4px;
    /*overflow-y: auto !important;*/
}

#main{
    float: right;
    position: absolute;
    height: calc(100% - 90px);
    right: 10px;
    left:450px;
}
#sidebar{
    width:450px;
    float: left;
    position: absolute;
    height: calc(100% - 90px);
}

#dragbar{
    background-color:lightgrey;
    height:calc(100% - 20px);
    margin-top : 10px;
    margin-bottom: 10px;
    float: right;
    width: 8px;
    cursor: col-resize;
}

.center_image{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.width-150{
    width: 150px;
}

.width-max-170{
    max-width: 165px;
}

.popup{
    margin-top : 5px;
    margin-left: auto;
    margin-right: auto;
}

.padding-fix{
    padding-right: 12px !important;
    padding-left: 3px !important;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;

}

.padding-top-6{
    padding-top: 6px;
}

.padding-top-2{
    padding-top: 2px;
}

.padding-right-5{
    padding-right: 5px;
}

.padding-right-12{
    padding-right: 12px;
}
.text-green{
    color: green;
}

.text-red{
    color:red;
}

.context-menu-list {
    z-index: 8000 !important;
}
.curseur{
    cursor: pointer;
}

.datepicker{
    z-index: 8000 !important;
}

#tableau{
    overflow-y: auto !important;
    height: 100% ;
}

#liste_module_frame{
    height: calc(100%);
}

#css-center{
    margin-left: auto;
    margin-right: auto;
}

.petit_graph{
    width: calc(100% - 10px) !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    height: 80px;
}