@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../webfonts/bebasNeue/BebasNeue-webfont.eot');
    src: url('../webfonts/bebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/bebasNeue/BebasNeue-webfont.woff') format('woff'),
         url('../webfonts/bebasNeue/BebasNeue-webfont.ttf') format('truetype'),
         url('../webfonts/bebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{

}
body{
    background-color: #ebe4da;
    background: #faf3e8;
    background: -moz-linear-gradient(top, #faf3e8 0%, #ebe4da 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #faf3e8), color-stop(100%, #ebe4da));
    background: -webkit-linear-gradient(top, #faf3e8 0%, #ebe4da 100%);
    background: -o-linear-gradient(top, #faf3e8 0%, #ebe4da 100%);
    background: -ms-linear-gradient(top, #faf3e8 0%, #ebe4da 100%);
    background: linear-gradient(to bottom, #faf3e8 0%, #ebe4da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf3e8', endColorstr='#ebe4da', GradientType=0 );
    height: 100%;
}
.brand {
    color: #e82d2e;
    font-family: "BebasNeueRegular","Helvetica Neue",Helvetica,Arial;
    font-size: 50px;
    margin: 0;
}

.claim {
    font-family: "Georgia";
    font-size: 18px;

}


#plan{
    background-color: #fff;
    padding-top: 30px;
}

.flexbox{
    display:flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.flex-1 {
    flex: 1  0px;
    -webkit-flex: 1  0px;
}
.flex-2 {
    flex: 2  0px;
    -webkit-flex: 2  0px;
}
.flex-3 {
    flex: 3  0px;
    -webkit-flex: 3  0px;
}

.flexvertical {
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   /*border: 1px solid red;*/
   height: 100px;

   justify-content: center;
}


.flexv-1 {
    flex: 1 0 auto;
    padding:12px 5px 5px;
    text-align: center;
    max-height: 50px;
    overflow: hidden;
    line-height: 18px;
}


.numberOfWeek{
    padding-top: 10px;
    text-align: right;
    display: block;
}
@media (max-width: 767px) {
    .numberOfWeek{
        text-align: left;
        padding-bottom: 5px;

    }
}

.day{
    /*padding:5px;*/
    border-left: 1px solid #ccc;
    min-height: 120px;
    padding-top: 10px;
}
.dayLabel{
    /*padding:5px;*/
    padding-left: 5px;
    -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
}
.today {
    /*border: 1px dashed red;*/
}
.day.muted {opacity:0.3;}

.notesinput{
    border: none;
    line-height: 14px;
    font-size: 14px;
    color: #333;
}

.week{
    border-bottom: 1px solid #ccc;
}

.slot-a{
    border-top: 1px dashed #ccc
}

#plan.projectSelected .setProject.bg-white{
    /*cursor:copy;*/
}

.getProject {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
}



.getProject span.projectlabel {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    text-align: left;
    width:100%;
}
.getProject.selected span.projectlabel {

    width: 86%;

}


/* Backgrounds */
.bg-navy {
  background-color: #001F3F;
}

.bg-blue  {
  background-color: #0074D9;
}

.bg-aqua {
  background-color: #7FDBFF;
}

.bg-olive {
  background-color: #808000;
}

.bg-green {
  background-color: #4cae4c;
}

.bg-lime {
  background-color: #01FF70;
}

.bg-yellow {
  background-color: #FFDC00;
}

.bg-orange {
  background-color: #FF851B;
}

.bg-red {
  background-color: #FF4136;
}

.bg-fuchsia {
  background-color: #F012BE;
}

.bg-purple {
  background-color: #663399;
}

.bg-maroon {
  background-color: #85144B;
}

.bg-chocolate {
  background-color: #8B4513;
}

.bg-gray {
  background-color: #aaa;
}

.bg-silver {
  background-color: #ddd;
}

.bg-black {
  background-color: #111;
}

/* Dark backgrounds */

.bg-navy, .bg-navi:hover,
.bg-blue, .bg-blue:hover ,
.bg-olive, .bg-olive:hover,
.bg-green, .bg-green:hover,
.bg-orange, .bg-orange:hover,
.bg-red, .bg-red:hover,
.bg-fuchsia, .bg-fuchsia:hover,
.bg-purple, .bg-purple:hover,
.bg-maroon, .bg-maroon:hover,
.bg-chocolate, .bg-chocolate:hover,
.bg-black, .bg-black:hover {
  color: #fff;
}
.bg-navy,
.bg-blue ,
.bg-olive,
.bg-green,
.bg-orange,
.bg-red,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-chocolate,
.bg-black {
  box-shadow: none;
}
button.bg-navi:hover,
button.bg-blue:hover ,
button.bg-olive:hover,
button.bg-green:hover,
button.bg-orange:hover,
button.bg-red:hover,
button.bg-fuchsia:hover,
button.bg-purple:hover,
button.bg-maroon:hover,
button.bg-chocolate:hover,
button.bg-black:hover {

  font-weight: bold;
}



/* Light backgrounds */

.bg-aqua , .bg-aqua:hover,
.bg-lime, .bg-lime:hover ,
.bg-yellow, .bg-yellow:hover,
.bg-gray, .bg-gray:hover ,
.bg-silver, .bg-silver:hover {
  color: #000;
}

.bg-aqua,
.bg-lime,
.bg-yellow,
.bg-gray,
.bg-silver {
  color: #000;
  box-shadow: none;
  border: none;
}

button.bg-aqua:hover,
button.bg-lime:hover,
button.bg-yellow:hover,
button.bg-gray:hover,
button.bg-silver:hover {
  font-weight: bold;
}




.slot-a.bg-aqua, .slot-a.bg-yellow, .slot-a.bg-silver{
    border-top: 1px dashed #777;
}

.checkbox.checkbox-inline {
    display: inline;
    margin-top: 0;
    margin-right: 20px;
    padding-left: 0;

}

#buttons {
    height:100%;
    overflow: scroll;
}

.checkbox.checkbox-inline input[type="checkbox"]{
    margin-left: 0;
    position: relative;
}

.form-control.oneColSize, .oneColSize {
    width: 264px;
}
.has-feedback .fa {
    line-height: 34px;
}