li.page-item
{
   display: none;
}
.page-item:first-child,
.page-item:nth-child( 2 ),
.page-item:nth-child( 3 ),
.page-item:nth-child( 4 ),
.page-item:nth-last-child( 2 ),
.page-item:nth-last-child( 3 ),
.page-item:last-child,
.page-item.active,
.page-item.disabled {

	display: block;
}

nav[role='navigation'] svg
{
  width:15px;
  height:50px;
}
nav[role='navigation'] > div {
  margin-bottom:10px;
}

.custom-tab-content img {
	max-width: 100%;
	height: auto;
}

/* BACKEND :: VARIUS TABLEs on CREATE pages */

table.simpleCreate td.firstCol {width:15%}
table.simpleCreate span.required {color:red}
table.simpleCreate input {}
table.simpleCreate span.notes {font-style:italic;font-size:12px;}
table.simpleCreate select {}
table.simpleCreate textarea {height:100px}
table.simpleCreate select, table.simpleCreate textarea, table.simpleCreate input, .custom-file-label {width: 300px }
table.simpleCreate input.submit{width:100px }
form.listing_delete_menu {margin-bottom:-8px !important;}

span.required {color:red}

/* Sidebar toggle button */
.sidebar-toggle {
    position: fixed;
    top: 20%;
    left: 250px;
    width: 18px;
    height: 80px;
    padding: 0;
    border: 0;
    border-radius: 0 4px 4px 0;
    background: #fff;
    color: #222143;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    transition: left .3s ease, width .2s ease;
}
.sidebar-toggle:hover {
    width: 22px;
}
/* Hover tooltip */
.sidebar-toggle::after {
    content: attr(data-title);
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
    background: #222143;
    color: #fff;
    padding: 7px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, left .2s ease;
}

/* Show tooltip */
.sidebar-toggle:hover::after {
    opacity: 1;
    visibility: visible;
    left: 25px;
}

.sidebar-toggle i {
    font-size: 12px;
    transition: transform .3s ease;
}

/* Sidebar */
@media (min-width: 768px) {
    #sidenav-main {
        transition: transform .3s ease;
    }
    #sidenav-main.sidebar-collapsed {
        transform: translateX(-100%);
    }
}

/* Main content */
.main-content {
    transition: margin-left .3s ease;
}

/* When sidebar is closed */
body.sidebar-is-collapsed .sidebar-toggle {
    left: 0;
}
body.sidebar-is-collapsed .main-content {
    margin-left: 0 !important;
}
body.sidebar-is-collapsed .sidebar-toggle i {
    transform: rotate(180deg);
}

.badge-type-simple {
    background: #3b82f6;
    color: #fff;
}

.navbar-vertical .navbar-nav .nav-item {
    position: relative;
}
.navbar-vertical .navbar-nav .nav-link.active {
    position: relative;
    z-index: 1;
    background: #ef4056;
}
.navbar-vertical .navbar-nav .nav-link.active::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    z-index: 10;
}
/* ================================
   Sidebar - Hover Scrollbar
   ================================ */

#sidenav-main {
    overflow-y: auto;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;

    transition: scrollbar-color 0.25s ease;
}

/* Chrome, Edge, Safari */
#sidenav-main::-webkit-scrollbar {
    width: 6px;
}

#sidenav-main::-webkit-scrollbar-track {
    background: transparent;
}

#sidenav-main::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 20px;
    transition: background 0.25s ease;
}

/* Show scrollbar only while hovering sidebar */
#sidenav-main:hover {
    /* Your sidebar is dark navy, so use your pink/red accent */
    scrollbar-color: #f5365c transparent;
}

#sidenav-main:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #f5365c,
        #ff6b6b
    );
}

/* Slightly brighter while actually scrolling/hovering thumb */
#sidenav-main::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #ff1744,
        #ff7676
    );
}

/* Optional: make scrollbar even more subtle */
#sidenav-main::-webkit-scrollbar-corner {
    background: transparent;
}