html,body {
  height: 100%;
}

.heading {
    background-color: rgba(128,128,160,0.7);
    color:#FFFFFF;
    margin: 0;
    font-weight: bold;
}

p {
  margin: 5px 0px 5px;
}

.sortable:hover {
    cursor: pointer;
}


.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

}

h3 {
  font-weight: bold;
  font-style: italic;
}

.row-level1:nth-child(odd) {
  background-color:  rgba(190,190,190,0.3);
}

.row-level2:nth-child(odd) {
  background-color:  rgba(190,190,190,0.3);
}

.row-level3:nth-child(odd) {
  background-color:  rgba(190,190,190,0.3);
}

.row-levelall {
  background-color:  rgba(190,190,190,0.3);
}

.row-super {
  background-color: rgba(255,255,255,0.7);
}

.row-hive {
  background-color: rgba(220,220,220,0.7);
}

.row-child {
  margin-left: 0px;
  margin-right: 0px;
}

.row.active {
    background-color: rgba(0,140,140,0.6);
    color:#FFFFFF;
    transition: background-color 0.2s;
}

.row-hive-even {
  background-color: rgba(210,210,210,0.7);
}

.row-super-even {
    background-color: rgba(215,215,215,0.7);
}

html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:150px; /* this needs to be bigger than footer height*/
}

.footer {
  position: relative;
  margin-top: -150px; /* negative value of footer height */
  height: 150px;
  clear:both;
  padding-top:20px;
}

body {
    background-image: url('honey2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    margin: 0;
}


.navbar-inverse  {
  background: rgb(66,64,28);
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background: rgb(86,84,48);
}


.btn-primary {
    color: #fff;
    background-color: #e5a722;
    border-color: #f3f727;
}

.btn-primary:hover {
    background-color: #d59712;
    border-color: #c3c700;
}

.btn-primary:disabled {
    color: #fff;
    background-color: #e5a722;
    border-color: #f3f727;
}

.btn-primary.active {
    background-color: #d59712;
    border-color: #ffffff;
    font-weight: bold;
}

.page-header {
  background-color: rgb(200,196,158);
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 25px 0 0px;
}

.header-label {
  font-size: 40px;
  font-style: italic;
  color: #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 0px;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.logo {
  height: 50px;
  float: left;
}

/*
.modal-dialog {
  border-radius: 10px;
}
*/

.modal-header {
  border-radius: 10px 10px 0px 0px;
}

.modal-footer {
  border-radius: 0px 0px 10px 10px;
}

.modal-header, .modal-body, .modal-footer, .well {
  background-color: rgb(250,246,198);
}

#navlabel {
  color: white;
  padding-left: 5px;
  padding-right: 5px;
}

.hdrlabel {
  color: white;
  padding-left: 1em;
  text-shadow: 0px 2px 1px rgba(0,0,0,0.4);
}

.row-area {
  background-color: rgba(224,207,134,0.9);
}