Override side bar css style

[kmilo]

Hello,

How can I override the sidebar .p-sidebar and .p-sidebar-left css classes ?

I added the following to my main.css file:

.p-sidebar {
position: absolute;
padding: .5em 1em;
-webkit-transition: transform .3s;
transition: transform .3s;
}

.p-sidebar-left {
left: 0;
width: 20em;
height: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}

but I dont see the changes reflected.
I'll appreaciate the help.
Thanks