@import url("../icons/bootstrapicons/bootstrap-icons.css");
@import url("../icons/glyphicons/glyphicon.css");
@import url("../icons/ionicons/ionicons.css");
@import url("../icons/linearicons/Linearicons.css");
@import url("../icons/materialdesignicons/materialdesignicons.css");
@import url("../icons/pe-icon-7-stroke/Pe-icon-7.css");
@import url("../icons/simple-line-icons/simple-line-icons.css");
@import url("../icons/themify/themify.css");
@import url("../icons/typicons/typicons.css");
@import url("../icons/weathericons/weathericons.css");
@import url("../icons/remixicon/remixicon.css");
@import url("./sidebar.css");
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');

body {
    background-color: white;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

#clock {
    position: absolute;
    top: 56%;
    left: 160px;
    transform: translateX(-50%) translateY(-50%);
    color: #F8655B;
    /* font-family: Orbitron; */
    letter-spacing: 4px;
    font-size: 20px;
    font-weight: 700;
}

#wrapper {
    overflow-x: hidden;
}

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -13rem;
    transition: margin 0.25s ease-out;
}

#sidebar-wrapper .custom-sidebar {
    width: 13rem;
}

#page-content-wrapper {
    min-width: 100vw;
}

body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: 0;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
        margin-left: -13rem;
    }
}

.row-menu:after {
    display: none !important;
}

.bg-danger {
    color: white !important;
    background-color: #FD2012 !important;
}

.alert {
    padding: 9px;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.8rem 1rem;
}

.page-link,
.page-link:hover {
    color: #FD2012;
}

.page-link.active,
.active>.page-link,
.page-link.active:hover {
    z-index: 3;
    color: white !important;
    background-color: #FD2012;
    border-color: #FD2012;
}

.dropdown-item.active,
.dropdown-item:active {
    color: white !important;
    text-decoration: none;
    background-color: #FD2012;
}

.btn-outline-danger {
    color: #FD2012;
    border: var(--bs-btn-border-width) solid #FD2012;
}

.btn-outline-danger:hover,
.btn-outline-danger:active {
    background-color: #FD2012;
}

.action-icon {
    margin-right: 2px;
}

.btn-icon {
    margin-right: 3px;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
    color: white !important;
    background-color: #FD2012;
}

.invalid-feedback {
    display: block !important;
}
.text-danger{
    color: #FD2012;
}
.bg-background{
    background-image: url('../img/background.jpg');
    background-repeat: no-repeat;
    background-size: inherit;
}
.card-opaque{
    opacity: 0.9;
    top: 20%;
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 3px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 14px;
    border-radius: 10px;
    font-size: 13px;
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}