/**********
00. GENERAL
**********/
body {
    background-color: #F6F6F6;
    font-family: Calibri,'Open Sans', sans-serif;
    font-size: 14px;
    color: #424242;
}
a {
    color: #00ade5;
}
a:hover {
    color:#0384ad;
}
.btn-success, .btn-success:focus {
    background-color: #8bc640;
    border:0;
    /*border-color: #60C060;*/
}
.btn-success:hover {
    background-color:#7db239;
    border:0;
    /*border-color: #54A754;*/
}
.btn-danger, .btn-danger:focus {
    background-color: #d9534f;
    border:0;
    /*border-color: #60C060;*/
}
.btn-danger:hover {
    background-color:#c9302c;
    border:0;
    /*border-color: #54A754;*/
}
/**********
01. HEADER
**********/
#header {
    background:#8bc640;
    color:#fff;
}
#header .alerts > a {
    color:#fff;
}
#header .alerts > .dropdown-menu .content > ul li {
    color:#424242;
}
#header .alerts > .dropdown-menu .content > ul li .date {
    color: #999999;
}
span.badge.new.header {
    color: #fff;
    background-color: #E6A422;
}
/**********
02. SIDEBAR
**********/
.menu-mobile {
    background: #33BDEA;
}
.navbar-toggle .icon-bar {
    background:#fff;
}
#sidebar {
    background-color: #fff;
}
.sidebar-profile {
    background: url(../img/bg-pofile-gris.png);
    background-size: cover;
}
.sidebar-profile .sidebar-profile-info {
    color: #424242;
}
.sidebar-profile .sidebar-profile-info p {
    color: #000;
}
.sidebar-menu ul li.active {
    border-left:5px solid #8bc640;
    background-color: #F3F3F3!important;
}
.sidebar-menu ul li a {
    color: #424242;
}
.sidebar-menu ul li a i {
    color: #67696A;
}
.sidebar-menu ul li:hover, .sidebar-menu ul li:focus {
    background-color: #F3F3F3!important;
}
span.badge.new {
    color: #fff;
    background-color: #8bc640;
}
span.badge.new.header {
    color: #424242;
    background-color: #FFE500;
}
span.badge {
    color: #757575;
}
.footer {
    border-top: 1px solid #e0e0e0;
    color: #212121;
}
/**********
03. CONTENT GENERAL
**********/
.page-head {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E9E9E9;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);
}
.page-head h2 {
    font-family: 'allerregular', sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
}
.block-flat {
    background: #FFF;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}

.block-flat .header {
    border-bottom: 1px solid #dadada;
}
.block-flat .header h3 {
    font-family: 'allerregular', sans-serif;
}
/**********
04. CONTENT DOSSIERS
**********/
.lst-dossiers .folder .details {
    background:#fff;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}
.lst-dossiers .folder .details.add {
    color:#fff;
    background:#ccc;
}
.lst-dossiers .folder .details.add:hover {
    color:#fff;
    background:rgba(139,198,64,0.8);
}
.lst-dossiers .folder .details .statut {
    color:#fff;
    background:red;
}
.lst-dossiers .folder .details.etude .statut {
    background:#00ade5;
}
.lst-dossiers .folder .details.visite .statut {
    background:#fce52c;
}
.lst-dossiers .folder .details.subventions .statut {
    background:#FF9900;
}
.lst-dossiers .folder .details.accord .statut {
    background:#8bc640;
}
.lst-dossiers .folder .details.cloture .statut {
    background:#DF4B33;
}
.lst-dossiers .folder .details.etude .thumb .hover-thumb {
    background: rgba(0,173,229,0.8);
}
.lst-dossiers .folder .details.visite .thumb .hover-thumb {
    background: rgba(252,229,44,0.8);
}
.lst-dossiers .folder .details.subventions .thumb .hover-thumb {
    background: rgba(255,153,0,0.8);
}
.lst-dossiers .folder .details.accord .thumb .hover-thumb {
    background: rgba(139,198,64,0.8);
}
.lst-dossiers .folder .details.cloture .thumb .hover-thumb {
    background: rgba(223,75,51,0.8);
}
/**********
05. CONTENT DETAIL DOSSIER
**********/
ul.timeline:before {
    background-color: #E1E1E1;
}
ul.timeline:after {
    background-color: #E1E1E1;
}
ul.timeline li .content-etape {
    background: #FFF;
    border: 1px solid #E8E8E6;
}
ul.timeline li .content-etape:before {
    background: #FFF;
    border-left: 1px solid #E8E8E6;
    border-bottom: 1px solid #E8E8E6;
}
ul.timeline li .content-etape .date-ilya {
    color:#ccc;
}
ul.timeline li > .date {
    background: #E8E8E8;
    border: 1px solid #E1E1E1;
    text-shadow: 0 1px 0 #fafafa;
    color: #7B7B7B;
}
.file-joint {
    color:#424242;
}
/**********
06. FONTS
**********/
@font-face {
    font-family: 'allerregular';
    src: url('aller_rg-webfont.eot');
    src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
    url('aller_rg-webfont.woff2') format('woff2'),
    url('aller_rg-webfont.woff') format('woff'),
    url('aller_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/**********
07. ADD DOSSIER
**********/
.form-control {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.form-control.error {
    border:1px solid #DF4B33;
}
.red {
    color:#DF4B33;
}
.error {
    color:#DF4B33;
}
#block_recording .wrap_block_recording .content_block_recording {
    background: #F5F7FA url(../img/icn-block-chargement.gif) no-repeat top center;
    color: #5f5f5f;
}
#block_recording .wrap_block_recording .content_block_recording.valid {
    background: #F5F7FA url(../img/icn-message-confirm.png) no-repeat top center;
}
span.info {
    color:#999;
    font-style: italic;
}
.alerts a {
    color: #424242;
}
/**********
08. LOGIN
**********/
.login {
    background: url(../img/bg-login.png);
    background-size:cover;
}
#login .bg-vert {
    background:#8bc640;
    color:#fff;
}
#login .separator {
    border-top:1px solid #fff;
}
#login .register {
    background-color:#999;
    color:#fff;
}
#login .register:hover {
    background-color:#aaa;
}
#login .msg, #register .msg {
    background-color: #F2DEDE;
    border-color: #e0b1b8;
    color: #B94A48;
}
.btn-white {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
    background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%);
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
#login .contact-macs a {
    color:#fff;
}
/***************
09. STATISTIQUES
***************/
.bleu-chart {
    background: rgba(0,173,229,0.8);
}
.jaune-chart {
    background: rgba(252,170,44,0.8);
}
.red thead th {
    color: #d36442;
}
.red td {
    color: #424242;
}
table thead th span {
    color: #333;
}
.link-stats {
    color:#424242;
    font-weight:bold;
}
.link-stats:hover {
    color:#7db239;
    text-decoration:none;
}
.btn-outils {
    margin-left:15px;
}
.btn-outils img {
    max-width:30px;
}
.btn-outils div {
    float:left;
    width:100%;
    clear:both;
}
.marginTopMin {
    margin-top:15px;
}

table.red:not(.table-bordered),
table.red:not(.table-bordered) thead,
table.red:not(.table-bordered) tbody,
table.red:not(.table-bordered) tr
{
    float:left;
    display:block;
    width:100%;
    clear:both;
}
table.red:not(.table-bordered) thead th,
table.red:not(.table-bordered) tbody td
{
    float:left;
    display:block;
    width:25% !important;
}
table.red:not(.table-bordered) .label {
    width:75% !important;
    text-align:left;
    padding: 10px 8px 5px 8px;
    line-height:20px;
    font-size:14px;
}
table.red:not(.table-bordered) tbody {
    overflow-y: scroll;
    max-height:200px;
}
table.red:not(.table-bordered) thead .label {
    width: calc(75% - 13px) !important;
}
table.red:not(.table-bordered) thead .value {
    width: calc(25% - 4px) !important;
}