/**********
 * Flex
 */
.flex-wrapper{
    display: flex;
    justify-content: center;
}

.flex-cell{
    flex: auto;
}

.flex-div{
    display: table-row;
}





/**********
 * Options Page
 */

#options-wrapper{
    padding-top: 100px;
}

.options-div{
    position: relative;
    width: 300px;
    height: 100px;
    padding: 10px 20px;

    margin: 0 10px;

    border: solid 2px var(--border-color);
    border-radius: 10px;

    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 100px;

    white-space: nowrap;

}

.options-div:hover{
    cursor: pointer;
    background-color: var(--background-color-hover);
}




/**********
 * Upload Page
 */
/*#upload-wrapper{*/
    /*width: 500px;*/
    /*padding: 20px;*/

    /*border: solid 2px var(--border-color);*/
    /*border-radius: 10px;*/
/*}*/

/*.upload-div{*/
    /*position: relative;*/
    /*width: 100%;*/
    /*!*height: 100px;*!*/
    /*padding: 20px;*/

    /*!*border: solid 2px var(--border-color);*!*/
    /*!*border-radius: 10px;*!*/

    /*font-size: 16px;*/
    /*font-weight: bold;*/
    /*!*text-align: center;*!*/
    /*!*line-height: 100px;*!*/
/*}*/




/***
 * Application Specific Styles
 */

.module-icon{
    flex: 70px;
    width: 70px;
    height: 70px;
    margin-right: 20px;
    /*background-size: 65px;*/
    /*background-position: center;*/

    /*border: solid 1px;*/
}