/* -------------------------------------------------------------------------------------------------
Header
------------------------------------------------------------------------------------------------- */
.appInfo
{
  color: #F2F2F2;
  background-color: #5d6672;
  }

.appLogo .title {color:#F2F2F2;}
.appLogo .subtitle {color:#F2F2F2;}

.userConfig .glyphicons {color:#F2F2F2;}
.userConfig .glyphicons:hover {color: #F0F0F0;}
.userConfig a:hover {text-decoration:none;}

.userInfos {color:#F2F2F2;}
.userInfos a, .userInfos a:link, .userInfos a:visited {color:#F2F2F2;}
.userInfos a:hover {color: #F0F0F0; text-decoration:none;}

.nav li.actif a, .nav li.actif a span {color:#5d6672;}

.spinner {barder-color: #5d6672;}
/* -------------------------------------------------------------------------------------------------
Balise classique Typographie, textes, liens
------------------------------------------------------------------------------------------------- */
h1, h3, h5 {color:#5d6672;}
h2, h4, h6 {color:#006eb2;}
h6 {border-bottom:1px solid #006eb2;}

a, a:link, a:visited {color: #5d6672;}
a:hover{color: #006eb2;}

.subtitle {#F5F5F5;}

/* -------------------------------------------------------------------------------------------------
Cadres, Tables, Tableaux
------------------------------------------------------------------------------------------------- */

.table-bordered thead tr:first-child {background-color: #5d6672;}

.table-bordered thead tr:first-child th
{
  color: #F2F2F2;
  border: 1px solid #5d6672;
}

.well17 {border-top-color: #5d6672;}
.well17 h4 {color: #5d6672;}
.well17 h4 span.glyphicons {color: #5d6672;}
.well17Content .select2-selection--single, #diffuseLinkMailContainer{border-bottom-color: #5d6672;}
.folderHead h3 span {color: #5d6672;}

#tableForm thead {background-color: #5d6672;}
#uploadZone .btnAlone .glyphicons {color: #5d6672;}
#uploadZone .btnAlone:hover {color: #5d6672;}

.actionZone .btnAlone .glyphicons {color: #5d6672;}
.actionZone .btnAlone:hover {color: #5d6672;}

.well
{
  color: #121212;
  border: 1px solid #5d6672;
}

.well.grey {
  border: 1px solid #303030;
  background-color: #F5F5F5;
}

.well.work {
  border: 1px solid #303030;
  background-color:transparent;
  min-height:400px;
  border-radius:4px 4px 0px 0px;
}

.comments-list a{color: #303030; !important;}

.contentwell
{
  margin:30px 0 0 0;
  padding:0;
  background:transparent;
}

.headwell
{
  font-size:1.1em;
  line-height:1em;
  margin:-19px;
  padding:8px 0 5px 5px;
  height:20px;
  border-radius:4px 4px 0px 0px;
  margin-bottom: 10px;
}

.headwell.info
{
  color:#F2F2F2;
  background-color:#5d6672;
}

.headwell.work
{
  color:#121212;
  background-color:transparent;
  font-weight:bold;
  border-bottom:1px solid #303030;
}

.dropdown-menu li:hover {background-color:#303030;}

.fancytree-ext-table thead tr th {background-color:#5d6672;}

/* -------------------------------------------------------------------------------------------------
barre de parametre (Param, partage, follow, ...)
------------------------------------------------------------------------------------------------- */
.headIframe{
  background-color: #5d6672;
}
.previewOverlay{
  background-color: #5d6672;
}
/* -------------------------------------------------------------------------------------------------
Formulaires
------------------------------------------------------------------------------------------------- */
#mainSearch, .well17Content input, .well17Content select, .well17Content textarea, .resultTagInput
{
  border-bottom-color:#5d6672;
}

/* -------------------------------------------------------------------------------------------------
Boutons, icones, images
------------------------------------------------------------------------------------------------- */

.btn-primary {
  color: #F2F2F2 !important;
  background-color: #4685e5;
  *background-color: #4685e5;
  background-image: -moz-linear-gradient(top, #4685e5, #5c94e8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4685e5), to(#5c94e8));
  background-image: -webkit-linear-gradient(top, #4685e5, #5c94e8);
  background-image: -o-linear-gradient(top, #4685e5, #5c94e8);
  background-image: linear-gradient(to bottom, #4685e5, #5c94e8);
  border-color: #4685e5 #4685e5 #4685e5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4685e5', endColorstr='#5c94e8', GradientType=0);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #5c94e8;
  *background-color: #5c94e8;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #5c94e8;
}

/* -------------------------------------------------------------------------------------------------
Autres composants du bootstrap
------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------
Coposants hors bootstrap
------------------------------------------------------------------------------------------------- */
.kkc-days, .kkc-day,
.kkc-hours, .kkc-min, .kkc-sec {color: #006eb2;}
.kkc-days-text, .kkc-hours-text, .kkc-min-text, .kkc-sec-text {color: #424242;}

.countround
{
  line-height:1.4em;
  font-size: 5em;
  margin:auto;
  border:4px solid #424242;
  border-radius:100%;
  width:100px;
  height:100px;
  padding:0 5px 0 0;
  color : #006eb2;
}

.countround .labelCountround{
  font-size: 12px;
  color : #006eb2;
  margin-top: -45px;
}


/* -------------------------------------------------------------------------------------------------
Fancy Tree
------------------------------------------------------------------------------------------------- */
span.fancytree-node.fancytree-selected {
  background-color: #B1B5B8;
  border-color: #B1B5B8;
}
span.fancytree-node.fancytree-selected span.fancytree-title {
  background-color: #B1B5B8;
}
span.fancytree-node.fancytree-active {
  background-color: #CCC;
}
.fancytree-container.fancytree-treefocus span.fancytree-node:hover {
  background-color: #B1B5B8;
}
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
  border-color: #B1B5B8;
}
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected {
  background-color: #B1B5B8;
}
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title {
  background-color: #B1B5B8;
}
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active {
  background-color: #B1B5B8;
  border-color: #B1B5B8;
}
span.fancytree-childcounter {
  color: #fff;
  background: #5d6672;
}
.fancyglyph-task .fancytree-icon:before{
  color: #5d6672;
}
.fancyglyph-milstone .fancytree-icon:before{
  color: #5d6672;
}
/* -------------------------------------------------------------------------------------------------
Non classé à traiter
------------------------------------------------------------------------------------------------- */


.appInfolite
{
  background-color: #5d6672;
}


.infoCard.blue .title{
  background-color: #2476B2;
}

.infoCard.green .title{
  background-color: #9AC847;
}

.infoCard.pink .title{
  background-color: #e31349;
}

.infoCard.grey .title{
  background-color: #1b5885;
}

.infoCard.darkblue .title{
  background-color: #354a5c;
}

.infoCard.blue .number{
  color: #2476B2;
}

.infoCard.blue .corner{
  color: #2476B2;
}

.infoCard.green .number{
  color: #9AC847;
}

.infoCard.green .corner{
  color: #9AC847;
}

.infoCard.pink .number{
  color: #e31349;
}

.infoCard.pink .corner{
  color: #e31349;
}

.infoCard.grey .number{
  color: #1b5885;
}

.infoCard.grey .corner{
  color: #1b5885;
}

.infoCard.darkblue .number{
  color: #354a5c;
}

.infoCard.darkblue .corner{
  color: #354a5c;
}

.infoCard.red .title{
  background-color: #DD301B;
}

.infoCard.red .number{
  color: #DD301B;
}

.infoCard.red .corner{
  color: #DD301B;
}

.infoCard.yellow .title{
  background-color: #EE9256;
}

.infoCard.yellow .number{
  color: #EE9256;
}

.infoCard.yellow .corner{
  color: #EE9256;
}

.portlet .portlet-header{
  background-color: #1d6e9a;
}
.portlet .portlet-header h3{
  color: #fff;
}
.portlet .portlet-header h3 span{
  color: #fff;
  font-size: 20px;
}

.well17Footer .glyphicons
{
    text-decoration:none;
    color: #5d6672;
}

.glyphicons{
  color: #424242;
  text-decoration:none;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  /*background-color: #F2F2F2;*/
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: #F5F5F5;
}

.dropdown-menu li:hover{
  background-color: #000;
}

.dropdown-menu > li > a:hover{
  background-color: #005489;
  background-image: none;
}

.fancyglyph .fancytree-icon:before{
  color: #5d6672;
}
.fancyglyph-file .fancytree-icon:before{
  color: #5d6672;
}
.fancytree-ext-table .fancytree-icon:before{
  color: #5d6672;
}
#infoFolderZone .title .glyphicons{
  color: #5d6672;
}
.portfolio .project .title{
  color: #5d6672;
}
