html,body {
    height: 100%;
    min-height: 100%;
    width: 100%;
}

.clearfix:before,.clearfix:after{
    display:table;
    content:" "
}
.clearfix:after{
    clear:both
}


.no_padding {
    padding: 0 0 0 0;
}
.no_padding_top {
    padding-top: 0 !important;
}
.no_padding_right {
    padding-right: 0 !important;
}
.no_padding_left {
    padding-left: 0 !important;
}
.no_padding_bottom {
    padding-bottom: 0 !important;
}

/*
#grid {
    height: auto;
}

.fix_height {
    height: 100%;
    min-height: 2000px;
}

@media (min-width:  992px) and (max-width: 1170px) {
    .fix_height {height: 100%}       
}

@media (min-width:  768px) and (max-width: 992px) {
    .fix_height {height: 100%}
}

@media (max-width: 768px) {
    .fix_height {height: 100%}
}
*/
body {
    margin-top: 50px;
}

.padding-top-1em {
    padding-top: 1em;
}

.margin-top-1em {
    margin-top: 1em;
}

.padding-top-05em {
    padding-top: 0.5em;
}

.margin-top-05em {
    margin-top: 0.5em;
}

.padding-bottom-1em {
    padding-bottom: 1em;
}

.margin-bottom-1em {
    margin-bottom: 1em;
}

.padding-bottom-05em {
    padding-bottom: 0.5em;
}

.margin-bottom-05em {
    margin-bottom: 0.5em;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-top-50 {
    margin-top: 50px;
}

/** FILL **/
@media (min-width:  992px) {
    .fill2 {min-height: 100%; height: 100%;}       
}

@media (min-width:  768px) and (max-width: 992px) {
    .fill2 {height: auto}
}

@media (max-width: 768px) {
    .fill2 {height: auto}
}

@media (max-width: 768px) {        
    .fill {
        height: auto;        
    }    
}
@media (min-width: 768px) {
    .fill {
        min-height: 100%;
        height: 100%;
    }    
}

#navigation_explorer_path, .navigation_explorer_path {
    background-color:#FFFFFF;
    padding: 6px 15px 6px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    margin-bottom:  0.5em !important;
}


#navigation_explorer_path.breadcrumb>li+li:before, .navigation_explorer_path.breadcrumb>li+li:before  {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:gray;
    content: "\00a0\f0da\00a0";
}

@media (max-width: 1199px) { 
    .col-lg-7 > #navigation_explorer_path {
        margin-bottom:  0.5em !important;
    }

    .col-lg-7 > .navigation_explorer_path {
        margin-bottom:  0.5em !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-7 > #navigation_explorer_path {
        margin-bottom:  0 !important;
    }

    .col-lg-7 > .navigation_explorer_path {
        margin-bottom:  0 !important;
    }
}

@media (max-width: 768px) {
    .col-lg-7 > #navigation_explorer_path {
        margin-top: 1em !important;
        margin-bottom:  1em !important;
    }

    .col-lg-7 > .navigation_explorer_path {
        margin-top: 1em !important;
        margin-bottom:  1em !important;
    }
}

.zone_clickable:hover {
    border: #007fbf dashed 1px;
    background-color: #b9def0;    
}

#list-document, .list-document {
    margin-top: 1em;
    margin-bottom:  1em; 
}

#list-document .row, .list-document .row {
    margin-left: 0;
    margin-right: 0;
}



ul.act-toolbar {
    display: block;
    list-style-type: none;
    margin: 0;
    height: 48px;
    padding:  0;
    margin-bottom: 0.5em;
    width: 100%;
}
ul.act-toolbar .filter {
    float: left;
    display: block;
    width: auto;
    margin-left: 10px;
}
ul.act-toolbar .filter label {
    float: left;
    margin: 3px 5px 0 0;
}
ul.act-toolbar .filter .chosen-select {
    width: auto !important;
}
ul.act-toolbar .filter .chosen-container {
    max-width: 300px !important;
}
ul.act-toolbar > li {
    float: left;
    display: inline-block;
    margin: 0.5em 0.5em 0.5em 0;
    padding: 0;
    width: auto;
    height: auto;
}
ul.act-toolbar > li > .input-group {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
ul.act-toolbar > li > .input-group > .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
ul.act-toolbar > li > .input-group > .input-group-btn {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.document_bureautique_path {
    display: inline-block;
}

.document_bureautique_filename {
    display: block;
}

.document_bureautique_path, .document_bureautique_filename {    
    width: auto;
    padding-left: 0;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.document_bureautique_path {
    color: gray;
}

.document_bureautique_path:hover {
    text-decoration: none;
}

.list-document-item-info-a {
    display: inline-block;
    width: auto;
    float: left;
}

.list-document-item-info-b {
    display: block;
    width: auto;    
}



@media (min-width:  1170px) {    
    .sidebar, #tab-classer-explorer {
        z-index: 1;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .main , #tab-classer-documents {
        z-index: 1;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    #document_preview_section {
        z-index: 1;
        height: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
    }
}

@media (min-width:  992px) {
    .sidebar, #tab-classer-explorer {}
    .main , #tab-classer-documents {}        
    #document_preview_section {}
}

@media (min-width:  768px) and (max-width: 992px) {
    .sidebar, #tab-classer-explorer {}
    .main , #tab-classer-documents {}        
    #document_preview_section {}
}

@media (max-width: 768px) {
    .sidebar, #tab-classer-explorer {}
    .main , #tab-classer-documents {}        
    #document_preview_section {}
}

[data-notify="progressbar"] {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
}


#document-link-ajouter-modal .modal-dialog {
    width: 100%;        
}


/* marges intérieures */
.p-0 { padding:0px!important; } .p-5 { padding:5px!important; } .p-10 { padding:10px!important; } .p-15 { padding:15px!important; } .p-20 { padding:20px!important; }
.p-t-0 { padding-top:0px!important; } .p-r-0 { padding-right:0px!important; } .p-l-0 { padding-left:0px!important; } .p-b-0 { padding-bottom:0px!important; }
.p-t-1 { padding-top:1px!important; } .p-r-1 { padding-right:1px!important; } .p-l-1 { padding-left:1px!important; } .p-b-1 { padding-bottom:1px!important; }
.p-t-5 { padding-top:5px!important; } .p-r-5 { padding-right:5px!important; } .p-l-5 { padding-left:5px!important; } .p-b-5 { padding-bottom:5px!important; }
.p-t-10 { padding-top:10px!important; } .p-r-10 { padding-right:10px!important; } .p-l-10 { padding-left:10px!important; } .p-b-10 { padding-bottom:10px!important; }
.p-t-15 { padding-top:15px!important; } .p-r-15 { padding-right:15px!important; } .p-l-15 { padding-left:15px!important; } .p-b-15 { padding-bottom:15px!important; }
.p-t-20 { padding-top:20px!important; } .p-r-20 { padding-right:20px!important; } .p-l-20 { padding-left:20px!important; } .p-b-20 { padding-bottom:20px!important; }
.p-t-25 { padding-top:25px!important; } .p-r-25 { padding-right:25px!important; } .p-l-25 { padding-left:25px!important; } .p-b-25 { padding-bottom:25px!important; }
.p-t-30 { padding-top:30px!important; } .p-r-30 { padding-right:30px!important; } .p-l-30 { padding-left:30px!important; } .p-b-30 { padding-bottom:30px!important; }

/* marges extérieures */
.m-0 { margin:0px!important; } .m-5 { margin:5px!important; } .m-10 { margin:10px!important; } .m-15 { margin:15px!important; } .m-20 { margin:20px!important; }
.m-t-0 { margin-top:0px!important; } .m-r-0 { margin-right:0px!important; } .m-l-0 { margin-left:0px!important; } .m-b-0 { margin-bottom:0px!important; }
.m-t-5 { margin-top:5px!important; } .m-r-5 { margin-right:5px!important; } .m-l-5 { margin-left:5px!important; } .m-b-5 { margin-bottom:5px!important; }
.m-t-10 { margin-top:10px!important; } .m-r-10 { margin-right:10px!important; } .m-l-10 { margin-left:10px!important; } .m-b-10 { margin-bottom:10px!important; }
.m-t-15 { margin-top:15px!important; } .m-r-15 { margin-right:15px!important; } .m-l-15 { margin-left:15px!important; } .m-b-15 { margin-bottom:15px!important; }
.m-t-20 { margin-top:20px!important; } .m-r-20 { margin-right:20px!important; } .m-l-20 { margin-left:20px!important; } .m-b-20 { margin-bottom:20px!important; }
.m-t-25 { margin-top:25px!important; } .m-r-25 { margin-right:25px!important; } .m-l-25 { margin-left:25px!important; } .m-b-25 { margin-bottom:25px!important; }
.m-t-30 { margin-top:30px!important; } .m-r-30 { margin-right:30px!important; } .m-l-30 { margin-left:30px!important; } .m-b-30 { margin-bottom:30px!important; }
.m-t-50 { margin-top:50px!important; }

/* avatars */
.avatar {
    width:64px;
    height:64px;
    -webkit-border-radius:32px; -moz-border-radius:32px; -o-border-radius:32px; border-radius:32px;
    background-color:#fff;
    border: 1px solid #bce8f1;
}

/* infobulles */
.infobulle_hg, .infobulle_hd, .infobulle_bg, .infobulle_bd, .infobulle_g, .infobulle_d { position:relative; }
.infobulle_hg span:last-child, .infobulle_hd span:last-child, .infobulle_bg span:last-child, .infobulle_bd span:last-child, .infobulle_g span:last-child, .infobulle_d span:last-child { position:absolute; padding:5px; line-height:15px; font-size:13px; font-weight:normal; white-space:nowrap; border:1px solid #ccc; color:#282323!important; background:rgba(255,255,255,.95); -webkit-box-shadow:0px 0px 5px #777; -o-box-shadow:0px 0px 5px #777; -moz-box-shadow:0px 0px 5px #777; box-shadow:0px 0px 5px #777; z-index:6; opacity:0; visibility:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }
.infobulle_hg span:last-child, .infobulle_hd span:last-child { bottom:100%; margin-bottom:28px; }
.infobulle_bg span:last-child, .infobulle_bd span:last-child { top:100%; margin-top:28px; }
.infobulle_g span:last-child { top:0; right:100%; margin-right:28px; }
.infobulle_d span:last-child { top:0; left:100%; margin-left:28px; }
.infobulle_hg span:last-child, .infobulle_bg span:last-child { left:0; }
.infobulle_hd span:last-child, .infobulle_bd span:last-child { right:0; }
.infobulle_hg:hover span:last-child, .infobulle_hd:hover span:last-child { visibility:visible; opacity:1; margin-bottom:8px; }
.infobulle_bg:hover span:last-child, .infobulle_bd:hover span:last-child { visibility:visible; opacity:1; margin-top:8px; }
.infobulle_g:hover span:last-child { visibility:visible; opacity:1; margin-right:8px; }
.infobulle_d:hover span:last-child { visibility:visible; opacity:1; margin-left:8px; }
.infobulle_hg span:last-child:before, .infobulle_hg span:last-child:after, .infobulle_hd span:last-child:before, .infobulle_hd span:last-child:after, infobulle_bg span:last-child:before, .infobulle_bg span:last-child:after, .infobulle_bd span:last-child:before, .infobulle_bd span:last-child:after { content:""; position:absolute; z-index:6; border-left:8px solid transparent; border-right:8px solid transparent; }
.infobulle_hg span:last-child:before, .infobulle_hg span:last-child:after, .infobulle_hd span:last-child:before, .infobulle_hd span:last-child:after { bottom:-7px; border-bottom:0; border-top:8px solid rgba(255,255,255,.9); }
.infobulle_bg span:last-child:before, .infobulle_bg span:last-child:after, .infobulle_bd span:last-child:before, .infobulle_bd span:last-child:after { top:-7px; border-top:0; border-bottom:8px solid rgba(255,255,255,.9); }
.infobulle_hg span:last-child:before, .infobulle_hg span:last-child:after, .infobulle_bg span:last-child:before, .infobulle_bg span:last-child:after { left:10px; }
.infobulle_hd span:last-child:before, .infobulle_hd span:last-child:after, .infobulle_bd span:last-child:before, .infobulle_bd span:last-child:after { right:10px; }
.infobulle_hg span:last-child:before, .infobulle_hd span:last-child:before { border-top-color:#ccc; bottom:-8px; }
.infobulle_bg span:last-child:before, .infobulle_bd span:last-child:before { border-top-color:#ccc; top:-8px; }
.infobulle_g span:last-child:after, .infobulle_d span:last-child:after { content:""; position:absolute; z-index:6; top:5px; border:8px solid transparent; }
.infobulle_g span:last-child:after { left:100%; border-left:8px solid rgba(255,255,255,.9); border-right:0; }
.infobulle_d span:last-child:after { right:100%; border-right:8px solid rgba(255,255,255,.9); border-left:0; }

/* outline */
a, a:visited, a:hover, a:focus, a:active, button, textarea, input, select, *:focus { outline:0 !important; }

span.info {
    color: blue;
    font-weight: bold;
}