/*************************************************************************
**
** Copyright (c) by jeff (jeff@lipsia.de)
**
** Author:  jeff
**
** File:    $Date: $
**
** Purpose: the dialogs css
**
** Created: 2019/12/09
**
** Update:  $Date: $
**
** Notes:
**
************************************************************************/

tr.spaceUnder>td
{
    padding-bottom:         15px;
    border-bottom:          1px solid #030870;
}

.purpose,
.examples,
.specification
.download,
.license,
.contact
{
    font-size:              16px;
    padding-top:            10px;
    text-align:             left;
    width:                  100%;
}

.purpose_table,
.examples_table,
.specifications_table,
.download_table
{
    display:                table;
    width:                  100%;
    height:                 auto;
}

.specification_table
{
    display:                table;
    width:                  auto;
    height:                 auto;
    border-collapse:        collapse;
}

.specification_table td
{
    border:                 1px solid #ddd;
    padding:                8px;
}

.specification_table tr:nth-child(even)
{
    background-color:       #d2d2d2;
}

.specification_table tr:nth-child(odd)
{
    background-color:       #9191af;
}

.specification_table th
{
    border:                 1px solid #ddd;
    padding-left:           8px;
    padding-right:          8px;
    padding-top:            12px;
    padding-bottom:         12px;
    text-align:             center;
    background-color:       #030870;
    color:                  white;
}

.purpose_image,
.specifications_image,
.examples_image,
.download_image
{
    text-align:             center;
    padding-bottom:         30px;
}

.purpose_label,
.specifications_label,
.examples_label,
.download_label,
.contact_label,
.imprint_label
{
    font-weight:            bold;
    font-size:              16px;
    text-align:             right;
    padding-right:          10px;
}

.contact_logo,
.imprint_logo
{
    text-align:             center;
}

.purpose_content,
.download_content,
.contact_content,
.examples_content,
.imprint_content
{
    font-size:              16px;
    font-weight:            bold;
    text-align:             center;
    width:                  100%;
}

.specification_document
{
    font-size:              16px;
    text-align:             left;
    width:                  100%;
    display:                flex;
    flex-wrap:              wrap;
    margin-bottom:          20px;
}

.specification_content
{
    font-size:              16px;
    max-width:              80%;
    flex:                   0 0 80%;
}

.specification_toc
{
    font-size:              16px;
    max-width:              20%;
    flex:                   0 0 20%;
}

.license_content
{
    font-size:              16px;
    font-weight:            bold;
    text-align:             left;
}

.example_area
{
    display:                grid;
    grid-template-columns:  1fr 32px;
    grid-template-areas:    "exlabel exarrow"
                            "ex ex"
}

.example_description:
{
    font-size:              16px;
    text-align:             left;
    grid-area:              exlabel
}

.example
{
    float:                  left;
    clear:                  both;
    grid-area:              ex;
    font-size:              14px;
    text-align:             left;
    vertical-alight:        top;
    width:                  100%;
}

.blind_arrow
{
    float:                  right;
    background-repeat:      no-repeat;
    background-attachement: fixed;
    background-position:    right;
    cursor:                 pointer;
}

.blind_arrow_down
{
    background-image:       url('/images/blind_arrow_down.png');
    width:                  32px;
    height:                 32px;
    cursor:                 pointer;
}

.blind_arrow_up
{
    background-image:       url('/images/blind_arrow_up.png');
    width:                  32px;
    height:                 32px;
}