/* ===== RESET ===== */

*{
box-sizing:border-box;
}

body{
overflow-x:hidden;
word-break:break-word;
}

/* ===== CONTAINERS ===== */

.main,
.container,
.content,
.page-content,
.wrapper{
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
padding:15px !important;
}

/* ===== CARDS ===== */

.cards,
.grid,
.row,
.dashboard-cards{
display:flex !important;
flex-direction:column !important;
gap:15px;
}

/* ===== CARDS INDIVIDUAIS ===== */

.card,
.box,
.widget{
width:100% !important;
max-width:100% !important;
}

/* ===== FORM ===== */

input,
textarea,
select,
button{
width:100%;
max-width:100%;
}

/* ===== NOTIFICAÇÃO ===== */

.notification,
.notificacao{
right:10px !important;
left:auto !important;
max-width:90% !important;
}

/* ===== MENU ===== */

.sidebar{
transition:0.3s;
}

/* ===== MOBILE ===== */

@media(max-width:768px){

.sidebar{
position:fixed !important;
left:-260px !important;
top:0;
width:260px;
height:100%;
z-index:9999;
}

.sidebar.active{
left:0 !important;
}

}