@import url(https://fonts.googleapis.com/css?family=Roboto|Merriweather+Sans);
/* @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; */
body {
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4 {
  margin-top: 10px !important;
  font-family: "Merriweather Sans", sans-serif;
}

table thead th {
  font-family: "Merriweather Sans", sans-serif;
  background: lightgrey;
}

.alert {
  margin-top: 20px;
}

.actions {
  white-space: nowrap;
}

.logo {
  display: block;
  width: 100%;
  text-align: center;
  margin: 18px auto;
  position: relative;
  left: -10px;
}

.logo img {
  max-width: 100%;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

#navigation {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  height: 100%;
}

#navigation .glyphicon {
  position: relative;
  left: -5px;
  top: 2px;
}

#navigation img {
  max-width: 100%;
}

@media (min-width: 768px) {
  #navigation, #navhack {
    max-width: 300px;
    background-color: lightgrey;
    border-right: 2px solid grey;
    height: 100%;
    padding-left: 35px;
  }
  #content {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#login {
  max-width: 400px;
  margin-top: 60px;
}

#login h2 {
  text-align: center;
}

#login .btn {
  margin: 20px 0px;
}

.right {
  float: right;
}

.right.btn-sm {
  position: relative;
  top: -5px;
  left: 5px;
}

.posterlist {
  margin-top: 10px;
}

.posterlist .form-control {
  width: 50px;
  text-align: right;
  position: absolute;
  top: 3px;
  right: 50px;
}

div.info {
  margin-top: 15px;
  margin-left: 5px;
  margin-bottom: 15px;
}

.toprow {
  margin-top: 14px;
}

.row-offcanvas {
  position: relative;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .row-offcanvas {
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right {
    right: 0;
  }
  .row-offcanvas-left {
    left: 0;
  }
  .row-offcanvas-right .sidebar-offcanvas {
    right: -52%;
    /* 6 columns */
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -52%;
    /* 6 columns */
  }
  .row-offcanvas-right.active {
    right: 60%;
    /* 6 columns */
  }
  .row-offcanvas-left.active {
    left: 60%;
    /* 6 columns */
  }
  .sidebar-offcanvas {
    position: absolute !important;
    top: 0;
    width: 50%;
    /* 6 columns */
  }
}
@media print {
  .col-print-1 {
    width: 8%;
    float: left;
  }
  .col-print-2 {
    width: 16%;
    float: left;
  }
  .col-print-3 {
    width: 25%;
    float: left;
  }
  .col-print-4 {
    width: 33%;
    float: left;
  }
  .col-print-5 {
    width: 42%;
    float: left;
  }
  .col-print-6 {
    width: 50%;
    float: left;
  }
  .col-print-7 {
    width: 58%;
    float: left;
  }
  .col-print-8 {
    width: 66%;
    float: left;
  }
  .col-print-9 {
    width: 75%;
    float: left;
  }
  .col-print-10 {
    width: 83%;
    float: left;
  }
  .col-print-11 {
    width: 92%;
    float: left;
  }
  .col-print-12 {
    width: 100%;
    float: left;
  }
  .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .row-offcanvas .sidebar-offcanvas {
    display: none !important;
  }
  .btn {
    display: none !important;
  }
}
.productID {
  font-family: Courier;
  font-weight: bold;
}

.logoLink {
  display: inline-block;
  margin-top: 4px;
}

.logoPreview {
  max-width: 900px;
}

/* DataTables Style FIXES */
#customer.dataTable tbody tr, #leads.dataTable tbody tr {
  height: 65px;
}

.dataTables_scrollHead {
  background: lightgrey !important;
}

table.dataTable thead th {
  border-bottom: none !important;
}

table.dataTable td {
  white-space: pre !important;
  vertical-align: text-top !important;
}

.dataTables_scrollHead {
  border-bottom: 1px solid #111 !important;
}

.dataTables_scrollHeadInner {
  margin-right: 20px !important;
}

th.sorting, th.sorting_desc, th.sorting_asc {
  padding-left: 10px !important;
}

.dataTables_processing {
  height: 80px !important;
}

/* DataTables Row Height Fix */
tr:hover div.tdcontent {
  transition: max-height 1s ease;
  max-height: 666px;
}

div.tdcontent {
  transition: max-height 1s ease;
  overflow: hidden;
  max-height: 40px;
}

/* LESS GRID FIX */
.row {
  margin-right: 0px;
}

textarea.form-control[name=internalComment] {
  height: 108px;
}