::-webkit-scrollbar {
    width: 1em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

@font-face {
    font-family: 'Audiowide-Regular';
    src: url('Audiowide-Regular.ttf') format('truetype')
}



/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

div.circTxt {
    /*allows for centering*/
    display: inline-block;
    /*adjust as needed*/
    margin-bottom: 128px;
    color: whitesmoke;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.mainBtn {
    border: none;
    background-color: transparent;
    outline: none;
}

.col-xs-12{
    width:100%;
}

.btn-primary:hover  {
    background-color: #E0E0E0 !important;
    border-color: #C0C0C0 !important;
    color: black !important;
}

.btn-primary:focus {
    background-color: #E0E0E0 !important;
    border-color: #C0C0C0 !important;
    color: black !important;
}

.btn-primary:active {
    background-color: #E0E0E0 !important;
    border-color: #C0C0C0 !important;
    color: black !important;
}

.btn-primary:target {
    background-color: #E0E0E0 !important;
    border-color: #C0C0C0 !important;
    color: black !important;
}

#loadingover, #firstLoadingOver {
    background: white !important;
    z-index: 10005;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#idTitreSoftWare {
    font-family: 'Audiowide-Regular';
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.classRow {
    border-radius: 25px;
    height: 250px;
    width: 100%;
    margin-top: 20px;
    background-color: #ccccff;
}

/*#div_fiter_row {
    border-radius: 25px;
    height: 250px;
    width: 100%;
    margin-top: 20px;
    background-color: #ccccff;
}*/
/*
        CSS bar de filtre choix 
    */

#div_filter_choice {
    padding: 15px;
    text-align: center;
    height: 100%;
}

#div_filter_choice_table {
    padding-top: 5px;
    max-height:70%;
    width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
    overflow-y:auto;
}

/*
        CSS bar de filtre selection
    */
#div_filter_selected {
    /*padding: 15px;*/
    text-align: center;
    height: 100%;
}

#div_filter_stack_text {
    text-align: center;
    margin-bottom: 10px;
}

#div_filter_reset_button {
    margin: auto;
}

#div_content_selected_ul {
    padding-top: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
/*
        CSS bar de filtre bouton de lancement
    */
#div_filter_launch {
    padding: 15px;
    text-align: center;
    height: 100%;
}

#div_filter_launch_text {
    text-align: center;
    margin-bottom: 10px;
}

#div_filter_launch_button {
    margin: auto;

}

/*
    CSS contenu 
*/
#div_content {
    display:inline-table;
    border-radius: 25px;
    height: 500px;
    width: 100%;
    background-color: #ccccff;
    margin-top: 20px;
}

#div_filter_launch_text {
    text-align: center;
    margin-bottom: 10px;
}

#div_content_stack_text {
    text-align: center;
    margin-bottom: 10px;
}

/*
        CSS pile
*/

#div_content_stack {
    /*padding: 20px;*/
    text-align: center;
    height: 100%;
}

#div_content_stack_table, #div_content_stack_table_2 {
    padding-top: 10px;
    width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-bottom: 10px;
}

/*
        CSS graph
    */

#div_content_graph {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    height: 100%;
}

#div_content_graph_chart {
    /*padding: 20px;*/
    text-align: center;
    max-height: 100%;
    width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
}
/*
    CSS table
*/
#div_table {
    border-radius: 25px;
    height: 400px;
    width: 100%;
    background-color: #ccccff;
    margin-top: 20px;
}

#div_table_text {
    text-align: center;
    margin-bottom: 10px;
}

#div_table_table {
    padding: 20px;
    text-align: center;
    max-height: 75%;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}

#div_table_export {
    padding-left:20px;
    margin: auto;
}

#fixed-header {
    position: fixed;
    top: 0px;
    background-color: gainsboro;
}


/*
    Autre CSS
*/

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}


.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
}

.border-right {
    border-right: 1px solid #ddd;
}

h4 {
    font-weight: bold;
}