html,
body {
   height: 100%;
   margin: 0;
}

.modal-body {
   max-height: calc(100vh - 210px);
   overflow-y: auto;
}

.no-margin {
   display: table;
   width: 100%;
   margin: 0;
}

#wrap {
   min-height: 100%;
}

#main {
   overflow: auto;
   padding-bottom: 34px;
   /* must be same height as the footer */
}

#footer {
   position: relative;
   margin-top: -34px;
   /* negative value of footer height */
   height: 34px;
   clear: both;
   border-style: solid;
   border-width: thin;
   color: white;
   width: 60%;
}

/*Opera Fix*/
body:before {
   content: "";
   height: 100%;
   float: left;
   width: 0;
   margin-top: -32767px;
}

/* Remove the bootstrap navbar's default margin-bottom and rounded borders */
.navbar {
   margin-bottom: 0;
   border-radius: 0;
}

.fixed-panel {
   min-height: 220px;
   background-color: #ffffff;
   overflow-y: auto;
   overflow-x: auto;
   border-collapse: collapse;
}

.scrollable-menu {
   height: auto;
   max-height: 200px;
   overflow-x: hidden;
}

.fixed-container {
   background-color: #f26829;
   position: fixed;
   width: 100%;
   height: 50px;
   left: 0;
   top: 52px;
   margin-left: -0px;
}

.result-container {
   min-height: 80px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
   .row.content {
      height: auto;
   }
}

#my-row {
   display: table;
   height: 20%;
   width: 100%;
   margin: 0;
}

#my-row .panel {
   float: none;
   display: table-cell;
   vertical-align: top;
}

.no-padding {
   padding: 4px !important;
}

.paddle {
   position: absolute;
   top: 180px;
   bottom: 0;
   width: 40px;
   height: 30px;
}

.lefty {
   left: 0;
}

.righty {
   right: 0;
}