/* FONT
/* josefin sans */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap'); 

.main-sidebar {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  box-shadow: 4px 0 10px rgba(0,0,0,0.2);
}
.sidebar{
  background-color: #1d3557;
}
li.nav-item.page-button-box{
    margin-bottom: 10px;
}
a.nav-link.page-button{
    border: 2px solid #76b8dd;
    border-radius: 15px;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: left;
    gap: 8px; /* jarak icon dan teks */
    font-size: 20px;
}
.i.fire{
    color: red;
}
.sidebar-box{
    background-color: #76b8dd;
    border-radius: 10px;
}
.profile-box{
    background-color: #76b8dd;
    border-radius: 10px;
    height: 50px;
    width: 50px;
    justify-content: center;
}

/* DASHBOARD START*/
.dashboard-title{
    border: 2px solid #76b8dd;
    border-radius: 20px;
    background-color: #1d3557;
    color: #76b8dd;
    padding: 10px;
}
.custom-blue {
  background-color: #1d3557;
  color: white;
  border-radius: 10px;
}
.custom-blue:hover {
  background-color: #76b8dd;
}

.col-sm-6.carslot-title-box{
    margin-bottom: 20px;
}

.slot-box{
    border-radius: 15px;
}
.slot-car{
    height: 80px;
    background-color: red;
}

.carslot-title{
    border: 2px solid #76b8dd;
    border-radius: 15px;
    background-color: #1d3557;
    color: #76b8dd;
    padding: 10px;
    margin-top: 10px;
}