[data-theme="custom"], :root{
	--primary-color-hue: 204;
	--primary-color-saturation: 64%;
	--primary-color-lightness: 44%;
	--banner-background: url(../img/banner.svg);
}

.login-page {
	--login-logo: url("https://techbravo.net/wrapper.php?modulepart=mycompany&file=logos/tech-bravo-logo-new-1-scaled.png"); /* for relative path, must be relative to the css file or use full url starting by http:// */
}
/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS */
/* TechBravo customer portal: restrained brand colors and readable controls. */ body{background:#f4f8fa;color:#17212a;} .primary-top-nav{background:#17212a;border-bottom:3px solid #2980b9;box-shadow:0 2px 8px #17212a14;} .primary-top-nav .brand__logo-img{max-width:170px;height:auto;} .primary-top-nav a,.primary-top-nav summary,.primary-top-nav .logout{color:#fff;} .primary-top-nav .menu-entries a{padding:.6rem .75rem;border-radius:4px;} .primary-top-nav .menu-entries a:hover,.primary-top-nav .menu-entries a:focus-visible{color:#fff;background:#2980b9;} .primary-top-nav .top-nav-icon{filter:brightness(0) invert(1);} .primary-top-nav details.dropdown>ul{background:#17212a;border-color:#39505e;} .primary-top-nav details.dropdown>ul a{color:#fff;} .primary-top-nav a:focus-visible,.primary-top-nav summary:focus-visible{outline:2px solid #76c4ed;outline-offset:3px;} .hero-header{background:#eef6fa;border-bottom:1px solid #d8e5ed;} .hero-header__title{color:#236e9f;letter-spacing:-.02em;} .hero-header__desc{color:#405565;} main.container{padding-top:1.5rem;padding-bottom:2rem;} main a{color:#236e9f;} main table{background:#fff;border:1px solid #d8e5ed;border-radius:6px;} main th{color:#203744;background:#edf4f8;} main td,main th{padding:.7rem .65rem;} main input,main select,main textarea{background-color:#fff;color:#17212a;border-color:#b9cbd8;border-radius:4px;} main input:focus,main select:focus,main textarea:focus{border-color:#2980b9;box-shadow:0 0 0 2px #2980b926;} .home-links-grid article{border:1px solid #d8e5ed;border-top:3px solid #2980b9;box-shadow:0 2px 8px #17212a0a;} @media(max-width:767px){.primary-top-nav .brand__logo-img{max-width:145px;}main td,main th{padding:.55rem .5rem;}}