/* General Style */
.sticky-top {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1030; /* Ensures it appears above the content */
        }

h2.h2_dash {
    text-align: center;
    background-color: green;
    color: white;
    font-weight: bolder;
}



/* Admin Page */

div#admin_page_user_search {
    text-align: center;
}

div#admin_page_user_search > label {
    padding-left: 20px;
}

button#btn_update_user {
    float: right;
    margin-right: 50px;
}

span#page_login {
    text-align: center;
}


/* Device Page */
button#btn_register_device {
    float: right;
}

div#device_search {
    text-align: center;
}

div#device_search > label {
    padding-left: 20px;
}

.hidden {
    display: none;
}

.table td, .table th {
    padding: 2px !important
}

.device_inactive {
    color: white;
    width: fit-content;
    background-color: lightcoral;
    padding-left: 1px;
    border-radius: 1px;
    padding-right: 1px;
    margin: auto;
}

.device_active {
    color: white;
    width: fit-content;
    background-color: green;
    padding-left: 1px;
    border-radius: 1px;
    padding-right: 1px;
    margin: auto;
}

.device_private {
    color: lightgray;
    width: fit-content;
    background-color: dimgray;
    padding-left: 1px;
    border-radius: 1px;
    padding-right: 1px;
    margin: auto;
}

.device_public {
    color: white;
    width: fit-content;
    background-color: green;
    padding-left: 1px;
    border-radius: 1px;
    padding-right: 1px;
    margin: auto;
}



table {
    text-align: center;
}

/* Login Page */
button#btn_user_register {
    background-color: green;
    display: block;
    text-align: center;
    margin: auto;
    border-radius: 8px;
    border-color : black;
    color: white;
    font-weight: bolder;
}

span#page_login input#submit {
    background-color: green;
    border-radius: 8px;
    padding: 5px;
    COLOR: white;
    font-weight: bolder;
}


/* User Registration PAge */
span#page_registration {
    text-align: center;
}


/* Device Detail Page */
span#page_details {
    text-align: center;
}

form#device_details_form > label {
    font-weight: bolder;
    display: block;
    margin-top: 20px;
}



button#btn_device_details {
    display: block;
    text-alignt: center;
    margin: auto;
    background-color: green;
    display: block;
    text-align: center;
    margin: auto;
    border-radius: 8px;
    border-color : black;
    color: white;
    font-weight: bolder;
    margin-top: 30px;
}

button#btn_back_devices {
   margin: auto;
   text-aling: center;
   display: flex;
}

div#device_explain {
    text-align: center;
    font-style: italic;
}

iframe {
    width: 100vw;
    height: 100vh;
}

li.nav-item {
    background-color: green;
    border-radius: 10px;
    color: white;
    margin: 3px;
}

a.nav-link {
    color: white;
    font-weight: bolder;
}