/* LOGIN PAGE */
div#holdsLogin {
    padding-top: 100px;
    width: 300px;
    margin: 0 auto;
}

div#holdsMainContent {
    margin-top:75px;
}


/* Overrides basic Boostrap styles*/
@media (min-width: 1200px) {

    /*.container {
        width: 100%;
    }*/

}

/* size this puppy down! */
.jumbotron h2, .jumbotron .h2, .jumbotron h1, .jumbotron .h1 {
margin-top: 10px;
font-size: 24px;
font-family: 'Droid Sans', sans-serif;
font-weight: 700;
color: #33c;
}

.jumbotron p {
margin-bottom: 5px;
font-size: 14px;

}
div#holdsWeeklySalesDropdowns {

    width: 600px;
    margin: 0 auto;
    text-align: center;
}

div#weeklySection, div#projectUnits {
    padding-top: 15px;
    border: 1px solid #000;
    border-radius: 6px;

}

div#transactions {
    margin-left: 270px;
        border: 1px solid gray;

        padding: 10px;

    
}

div#traffic{

    width: 250px;
    float: left;
    border: 1px solid gray;
    padding: 10px;
    margin-bottom: 10px;

}
div#units
{
    margin-top: 10px; 
    border-top: 1px solid gray;
    clear: both;
}


.jumbotron {

    padding: 50px 50px 10px 50px;

}
/*@media (max-width:768px)
{
.jumbotron {

    padding-bottom: 0px;
    margin-top: 50px;
}


}*/
div#weeklyTransactions, div#projectUnits {
    padding: 10px;
}

h1#weeklySectionTitle, h1#weeklySectionWeekAndProduct, h1#weeklySectionWeekAndProduct span{

    width: 100%;
    text-align: center;


}

.blue {
    color: #33c;
}

h1.title, h1.title span{
    text-align:center;
    
    font-weight: bold;
}



.panel-default {
    border-color: #666;
}

.panel-body {

    padding: 15px 15px 0px 15px;
}

/* for price label alignment on AddNewTransaction page*/
label {

    margin-bottom: 0px;
}

        .SomeClass {
           
        }
        .InvisibleClass {
         display:none;
        }
        .PanelSeparatorInvisible {
          border-left-width:0px;
        }
        .PanelSeparator {
        
        }

        .btnInline {
            display: inline-table;        
        }

        .btnLooksLikeLabel {
            border: 0px solid #B8B8B8;
            backgrou       
        }
        /* ---------FACEBOX  ------- modal popup--------------*/




#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/* --------------------------------------------------*/


.hide {
    display:none;
}

.show {
    display: block;
}