/* === Sidebar & Navigation === */
#sidebar,
#sidebar > ul,
#sidebar-content button,
div[data-side="bottom"]  { 
    background-color: #230C2D;
}

#sidebar,
#sidebar-content button,
#sidebar-content div, 
#sidebar > ul a,
#sidebar-content a,
p.nav-dropdown-item-title {
    color: white;
} 

#sidebar-group > li > a > svg{ 
    background-color: white;
}

#sidebar > ul{
    border: none;
}


/* === Navbar current page highlight === */ 

.border-primary { 
    border-color: #FFA573;   
}

/* === Hover States === */
#sidebar-content button:hover,
#sidebar-content a:hover,
#sidebar > ul a:hover  { 
    background-color: #FFA573;
}

#sidebar-content > div.flex.justify-between.items-center > a:hover {
    background-color: transparent !important;
}

/* === Dropdown Icons === */
.nav-dropdown-item-icon svg.h-4.w-4 {
    background-color: white !important;
}

/* === SVG styling === */
div > svg > path,
svg { 
    stroke: white;
}

/*  === Sidebar Buttons === */
#sidebar-content button { 
    border: white 1px solid;
}

/* === Logo === */
.nav-logo{ 
    width: auto;
    height: 5rem;
}

/* === Headings Colours ==== */

h1, h2 { 
    color: #6C1D8E !important; 
}

h3, h4 { 
    color: #aa5dc9 !important; 
}

p, li{ 
    color: #230C2D; 
} 

a.link, a.link > strong { 
    color: #6C1D8E; 
    font-weight: bold;
}

.text-gray-700{ 
    color:white;
}

/* === Callouts === */
/* warning  */
.bg-amber-50\/50{ 
    background-color: #FFDE70;
}

/* info */ 
.bg-zinc-50\/50{
    background-color: #EDEBEF;
}

/* tip and check */ 
.bg-emerald-50\/50{ 
    background-color: #73C847;
} 

.text-zinc-400{
    color: black;
}



Distributer Dashboard

CBAMBOO Documentation

Platform Introduction

This guide outlines the steps that a declarant has to follow.

Getting started

A guide to the specific steps you'll need to do every quarter for your CBAM compliance.

Getting Started

Importers

Suppliers

Setup

Other Users

Distributer Dashboard