/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  background-color: #212529;
  color: white;
  /*color: #e5e5e5;*/
  /* The html and body elements cannot have any padding or margin. */
}
#suppr{
  width: 50px;
}

.saisi2{
  padding-top: 15px;
}
#titre{
  font-size: 18px;
  color: white;
}
.head{
  position: fixed;
  left:0;
  top:0;
  width: 100%;
  z-index: 1;
  margin:0;
  background-color: #323a45;
  text-align: center;
  color: #e5e5e5;
  padding-bottom: 10px;
  padding-top: 20px;
  border-bottom: solid 2px #249CD5;
}
.entete{
  padding-bottom: 20px;
  line-height: 30px;
  
}

#info{
background-color: #323a45;
color: #e5e5e5;
padding: 10px;
display: none;
}
#close{
  padding-top: 20px;
}

.entete2{
  margin-bottom: 20px;
}
#contenu{
  position: relative;
  padding-top: 113px;
}
.loginrow{
  padding-top:100px;
}
.head h1{
  margin-top: 10px;
}
.head a{
  color: #e5e5e5;
}
#date-titre{
  font-size: 18px;
}

#heure{
text-align: right;
}
.floatright select, .floatright input{float:right!important;}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
}

.wrap_normal{
  /* Negative indent footer by its height */
  margin: 0 auto -200px;
  /* Pad bottom by footer height */
  padding: 0 0 200px;
  overflow: auto;
}

.wrap_small{
  /* Negative indent footer by its height */
  margin: 0 auto -100px;
  /* Pad bottom by footer height */
  padding: 0 0 100px;
}

/* Set the fixed height of the footer here */
#footer {
 
  background-color: #323a45;
  position: fixed;
  left:0;
  bottom:0;
  width: 100%;
}
.footer_small{
  height: 100px;
}
.footer_normal{
   height: 200px;
}

#footer .col-xs-6,#footer .col-sm-6{
  padding: 0;
}

.proj{
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: solid 2px #249CD5;
  color: white;
  vertical-align: middle;
}
.proj:first-child{
  padding-top: 7px;
}
.row{
  margin:0;
}
#titretable:first-child{
  margin-top: 150px;
}
#titretable{
  margin-top: 20px;
  background: #dadada;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
#resulcal{
  background: #e5e5e5;
  color:#4c4c4b; 
}
/*
.tdhe{
  border-left: solid 1px #dbd4ce;
  border-right: solid 1px #dbd4ce;
  padding-top:5px;
  font-size: 16px;
  padding-bottom: 5px;
  padding-top: 5px;
}*/

.wkd{
  background: #cdcdcd;
  border: solid 1px #dbd4ce;
}
/*
.tdte{
  border-left: solid 1px #dbd4ce;
  border-right: solid 1px #dbd4ce;
}*/
.hsup{
  background: #dd9696;
}
.tt{
  font-weight: bold;
}
#resulcal tr:nth-child(odd) { 
  background: #dadada;
}
/*.row:nth-child(even) {
    background-color: #6A757F;
}
.row:nth-child(odd) {
    background-color: #9FAFBF;
}*/

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.page-header{
  margin-top: 10px;
  border: 0;
  background-color: #2c2e3b;
}
.container {
  width: auto;
  max-width: 640px;
  padding: 0px;
}
.container .text-muted {
  margin: 10px 0;
}
#container-chantier{
  border-bottom: solid 1px #249CD5;
  font-size: 24px;
  padding: 5px;
  color:white;
}
#container-chantier .btn, #container-autre .btn, #container-ajout .btn{
  padding: .25rem .5rem;
}
#container-autre,#container-ajout {
  padding-top: 5px;
  border-bottom: solid 1px #249CD5;
  font-size: 24px;
  padding: 5px;
  color:white;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
 .isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
.isotope li {
    list-style:none;
}
.isotope:after {
    content:'';
    display: block;
    clear: both;
}
.button-group .active, button.secondary:focus, .button.secondary:focus {
    color:#fff;
    background:#111;
}
button.tiny, .button.tiny {
    font-size:0.8875rem;
    font-weight:bold;
}
.element .strain-info, .element .button, .element .rating, .element .button-group {
    visibility:hidden;
}
.element.large .strain-info, .element.large .button, .element.large .rating, element.large .button-group {
    visibility:visible;
}
/* 
.element .button{
  float:right;
  margin-right:5px;
} 

.view-strain{
  position:absolute;
  bottom:0;
  right:145px;
}
 */
 .element {
    width: 200px;
    height: 100px;
    margin: 5px;
    float: left;
    overflow: hidden;
    position: relative;
    background: #888;
    color: #fff;
    border-radius:10px 10px 10px 10px;
    background-color: #2295CC;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}
.element h2{text-align: center;font-size: 18px;background-color: #0D7CBF;padding-bottom:5px!important;color: #042A40!important;font-weight: bold;}
.element h3{text-align: center;font-size: 20px;}
.element.sativa {
    background: #990000;
}
.element.sativa-dom {
    background: #0d6e00;
}
.element.hybrid {
    background: #000;
}
.element.indica-dom {
    background: #0046ff;
}
.element.indica {
    background: #4f3594;
}
.element > * {
    margin: 0;
    padding: 0;
}
/* UNUSED 
.element .symbol {
  left: 0.2rem;
  top: 0.4rem;
  font-size: 3.8rem;
  line-height: 1.0rem;
  color: #FFF;
}
.element.large .symbol {
  font-size: 4.5rem;
}
.element .number {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  padding-right:5px;
  float:right;
}


.element .weight {
  font-size: 0.9rem;
  left: 0.5rem;
  bottom: 0.5rem;
}

*/
 .element .name {
    font-size: 18px;
    color:#fff;
    padding:10px 0 0 5px;
}
.element.large .name {
    font-size:2rem;
}
.element .type {
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    padding-right:5px;
    float:right;
}
.element.large .type {
    font-size:2.3rem;
}
.rating {
    font-size:1.5rem;
    margin-left:5px;
}
.strain-info {
    font-size:.9rem;
    margin-left:10px;
    margin-right:10px;
}
.element.large {
    width: 350px;
    height: 350px;
    z-index: 100;
}
.element.large .button-group {
    position:absolute;
    left:20px;
    bottom:0;
}
.review {
    position:absolute;
    bottom:0;
    right:107.5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 select:focus, textarea:focus, input:focus {
 font-size: 16px;
 background:#eee;
  }
 }
input{
  border-radius: 0px;
}
#tags, #heure-i,#New_project,#Cat_plus{
  width: 150px;
  background-color: #ECEDED;
  color: #899DA5;
  border: 0;
  padding: 5px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #899DA5;
}
.delete{
  width: 20px;
  height: 20px;
  border: 0;
}
.link{
  height: 30px;
  width: 50px;
}
#form-login .col-12{
  text-align: center;
  margin-top:20px;
}
#form-login .submit{
  margin-top:60px;
}
#form-login .col-xs-12 input{
  padding:10px;
  width: 200px;
}
.fixfixed .head, 
.fixfixed #footer { 
    position: absolute; 
} 
#Cat_plus{
  padding-top: 15px;
  display: none;
  width: 100%;
}
#Cat_plus input{
  width: 100%;
}
#form-autre #Cat_plus input, #form-ajout #New_project input{
  width: 200px;
}
.col-xs-3 a,.col-sm-3 a{
   display: block;
    height: 100%;
    width: 100%;
}
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }
  table{
    width: 100%;
    /*background-color: #c3c3c3;*/

  }
  .tdh{
    text-align: center;
    background-color: #2c2e3b;
    color: #e5e5e5;
  }
  td{
    text-align: center;
    font-size: 14px;
  }
  .tdc{
    font-size: 16px;
    font-weight: bold;
    color: #2c2e3b;
  }
  .nbh{
    float: right;
    width: 50%;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #c3c3c3;
    color: #2c2e3b;
  }
  .titrePre{
    float: left;
    width: 50%;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #c3c3c3;
    color: #2c2e3b;
  }

    /* Calendar Styles */
.calendar {width:100%; border-collapse:collapse;background-color :#249CD5;font-size: 14px;padding-left:5px;padding-right:5px;}
.calendar tr.navigation th {padding-bottom:20px;}
.calendar tr{padding-bottom: 10px;}
.calendar th.prev-month {text-align:left;}
.calendar th.current-month {text-align:center; font-size:1.5em;}
.calendar th.next-month {text-align:right;}
.calendar tr.weekdays th {text-align:center;color:white;background:#238fc2;padding-bottom:20px;}
.calendar td {width:14%; height:45px; vertical-align:top; border:0;font-size: 16px;}
.calendar td.today {background:#238fc2;}
.calendar td.prev-next {}
.calendar td.prev-next span.date {color:#CCC;}
.calendar td.holiday {background:#DDFFDE;}
.calendar span.date {display:block; padding:4px; line-height:12px; background:#2c2e3b;}
.calendar div.day-content {color:#2c2e3b;font-weight: bold;}
.calendar ul.output {margin:0; padding:0 4px; list-style:none;}
.calendar ul.output li {margin:0; padding:5px 0; line-height:1em; border:0;}
.calendar ul.output li:last-child {border:0;}

/* Small Calendar */
.calendar.small {width:auto; border-collapse:separate;}
.calendar.small tr.navigation th {padding-bottom:5px;}
.calendar.small tr.navigation th a span {font-size:1.5em;}
.calendar.small th.current-month {font-size:1em;}
.calendar.small tr.weekdays th {text-align:center;background:#238fc2;padding-bottom: 20px;}
.calendar.small td {width:auto; height:auto; padding:4px 8px; text-align:center; border:0; background:#2c2e3b;}
.calendar.small span.date {display:inline; padding:0; background:none;}
.calendar a {color:white;}
.calendar td.prev-next a {color:#CCC;}
.hover { background-color: #bacddc; }
.link-b{
color: white;
font-size: 16px;
padding-bottom: 5px;
border-bottom: solid 2px white;
margin-right: 20px;
}

#projet-list{
  background-color: #212529;
  width:33%;
}

#projet-infos{
  background-color: #212529;
}

#projet-table a{
  cursor: pointer;
  text-decoration: underline;
}



@media print {
  /** {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }*/
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
   .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
  .head {position:relative!important;background-color: white!important;color:black!important;}
  #contenu{padding-top: 0!important;}
  #date-titre{width:100%!important;}
  .tt{min-width: 55px!important;}
  tr:hover{background-color: transparent!important}
  .tdhe{border: solid 1px #dbd4ce!important;}
/*.graph #chart1 {width:33%!important;}
.graph #chart2 {width:33%!important;}
.graph #chart3 {width:33%!important;}
.highcharts-container{width:33%!important;}*/
#projet-table{font-weight: bold;color:black!important;}
#projet-table td{font-weight: bold;color:black!important;}
/* TABS CONTROL */
 .tabs-content {
    margin-bottom:0;
}
.tabs dd.active a {
    background:#000;
    color:#fff;
}
}