#toast-container>div {
    width: 300px !important;
    max-width: 90vw;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    padding: 15px 20px 15px 60px;
    /* Left padding for icon */
    position: relative;
}

/* Fix icon position */
#toast-container .toast-icon {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 20px;
    line-height: 1;
}

#toast-container>.toast-success {
    background-color: #28a745;
    color: #fff;
}

#toast-container>.toast-error {
    background-color: #dc3545;
    color: #fff;
}

#toast-container>.toast-info {
    background-color: #17a2b8;
    color: #fff;
}

#toast-container>.toast-warning {
    background-color: #ffc107;
    color: #000;
}

.chart-circle .chart-circle-value.circle-style {

    top: 7.5px !important;
}

/* On mobile screens (max-width 768px for example) */
@media (max-width: 768px) {
    .responsive-logo img {
        height: 40px !important;
    }
}


.main-sidemenu .fa.fa-angle-down{
   right: 10px;
  position: absolute;
}
.app.sidenav-toggled .fa{
    margin-left: 30px;
    font-size: 18px;
}
.sidebar-mini.sidenav-toggled .active{
    padding: 0px !important;
    color: var(--primary-bg-color);
}

.slide-menu.open li{
    margin-left: 10px !important;
}
#cke_1_toolbox{display: flex;}
.ck.ck-content{height: 200px;}