/* Add here all your CSS customizations */

.admin-context-button { margin-top: -5px; margin-left: 10px; }
/*.tab-content h3 { margin-bottom: 20px;}*/
/*.dbtLabel { text-align: right; font-weight: bold;}*/
/*label { font-weight: bold; }*/

/*a.disabled {*/
/*    pointer-events: none;*/
/*}*/

div.logo-container > a.logo {
    margin-top: 0;
}

nav.nav-main > ul > li a {
    color: white;
}

nav.nav-main > ul > li a span.active {
    color: #0ab1f4;
}

/* Skin Edits */

html .bg-grey,
html .background-color-grey {
    background-color: #ececec !important;
}

select:hover {
    cursor: pointer;
}

input:active, input:focus { outline: none; }

#mainNav .dropdown-menu {
    width: auto;
    min-width: 260px !important;
    white-space: nowrap;
}

#mainNav .dropdown-menu li a {
    min-width: 200px !important;
}

/* Loading Spinner - get rid of the bootstrap5 one */

div.dataTables_processing {
    width: auto !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;
    padding: 4px 10px !important;
}

div.dataTables_processing > div:last-child {
    display: none !important;
}

/* Layout Base - Content Body */
.content-body {
    padding: 20px;
}

#tab .nav-link {
    cursor: pointer;
}


/* Order Status */
.ecommerce-status {
    display: flex;
    align-items: center;
}

.ecommerce-status:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #CCC;
    margin-right: 8px;
    margin-right: 0.5rem;
}

.ecommerce-status.on-hold:before {
    background-color: #f8dda7;
}

.ecommerce-status.pending:before {
    background-color: #ffc649;
}

.ecommerce-status.processing:before, .ecommerce-status.active:before {
    background-color: #bfbfbf;
}

.ecommerce-status.completed:before {
    background-color: #68a331;
}

.ecommerce-status.cancelled:before, .ecommerce-status.no-active:before {
    background-color: #d76969;
}

.ecommerce-status.refunded:before {
    background-color: #7ac0ca;
}

.ecommerce-status.failed:before, .ecommerce-status.has-errors:before {
    background-color: #ce4545;
}

/* subscription Status */
.subscription-status {
    display: flex;
    align-items: center;
}

.subscription-status:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #CCC;
    margin-right: 8px;
    margin-right: 0.5rem;
}

.subscription-status.cancel-pending:before {
    background-color: rgba(186, 102, 214, 0.94);
}

.subscription-status.past-due:before {
    background-color: #df960a;
}

.subscription-status.active:before {
    background-color: #5fbe5f;
}

.subscription-status.expired:before, .subscription-status.cancelled:before {
    background-color: #d76969;
}

.page-header .advanced-search {
    display: inline-block;
    line-height: 50px;
}

.page-header .advanced-search span {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

/* Layout Base - Sidebar Left overrides */

.sidebar-left {
    width: 200px;
}

html.fixed .page-header {
    left: 200px;
}

html.fixed .content-body {
    margin-left: 200px;
}

html.fixed.sidebar-right-opened .sidebar-left {
    left: -200px;
}
/* Layout Fixed - Sidebar Left Collapsed & Sidebar Right Opened */
html.fixed.sidebar-left-collapsed.sidebar-right-opened .page-header {
    left: -200px;
}


:root {
    --search-box-color: #4e4e4e;
}

.search-box input.form-control {

}

.search-box .form-control::placeholder {

}

.search-box button {

}

.search-box button:hover {

}

.search-box i {
    color: #969696FF;
}