#admin-window{
    display:none;
}

/*--Admin Panel Head---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.admin-window-head{
    border-bottom:var(--border-thin) solid rgb(60, 0, 5);
    background-color:rgb(120, 35, 55);
    height:clamp(3.5rem, 5vw, 4.5rem);
    width:100%;

    justify-content:center;
    align-items:flex-end;
    display:flex;
}
#admin-exit{
    font-size:calc(var(--button-font-size) * 0.75);
    height:calc(var(--button-height) * 0.75);
    position:absolute;
    aspect-ratio:auto;
    right:0.5rem;
    top:0.5rem;
    max-width:12vw;
    width:fit-content;
}
.admin-tab{
    border-right:var(--border-thin) solid rgb(60, 0, 5);
    border-left:var(--border-thin) solid rgb(60, 0, 5);
    border-top:var(--border-thin) solid rgb(60, 0, 5);
    height:calc(clamp(3.5rem, 5vw, 4.5rem) * 0.75);
    font-size:var(--button-font-size);
    border-top-right-radius:min(1vh, 1vw);
    border-top-left-radius:min(1vh, 1vw);
    background-color:rgb(135, 50, 70);
    margin-right:2vw;
    margin-left:2vw;
    cursor:pointer;
    width:20vw;

    justify-content:center;
    align-items:center;
    overflow:hidden;
    display:flex;
}
.admin-tab-selected{
    background-color:rgb(155, 70, 90);
    transform:translateY(calc(min(0.35vh, 0.5vw) + 2px));
    padding-bottom:calc(min(0.35vh, 0.5vw) + 2px);
    cursor:default;
}

/*--Admin Panel Body---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.admin-window-body{
    height:calc(100% - clamp(3.5rem, 5vw, 4.5rem) - min(0.35vh, 0.5vw));
    background-color:rgb(155, 70, 90);
    position:absolute;
    width:100%;
}
.admin-window-body-screen{
    background-color:rgb(155, 70, 90);
    position:absolute;
    display:none;
    height:100%;
    width:100%;
    left:0px;
    top:0px;
}
.admin-list-holder{
    transform:translate(-50%);
    height:calc(100% - 3vh);
    padding-bottom:3rem;
    margin-top:1rem;
    margin-left:50%;
    
    overflow-x:hidden;
    overflow-y:auto;
}

#history-list-holder{
    width:90vw;
}
#schools-list-holder{
    width:40vw;
}
#user-list-holder{
    width:60vw;
}

/*--Admin List Item----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.admin-list-item{
    border:var(--border-thin) solid rgb(60, 0, 5);
    background-color:rgb(135, 50, 70);
    width:calc(100% - min(4vh, 4vw));
    border-radius:min(1vh, 1vw);
    margin-left:var(--border-radius);
    margin-top:var(--border-radius);
}
.admin-list-data{
    justify-content:flex-start;
    align-items:center;
    display:flex;

    height:5vh;
    width:100%;
}
.admin-list-data-tall{
    height:15vh;
}
.admin-list-data-title{
    justify-content:flex-start;
    align-items:center;
    display:flex;

    height:calc(100% - 1vh);
    padding-left:1vh;
    padding-top:1vh;
    font-size:2vh;
    width:18vh;
}
.admin-list-data-value{
    justify-content:flex-start;
    align-items:flex-start;
    display:flex;

    height:calc(100% - 1vh);
    width:calc(100% - 18vh);
    padding-left:1vh;
    padding-top:1vh;
    font-size:2vh;
}
.admin-list-data-value-labels{
    justify-content:flex-start;
    align-items:center;
    display:flex;
   
    margin-left:19.5vh;
    width:35vh;
    height:4vh;
}
.admin-list-data-value-label{
    justify-content:flex-start;
    align-items:flex-end;
    display:flex;

    font-size:2vh;
    height:100%;
    width:25%;
}
input[type=text].admin-list-input, input[type=date].admin-list-input{
    border:var(--border-thin) solid rgb(60,0,5);
    width:calc(100% - 2.5vh);
    border-radius:1vh;
    padding-left:1vh;
    text-align:left;
    font-size:2vh;
    height:3vh;
}
select.admin-list-select{
    border:var(--border-thin) solid rgb(60, 0, 5);
    border-radius:1vh;
    padding-left:1vh;
    margin-left:0px;
    text-align:left;
    font-size:2vh;
    height:3.5vh;
    width:calc(100% - 1vh);
}
.admin-list-buttons{
    justify-content:center;
    align-items:center;
    display:flex;

    padding-bottom:1vh;
    margin-top:3vh;
    height:5vh;
    width:100%;
}
.admin-list-button{
    font-size:2vh;
    margin-right:1vh;
    margin-left:1vh;
    height:4vh;
    width:10vh;
}
.admin-add-button{
    background-color:rgb(100,10,25);
    transform:translate(-50%,0px);
    color:rgb(230,220,200);
    margin-left:50%;
    margin-top:3vh;
    font-size:5vh;
    height:5vh;
    width:5vh;

    justify-content:center;
    font-family:"Arial";
    align-items:center;
    font-weight:bold;
    cursor:pointer;
    outline:none;
    display:flex;

    border-radius:100%;
    border-top:var(--border-thin) solid rgb(110,20,35);
    border-left:var(--border-thin) solid rgb(110,20,35);
    border-right:var(--border-thin) solid rgb(90,0,15);
    border-bottom:var(--border-thin) solid rgb(90,0,15);
}
.admin-add-button:hover{
    transform:translate(-50%,-1px);
}
.admin-add-button:active{
    transform:translate(-50%,1px);
}

/*--Admin Filter-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.admin-filter-holder{
    border:var(--border-thin) solid rgb(60, 0, 5);
    background-color:rgb(135, 50, 70);
    border-radius:min(1vh, 1vw);
    left:min(1vh, 1vw);
    top:min(1vh, 1vw);
    position:absolute;

    width:calc(20vw - var(--border-radius));
    padding-bottom:min(1vh, 1vw);
    max-width:min(35vh, 35vw);
}
.admin-filter-title{
    height:calc(clamp(0.875rem, 1.575vw, 1.4rem) + var(--border-radius));
    font-size:calc(var(--button-font-size) * 0.75);
    width:100%;

    justify-content:center;
    align-items:center;
    display:flex;
}
.admin-filter-select-holder{
    height:calc(100% - calc(clamp(0.875rem, 1.575vw, 1.4rem) + var(--border-radius)));
    width:100%;

    justify-content:center;
    align-items:center;
    position:relative;
    display:flex;
}
select.admin-filter{
    border:var(--border-thin) solid rgb(60, 0, 5);
    font-size:clamp(0.875rem, 1.575vw, 1.4rem);
    max-width:calc(100% - min(1vh, 1vw));
    border-radius:min(1vh, 1vw);
    width:90%;
}
.admin-CSV-holder{
    position:absolute;
    width:calc(20vw - var(--border-radius) + min(0.35vh, 0.5vw) * 2);
    top:calc(clamp(0.875rem, 1.575vw, 1.4rem) * 4.75);
    max-width:min(35vh, 35vw);
    left:min(1vh, 1vw);

    justify-content:center;
    flex-direction:column;
    align-items:center;
    display:none;
}
.admin-CSV-holder > *{
    font-size:calc(var(--button-font-size) * 0.75);
    height:calc(var(--button-height) * 0.75);
    margin-bottom:0.5rem;
    max-width:min(35vh, 35vw);
}

/*--Report Window------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#report-window{
    padding:0.5rem;
}
#report-confirm-window{
    padding:0.5rem;
    display:none;
}
#report-holder{
    justify-content:flex-start;
    align-items:center;
    flex-direction:column;
    display:flex;

    margin-bottom:2rem;
    margin-top:2rem;
    width:20rem;
}
#report-holder > *{
    margin-bottom:0.5rem;
    font-size:1.25rem;
    height:2.5rem;
    width:16rem;
}

/*--Admin Mobile-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-aspect-ratio:0.8) and (orientation:portrait){
    #history-list-holder{
        width:95vw;
    }
    #schools-list-holder{
        width:95vw;
    }
    #user-list-holder{
        margin-top:calc(var(--button-height) * 2);
        width:95vw;
        height:calc(95% - var(--button-height) * 2);
    }
    .admin-tab{
        font-size:calc(var(--button-font-size) * 0.7);
    }
    .admin-list-holder{
        margin-top:0px;
    }
    .admin-list-data-title{
        font-size:3.5vw;
        width:25%;
    }
    .admin-list-data-value{
        width:75%;
    }
    .admin-list-data-value-labels{
        margin-left:25%;
    }
    .admin-filter-holder{
        width:70vw;
        top:1.5%;
        left:5%;
    }
    .admin-CSV-holder{
        justify-content:flex-end;
        align-items:flex-end;
        left:auto;

        right:1rem;
        top:1rem;
        width:calc(50% - 1rem);
        max-width:calc(50% - 1rem);
    }
    .admin-CSV-holder > *{
        height:2rem;
        aspect-ratio:4;
    }
}