/* QR Page transformation*/
a.backz { background: #004bac; padding: 10px 20px; color: white; border-radius: 4px; float: left;}
.logoz{display:block; float:right; width:200px;}
.containerz{background: #eaeaea;padding-bottom:60px;}	
.containerz p{color:black !important;}
.containerz p a:visited{color:white}
.prodz a{color:inherit;}
.headerz{background: white; padding: 10px 5px; margin-bottom: 20px; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%); height:100px;}
.logoz img {width: 100%; display: inline-block;margin: 0; padding: 0;}
	.bannerz{background:#2e3192; background-image:url("https://costarhd.com/Portals/0/images/QR-Images/scotts-message-background.jpg");background-size: 100%;background-repeat: no-repeat; background-position:50% 90%; height: 220px; color:white;padding-top:20px;}
	a.buttonz{border:1.5px solid white; padding:5px;border-radius:8px;display:block;color:white;text-decoration: none;margin-right: 20px;}
a.buttonz:hover{color:white;}
.containerz a:visited{color:inherit;}
	.contentz{display: inline-block;margin-left:44%;}
.contento a {float: right;}
	.arrowz{float:right;font-size:30px;}
	.containerz p{color:white;}
.contento p {display: block; background: white; padding: 1%; border-radius: 4px; box-shadow: 0 5px 20px rgb(0 0 0 / 10%);}
.bannerz h1{color:white !important; line-height: 100%; margin-bottom: 20px;}
	.containerz h2{text-align:center;text-transform: uppercase; margin: 40px auto !important;}
.arrowz {width: 12px; height: 12px;float:right;margin-right:10px;margin-top:12px;}
	.prodz{transition: all 0.3s ease-out; margin:0 10% 20px !important; display:inline-block; width:80%; min-height:100px;max-height:300px; background: rgb(9,9,121);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); border-radius: 8px; box-shadow:0px 0px 25px rgba(0,0,0,0.2);}
.prodz:hover{transition: all 0.3s ease-out;background: rgb(9,9,121);
background: linear-gradient(90deg, rgba(9,9,121,1) 0%, rgba(0,212,255,1) 50%, rgba(255,255,255,1) 100%);}
	.prodz img{width:200px; height: auto;display:block;float:left;}
	.prodz a{color:#0e51a0 !important; text-transform: uppercase;text-decoration: none;margin-top: 50px;display: inline-block;margin-left: 20px;font-size: 20px;font-weight: 100;color:#0e51a0;}
.prodz a:hover {font-size: 20px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}
	@media only screen and (max-width: 800px) {
  .bannerz{background-size: 180%;background-position:bottom center; }
}
		@media only screen and (max-width: 480px) {
  .prodz a{font-size: 14px;font-weight: 100;color:#0e51a0; margin-top:30px; margin-left:2%}
            .prodz a:hover{font-size: 14px;}
          .bannerz h1{font-size: 20px;}
          .containerz h2 {font-size: 20px;}
          .prodz img{width:140px; height: auto;display:block;float:left;}
          .bannerz {background-size: 280%;background-position: 40% 100%;}
}


/* Make H3 no case transformation*/
h3 {
	text-transform: none !important;
}
.heading strong{color:#034ea2;}
.featured-box .box-content {
	padding: 0px 30px 10px 30px !important;
}
.box-4{display:inline-block;width:33%;margin:0;padding:2%;vertical-align:top;}
.box-4 h4{color: #034ea2; margin-top: 0; margin-bottom: 10px; font-family: "Roboto Slab", sand serif; font-weight: bold;}
.userDisplayName .loginGroup .LoginLink a:active {
  color: #ffffff !important;
}

.userDisplayName .loginGroup .LoginLink a:visited {
  color: #ffffff !important;
}

.featured-boxes .featured-box {
	margin-top: 0px !important;
}

/* product highlights */
.product-highlights h3 { background-color: #0046AD; padding: 5px 10px; font-size: 1.0em; font-weight: bold; color:#fff !important;}
.product-highlights {width: 100%;}
.product-highlights ul.highlights { width: 40%; float: left; padding: 20px 0px 20px 10px; margin-right: 40px; }
.product-highlights ul.highlights li,
.general-list li { list-style-type: cirlce; padding-left: 10px; background: transparent url(/portals/0/images/icn_bullet.gif) 0px 6px no-repeat; line-height: 18px; color: #000000 !important; }
.product-highlights { zoom:1; }
.product-highlights:after { content:"."; display:block; clear:both; height:0; width:0; line-height:0; visibility:hidden; }

/* table style */
.StaffList {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.StaffList table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.StaffList tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.StaffList table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.StaffList table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.StaffList tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.StaffList tr:hover td{
	
}
.StaffList tr:nth-child(odd){ background-color:#e3e3e3; }
.StaffList tr:nth-child(even)    { background-color:#eeeeee; }.StaffList td{
	vertical-align:top;
	
	
	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:6px;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}.StaffList tr:last-child td{
	border-width:0px 1px 0px 0px;
}.StaffList tr td:last-child{
	border-width:0px 0px 1px 0px;
}.StaffList tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.StaffList tr:first-child td{
		background:-o-linear-gradient(bottom, #084fa1 5%, #084fa1 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #084fa1), color-stop(1, #084fa1) );
	background:-moz-linear-gradient( center top, #084fa1 5%, #084fa1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#084fa1", endColorstr="#084fa1");	background: -o-linear-gradient(top,#084fa1,084fa1);

	background-color:#084fa1;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
.StaffList tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #084fa1 5%, #084fa1 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #084fa1), color-stop(1, #084fa1) );
	background:-moz-linear-gradient( center top, #084fa1 5%, #084fa1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#084fa1", endColorstr="#084fa1");	background: -o-linear-gradient(top,#084fa1,084fa1);

	background-color:#084fa1;
}
.StaffList tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.StaffList tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.StaffList a{ color:#0048ab; }

/* Responsive Table */
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
  
}

@media screen and (min-width: 0px) and (max-width: 720px) {
    /* Product List Response */
  
    .HideOnMobile {
	  display: none;
	}
  
}

/* Categorgy menu */
.node-selected {
	background-color: #004bac !important;
}

/* Resize the Download Folder box */
.LiveForm .Field.BrowseFile .browse .file {
    width: 33% !important;
}

.LiveForm .Field.BrowseFile .browse .folder {
    width: 66% !important;
}

/* His=de search tool on Product Software and Product Tools */
#keyword0880FC8C-2B0E-4B6D-BBA0-DBE438D30CC1 {
	display: none;
}

#keyword442E1439-5487-45CB-9B72-F154EE6511C6 {
	display: none;
}

/* Blue Background on Product sort */
.rvdsf-productlist-navbar {
    background-color: #004bac !important;
}

.list-group-item {
	padding: 10px 9px !important;
}
.mini-widgets.bg-color-primary {
    height: 20px;
}

div#dnn_ctr392_HtmlModule_lblContent {
    margin-top: 20px;
    z-index: 9999999999;
    position: relative;
}

div#dnn_ctr392_HtmlModule_lblContent a {
    font-size: 25px;
}

section.toggle button {
    width: 100%;
    text-align: left;
    border-radius: 5px;
}

#home .sections {
    display: inline-block;
    vertical-align: top;
}
   @media only screen and (max-width: 980px) {
   .box-4{width:49%;}
 }
 @media only screen and (max-width: 600px) {
    #home .sections {
        width: 100% !important;
    }
       #home .sections img {
        margin: 0 !important;
    }
   .box-4{display:inline-block;width:98%;margin:0;padding:2%;}
   .DnnModule.DnnModule-DNN_HTML.DnnModule-393 {display: none;}
   .header-container.container {top: 0;}
   .mini-widgets{display:none;}
   #login a{ color:black; text-decoration:underline;}
 }