/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body {
    margin-top: 100px;
    background-color: #e1e4e9;
    line-height: inherit;
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

#liste td {
    vertical-align: middle;
}

.form_ajout_modif label {
    text-align: right;
}

.container_accueil {
    padding: 0;
}


/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    body {
        margin-top: 50px;
    }

    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 10px;
    }

    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .navbar-nav > li > a{
        padding-top:5px;
        padding-bottom:5px;
    }

    .navbar-nav > li.titre_nav{
        color: #fff;
        padding:5px;
        padding-top:15px;
        font-weight:bold;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    margin-bottom:25px;   
}    

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

.navbar-nav > li.cat{
    padding: 10px 10px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    padding-top: 15px;
    padding-bottom: 10px;
    color:white;
    font-size:1.5em;
    line-height: 20px;
}
.navbar-nav > li.titre_client{
    padding: 10px 15px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    color:black;
    background:#e1e4e9;
    border-right:3px #222 solid;
    font-size:1.5em;
    font-weight:bold;
    line-height: 20px;
    float:none;
}


.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 0;
}

.center{
    text-align:center;
}

.login-panel{
    width:600px;
    margin: 0 auto;
}
.login-panel input{

}

.box{
    background:white;
    padding:10px;
}

.box .titre{

}


.image_animate_loader {
    border-top: 16px solid blue;
    border-right: 16px solid green;
    border-bottom: 16px solid red;
    border-left: 16px solid pink;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    left: 50%;
    margin-left:-54px;
    margin-top:-54px;
    top: 50%;
    position:absolute;
    z-index:10500;
    display:none;
}

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

.icone_header{
    float:right;
    margin:0;
    padding:0;
    margin-top:-5px;
}

.conteneur-formulaire{
    max-width:800px;
    padding:15px;
}

.conteneur-stats{
    max-width:1100px;
    padding:15px;
}

.form-group .description{
    font-size:0.8em;
    font-style: italic;
    color:#999;
}

.form-group .champs_obligatoire{
    font-size:1em;
    font-style: italic;
    color:#BBBBBB;
}

.form-group .red{
    color:red;
}
.highcharts-credits{
    display:none;
}

.bold{
    font-weight:bold;
}

.progress-bar-conteneur{
    background:grey;
    height:5px;
    width:100%;
    border:1px black solid;
}
.progress-bar-valeur{
    float:left;
    width:0;
    height:100%;
    background:blue;
}
.progress-bar-valeur.green{
    background:green;
}
.progress-bar-valeur.marron{
    background:maroon;
}
.progress-bar-valeur.red{
    background:red;
}
.progress-bar-valeur.blue{
    background:blue;
}
.progress-bar-valeur.orange{
    background:orange;
}
.progress-bar-valeur.yellow{
    background:yellow;
}
.progress-bar-valeur.presque_vert{
    background:#90ed7d;
}

.file_ariane{
    font-size:0.9em;
    color:grey;
    padding-bottom:35px;
    text-align: center;
}
.file_ariane a{
    color:grey;
    text-decoration: none;
}
.file_ariane a.active{
    color:grey;
    text-decoration:underline;
    font-weight:bold;
}

.file_ariane .active{
    color:grey;
    text-decoration:underline;
    font-weight:bold;
}

.copiedtext {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transform: translateY(-1em);
    color: #000;
    text-shadow:none;
    transition: all .800s;
    border:1px black solid;
    background:#666666;
    font-weight: bold;
    font-size:1.5em;
}
.copied .copiedtext {
    opacity: 1;
    transform: translateY(-2em);
}
.clic{
    cursor:pointer;
}


.dock {
    border: 4px dotted #cccccc;
    background-color: #ededed;
    width: 600px;
    height: 150px;
    color: #aaa;
    font-size: 18px;
    text-align: center;
    padding-top: 55px;
}
.dock_hover {
    border: 4px dotted #4d90fe;
    background-color: #e7f0ff;
    width: 600px;
    height: 150px;
    color: #4d90fe;
    font-size: 18px;
    text-align: center;
    padding-top: 55px;
}
.progress{
    margin-top:10px;
}
#analyse_pj_explication table{
    overflow: auto;
    max-height:100px;
    background:rgba(255, 255, 255, 0.5);

}
.spam_plus{
    overflow: auto;
    max-height:220px;
    background:rgba(255, 255, 255, 0.5);
    padding:5px;
}

.table_stats_recap_chiffre td{
    border:0;
}
.table_stats_recap_chiffre td.right{
    text-align:left;
    font-weight:bold;
}
table td.doublons{
    color:orange;
}
table td.bloques{
    color:gray;
}
table td.envoyes{
    color:green;
}
table td.spam{
    color:#843534;
}
table td.desabo{
    color:black;
}
table td.encours{
    color:blue;
}
table td.enerreur{
    color:red;
}

.red{
    color:red;
}

@media (max-width: 1024px) {
    .btn-normal {
        width:100%;
    }
}

.choix_etat{
    text-align:right;
    color:gray;
}
.choix_etat input{
    margin-right:5px;
    padding-top:-15px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}
.choix_etat label{
    font-weight:100;
    font-size:0.8em;
    margin-right:10px;
}