/*---
  Food Service Monitoring 
  (c) 2019 Food Service Monitoring, All Rights Reserved
*/ 
 #header ul.social-icons li.icon a {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 1;
  overflow: hidden;
}
#header ul.social-icons li.icon a img { margin-top: -20px }
#header ul.social-icons li.icon a:hover img { margin-top: 0px }
 
a {
  color:#e36f1e;
}
 
#topbar {
  position: relative;
  height: 12px;
  background:url(../images/topbar-bg.jpg);
}

.capsule {
  background: #000000;
}

a.frame span.overlay:after {
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
}

footer[role=contentinfo] {
  background: url(../images/footer-bg.jpg) center repeat;
  text-shadow:none;
}

footer[role=contentinfo] #fsm-footer + section.copyright { border-top: none; }

footer[role=contentinfo] section.copyright * { color: #ffffff }

footer[role=contentinfo] a { color: #ffd140; }

footer[role=contentinfo] a:hover { color: #a8e773; }

footer[role=contentinfo] h3 { color: #ffffff; }

footer[role=contentinfo] .textwidget p { color: #ffffff; }

footer[role=contentinfo] .textwidget ul li { color: #ffffff; }

footer[role=contentinfo] .textwidget strong { color: #a8e773; }

footer[role=contentinfo] section.copyright a { color: #ffd140 }

footer[role=contentinfo] section.copyright a:hover { color: #a8e773 }

footer[role=contentinfo] section.copyright a.back-to-top { color: #ffd140; }

footer[role=contentinfo] section.copyright a.back-to-top:hover { color: #a8e773; }

/*.no-js #fsm-footer { display: none; }*/

#fsm-footer {
  position: relative;
  height: 108px;
  background: url(../images/footer-accent.png) repeat-x #ffffff;
}

/*========================================
   Colors 
  ========================================*/

.blacktext {
	color:#000000;
}

.graytext {
	color:#888888;
}

.whitetext {
	color:#ffffff;
}

.redtext {
	color:#ff3333;
}

.greentext {
	color:#33ff33;
}

.bluetext {
	color:#3333ff;
}

.cyantext {
	color:#33ffff;
}

.magentatext {
	color:#ff33ff;
}

.yellowtext {
	color:#ffff33;
}

.orangetext {
	color:#ffa500;
}

.greendarkcell {
	background-color:#b8e5b8;
}


.greencell {
	background-color:#ccffcc;
}

.redcell {
	background-color:#ffcccc;
}

.redcellfull {
	background-color:#db1616;
}

.bluecell {
	background-color:#ccccff;
}

.cyancell {
	background-color:#ccffff;
}

.magentacell {
	background-color:#ffccff;
}

.yellowcell {
	background-color:#ffffcc;
}

.orangecell {
	background-color:#ffa500;
}

.blackcell {
	background-color:#000000;
}

.whitecell {
	background-color:#ffffff;
}

.graycell {
	background-color:#888888;
}

.silvercell {
	background-color:#c4c4c4;
}

.row-odd {
}

.row-even {
}

.row-selected {
	background:#ffd96a;
}

.bg-red {
	background:#e8aaaa;
}

.bg-green {
	background:#a8e773;
}

.bg-blue {
	background:#2222ff;
}

.shadow {
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.6);
  -o-box-shadow: 0 2px 10px rgba(0,0,0,0.6);
  box-shadow: 0 2px 10px rgba(0,0,0,0.6);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.list-event ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

.list-event li {
	margin:0;
	padding:0 0 10px 35px;
	font-size:16px;
	font-weight:normal;
	list-style-type: none;
	background-image: url(../images/calendar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
}

.circle-50 {
	width:50px;
	height:50px;
	/* curve */
	border-radius: 25px; /* CSS3 */
	-moz-border-radius: 25px; /* firefox */
	-webkit-border-radius: 25px; /* Safari & Chrome */
	-khtml-border-radius: 25px; /* Linux */
}

.presenting {
	background:url(../images/banner0.png) no-repeat;
}


.creative  {
	font-size:10px;
	color: #848484;
	background:#000000;
	text-decoration:none;
	text-align:center;
	width:175px;
	margin:5px auto;
	padding:3px 3px 3px 3px;
	/* curve */
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* Safari & Chrome */
	-khtml-border-radius: 5px; /* Linux */
}

.creative a {
	color: #e28f25;
	text-decoration:none;
}

.creative a:hover {
	color: #e28f25;
	text-decoration:underline;
}

.input-width {
  width: 80px;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align:center;
}

tbody {

}

/*========================================
   Legend and dashboard 
  ========================================*/

.legend {
	background-color: #f6f6f6;
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 10px;

	font-family: 'Arial';
	color:#333333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.1em;
	font-size: 9pt;
	
	/* curve */
	border-radius: 0.5em; /* CSS3 */
	-moz-border-radius: 0.5em; /* firefox */
	-webkit-border-radius: 0.5em; /* Safari & Chrome */
	-khtml-border-radius: 0.5em; /* Linux */
	/* drop shadow */
	box-shadow: #555555 0.2em 0.2em 0.3em;  /* CSS3 */
	-moz-box-shadow: #555555 0.2em 0.2em 0.3em;  /* firefox 3.5+ */
	-webkit-box-shadow: #555555 0.2em 0.2em 0.3em;  /* Safari3+ & Chrome */
	filter: progod:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color='#555555');  /* IE 5.5-7 */
	-ms-filter: progod:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color='#555555');  /* IE 8 */	
}

.legend-background-color {
	font-family: 'Arial';
	background-color: #f6f6f6;
}

.legend h1 {
	font-size: 12pt;
	color: #0059aa;
}

.iframe-single {
	border:0;
	height:25px;
	overflow:hidden;
	width: 100%;
}

/*========================================
   Report Navigation buttons 
  ========================================*/

table.report-nav {
	border:0px solid #000000;
    border-spacing: 5px 5px;
}

td.report-nav {
	color:#ffffff;
	background-color:#888888;
	padding: 5px 10px 5px 10px;
	border:0px solid #000000;
	cursor:pointer;
	font-weight:bold;
	white-space: nowrap;
	text-align:center;
	vertical-align:middle;
}

td.report-nav:hover {
	color:#ffffff;
	background-color:#aaaaaa;
	cursor:pointer;
	font-weight:bold;
	white-space: nowrap;
	text-align:center;
	vertical-align:middle;
}

td.report-nav a {
	color:#000000;
	text-decoration:none;
}

td.report-nav a:hover {
	display:inline;
	color:#000000;
	text-decoration:none;
}

td.report-description {
	padding-left: 5px;
}


@media only screen and (max-width: 480px) {
.unique-slider {
  display: none;
  visibility: hidden;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.unique-slider {
  display: none;
  visibility: hidden;
}

}

@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
.unique-slider {
  display: none;
  visibility: hidden;
}
}