@charset "UTF-8";
/* CSS Document */

body{
    width: 100%; margin: 0 auto;
}
		
.carousel-control.left, .carousel-control.right{ 
    background: none !important;
    filter: progid:none !important;>
}

.carousel-inner {
    overflow: visible;
}

.site-logo {
	position: relative;
	display: block;
	float: left;
	padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 20px;
}
.site-logo img {
	width: 3.1em;
}
.logo {
	opacity: 1;
}
.site-logo p {
	width: 3.1em;
}

body {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4286;
	color: #333;
	background-color: #fff;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #8BB6C4;
  border-color: #ddd;
}


/*body > div.jumbotron.jumbotron-fluid.text-center {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"
}*/

.jumbotron {
  background-image: url("/images/QIMachineLogo5.jpg");
  background-size: cover;
}

body { padding-top: 50px; }


table {
    border-collapse: separate;
    border-spacing:0 0.1em;
}

blockquote {font-size: 14px}

.red_content {color: #F40307}
.blue_content {color: #026AF4}
.green_content {color: #24870A}
.amber_content {color: #D8AF19}
.maroon_content {color: #9E3852;}
.grey_content_small {color: #8D8D8D; font-size: 12px;}
.new-badge { background:#e67e22; color:#fff; font-size:10px; font-weight:bold; letter-spacing:.5px; padding:2px 6px; border-radius:10px; text-transform:uppercase; }
.updated-badge { background:#026AF4; color:#fff; font-size:10px; font-weight:bold; letter-spacing:.5px; padding:2px 6px; border-radius:10px; text-transform:uppercase; }
.very-new-badge { background:#d81b8c; color:#fff; font-size:10px; font-weight:bold; letter-spacing:.5px; padding:2px 6px; border-radius:10px; text-transform:uppercase; }





/*.affix-top,.affix{
    position: static;
}*/


#TopicNavigation.affix {
        top: 70px; /* Set the top position of pinned element */
}

@media (max-width: 767px) {
    .affix {
        position: static;
    }
}


@media screen and (max-width: 1000px) {
		.bigScreenOnly{
			display:none;
		}
	}	


@media print {
  a[href]:after {
    content: none !important;
  }
   a[class="btn"]:after {
   display: none !important;
  }
}


/* ---------------------------------------------------------------------------
   Print fix: the report tables colour cells with colours/*.gif backgrounds.
   Bootstrap's print stylesheet strips backgrounds ( * { background:transparent }
   and .table td { background-color:#fff } ), so the RAG colours vanish in PDFs.
   Re-apply each colour as a solid background for print only, with enough
   specificity (.table td[...]) to beat Bootstrap and print-color-adjust:exact
   to force it into the PDF. Ends-with matching avoids green/avgreen overlap.
--------------------------------------------------------------------------- */
@media print {
  .table td[background$="/green.gif"],   td[background$="/green.gif"]   { background-color:#88CFA0 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .table td[background$="/yellow.gif"],  td[background$="/yellow.gif"]  { background-color:#FDFC9A !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .table td[background$="/amber.gif"],   td[background$="/amber.gif"]   { background-color:#E6CD82 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .table td[background$="/red.gif"],     td[background$="/red.gif"]     { background-color:#D28D8D !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .table td[background$="/gray.gif"],    td[background$="/gray.gif"]    { background-color:#C7C7C7 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .table td[background$="/avgreen.gif"], td[background$="/avgreen.gif"] { background-color:#66CC66 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .table td[background$="/avamber.gif"], td[background$="/avamber.gif"] { background-color:#FFCC66 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .table td[background$="/avred.gif"],   td[background$="/avred.gif"]   { background-color:#FF0000 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}