/* Sembunyikan scrollbar di Chrome, Safari, Edge */
::-webkit-scrollbar {
    display: none;
}

/* Sembunyikan scrollbar di Firefox */
* {
    scrollbar-width: none;
}

/* Pastikan scrolling tetap berfungsi */
html,
body {
    overflow: auto;
}

.auth.login-bg {
    background-position: center;
}

.card-mod {
    background-color: rgba(0, 0, 0, 0.8);
}

.auth .sign-up a {
    color: darkorange;
}

a {
    color: darkorange;
}

a:hover {
    color: orangered;
    text-decoration: none;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before {
    border: solid darkorange;
}

.form-check
    .form-check-label
    input[type="checkbox"]:checked
    + .input-helper:before {
    background: orange;
}

.form-check-primary.form-check
    label
    input[type="checkbox"]
    + .input-helper::before {
    border: solid darkorange;
}

.form-check-primary.form-check
    label
    input[type="checkbox"]:checked
    + .input-helper::before {
    background: orange;
}

.btn-primary:hover,
.wizard > .actions a:hover {
    background-color: orangered;
}

.btn-primary,
.wizard > .actions a {
    background-color: darkorange;
    border: none;
}

.sidebar .nav .nav-item.active > .nav-link {
    background: none;
}

.sidebar
    .nav:not(.sub-menu)
    > .nav-item:hover:not(.nav-category):not(.account-dropdown)
    > .nav-link {
    background: none;
}

.sidebar,
.content-wrapper,
.footer {
    background: rgba(0, 0, 0, 0.8);
}

.card .card-body {
    background: none;
}

.navbar,
.sidebar .sidebar-brand-wrapper {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.card {
    background: rgba(0, 0, 0, 0.5);
}

.body-bg {
    background: url("../images/auth/Login_bg.jpg");
    background-position: center;
    background-attachment: fixed;
}

.main-panel {
    padding-top: 0;
}

.input-search {
    height: calc(1.75rem + 2px);
    width: 150px;
}

.btn-action-trash {
    padding: 0.5rem !important;
    width: 40px !important;
}

.btn-action-edit {
    padding: 0.5rem !important;
    width: 40px !important;
    height: 36px !important;
}

.btn-action-trash i {
    margin: 0 !important;
}

.btn-action-edit i {
    margin: 0 !important;
}

/* DataTables */
.dataTables_wrapper .dataTables_length select {
    height: calc(1.8125rem + 2px);
    font-size: 10px;
}

.table-top {
    margin-top: 20px !important;
}

.dataTables_wrapper .dataTables_info {
    font-size: 14px;
    padding-top: 20px;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 10px;
    font-size: 14px;
}

/* Untuk WebKit (Chrome, Safari, Edge terbaru) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Untuk Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Select2 */
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    display: none !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-dropdown,
.select2-container--default .select2-selection--multiple {
    background: #2a3038;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: darkorange;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background: darkorange;
}

.mdi {
    margin-top: 3px;
}

.navbar
    .navbar-menu-wrapper
    .navbar-nav
    .nav-item.dropdown
    .dropdown-menu.navbar-dropdown
    .dropdown-item
    i {
    margin-top: 4px;
}

.detail-service {
    border: dotted thin white;
    padding: 20px 20px 0;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* PANEL */

.menu .col-3 {
    padding: 0 0 30px 0;
}

.menu p {
    color: white;
    text-align: center;
}

.listing-main-card {
    border: 1px solid orange;
    margin: 10px;
    padding: 10px;
}

.listing-main-card-header {
    background-color: orange;
    color: white;
    font-size: 12px;
}

.listing-sub-card {
    font-size: 10px;
    overflow-y: auto;
    max-height: 200px;
    padding: 10px !important;
    line-height: 2em;
    height: 100px;
}

.listing-sub-card .row {
    margin-bottom: 10px !important;
    border-bottom: thin solid orange;
}

.no-border {
    border: none !important;
}

.select2-container {
    width: 100% !important;
}

.checkout-cart {
    position: fixed;
    right: 20px;
    bottom: 50px;
}

.place-order {
    position: fixed;
    right: 20px;
    bottom: 130px;
}

.prev-button {
    position: fixed;
    left: 20px;
    bottom: 50px;
}

.icon-large {
    font-size: 24px;
    color: white;
    background-color: darkorange;
    padding: 10px;
    border-radius: 50%;
    width: 63px;
    border: none;
    box-shadow: rgba(255, 255, 255, 0.377) 0px 7px 29px 0px;
}

hr {
    border: thin solid darkorange;
    height: 1px;
}

.brand-logo,
.brand-logo-panel {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.brand-logo-panel img {
    width: 5em !important;
    height: auto;
    margin-bottom: 20px;
}

.brand-logo-title,
.card-title {
    font-size: 25px;
    color: white;
    font-weight: bold;
}

.sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo-mini img {
    width: calc(70px - 40px) !important;
}

.brand-logo-dashboard img {
    width: auto !important;
    height: auto;
}

.brand-logo-dashboard span {
    font-size: 20px;
    color: white;
    font-weight: bold;
    margin-left: 20px;
}

.card-full-height {
    height: 100vh;
}

.card-full-height .card-body {
    height: 100%;
}

.form-control:focus {
    /* background-color: #191c24 !important; */
    /* border-color: #0090e7 !important; */
    color: #ffffff !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #232529 !important;
    color: #6c7293 !important;
    cursor: not-allowed;
}