/* 
    HTML Elements
*/

#hiddenuploadinput {
    display: none;
}

#uploadfilebutton {
    margin-top: 10px;
}

#configdescription {
    width: 80%;
    height: 15%;
}

#chosenfilename {
    margin-left: 5px;
}

#configsavesuccess {
    margin-right: 5px;
    border: 1px solid var(--green); /* This is to match the height of the button next to it */
}

#uploadsuccess {
    margin-right: 5px;
    border: 1px solid var(--green); /* This is to match the height of the button next to it */
}

#saveconfigbutton {
    margin-bottom: 10px;
}

/*
    Specific classes
*/

.download-icon {
    padding-right: 10px;
    font-size: xx-large;
}

.download-icon:hover {
    color: var(--primary-border-color);
    cursor: pointer;
}

@media screen and (max-width: 80em) {
    td {
        font-size: xx-small;
    }

    th {
        font-size: x-small;
    }
}