/* Copyright TechSalt */

@media print {
	.logo { display: none; }
	.sidebarroot { display: none; }
	.mobilenav { display: none; }
	body { background-image: none; }
}


#hello.there:after {
  content: 'I hope you have a nice day';
}

body {
   padding: 0px;
   margin: 0px;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
}

.sidebar {
   font-family: "Tahoma", "Arial", "Liberation Sans", "sans-serif";
   font-size: 11px;
   font-weight: bold;
   background-image: url(separator.gif);
}

.sidebarroot a, .mobilenav a {
   color: black;
   text-decoration: none;
   font-family: "Tahoma", "Arial", "Liberation Sans", "sans-serif";
}

.sidebarroot a {
    font-size: 11px;
}

.sidebarroot a:hover, .mobilenav a:hover {
   text-decoration: underline;
}

.sidebarroot a:active, .sidebarroot a:focus, .mobilenav a:active, .mobilenav a:focus {
   color: blue;
   text-decoration: underline;
}

.content * {
   font-family: "Tahoma", "Arial", "Liberation Sans", "sans-serif";
   font-size: 11px;
}

.content {
   font-family: "Tahoma", "Arial", "Liberation Sans", "sans-serif";
   font-size: 11px;
}

.content table:not(.noborder) {
   margin-top: 8px;
   border-collapse: collapse;
}

.content table:not(.noborder) th, .content table:not(.noborder) td {
   border: 1px solid black;
}

.content p {
   margin-top: 4px;
   margin-bottom: 4px;
}

.content h1 {
   font-family: "Tahoma", "Arial", "Liberation Sans", "sans-serif";
   font-size: 15px;
   color: #336699;
   margin-top: 6px;
   margin-bottom: 6px;
   font-weight: bold;
}

.content .noborder.whyuse h3 {
  margin: 0px !important;
  padding: 0px !important;
  font-family: "Tahoma", "Arial", "Liberation Sans", "sans-serif";
  font-size: 11px;
}

.content h2 {
   font-family: "Tahoma";
   font-size: 11px;
   color: #336699;
   margin-top: 11px;
   margin-bottom: 6px;
   font-weight: bold;
}

.content img {
   margin-top: 3px;
}

.content {
   padding-top: 4px;
}

.logo td {
   background-image: url(topbg.gif);
   background-color: white;
}

/* mobile */

.content img {
  max-width: 100% !important;
}

.mobilenav { display: none; }

@media (max-width: 460px) {
	.sidebarroot { display: none; }
	body { background-image: none;}
	.content { padding-left: 10px; padding-right: 10px; font-size: 12px; }
	.content * { font-size: 12px; }
  .content h1 { font-size: 16px !important; }
	.mobilenav { 
		display: table;
		background-color: #a6caf0;
		font-family: "Tahoma", "Arial", "Liberation Sans", "sans-serif";
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #336699;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	.content .noborder.whyuse h3 {
	    font-size: 12px;
  }
  
  .content .whyuse td:not(.content .whyuse td *) {
    display: block;
    width: 100% !important;
  }
  
  .content .whyuse .spacer {
    display: none !important;
  }
  
  .content .whyuse:not(.content table.whyuse *) {
    width: 100% !important;
  }
	
	b[style="font-size: 100pt"] {
    font-size: calc(100vw /7) !important;
  }
	/*
	.mobilenav td a {
    display: block;
    width: 100%;
  }
  */
	.logo img {
		max-width: 100%;
		height: unset;
	}
}