@import url("/css/bg-img.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");

    @import url("/css/dark.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");
    :root {
    --theme-primary-rgb: 0,0,0;
    --theme-secondary-rgb: 98,98,98;

    --theme-bg-page-rgb: 0,0,0;
    --theme-bg-primary-rgb: 28,28,28;
    --theme-bg-secondary-rgb: 28,28,28;

                --theme-bg-image-url: url(https://i.postimg.cc/K4SV1Yh4/3d1c30-3527a35f29624101a2700292a182808f-mv2.gif);
    }

    :root {
        --theme-opacity: 0.45;
    }

    .navbar-primary {
        backdrop-filter: blur(10px);
    }

    :root {
        --theme-gradient: rgba(var(--theme-primary-rgb), var(--theme-opacity));
    }


    .title {
        font-weight: 900;
        text-transform: uppercase;
    }

    .page-header {
        text-align: center;
    }

    :root {
        --theme-border-radius: 0.92rem;
    }

    .btn, .badge, .card,
    div.table-responsive,
    .form-control, .form-select,
    .form-switch .form-check-input,
    .text-editor .toolbar-bubble .toolbar,
    .modal-content,
    .input-group-text,
    .page-item .page-link.page-link, .page-item span,
    .btn-group > .btn,
    .input-group > .form-control,
    .input-group > .form-select,
    .input-group > .input-group-text,
    .input-group > .btn,
    div.swal2-popup, button.swal2-styled.swal2-styled, .swal2-input, .swal2-select,
    .ace_editor {
        border-radius: var(--theme-border-radius);
    }

    .card-img-top {
        border-top-left-radius: calc(var(--theme-border-radius) - 1px);
        border-top-right-radius: calc(var(--theme-border-radius) - 1px);
    }

    .table {
        margin-bottom: 0;
    }

    .table-responsive {
        margin-bottom: 1rem;
    }

            .page-item .page-link {
            height: 35px;
            width: 35px;
            margin: 0 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    


	/* Dropdown Menu Styles */
.dropdown-menu,
.dropdown-menu .dropdown-item {
    background-color: rgba(0, 0, 0, 0.8) !important; 
    color: #ff7a00;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.title-main {
    font-size: 8em;
}
.parallax {
    background-image: url('');

    background-color: rgba(0, 0, 0, 0) !important; 

}
.dropdown-menu .dropdown-item:hover {
    background-color: rgba(255, 115, 0, 0.5) !important; /* Lighter on hover */
}
.text-muted {
    color: rgba(255, 115, 0, 1) !important;
}
/* Navbar Styles */
.navbar {
    background-color: rgba(0, 0, 0, 0.3) !important; /* Black with slight transparency for depth */
}
.bottom-navbar {
  background-color: rgba(0, 0, 0, 0) !important; /* Set the background color to transparent */
}

/* Transparent Background Styles for Various Elements */
.card-body,
.card,
.table,
.page-link,
.input-group-text,
.alternatebg:nth-child(even) {
    background-color: rgba(0, 0, 0, 0) !important; /* Slight transparency for a layered feel */
}

/* Title Image Sizing */
.title-main img {
    width: 75rem;
}

@media screen and (max-width: 900px) {
    .title-main img {
        width: 75%;
    }
}

/* Styling for Card, Progress Bars, etc. */
.card,
.card-body,
.card-img-top,
.progress,
.progressbar {
    border-radius: 6px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.6); /* Black shadow for depth */
    border-color: rgba(255, 115, 0, 1) !important; /* Orange border for contrast */
    background: rgba(0, 0, 0, 0.5) !important; /* Orange with transparency */
}

/* Hover Effects for Buttons and Dropdown Items */
.btn-outline-custom:hover,
.dropdown-item:hover {
    background-color: #ff7a00 !important; /* Darker orange for hover effect */
}

.bg-wrapper,
.bg-custom {
    opacity: 1.0;
    background-color:  #ff7a00 !important; /* Solid orange */
}

.bg-overlay,
.bg-img {
    position: fixed;
    top: 0;
    left: 0; /* Added to ensure full horizontal coverage */
    z-index: -1;
    height: 100vh;
        background-color: rgba(0, 0, 0, 0.4) !important; /* Slight transparency for a layered feel */

    width: 100vw;
    background-image: url('');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Form control */
input.form-control .form-control .border-custom, input.border-custom, select.border-custom, .input-group-text, .form-control, .form-select {
    border-color: #AEAEAE !important;
    background: transparent !important;
    color: #AEAEAE;
}

.input-group :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-color: #AEAEAE !important;
}

.form-control::-webkit-input-placeholder { color:#fff; }
.form-control::-webkit-input-active { color:#fff; }
.input-group::-webkit-input-placeholder { color:#fff; }
.input-group::-webkit-input-active { color:#fff; }
.border-custom::-webkit-input-placeholder { color:#fff; }
.border-custom::-webkit-input-active { color:#fff; }

.btn-outline-custom, .btn-outline-custom:active, .btn-outline-custom:visited {
    color: #AEAEAE;
    border-color: #ff7a00;
}

.btn-outline-custom:hover {
    background-color: #ff7a00;
    color: #000000;
}

/*header & footer*/
.page-header, .bg-primary {
    background:rgba(0, 0, 0, 0.5) !important;
}

.footer{
   background-color:rgba(0, 0, 0, 0.5) !important;
}