/* Template and template positions --------------------------------------- */
#sp-main-body {
  padding: 1rem 0;
}

/* System Message Container --------------------------------------------- */

#system-message-container {
  position:relative;
  right: 0;
  max-width: 100%;
}


/* Components & modules -------------------------------------------------- */



/* Rechterkolom ---------------------------------------------------------- */

#sp-right .mod-menu.mod-list li {
    border-bottom: 0;
}

#sp-right .mod-menu.mod-list li ul li {
    border-bottom: 0;
}

#sp-right .mod-menu.mod-list li ul li a {
    width: fit-content;
}

#sp-right .mod-menu.mod-list li ul li a::before {
    font-family: "Font Awesome 6 Free";
    content: "\f061";
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 900;
}

/* Asset list (frontend) ------------------------------------------------- */

.com-darkiv #sp-component .row.table_filters {
    background-color: #f5f5f5;
    padding-top: 0.5rem;
    box-shadow: 4px 4px 5px 0 rgba(0,0,0,.12);
}

#table_files_wrapper,
#table_assets_wrapper {
    padding-top: 2rem;
    /*
    margin-top: 1rem;
    border-top: 1px dotted #333;
    padding-top: 1rem;
    */
}

.row.table_filters {
    margin-left: 0;
    margin-right: 0;
}

/* Selector lijstlengte */
#table_files_wrapper .dt-length,
#table_assets_wrapper .dt-length {
    margin-top: 1rem;
    width: fit-content;
}

#table_files_wrapper .dt-search,
#table_assets_wrapper .dt-search {
    margin-top: -5.4rem;
    width: 50%;
    float: right;
}

/* Lijst met assets -------- */
#table_assets td {
    vertical-align: top;
}

#table_files td p:last-of-type,
#table_assets td p:last-of-type {margin-bottom: 0;}

/* Lijst met assets - Preview image */
#table_files td img,
#table_assets td img {
    height: 4.5rem;
    width: auto;  
}

/* Lijst met assets - Tags */
#table_assets td .asset_list_tags span {
    margin-right: 0.5rem;
    border: 1px dotted #333;
    padding: 0.25rem 0.5rem;
    border-radius: 0.3rem;
    background-color: #eee;
    color: #000;
 }

#table_assets td .asset_list_tags span::before {
    /* border: 1px solid #f00; */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\23';
    margin-right: 0.2rem;
}

/* Aanmaken Asset - Algemeem ---------------------------------------------- */

/* Aanmaken Asset - Stap 5 (samenvatting) --------------------------------- */

#updateAssetStep5 table thead th:first-of-type {
    min-width: 10rem;
}

#updateAssetStep5 table tbody#assetDetailTable tr:nth-child(odd) {
    background-color: #fafafa;
}

#updateAssetStep5 table tbody#assetDetailTable tr:nth-child(even) {
    background-color: #fff;
}

#updateAssetStep5 table tbody#assetDetailTable td {vertical-align: top;}