.list-group-item-custom {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item-custom:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.list-group-item-custom:first-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

a.list-group-item-custom {
    color: #555;
}

.edit-link {
    position: absolute;
    top:10px;
    left: -20px;
}
.list-element {
    position: relative;
}

a.list-group-item-custom:hover,
a.list-group-item-custom:focus {
    text-decoration: none;
    background-color: #f5f5f5;
}

.user-disabled {
    color: grey;
    background-color: #f3f3f3;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html, body {
    margin: 0;
    padding: 0;
}
body.regular {
    background: #fff;
    color: #333;
}
.mandatory {
    color: #c00;
}
/* Header */
.header-bg {
    /*background: #C2AD25 url(../img/scriptcase__NM__v5YellowbgMenuHeader.png) no-repeat;*/
    background: #ccc;
    padding: 15px 0;
}
.utilisateur .header-bg {
    background: #88ca11;
}
.administrateur .header-bg {
    background: #D6CD4F;
}
#wrapper {
    margin: 0 auto;
}
#wrapper .largeur {
    width: 940px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 980px) {
    #wrapper .largeur {
        width: 90%;
        margin: 0 5%;
    }
}
.end {
    height: 2em;
    margin-top: 2em;
    border-top: solid 1px #ccc;
}
.interface {
    color: #fff;
    float: right;
    margin: 1em;
    line-height: 48px;
    font-weight: bold;
}
.log-out {
    color: #333;
}
/*.btn-default {
	background-image: none;
	filter: none;
	background: #996;
}*/
/* Nav */
.navbar {
    margin-bottom: 0;
}
.navbar-default {
    border: none;
    background: none;
    filter: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-default .navbar-nav > .active > a {
    background: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
/*.navbar-nav {
	margin-top: 15px;
	margin-left: 4em;
}*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: rgba(255,255,255,.2);
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}
.commandes {
    margin-top: 1em;
    margin-bottom: 1em;
}

@media (max-width: 980px) {
    .boutons-cmd-principaux .btn {
        font-size: 12px;
        padding: 3px 6px;
    }
    /*.boutons-cmd-principaux .btn .glyphicon {
        display: none;
    }*/
}
.back {
    display: inline-block;
    margin: 1.1em 1em 1em 0;
}
.etiquette {
    display: block;
    text-align: right;
    line-height: 34px;
}
.aide {
    color: #F00;
}
.perso {
    display: inline-block;
    margin-right: 20px;
}
.etiquette-dessus {
    /*font-weight: lighter;*/
    margin-left: 0px;
}
.etiquette2 {
    line-height: normal;
}
.etiquette {
    line-height: 34px;
    text-align: right;
}
.etiquette.multi-lignes {
    line-height: 1.2em;
}
.marge-aucune {
    padding-right: 0px;
    padding-left: 0px;
}
.calendrier {
    /*font-size: 20px;*/
    /*color: #CCC;*/
    color: #999;
    /* [disabled]display: inline; */
    /* [disabled]float: left; */
    /*margin-left: 10px;*/
    /*line-height: 34px;*/
}
.float-left {
    float: left;
}
.txt-seul {
    line-height: 34px;
}
.rouge {
    font-weight: bold;
    color: #F00;
}
h1.titre {
    font-size: 24px;
    text-transform: uppercase;
    color: #999;
    font-weight: bolder;
}
span.titre {
    color: #85781D;
}
.bg-admin {
    background-color: #996;
}
.txt-blanc {
    color: #FFF;
    margin-top: 10px;
    font-weight: bolder;
    font-style: italic;
}
.navbar-default.ma-nav {
    margin-bottom: 0;
    margin-top: 0;
    border: none;
}
.sans-padd {
    padding-right: 0px;
    padding-left: 0px;
}
.fagauche {
    float: left;
}
.sans-espace-apres {
    margin-bottom: 0px;
}


/***********
	VISAS
************/
.form-horizontal p{
    text-align: center;
}

.col-sm-8.gris .row:nth-child(2n+1) {
    background:#f7f7f7;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.visas{
    color:#808080;
    font-size: 12px;
    font-weight: bold;
}

.administrateur .visas{
    color:#000;
    font-size: 12px;
    font-weight: bold;
}

.visas .comment {
    font-style: italic;
    font-weight: normal;
}
.visas .btn{
    margin-bottom:4px;
}
.visas .btn-default.disabled, .visas .btn-default[disabled] {
    background-color: #CCCCCC;
    border-color: #CCCCCC;
}

.visas .btn-danger.disabled, .visas .btn-danger[disabled] {
    background-color: #ed0303;
    border-color: #ed0303;
}

.visas .btn-success.disabled, .visas .btn-success[disabled] {
    background-color: #33d422;
    border-color: #33d422;
}

.panel.administrateur {
    background-color: #f7f7f7;
}

.ajouter{
    background:#d8cd88;
}

.ajouter .form-group{
    margin-bottom:8px;
}

.ajouter .tampon{
    padding:40px 0 0 0;
    margin:0 auto;
    max-width: 100px
}

.ajouter .perso {
    display: inline-block;
    margin-right: 18px;
}

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

@media (max-width: 480px) {
    .libelle {
        text-align: left;
    }
    .ajouter .tampon{
        padding:10px;
    }
}


/**********************
	LISTES DIPLOMES
**********************/
.table > thead > tr > th {
    border-bottom: 0;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #bcbc86;
    cursor:pointer;
}

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 0;
    padding-left: 0;
}

.aller{
    max-width: 130px;
}

.reperepage{
    text-align:center;
}

.sepa{
    border-right: 1px solid #CACACA;
    padding:0 8px;
    display: inline-block;
}

.recherche{
    margin: 10px 0 ;
}

.modal label {
    display: inline-block;
    font-weight: bold;
    margin-top: 5px;
}

#Modaltri  label, #Modalcolonnes  label{
    margin-top: 0;
}

.modal .row{
    margin-bottom: 5px
}

.row.centered {
    margin: 20px auto;
    float:none;
    text-align: center;
}

.date {
    margin-top: 20px;
    float:right;
}

.modal .date {
    margin-top:0;
    float:none;
}



@media (max-width: 480px) {
    .date {
        margin-top: 0;
        float: left;
    }

    .recherche .btn{
        margin-bottom: 8px;
    }

    .sepa{
        border-right: none;
    }

}



@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFF;
        background-color: transparent;
    }
}

.columns-form {
    padding: 20px;
    box-sizing: border-box;
}

.columns-form .checkbox {
    height: 20px;
}

.columns-form .btn.btn-primary {
    display: block;
    margin: auto;
}

.columns-form div.middle .btn.btn-primary {
    display: inline;
}

.columns-form div.middle {
    padding: 10px 0 0;
    text-align: center;
}

.right{
    float: right;
}

#newDiploma {
    margin: -34px 0 10px;
}

.controls.add {
   margin-top: 5px;
   margin-bottom: 20px;
}

.relative {
    position: relative;
}

.modal-body .row.line{
    margin-left: 0;
}

.modal-body .line:hover {
    background: rgba(202, 237, 241, 0.39);
}

.comment{
    text-overflow : ellipsis;
    width : 260px;
    max-height : 70px;
    overflow : hidden;
    -webkit-transition:max-height 1s; /* For Safari 3.1 to 6.0 */
    transition:max-height 1s;
}

.comment:hover{
    max-height : 1000px;
}

.remove_btn {
    color: red;
    margin: 5px;
    display: block;
}

.edit_btn {
    cursor: pointer;
    color: #f0ad4e;
    margin: 5px;
    display: block;
}

.edit_btn:hover {
    color: #ed9c28;
}

.btn-refused {
    color: #fff;
    background-color: #f57900;
    border-color: #f57900;
}
#trainingsOutdated {
    max-height : 110px;
    overflow : hidden;
    -webkit-transition:max-height 1s;
    transition:max-height 1s;
}
.comment_edit {
    display: none;
}

.edit-comment textarea {
    resize: none;
    font-size: 11px;
}

filter-label {
    padding-left: 60px;

}

#training_type_courseTeamEpFile .form-group:first-child,  #training_type_courseTeamEgFile .form-group:first-child{
}

#ifc_filters_type label {
    margin-left: 0.5em;
}

.radio .filter-label {
    font-weight: bold;
}

.show-version {
    border-radius: 3px;
    color: white;
    width: 200px;
    background-color: grey;
    padding-left: 5px;
    margin-left: 5px;
}

.little-margin {
    margin-right: 10px;
}