/* Materialize Settings */
.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

.container{
    width: 100%;
    max-width: none;
}

td {
    padding: 10px 10px;
}


/* Original mDL Settings */
#content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#mdoc-uri-text{
    padding-top: 1rem;
}

#mdoc-uri-text, #response-display {
    overflow-wrap:break-word;

    /* Custom Settings */
    word-break:break-word;
    text-align: left;
}

/* Custom Settings */
nav {
    /* margin-bottom: 2rem; */
    background: #002657;
}

td {
    width: 50%;
    word-break:break-word
}

#preloader_mdoc {
    display: none;
    padding-top: 1rem;
}

#preloader_mdoc_text {
    position: relative;
    top: -1.2rem;
    font-size: 1.5rem;
    padding: 0 1rem;
    color: #4285f4;
}

#mdoc-uri-qr{
    padding: 1rem 0;
}

i.tiny {
    font-size: 1.4rem;
    position: relative;
    top: 0.4rem;
}

#portrait {
    background: #002657;
    padding: 2rem 0;
    width: 100%;
    display: none;
}

#portrait-render {
    border-radius: 20rem;
    width: 40%;
    max-width: 315px;
}

#portrait_name {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    padding-top: 0.5rem;
}

.table_title{
    background: #326eb7;
    color: #fff;
}

.table_title_td{
    padding: 4px 10px;
}


#response-display {
    padding: 0;
}

#logs {
    padding: 3rem 0 0 0;
}

#logs_caption {
    background: #686868;
    color: #fff;
}

#logs_table > tbody > tr > td {
    padding: 0 10px;
    font-size: 0.85rem;
}