/* Target the scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

/* Track (background of scrollbar) */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle (the draggable part) */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 
td.MuiTableCell-root td {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px !important;
}

thead.MuiTableHead-root th {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px !important;
} */



.navbar-custom-menu ul.nav.navbar-nav {
    display: flex;
    flex-direction: row;
}

.navbar-custom-menu ul.nav.navbar-nav li {
    padding: 12px;
}

li.dropdown.user.user-menu:hover ul {
    display: block;
    position: absolute;
    margin-top: 13px;
}

li.dropdown.tasks-menu:hover ul {
    display: block;
    margin-top: 1px;
}

li.dropdown.notifications-menu:hover ul {
    display: block;
    margin-top: 1px;
}

li.dropdown.notifications-menu {
    cursor: pointer;
}

li.dropdown.messages-menu:hover ul {
    display: block;
    margin-top: 1px;
}

ul.nav.navbar-nav li.dropdown:hover {
    background: rgba(0, 0, 0, 0.1);
}

.user-panel .image img {
    border: 1px;
    border-radius: 10px;
}

.navbar-nav>.user-menu .user-image {
    border-radius: 20%;
}

li.user-header img {
    border-radius: 20px;
}

/* toolbar start */
ul.nav.nav-tabs.nav-justified.control-sidebar-tabs li {
    cursor: pointer;
    padding: 10px;
    background: #0b0e10;
    width: 33%;
}

ul.nav.nav-tabs.nav-justified.control-sidebar-tabs li.active {
    background: #222d32 !important;
}

ul.nav.nav-tabs.nav-justified.control-sidebar-tabs li a i {
    width: 100%;
}

/* toolbar End */
.btn.btn-sm {
    padding: 4px 8px;
    color: white;
}

.btn.btn-sm {
    padding: 4px 8px;
    color: white;
}

.skin-purple .btn.btn-sm,
.skin-blue .btn.btn-sm {
    padding: 4px 8px;
    color: white;
}

.skin-purple .btn.btn-sm {
    padding: 4px 8px;
    color: white;
    background: #605ca8;
}

.skin-blue .btn.btn-sm {
    padding: 4px 8px;
    color: white;
    background: #3c8dbc;
}

.skin-red .btn.btn-sm {
    background: #dd4b39;
    border-color: #dd4b39
}

.skin-yellow .btn.btn-sm {
    background: #f39c12;
    border-color: #f1ad3f;
}

.skin-green .btn.btn-sm {
    background: #00a65a;
    border-color: #49f3a6
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(2.5rem + 2px);
    line-height: 1.25;
}

.form-floating>label {
    padding: 0.5rem .75rem;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 0.925rem;
}


/* Panel setting chage Start */
.content-wrapper {
    background: #F5F6FF;
}


section.invoice {
    border-radius: 10px;
}
.skin-purple aside.main-sidebar {
    background-color: rgba(29, 37, 49) !important;
}
.skin-purple section.sidebar {
    background: rgba(29, 37, 49);
}

.skin-purple .sidebar-menu>li>.treeview-menu {
    background: #242f40;
}

.skin-purple .sidebar-menu>li.header {
    background: #242f40;
}
 
.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
    background: #242f40;
}
.skin-purple .sidebar-form input[type="text"], .skin-purple .sidebar-form .btn {
    background: #242f40;
}
.skin-purple .sidebar-menu>li:hover>a,
.skin-purple .sidebar-menu>li.active>a{
    background: rgb(45, 59, 80);
}
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side
{
    background: #1d2531    ;
}
a.logo.hidden-xs {
    display: none !important;
}

@media screen and (min-width: 768px) {
    aside.main-sidebar {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 767px) {

    /* Your mobile-only styles here */
    aside.main-sidebar {
        padding-top: 50px !important;
    }

    footer.main-footer.no-print {
        display: none;
    }
}

/* Panel setting chage End */