/* This file contains the template for the customized css used by QuickStart Albert portals.
 * The actual color values qs* will be replaced by QuickStart
*/
#banner {background-color: #d9ead3;}
#banner .bannertext, #sbanner .bannertext, #vwbanner .bannertext {color: #000000;}
#menu {background-color: #000000;border-bottom-color: #000000; }
#menul a, #menul a span, #menur a, #menur a span, #menu .sel {color: #38761d;}
body, #main, #dialog, #content, #inplaceroute, #inplaceroute span, #inplacecontent, #inplacecontent span,
.continuation, .continuation span, .hostrelinfo, .none, .none span, #dialog .hostname, 
#dialog .hosttext, #dialog .hosttext span, #dialog .hosttexthistory, #dialog .hosttexthistory span, 
#dialog .username, #dialog .usertext, #dialog .usertext span, #dialog .usertexthistory, #dialog .usertexthistory span,
 .ttsText, .ttsText span, #dialog .solution, #dialog .solution span, #dialog .solution p, #dialog .solutionhistory,
  #dialog .solutionhistory span
{background-color: #eeeeee;color: #38761d;}
.qs-greeting {display:block;}
.qs-promo-span {display:block;text-align:center;padding:10px 20px 10px 20px;}
/* default for older, smaller mobile iphone 5*/
.qs-promo-icon {display:inline-block;max-width:270px;}
.qs-promo-text {display:block;padding-top: 10px; }
@media only screen and (min-width: 360px) { /*galaxy5*/
	.qs-promo-icon {max-width:300px;}
}
@media only screen and (min-width: 375px) {/*iphone6/7/8*/
	.qs-promo-icon {max-width:320px;}
}
@media only screen and (min-width: 375px) and (min-height:812px) { /*iphoneX*/
	.qs-promo-icon {max-width:320px;}
}
@media only screen and (min-width: 411px) { /*pixel2*/
	.qs-promo-icon {max-width:350px;}
}
@media only screen and (min-width: 411px) and (min-height:823px) {/*pixel2xl*/
	.qs-promo-icon {max-width:355px;}
}
@media only screen and (min-width: 414px) { /*iphone6/7/8Plus*/
	.qs-promo-icon {max-width:364px;}
}
@media only screen and (min-width: 480px) {/*Albert*/
	.qs-promo-icon {max-width:400px;}
}
@media only screen and (min-width: 600px) {
	.qs-promo-icon {max-width:550px;}
}
@media only screen and (min-width: 768px) {
	.qs-promo-icon {max-width:718px;}
}
@media only screen and (min-width: 998px) {
	.qs-promo-icon {max-width:970px;}
}
#dialog a, #dialog a:link, #dialog a:visited, #dialog a span, #dialog a:link span, #dialog a:visited span {color: #38761d; }
#inputfield {background-color: #e7e8ed;}
#poweredby {background-color: #000000; color: #d9ead3;}
#poweredby a {color: #6aa84f!important;}