@font-face{
  font-family:RoubenBold;
  src:url('/Content/Rouben-Bold.otf');
  font-display:auto
}

@font-face{
  font-family:RoubenMedium;
  src:url('/Content/Rouben-Medium.otf');
  font-display:auto
}


body {
  font-family:RoubenMedium, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #000000;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: RoubenBold, sans-serif;
  font-weight: 400;
}

button .glyphicon {
  margin-right: 10px;
}

th {
  font-weight: 400;
}

.main {
  flex-grow: 1;
}

.header-bar {
  background-color: #000000;
  padding: 20px;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 100;
}

.header-bar .spacer {
  flex-grow: 1;
}

.header-bar .slogan {
  color: #6A91C5;
}

.header-bar img {
  height: 58px;
}

.padded-bottom{
  padding-bottom: 15px;
}

.padded-top{
  padding-top: 15px;
}

.primary-style {
  background-color: #6A91C5;
  color: #000000;
  border-color: #6A91C5;
}

.bg-green {
  background-color: #0C986F;
}

.highlight-text {
  color: #FFFFFF;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.signature-container {
     border: solid 1px #ccc; width: 460px; height:302px
 }

.table-striped>tbody>tr:nth-of-type(odd) > td {
  background-color: #def1e1;
}

.table>thead>tr>th {
  border: none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border: none;
}

 th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
     width: 40px;
}

th.rotate > div {
  transform:
    /* Magic Numbers */
    translate(5px, 0)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  -webkit-transform:
    translate(5px, 0)
    rotate(315deg);
  width: 40px;
}
th.rotate > div > span {
  padding: 5px 10px;
}

.table-ratings input {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.customerFeedbackRecommendations {
    min-height: 15em;
    max-width: 100%;
}


.table-title {
    display: inline-block;
    margin-bottom: 20px;
}

.logo-container {
    height: 105px;
}

.left-logo {
    height: 104px;
}

.right-logo {
    height: 104px;
    float: right;
}

footer {
  margin-top: 10px;
}

button, input[type="submit"] {
  align-items: center;
  border-radius: 3px;
  justify-content: center;
  cursor: pointer;
  background-color: #000000;
  border: none;
  padding: 0 18px;
  height: 44px;
  color: #ffffff;
  transition: all .2s linear;
}

button:hover, input[type="submit"]:hover {
  background-color: #6A91C5;
}

.btn-sm {
  padding: 5px 10px;
  height: auto;
}