body { padding-top: 60px; }

.no-error + .tooltip { display:none !important; }

.navbar { height: 58px; line-height:58px;}
.navbar-icon { margin-left: 5px; }
.navbar-nav.left { padding-right: 0;}
.navbar .nav .nav-link {padding: 15px 5px 15px 5px !important;}
.navbar .emmaus-logo a { padding: 8px; }

.upload-btn-wrapper {
    position: relative;
    display: inline-block;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#navbar {
  background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
  background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
  background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
 }
.navbar .glyphicon { width: 24px; margin-right: 5px; height:27px; font-size:20px; }
.navbar .glyphicon-off { font-size:14px; margin-top:6px; width:16px; height:16px; padding:0; }

/*.navbar-menu { width: 195px; }*/
.navbar-menu-icon { width: 24px; margin-right: 5px; height:27px; }
.navbar-menu-icon.glyphicon-list-alt { color:#008F36; font-size:20px; }
.navbar-menu-icon.glyphicon-shopping-cart { color:#ef7c00; font-size:20px; }
.navbar-menu-icon.glyphicon-stats { color:#004A99; font-size:20px; }

.navbar-menu .submenu-item {list-style: none;}
.navbar-menu .submenu-item:hover {
    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
}
.navbar-menu .submenu-item a {color: #777; text-decoration: none;}
.sub-menu {padding-left: 0; background-color: #DBDBDB; display:none;}
.sub-menu { max-width: 200px;}
.sub-menu .nav-link { display: block; line-height: 1.33;}
.navbar-menu.dropdown:hover .sub-menu {display:block;}
/* .navbar-menu.dropdown {min-width:278px;} */

.page-header { margin-top: 25px;}
.page-header.list { border-color:#008F36; }
.page-header.cart { border-color:#ef7c00; }
.page-header.stats { border-color:#004A99; }
.page-header.investissement { border-color: #777; }

.navbar .navbar-collapse { text-align: center; }
/* Pour centrer le menu dans la navbar */
/*
@media (min-width: 768px) {
    .navbar .navbar-nav      { display: inline-block; float: none; vertical-align: top; }
    .navbar .navbar-collapse { text-align: center; }
}
*/

.dashboard-header { margin-bottom: 50px; }
.dashboard-item { border: 2px #DDD solid; padding: 10px 30px; width:98%; margin-right:2%; min-width:400px; margin-bottom: 16px; font-weight: bold; font-size: 18px; vertical-align:middle; }
.dashboard-item .glyphicon { font-size:30px; vertical-align:middle; }
.dashboard-item .glyphicon-list-alt { color:#008F36; }
.dashboard-item .glyphicon-shopping-cart { color:#ef7c00; }
.dashboard-item .glyphicon-stats { color:#004A99; }
.dashboard-item:hover { cursor: pointer; background-color: #EEE; }
.dashboard-icon { height: 40px; width: 40px; margin-right: 20px; }
.dashboard-text { vertical-align: middle; line-height:30px; height:30px; }
p.dashboard-text { line-height: 10px; height: 10px; font-size: 14px; margin-left: 67px;}


/* ACHATS */

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width:350px;
    /*font-size: 100px;*/
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


/* SUIVI BUDGETAIRE */

.label-success-fs { color:#31B404; }
.label-danger-fs { color:#DC3912; }
div#totaux p.total {
    color: #31708f;
    font-style: italic;
}

/* SUIVI DETAILS */

.action-suivi-details div.tab-content {
    margin-bottom: 50px;
}
.action-suivi-details .page-header h3 {
    font-size: 21px;
}
/*.action-suivi-details .tab-pane.header {*/
    /*height: 38px;*/
/*}*/
/*.action-suivi-details .tab-pane.header.bigger {*/
    /*height: 58px;*/
/*}*/
.action-suivi-details p.total {
    color: #31708f;
    font-style: italic;
}

/* REGIES */
#totalDepenses {}
#regie-rows>td { vertical-align: middle }

.table-form-header { background-color: #f7f7f9; border: 1px solid #ccc; border-radius: 4px; padding: 10px 10px; margin-bottom: 5px; }
.table-form-header #form_regie_filter,
.table-form-header #form_achat_filter,
.table-form-header #form_suivi_filter { padding:0; }
/* #form_achat_filter label { height:40px; } */
.table-form-header #form_achat_filter .button-group { padding: 0;}
.table-form-header-label   { display: inline-block; width: 20%; }
.table-form-header-content { display: inline-block; vertical-align: middle; width: 75%; }
.table-form-header-content .first-col  { width: 200px; padding-right: 20px; }
.table-form-header-content .middle-col { width: 50px; }
.button-group>button { width: 100px; }
.button-group>button.wauto  { width:auto; }

.table-form-header #form_regie_filter.changing { opacity:0.3; pointer-events:none; }

.radio-libelle { font-weight: normal; }

.h-separator { width: 80%; border: 1px #e4e4e4 solid; margin-bottom: 15px; }

/* Investissements */
h2.investissement-title { display:inline-block; }
#go-to-enveloppes, #go-to-enveloppes-filters, #go-to-investissements { display: inline-block; float: right; position: relative; top: 20px;}
#go-to-enveloppes-filters {right: 10px;}

/* bootstrap & gchart: fix content width inside hidden tabs */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */
    overflow-y: hidden; /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto;       /* let the content decide it  */
} /* bootstrap end */

#btn-visualisation, #btn-suppr{margin-top: 5px;}

/* Corrections max */
.main {
    padding-bottom: 100px;
}

#dashboard-show {
    display: none;
    margin-top: 15px;
}
.max-small {
    width: 50px;
}
.max-valid {
    color: #3c763d;
}
.max-refuse {
    color: #a94442;
}
.max-wait {
    color: #aa6708;
}
.max-margin-top {
    margin-top: 50px;
}
.max-w-100 {
    width: 100px;
}
.max-tac {
    text-align: center;
}
.max-tar {
    text-align: right;
}

/* Tout faire tenir sur une ligne pour investissement > suivi pour le role chef de service */
.cs-suivi-demande #boutons {
    margin-top: 4px;
    width: 14%;
}
.cs-suivi-demande #nature {
    width: 19%;
}
.cs-suivi-demande .col-md-2, .cs-suivi-demande .col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
}

/* +1 dt */
.dt-suivi-demande .col-md-2 {
    padding-left: 10px;
    padding-right: 10px;
    width: 14%;
}
.dt-suivi-demande #nature {
    width: 19%;
}
.dt-suivi-demande #boutons {
    width: 11%;
}

.investissement-state {
    text-align: center;
    margin-top: 10px;
}
.investissement-state span {
    font-size:20px;
    padding: 20px;
}
.investissement-state span.orange {
    background-color: #FEB03B;
}
.investissement-state span.green {
    background-color: #4DC83F;
}
.investissement-state span.red {
    background-color: #FE1E1E;
}
#form_document_filter .row .form-group {margin-left: 15px;}

.tab-pane > .table > thead > tr > th {
    padding: 0px !important;
}

.table {
    margin-bottom: 0px !important;
}

.nav-item-account {
    display: inline-block;
}

.navbar-nav.right.dashboard {
    margin-top: 0;
}

.navbar-nav.right .emmaus-logo a, .navbar-header a.navbar-brand{
    padding-top:5px;
}

/** Enveloppe **/
#btn_save_new, #btn_validate { float:right;}
.enveloppe-state {
    text-align: center;
    margin-top: 10px;
}
.enveloppe-state span {
    font-size:20px;
    padding: 20px;
}
#info-gpi-message {
    color: red
}

.dashboard-column {
    width: 49%;
    display: inline-block;
}
.dashboard-column.right {
    vertical-align: top;
}

.enveloppe-state span {color:white}

.batch-btns {
    display: inline-block;
    float: right;
}

#row-info-buttons {margin-top: 5px;}

.pagination-selected {
    font-weight: bold;
    color: #000;
}