@CHARSET "UTF-8";

div.frame-layout-1 li {

    margin-bottom:20px;
}

div .frame-layout-1 a {
    background-color: lightgray;
    font-size: larger;
    border-radius: 5px;
    border: 1px solid black;
    padding: 5px;
    margin-top: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6);
}

table.tx_fremomoduldb_table tr {
    background-color: #629AE4;
    color: white;
}
table.tx_fremomoduldb_table tr.even{background-color: #DCEEFF; color: black;}
table.tx_fremomoduldb_table tr.odd{background-color: #FFFFFF; color: black;}
table.tx_fremomoduldb_table tr td{padding: 5px 10px 10px 5px;}
table.tx_fremomoduldb_table tr th{padding: 5px 5px 5px 5px;}
table.tx_fremomoduldb_table{border-spacing: 0px; cellspacing: 0px; cellpadding: 5px;}

.modul-blue-div {
    padding: 5px;
    border: 1px solid blue;
    border-radius: 10px;
    background-color: #e7eff6;
    margin-bottom: 10px;
}

.modul-yellow-div {
    padding: 5px;
    border: 1px solid blue;
    border-radius: 10px;
    background-color: ivory;
    margin-bottom: 10px;
}

.modul-container-13 {
    float: left;
    width: 30%;
    padding: 3px;
}

.tx_fremomoduldb table {
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}
.tx_fremomoduldb table th {
        font-weight: bold;
    }

.tx_fremomoduldb table td {
        vertical-align: top;
    }

table.tx_fremomoduldb_properties_table {
    font-size: 12px;
    background-color: #f6f6fa;
    border-collapse: separate;
    border-spacing: 5px;
    border-radius: 7px
}

    table.tx_fremomoduldb_properties_table .data {
        font-size: 14px;
        background-color: #dedada;
        font-style: italic;
    }

svg {
    display: unset;
    vertical-align:unset;
}

 .icon-size-small {
        width: 16px;
        height: 16px;
    }

.icon-size-medium {
    padding: 5px 5px 5px 5px;
        width: 32px;
        height: 32px;
    }

.icon-size-large {
        width: 64px;
        height: 64px;
    }


.moduleSearchField {
    background-image: url('../Icons/search-30.png'); /* Add a search icon to input */
    background-size: 16px;
    background-position: 3px 3px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 12px; /* Increase font-size */
    padding: 2px 10px 2px 22px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
    
}

.modulListBtn {
    background-color: #008CBA; /* Blue */
    color: white;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6)
}

.modulListBtn a:visited{
    color:antiquewhite;
}

.modulBtn {
    background-color: #cfcfcf;
    color: black;
    border:solid black 1px;
    padding: 3px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.6)
}

a.modulBtn:link { color: black;}
a.modulBtn:visited {color: #404040 ;}
a.modulBtn:hover { color: white;}




.moduldb-card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
    transition: 0.3s;
    width: 40%;
    background-color: aliceblue;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
}
.card-developer {
    background-color: coral;
}

.card-admin {
    background-color:aquamarine;
}

    /* On mouse-over, add a deeper shadow */
    .card:hover {
        box-shadow: 0 16px 32px 0 rgba(0,0,0,0.5);
    }

/* Add some padding inside the card container */
.card-container {
    padding: 2px 16px 20px 16px;
}

/* Add some padding inside the card card-header */
.card-header {
    padding: 2px 16px 2px 16px;
    background-color: white;
}

.table-search-line {
    width: 90%;
    display: grid;
    grid-template-columns: 60% 40%;
    padding: 10px;
}

.table-search-line::after {
    clear:both;
}

.table-search-line .label {
    float: left;
    align-content: center;
}
.table-search-line .input {
    float: right;
    align-content:end;
}