/* Structured such, that only a class like "ia-aes" is required.
 * The backend code prefixes the first css class with "app-"
 * Css classes "ia-docs external" is valid but not required; "ia-docs" suffices.
 * Css classes "external ia-docs" is invalid
 */
.tiles .tile.app-ia-aes .placeholder,
.tiles .tile.app-ia-bibliotheca .placeholder,
.tiles .tile.app-ia-citizen .placeholder,
.tiles .tile.app-ia-consult .placeholder,
.tiles .tile.app-ia-delib .placeholder,
.tiles .tile.app-ia-docs .placeholder,
.tiles .tile.app-ia-ideabox .placeholder,
.tiles .tile.app-ia-quaive .placeholder,
.tiles .tile.app-ia-smartweb .placeholder,
.tiles .tile.app-ia-tech .placeholder,
.tiles .tile.app-ia-teleservices .placeholder,
.tiles .tile.app-ia-urban .placeholder,
.tiles .tile.app-ia-vision .placeholder {
    background-color: white !important;
}
.tiles .tile.app-ia-aes img.icon.app-icon,
.tiles .tile.app-ia-bibliotheca img.icon.app-icon,
.tiles .tile.app-ia-citizen img.icon.app-icon,
.tiles .tile.app-ia-consult img.icon.app-icon,
.tiles .tile.app-ia-delib img.icon.app-icon,
.tiles .tile.app-ia-docs img.icon.app-icon,
.tiles .tile.app-ia-ideabox img.icon.app-icon,
.tiles .tile.app-ia-quaive img.icon.app-icon,
.tiles .tile.app-ia-smartweb img.icon.app-icon,
.tiles .tile.app-ia-tech img.icon.app-icon,
.tiles .tile.app-ia-teleservices img.icon.app-icon,
.tiles .tile.app-ia-urban img.icon.app-icon,
.tiles .tile.app-ia-vision img.icon.app-icon {
    aspect-ratio: 1;
    height: calc(100% - 60px);
    top: 30px;
}
.tiles .tile.app .link .icon.app-ia-aes,
.tiles .tile.app .link .icon.app-ia-bibliotheca,
.tiles .tile.app .link .icon.app-ia-citizen,
.tiles .tile.app .link .icon.app-ia-consult,
.tiles .tile.app .link .icon.app-ia-delib,
.tiles .tile.app .link .icon.app-ia-docs,
.tiles .tile.app .link .icon.app-ia-ideabox,
.tiles .tile.app .link .icon.app-ia-quaive,
.tiles .tile.app .link .icon.app-ia-smartweb,
.tiles .tile.app .link .icon.app-ia-tech,
.tiles .tile.app .link .icon.app-ia-teleservices,
.tiles .tile.app .link .icon.app-ia-urban,
.tiles .tile.app .link .icon.app-ia-vision {
    background-color: white ;
}
.tile .ia-aes::before {
    content: url("++theme++imio-quaive/icons/ia-aes.svg");
}
.tile .ia-bibliotheca::before {
    content: url("++theme++imio-quaive/icons/ia-bibliotheca.svg");
}
.tile .ia-citizen::before {
    content: url("++theme++imio-quaive/icons/ia-citizen.svg");
}
.tile .ia-consult::before {
    content: url("++theme++imio-quaive/icons/ia-consult.svg");
}
.tile .ia-delib::before {
    content: url("++theme++imio-quaive/icons/ia-delib.svg");
}
.tile .ia-docs::before {
    content: url("++theme++imio-quaive/icons/ia-docs.svg");
}
.tile .ia-ideabox::before {
    content: url("++theme++imio-quaive/icons/ia-ideabox.svg");
}
.tile .ia-quaive::before {
    content: url("++theme++imio-quaive/icons/ia-quaive.svg");
}
.tile .ia-smartweb::before {
    content: url("++theme++imio-quaive/icons/ia-smartweb.svg");
}
.tile .ia-tech::before {
    content: url("++theme++imio-quaive/icons/ia-tech.svg");
}
.tile .ia-teleservices::before {
    content: url("++theme++imio-quaive/icons/ia-teleservices.svg");
}
.tile .ia-urban::before {
    content: url("++theme++imio-quaive/icons/ia-urban.svg");
}
.tile .ia-vision::before {
    content: url("++theme++imio-quaive/icons/ia-vision.svg");
}