/* Author: Kobaltium */
/* Created: 06/10/2021 */
/* Edited: 05/06/2022 */

body {
    margin: 0;
    font-family: sans-serif;
}

.page_content {
    padding: 20px;
    height: calc(96vh - 3px);
    /*height: 100%;*/
    background: var(--background_page);
}

.main_content {
    padding: 10px;
    background: var(--background_main);
    border-radius: 10px;
}

table {
    width: 100%;
    border-spacing: 0px;
}

thead {
    background: gainsboro;
}

th, td {
    padding: 7px;
}

/* Start Column width */
.col-5 {
    width: 5%;
}

.col-10 {
    width: 10%;
}

.col-15 {
    width: 15%;
}

.col-25 {
    width: 25%;
}

.col-33 {
    width: 33.33%;
}

.col-50 {
    width: 50%;
}

.col-70 {
    width: 70%;
}

.col-75 {
    width: 75%;
}

.col-80 {
    width: 80%;
}
/* End Column width */

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

/* Start Single cursors */
.interactable {
    cursor: pointer;
}
/* End Single cursors */

/* Start Layout manager */
.flexible {
    display: flex;
}
/* End Layout manager*/

input[type="button"] {
    border: 1px solid white;
    border-radius: 10px;
    padding: 10px;
    background: forestgreen;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: 250ms;
}

input[type="button"]:not([disabled]):hover {
    border: 1px solid forestgreen;
    background: white;
    color: forestgreen;
}

input[type="button"][disabled] {
    background: #777;
    color: gainsboro;
    cursor: not-allowed;
}

/* Text fields */
textarea, input[type='text'] {
    border-radius: 4px;
    border: 0;
    padding: 5px;
}

.hidden {
    display: none;
}

/* Table management */
th, td {
    line-height: 22px;
}

th.date {
    width: 100px;
}

/* Button: Edit profile / View profile */
#go_edit_profile, #go_view_profile {
    background: var(--background-label);
    border-radius: 10px;
    padding: 7px 10px;
    width: 26px;
    height: 32px;
    cursor: pointer;
    margin: 0 10px 0 auto;
}

/* Button: Go home */
#go_home {
    background: var(--background-label);
    border-radius: 10px;
    padding: 7px 10px;
    width: 26px;
    height: 32px;
    cursor: pointer;
}

/* Top bar */
#top_bar {
    /* Gestione ombra */
    box-shadow: 0px -4px 5px 5px black;
    z-index: 10;
    position: relative;
    /* Fine Gestione ombra */
    padding: 8px;
    height: 19px;
    background: var(--primary_color);
    color: white;
}

#top_info_user {
    margin-top: -5px;
    padding: 5px;
    background: var(--secondary_color);
    border-radius: 5px;
}