.reb-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.reb-sidebar {
  height: 100%;
  width: 200px;
  background-color: #fff;
  position: fixed;
  z-index: 1;
  overflow: auto;
}

.reb-main,
#main {
  transition: margin-left 0.4s;
}

.reb-bar-item {
  padding: 8px 16px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}

.reb-button {
  white-space: normal;
}

.reb-bar-block .reb-bar-item {
  width: 100%;
  display: block;
  padding: 8px 16px;
  text-align: left;
  border: none;
  white-space: normal;
  float: none;
  outline: 0;
}

.reb-bar-block.reb-center .reb-bar-item {
  text-align: center;
}

.reb-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.reb-container:after,
.reb-container:before,
.reb-row:after,
.reb-row:before,
.reb-row-padding:after,
.reb-row-padding:before,
.reb-bar:before,
.reb-bar:after {
  content: "";
  display: table;
  clear: both;
}

.reb-col,
.reb-half,
.reb-third,
.reb-twothird,
.reb-threequarter,
.reb-quarter {
  float: left;
  width: 100%;
}
@media (min-width: 601px) {
  .reb-col.m1 {
    width: 8.33333%;
  }
  .reb-col.m2 {
    width: 16.66666%;
  }
  .reb-col.m3,
  .reb-quarter {
    width: 24.99999%;
  }
  .reb-col.m4,
  .reb-third {
    width: 33.33333%;
  }
  .reb-col.m5 {
    width: 41.66666%;
  }
  .reb-col.m6,
  .reb-half {
    width: 49.99999%;
  }
  .reb-col.m7 {
    width: 58.33333%;
  }
  .reb-col.m8,
  .reb-twothird {
    width: 66.66666%;
  }
  .reb-col.m9,
  .reb-threequarter {
    width: 74.99999%;
  }
  .reb-col.m10 {
    width: 83.33333%;
  }
  .reb-col.m11 {
    width: 91.66666%;
  }
  .reb-col.m12 {
    width: 99.99999%;
  }
}
@media (min-width: 993px) {
  .reb-col.l1 {
    width: 8.33333%;
  }
  .reb-col.l2 {
    width: 16.66666%;
  }
  .reb-col.l3 {
    width: 24.99999%;
  }
  .reb-col.l4 {
    width: 33.33333%;
  }
  .reb-col.l5 {
    width: 41.66666%;
  }
  .reb-col.l6 {
    width: 49.99999%;
  }
  .reb-col.l7 {
    width: 58.33333%;
  }
  .reb-col.l8 {
    width: 66.66666%;
  }
  .reb-col.l9 {
    width: 74.99999%;
  }
  .reb-col.l10 {
    width: 83.33333%;
  }
  .reb-col.l11 {
    width: 91.66666%;
  }
  .reb-col.l12 {
    width: 99.99999%;
  }
}

.reb-content,
.reb-auto {
  margin-left: auto;
  margin-right: auto;
}
.reb-content {
  max-width: 980px;
}
.reb-auto {
  max-width: 1140px;
}
@media (max-width: 1205px) {
  .reb-auto {
    max-width: 95%;
  }
}
@media (max-width: 600px) {
  .reb-modal-content {
    margin: 0 10px;
    width: auto !important;
  }
  .reb-modal {
    padding-top: 30px;
  }
  .reb-dropdown-hover.reb-mobile .reb-dropdown-content,
  .reb-dropdown-click.reb-mobile .reb-dropdown-content {
    position: relative;
  }
  .reb-hide-small {
    display: none !important;
  }
  .reb-mobile {
    display: block;
    width: 100% !important;
  }
  .reb-bar-item.reb-mobile,
  .reb-dropdown-hover.reb-mobile,
  .reb-dropdown-click.reb-mobile {
    text-align: center;
  }
  .reb-dropdown-hover.reb-mobile,
  .reb-dropdown-hover.reb-mobile .reb-button,
  .reb-dropdown-click.reb-mobile,
    .reb-dropdown-click.reb-mobile .reb-button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .reb-modal-content {
    width: 500px;
  }
  .reb-modal {
    padding-top: 50px;
  }
}
@media (min-width: 993px) {
  .reb-modal-content {
    width: 900px;
  }
  .reb-hide-large {
    display: none !important;
  }
  .reb-sidebar.reb-collapse {
    display: block !important;
  }
}
@media (max-width: 992px) and (min-width: 601px) {
  .reb-hide-medium {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .reb-sidebar.reb-collapse {
    display: none;
  }
  .reb-main {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .reb-auto {
    max-width: 100%;
  }
}


.reb-top {
  position: fixed;
  width: 100%;
  z-index: 1;
}

.reb-top {
  top: 0;
}

.reb-display-topleft {
  position: absolute;
  left: 0;
  top: 0;
}

.reb-row-padding,
.reb-row-padding > .reb-half,
.reb-row-padding > .reb-third,
.reb-row-padding > .reb-twothird,
.reb-row-padding > .reb-threequarter,
.reb-row-padding > .reb-quarter,
.reb-row-padding > .reb-col {
  padding: 0 8px;
}

.reb-container,
.reb-panel {
  padding: 0.01em 16px;
}

.reb-large {
  font-size: 18px;
}

.reb-xlarge {
  font-size: 24px;
}

.reb-xxlarge {
  font-size: 36px;
}

.reb-xxxlarge {
  font-size: 48px;
}

.reb-margin-top {
  margin-top: 16px;
}

.reb-margin-left {
  margin-left: 16px;
}

.reb-margin-right {
  margin-right: 16px;
}

.reb-padding {
  padding: 8px 16px;
}

.reb-padding-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.reb-left {
  float: left;
}

.reb-right {
  float: right;
}

.reb-button:hover {
  color: #000;
  background-color: #ccc;
}

/* Colors */

.reb-maroon,
.reb-hover-maroon:hover {
  color: #000;
  background-color: #800000;
}

.reb-red,
.reb-hover-red:hover {
  color: #fff;
  background-color: #f44336;
}

.reb-white,
.reb-hover-white:hover {
  color: #000;
  background-color: #fff;
}

.reb-black {
  color: #fff;
  background-color: #000;
}

.reb-text-blue,
.reb-hover-text-blue:hover {
  color: #2196F3;
}

.reb-text-red,
.reb-hover-text-red:hover {
  color: #f44336;
}

.reb-text-teal,
.reb-hover-text-teal:hover {
  color: #009688;
}

.reb-text-white,
.reb-hover-text-white:hover {
  color: #fff;
}

.reb-text-maroon,
.reb-hover-text-maroon:hover {
  color: #800000;
}