/* Global Styles */
:root {
    --primary-color: #ED1C24;
    --secondary-color: #364151;
    --background-color: #f7f8fa;
    --text-color: #222222;
    --white: #FFFFFF;
}

/* Hide scrollbar for Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Firefox */
* {
    scrollbar-width: none;
    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
}


/* Hide Scrollbar */
body::-webkit-scrollbar {
    display: none;
}

/* body {
    background-color: #e6e6e6;
    -ms-overflow-style: none;
    scrollbar-width: none;
} */

.img-logo {
    max-width: 150px;
    height: auto;
}
/* Navbar
.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
    padding: 15px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;


    .navbar-brand {
        font-family: 'Ubuntu', sans-serif;
        font-size: 30px;
        color: var(--primary-color);
        text-decoration: none;
    }

    .nav-links {
        margin-left: auto;
    }

    .options {
        font-size: 20px;
        color: var(--secondary-color);
        text-decoration: none;
        margin-right: 20px;
    }

    .user-info {
        display: flex;
        align-items: center;
    }

    .hello-msg {
        font-size: 18px;
        margin-right: 15px;
        color: var(--text-color);
    }

    .logout {
        font-size: 18px;
        color: var(--text-color);
        text-decoration: none;
    }

    .logout:hover,
    .options:hover {
        color: var(--primary-color);
    }

}
*/

.align-item{
    display:flex;
    align-items:center;
    justify-content:center;

}

.actions{
    height:22px;
}