.content-header {
    padding: 15px 0.5rem 0px 0.5rem;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
/* Most pages float the breadcrumb (float-sm-left); wrap it so the divider sits below it and the page title starts on its own line */
.content-header::after {
    content: "";
    display: block;
    clear: both;
}
.vs--searchable .vs__dropdown-toggle{ height: 38px;}
table.pretty {
    width: 100%;
}
.close{
    color: #fff;
    opacity: 1 !important;
    padding-left: 17px !important;
    margin-top: -3px;
}
.alert {
    right: 0;
    position: absolute;
    z-index: 99;
}
.btn-outline-light{
    border: 1px solid #dadada;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: #EBA24D !important;
}
.card-header{background-color: #eee !important;}
.list-group-item.active{
    background-color: inherit !important;
    color: #EBA24D !important;
}
.main-header .dropdown-menu .svg-inline--fa{
    vertical-align: 2px !important;
    height: 8px !important;
}
.dropdown-menu-right{margin-top: 8px;}
.content-wrapper>.content{padding: 0px 30px !important;}
.dropdown-menu.border-0.shadow{margin-top: 10px;}
.topbar{
    background: #3e3c87;
}
.navbar-light .navbar-nav .nav-link{
    color: #fff;
}
table.pretty th, table.pretty td {
    border: 1px solid gainsboro;
    padding: 0.2em;
}

table.pretty caption {
    font-style: italic;
    font-weight: bold;
    margin-left: inherit;
    margin-right: inherit;
}

table.pretty thead tr th {
    border-bottom: 2px solid;
    font-weight: bold;
    text-align: center;
}

table.pretty thead tr th.empty {
    border: 0 none;
}

table.pretty tfoot tr th {
    border-bottom: 2px solid;
    border-top: 2px solid;
    font-weight: bold;
    text-align: center;
}

table.pretty tbody tr th {
    text-align: center;
}

table.pretty tbody tr td {
    border-top: 1px solid;
    text-align: center;
}

table.pretty tbody tr.odd td {
    background: none repeat scroll 0 0 #EBF4FB;
}

table.pretty tbody tr.even td {
    background: none repeat scroll 0 0 #BCEEEE;
}

table.pretty thead tr th.highlightcol {
    border-color: #2E6E9E #2E6E9E gainsboro;
    border-style: solid;
    border-width: 2px 2px 1px;
}

table.pretty tfoot tr th.highlightcol {
    border-left: 2px solid #2E6E9E;
    border-right: 2px solid #2E6E9E;
}

table.pretty thead tr th.lefthighlightcol, table.pretty tbody tr td.lefthighlightcol, table.pretty tfoot tr th.lefthighlightcol {
    border-left: 2px solid #2E6E9E;
}

table.pretty thead tr th.righthighlightcol, table.pretty tbody tr td.righthighlightcol, table.pretty tfoot tr th.righthighlightcol {
    border-right: 2px solid #2E6E9E;
}

table.pretty thead tr th.lefthighlightcolheader, table.pretty tbody tr td.lefthighlightcolheader, table.pretty tfoot tr th.lefthighlightcolheader {
    border-left: 2px solid #2E6E9E;
}

table.pretty thead tr th.righthighlightcolheader, table.pretty tbody tr td.righthighlightcolheader, table.pretty tfoot tr th.righthighlightcolheader {
    border-right: 2px solid #2E6E9E;
}

.strikethrough {
    text-decoration: line-through;
    color: red;
}

.month, .year {
    margin: 2px;
}

caption, th {
    text-align: left;
}
.form-control{padding: 5px !important;}
.table td, .table th{ padding: 5px !important;}
.card-body{padding: 5px;}
.font-11{
    font-size: 11px;
}

.style-0 {
    empty-cells: show;
    table-layout: fixed;
    width: 1315pt
}

.style-1 {
    color: white;
    padding-left: 10pt;
    font-size: 14pt;
    font-family: "Arial";
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    word-spacing: 0pt;
    letter-spacing: 0pt;
    background-color: #339933
}


.opacity-75 {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
.opacity-50 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.opacity-25 {
    opacity: 0.25;
    filter: alpha(opacity=25);
}
.opacity-0 {
    opacity: 0;
    filter: alpha(opacity=0);
}
.no-edge-top {
    top: 0;
}
.no-edge-bottom {
    bottom: 0;
}
.no-edge-left {
    left: 0;
}
.no-edge-right {
    right: 0;
}
.user_name{
    font-size:14px;
    font-weight: bold;
}
.comments-list .media{
    border-bottom: 1px dotted #ccc;
}


/* Wrapper center */
.dataTables_paginate {
    margin-top: 15px;
    text-align: center;
}

/* Pagination container */
.dataTables_paginate .pagination {
    justify-content: center;
    gap: 6px;
}

/* Page buttons */
.dataTables_paginate .page-item .page-link {
    border-radius: 10px;
    border: none;
    padding: 8px 14px;
    color: #555;
    background: #f1f3f5;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
}

/* Hover effect */
.dataTables_paginate .page-item .page-link:hover {
    background: #9C6F48;
    color: #fff;
}

/* Active page */
.dataTables_paginate .page-item.active .page-link {
    background: #9C6F48;
    color: #fff;
    box-shadow: 0 3px 8px rgba(120,60,10,0.3);
}

/* Disabled */
.dataTables_paginate .page-item.disabled .page-link {
    background: #e9ecef;
    color: #aaa;
    cursor: not-allowed;
}

/* Previous / Next special */
.dataTables_paginate .page-item.previous .page-link,
.dataTables_paginate .page-item.next .page-link {
    font-weight: 600;
    border-radius: 20px;
}
div.dataTables_wrapper div.dataTables_length select{
    width: 55px !important;
}
/* ============================================================
   Main sidebar menu (themes/adminlte/views/menu/admin.blade.php)

   One layout for every color scheme; each scheme only sets the
   --sb-* color tokens below. Scheme comes from the setting
   "core.menu_color_scheme":
     Default           → .sb-default        (AdminLTE navy)
     Alternate (White) → .sb-white
     Logo (Orange)     → .skin-logo-orange
     Purple            → .skin-purple

   Selectors start with .main-sidebar.sb so they outrank AdminLTE's
   own dark-skin rules, e.g. [class*=sidebar-dark-] .nav-treeview>
   .nav-item>.nav-link.active (0,4,0). The brand background needs
   !important to beat .layout-navbar-fixed .wrapper .sidebar-dark-primary
   .brand-link:not([class*=navbar]).
   ============================================================ */

.main-sidebar.sb.sb-default {
    --sb-bg: #3e3c87;
    --sb-brand-bg: #37357a;
    --sb-border: rgba(255, 255, 255, .08);
    --sb-text: rgba(255, 255, 255, .78);
    --sb-text-strong: #fff;
    --sb-muted: rgba(255, 255, 255, .5);
    --sb-hover: rgba(255, 255, 255, .08);
    --sb-open: rgba(255, 255, 255, .06);
    --sb-active: #eba24d;
    --sb-active-text: #fff;
    --sb-guide: rgba(255, 255, 255, .14);
    --sb-input: rgba(255, 255, 255, .10);
    --sb-input-focus: rgba(255, 255, 255, .16);
}
.main-sidebar.sb.sb-white {
    --sb-bg: #fff;
    --sb-brand-bg: #fff;
    --sb-border: #ececf3;
    --sb-text: #4b5563;
    --sb-text-strong: #17163a;
    --sb-muted: #9ca3af;
    --sb-hover: #f2f2fa;
    --sb-open: #f6f6fb;
    --sb-active: #2b2a6b;
    --sb-active-text: #fff;
    --sb-guide: #e5e7eb;
    --sb-input: #f3f4f6;
    --sb-input-focus: #fff;
    border-right: 1px solid #ececf3;
    box-shadow: 2px 0 8px rgba(23, 22, 58, .03) !important;
}
.main-sidebar.sb.skin-logo-orange {
    --sb-bg: #f26522;
    --sb-brand-bg: #d9541a;
    --sb-border: rgba(255, 255, 255, .16);
    --sb-text: rgba(255, 255, 255, .92);
    --sb-text-strong: #fff;
    --sb-muted: rgba(255, 255, 255, .72);
    --sb-hover: rgba(255, 255, 255, .15);
    --sb-open: rgba(0, 0, 0, .10);
    --sb-active: #1d69a4;
    --sb-active-text: #fff;
    --sb-guide: rgba(255, 255, 255, .30);
    --sb-input: rgba(255, 255, 255, .18);
    --sb-input-focus: rgba(255, 255, 255, .26);
}
.main-sidebar.sb.skin-purple {
    --sb-bg: #4b3f8f;
    --sb-brand-bg: #423578;
    --sb-border: rgba(255, 255, 255, .12);
    --sb-text: #e4e1f5;
    --sb-text-strong: #fff;
    --sb-muted: #b8aede;
    --sb-hover: rgba(255, 255, 255, .10);
    --sb-open: rgba(255, 255, 255, .06);
    --sb-active: #7466d6;
    --sb-active-text: #fff;
    --sb-guide: rgba(255, 255, 255, .16);
    --sb-input: rgba(255, 255, 255, .10);
    --sb-input-focus: rgba(255, 255, 255, .16);
}

/* ---------- Shell & brand ---------- */
.main-sidebar.sb {
    background-color: var(--sb-bg) !important;
}
.main-sidebar.sb .brand-link {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--sb-brand-bg) !important;
    border-bottom: 1px solid var(--sb-border) !important;
    padding: 14px 16px;
    white-space: nowrap;
    overflow: hidden;
}
.main-sidebar.sb .brand-image {
    float: none;
    max-height: 34px;
    width: auto;
    margin: 0;
    border-radius: 6px;
    box-shadow: none;
}
.main-sidebar.sb .brand-image-icon {
    font-size: 22px;
    color: var(--sb-text-strong);
}
.main-sidebar.sb .brand-text {
    color: var(--sb-text-strong) !important;
    font-weight: 700;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---------- Search ---------- */
.main-sidebar.sb .sidebar {
    padding: 0 10px 16px;
}
.main-sidebar.sb .sb-search {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--sb-bg);
    padding: 12px 0 8px;
}
.main-sidebar.sb .sb-search input {
    width: 100%;
    height: 36px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: var(--sb-input);
    color: var(--sb-text-strong);
    padding: 0 30px 0 34px;
    font-size: 13.5px;
    outline: none;
    transition: background .15s, border-color .15s;
}
.main-sidebar.sb .sb-search input::placeholder {
    color: var(--sb-muted);
}
.main-sidebar.sb .sb-search input:focus {
    background: var(--sb-input-focus);
    border-color: var(--sb-guide);
}
.main-sidebar.sb .sb-search input::-webkit-search-cancel-button {
    filter: grayscale(1);
    cursor: pointer;
}
.main-sidebar.sb .sb-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: 2px;
    transform: translateY(-50%);
    color: var(--sb-muted);
    font-size: 13px;
    pointer-events: none;
}
.main-sidebar.sb .sb-search-kbd {
    position: absolute;
    right: 9px;
    top: 50%;
    margin-top: 2px;
    transform: translateY(-50%);
    background: transparent;
    border: 1px solid var(--sb-guide);
    border-radius: 4px;
    color: var(--sb-muted);
    font-size: 11px;
    line-height: 1;
    padding: 2px 6px;
    box-shadow: none;
    pointer-events: none;
}
.main-sidebar.sb .sb-search input:focus ~ .sb-search-kbd,
.main-sidebar.sb .sb-search input:not(:placeholder-shown) ~ .sb-search-kbd {
    display: none;
}

/* ---------- Section headers ---------- */
.main-sidebar.sb .nav-sidebar .nav-header {
    color: var(--sb-muted) !important;
    background: transparent;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 16px 12px 6px;
}

/* ---------- Links ---------- */
.main-sidebar.sb .nav-sidebar .nav-item {
    margin: 0 0 2px;
}
.main-sidebar.sb .nav-sidebar .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--sb-text) !important;
    background: transparent;
    font-size: 14px;
    line-height: 1.35;
    box-shadow: none !important;
    transition: background-color .15s, color .15s;
}
.main-sidebar.sb .nav-sidebar .nav-link p {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    padding-right: 18px;
}
.main-sidebar.sb .nav-sidebar > .nav-item > .nav-link .nav-icon {
    flex: 0 0 22px;
    width: 22px;
    margin: 0 10px 0 0;
    font-size: 15px !important;
    text-align: center;
    color: inherit;
    opacity: .85;
}
.main-sidebar.sb .nav-sidebar .nav-link .right {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    font-size: 12px;
    opacity: .6;
    transition: transform .2s ease;
}
.main-sidebar.sb .nav-sidebar .menu-open > .nav-link .right,
.main-sidebar.sb .nav-sidebar .menu-is-opening > .nav-link .right {
    transform: rotate(90deg);
}

.main-sidebar.sb .nav-sidebar .nav-link:hover,
.main-sidebar.sb .nav-sidebar .nav-link:focus-visible {
    background-color: var(--sb-hover) !important;
    color: var(--sb-text-strong) !important;
}
.main-sidebar.sb .nav-sidebar .nav-link:focus-visible {
    outline: 2px solid var(--sb-text-strong);
    outline-offset: -2px;
}

/* Open group: a quiet tint, so it never looks like the current page */
.main-sidebar.sb .nav-sidebar > .nav-item.menu-open > .nav-link {
    background-color: var(--sb-open) !important;
    color: var(--sb-text-strong) !important;
    font-weight: 600;
}

/* Current page: the one strong fill in the menu */
.main-sidebar.sb .nav-sidebar > .nav-item > .nav-link.active,
.main-sidebar.sb .nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    background-color: var(--sb-active) !important;
    color: var(--sb-active-text) !important;
    font-weight: 600;
}
.main-sidebar.sb .nav-sidebar .nav-link.active .nav-icon {
    opacity: 1;
}

/* ---------- Sub-menu ---------- */
.main-sidebar.sb .nav-sidebar .nav-treeview {
    position: relative;
    margin: 2px 0 6px;
    padding: 0 0 0 21px !important;
    background: transparent;
}
.main-sidebar.sb .nav-sidebar .nav-treeview::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: var(--sb-guide);
}
.main-sidebar.sb .nav-sidebar .nav-treeview > .nav-item {
    margin: 0 0 1px;
}
.main-sidebar.sb .nav-sidebar .nav-treeview > .nav-item > .nav-link {
    padding: 7px 10px 7px 20px;
    font-size: 13.5px;
}
.main-sidebar.sb .nav-sidebar .nav-treeview .nav-link p {
    padding-right: 0;
}
.main-sidebar.sb .sb-dot {
    position: absolute;
    left: -2px;
    top: 50%;
    width: 7px;
    height: 7px;
    margin-top: -3.5px;
    border-radius: 50%;
    background: var(--sb-bg);
    border: 1.5px solid var(--sb-guide);
    transition: border-color .15s, background-color .15s;
}
.main-sidebar.sb .nav-treeview .nav-link:hover .sb-dot {
    border-color: var(--sb-text-strong);
}
.main-sidebar.sb .nav-treeview .nav-link.active .sb-dot {
    background: var(--sb-active-text);
    border-color: var(--sb-active-text);
}

/* ---------- Empty search result ---------- */
.main-sidebar.sb .sb-empty {
    list-style: none;
    color: var(--sb-muted);
    text-align: center;
    padding: 24px 12px;
    font-size: 13.5px;
}
.main-sidebar.sb .sb-empty i {
    display: block;
    font-size: 22px;
    margin-bottom: 8px;
}

/* ---------- Scrollbar ---------- */
.main-sidebar.sb .sidebar {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-guide) transparent;
}
.main-sidebar.sb .sidebar::-webkit-scrollbar {
    width: 6px;
}
.main-sidebar.sb .sidebar::-webkit-scrollbar-thumb {
    background: var(--sb-guide);
    border-radius: 3px;
}

/* ---------- Collapsed (mini) sidebar ---------- */
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .sb-search,
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .nav-header,
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .nav-treeview,
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .sb-empty {
    display: none !important;
}
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .sidebar {
    padding: 8px 6px;
}
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .nav-sidebar .nav-link {
    justify-content: center;
    padding: 10px 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .nav-sidebar > .nav-item > .nav-link .nav-icon {
    margin: 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .nav-sidebar .nav-link p {
    display: none;
}
/* In mini mode the open group is the only hint of where you are */
.sidebar-mini.sidebar-collapse .main-sidebar.sb:not(:hover) .nav-sidebar > .nav-item.menu-open > .nav-link {
    background-color: var(--sb-active) !important;
    color: var(--sb-active-text) !important;
}