.ml-10{
    margin-left: 10px;
}
.ml-15{
    margin-left: 15px;
}
.mr-10 {
    margin-right: 10px;
}
.mt-10{
    margin-top: 10px;
}
.mt-15{
    margin-top: 15px;
}
.mt-20{
    margin-top: 20px;
}
body .text-warning {
    color: #ffc107!important;
}
body .text-danger {
    color: #dc3545!important;
}
body .text-muted {
    color: #6c757d!important;
}
body .text-success {
    color: #28a745!important;
}
body {
    padding:0px 0px; font-weight: 300;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    background-color: #FFF;
    /*    background-image: url(images/tiny_grid.png);
        background-attachment: fixed;*/
    -font-weight: normal;

}

th[data-sort]{
    cursor:pointer;
}


.tab-content { background-color: #FFF}

wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 200px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 200px;
    width: 0;
    height: 100%;
    margin-left: -200px;
    overflow-y: auto;
    background: #3f3f3f; /* Old browsers */
    background: -moz-linear-gradient(left,  #3f3f3f 81%, #333333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(81%,#3f3f3f), color-stop(100%,#333333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #3f3f3f 81%,#333333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #3f3f3f 81%,#333333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #3f3f3f 81%,#333333 100%); /* IE10+ */
    background: linear-gradient(to right,  #3f3f3f 81%,#333333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#333333',GradientType=1 ); /* IE6-9 */

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 200px;
}

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

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -200px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}



.sidebar-nav li a .glyphicon { margin-top: 12px; margin-right: 15px;}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(0,0,0,0.15);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    font-size: 14px;
    color:#CCC;
    font-weight: 400;
    padding :0;
    background: rgba(0,0,0,0.8)
}

.sidebar-nav hr {border-top:1px solid #222; border-bottom: 1px solid #666; margin: 0}

.sidebar-nav h6 { text-indent: 20px; color:#FFF; font-weight: 300; -background: rgba(0,0,0,0.1); margin: 0; line-height: 40px}

.photo_profil { width: 30px; margin-right: 10px}


#postit {
    display: none;
}
.post_it_element hr { margin: 5px 50px 5px 0}


/*
label.btn-success, label.btn-danger {
    color: #333;
    background-color: #FFF;
    border-color: #adadad;

}

label.btn-success:hover, label.btn-danger:hover {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;

}

label.btn-success.active {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;

}

label.btn-danger.active {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}*/

table#reseauTable td {
    /*cursor: default;*/
}

.classement {
    color:#999;
    font-size:9px;
    cursor:pointer
}

.classement:hover {
    color:#666;
}

.rouge {color:#d9534f}
.jaune {color:#f0ad4e}
.vert {color:#5cb85c}
.bleu {color:#428bca}
.ciel {color:#5bc0de}
.blanc {color:#FFF}
.b_rouge {background-color:#d9534f}
.b_jaune {background-color:#f0ad4e}
.b_vert {background-color:#5cb85c}
.b_bleu {background-color:#428bca}
.b_ciel {background-color:#5bc0de}




.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
h1 { font-size: 18px; font-weight: 300; padding: 10px 0; margin: 0}
h4 {color:#d9534f; font-size: 16px}


.breadcrumb { margin-bottom: 20px; border-bottom: 1px solid #DDD}
.breadcrumb .glyphicon-home{color:#666; font-size: 12px}
.breadcrumb .glyphicon-play {font-size: 8px; color:#CCC}
.breadcrumb .title {font-size: 16px; color:#d9534f; font-weight: 400}




sup { font-size: 7px !important}
label {font-weight: 500}



.nav.nav-tabs li.active { font-weight: 600}
.navbar-brand .blanc {margin-right: 8px; font-size: 13px}

.adresse_change2, .adresse_change { display: none}






@media(min-width:768px) {
    #wrapper {
        padding-left: 200px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 200px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0px;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

@media(max-width:767px) {
    #sidebar-wrapper {
        width: 100%;
        position: relative;
        height: 165px;
        top: -45px;
    }
    #sidebar-wrapper .sidebar-nav {
        width: 100%;
    }
    #sidebar-wrapper ul li {
        width: 50%;
        float: left;
    }
    #sidebar-wrapper ul li .glyphicon {
        display: none;
    }
}