html {
  overflow-y: scroll;
  max-height:1000000px;
}

body {
  background-color: #E7E7E7;
  font-family: 'Montserrat', sans-serif;
}

a {
  color: black;
}
a:hover {
  color: black;
}
hr {
  border-top: 2px solid rgba(0,42,90,0.9);
}
.SWP_icon img {
	max-width: 100%;
	max-height: 100%;

}
.SWP_icon a {
	padding: 1px;
	border: 0px;
}

.navbar {
  margin-bottom: 0px;
  border: none;
  border-radius: 0px;
}

.logo {
  width: 100%;
  height: auto;
}

.logo-rounded {
  border-radius: 5px;
}

.logo-div {
  margin: 0 auto 0 auto;
  object-fit: cover;
  max-width: 400px;
  max-height: 250px;
}

.jumbotron {
  margin: 30px 0 30px 0;
  background-color: #FFFFFF;
  position: relative;
}

.jumbotron p {
  display: block;
  text-align: center;
}


.main {
	width: 70%;
}

.cover {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.cover img {
  margin: 0 auto;
  object-fit: cover;
  width:100%;
  height:200px;
}

.quote-div-section, .purchaseOrder-div-section, .orderConfirmation-div-section, .submittal-div-section {
  border-radius: 1em;
  background-color: #FFFFFF;
  margin: 1em 1em 1em 1em;
  padding: 1em 1em 1em 1em;
}

input[type=checkbox], input[type=radio] {
  margin-right: 1em;
}

.contact-card {
	border-radius: 1em;
  background-color: #f8f8f8;
  margin: 5px 5px 5px 5px;
  padding: 1em 1em 1em 1em;
}

.contact-card-blue {
	border-radius: 1em;
  background-color: rgba(0,42,90,0.9);
  margin: 5px 5px 5px 5px;
  padding: 1em 1em 1em 1em;
  color: #bbbbbb;
}

.contact-card-blue a {
  color: white;
}

.img-blog {
  display: block;
  max-width: 100%;
  height: auto;
}

.terr-offset {
  margin-top: 2em;
}

.debug {
	background-color: #ff0000;
}

.swp-img img {
	margin: 0 auto;
	object-fit: cover;
	width:100%;
	height:400px;
}

.swp-img p {
	background-color: #00ff00;
	margin: auto auto;
	text-align: center;
}

.swp-img .hover-text {
	position:relative;
	bottom:30px;
	left:0px;
	visibility:hidden;
}

.swp-img {
	margin: 5px 5px;
}

.the-footer, .blue-back {
	background-color: rgba(0,42,90,0.9);
	color: #bbbbbb;
}

.align-right {
  margin: auto 0 auto auto;
}

p.name-of-person {
	text-decoration: underline;
}

p {
	margin: 0px 0px;
}

.the-footer a, .blue-back a {
	color: white;
}

#mailing {
	color: white;
}

.footer-cell {
	margin-top: 5px;
	margin-bottom: 5px;
}

.partners {
	background-color: #CC998D;
	padding: 100px;
	margin: 50px 0px;
}
.partners h1 {
	text-align: center;
}

.news p {
  margin-bottom: 12px;
}

.comment:hover span{
	opacity: 1;
}

tr span {
  color: #c0392b;
  transition: all 0.3s;
  opacity: 0;
}

.date-class {
  opacity: 1;
  color: #000000;
}

tr span:hover {
  color: #e74c3c;
  opacity: 1;
}

tr:hover span {
  opacity: 1;
}

.margin-bot-50{
	margin-bottom: 50px;
}

.padding-bot-50 {
	padding-bottom: 50px;
}

.padding-bot-10 {
	padding-bottom: 10px;
}

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

.padding-bot-20 {
	padding-bottom: 20px;
}

.padding-top-bot-50 {
  padding-top: 50px;
	padding-bottom: 50px;
}

.padding-top-bot-10 {
  padding-top: 10px;
	padding-bottom: 10px;
}

.partnerblock {
	height: 120px;
}

.partnerblock img {
	display: inline-block;
	margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    vertical-align: middle;
}

.partnerblock p {
	text-align:center;
	line-height:120px;
}

.the-last-footer{
	height: 100px;
}

.invisible {
  visibility:hidden;
}

.product-service {
  margin-top: 15px;
  list-style-image: url("img/arrow-right.png");
}

.list-items {
  margin-bottom: 3px;
  list-style: auto;
}
.list-items:hover {
  cursor: auto;
  text-decoration: none;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-clip: padding-box;
}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:focus {
  color: black !important;
  background-color: #E7E7E7 !important;
}

.del-toggle-off {
  display: none;
}

.del-toggle-on {
  display: inline;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 360px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.file-item {
  position: relative;
}

.file-item .tooltiptext {
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease-in-out;
  position: absolute;
  z-index: 999;
  background: white;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

.file-item:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #aaa;
  border-left-width: 5px;
  border-radius: 3px;
  background-color: #f0f0f0
}

.bs-callout-danger {
  border-left-color: #ce4844;
}

.bs-callout-warning {
  border-left-color: #aa6708;
}

.bs-callout-info {
  border-left-color: #1b809e;
}

.has-error-on {
  border-color: #a94442;
  border: 2px solid #a94442;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.products-fixed-div-height {
  display:block;
  width:100%;
  height:500px;
}

textarea {

}

#pattersonQuoteOutput {
  width: 450px;
  height: 1214px;
  resize: none;
}

.truncate {
  white-space: nowrap;      /* Keep text on one line */
  overflow: hidden;         /* Hide what doesn't fit */
  text-overflow: ellipsis;  /* Add the "..." */
  max-width: 30ch;          /* Limit width to approx. 20 characters */
}
/* ============ Breadcrumb trail (views/partials/breadcrumbs.ejs) ============ */
.crumbs {
  clear: both;                       /* sit below the navbar's floated menus */
  margin: 0 0 18px;                  /* the site's navbar has no bottom margin, so no overlap needed */
  background: transparent;           /* same grey as the page (body background) */
  font-size: 13px;
}
.crumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.crumbs li {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 320px;
}
.crumbs li + li::before {
  content: "\203A";                  /* › */
  color: #9aa3ad;
  margin: 0 8px;
  font-size: 15px;
}
.crumbs a, .crumbs span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crumbs a { color: #1f3b6e; }
.crumbs a:hover { text-decoration: underline; }
.crumbs li[aria-current] span,
.crumbs li[aria-current] a { color: #1f2d3d; font-weight: 600; }   /* current page: bold, still a link */
.crumbs .fa-home { margin-right: 3px; }
@media (max-width: 600px) {
  .crumbs li { max-width: 200px; }
}

/* "Showing the 100 most recent ..." note under list pages (views/partials/list_limit_note.ejs) */
.list-limit-note { color: #6b7280; font-size: 13px; margin: 10px 2px 24px; }
.list-limit-note .fa { color: #1f3b6e; }