/* PANELS */

div#panel-head
{
    position: fixed;
    background: var(--header-bg-color);
    width: 100%;
    margin: 0px;
    z-index: 2;
}

div#panel-head-title
{
    margin-left: 0px;
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: var(--header-bg-color);
    width: 100%;
    z-index: 2;
}

div#panel-content
{
    padding-left: 0px;
    padding-top: var(--top-panel-content);
    padding-right: 0px;
    padding-bottom: 0px;
    margin-left: var(--width-page-left-margin);
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    font-family: var(--text-font);
    font-size: 14px;
    color: var(--text-color);
}

div.panel-content-layout-fullpage
{
    margin-top: 0px;
    margin-left: 0px;
    width: var(--width-content-fullpage);
}

div.panel-content-layout-centered
{
    margin-top: 0px;
    margin-left: var(--width-content-left-column);
    width: var(--width-content-middle-column);
}

div.panel-content-layout-columns
{
    margin-top: 0px;
    margin-left: 0px;
    width: var(--width-content-fullpage);
    display: table-row;
}

div.panel-content-layout-column-left
{
    display: table-cell;
    width: var(--width-content-left-column);
    vertical-align: top;
}

div.panel-content-layout-column-middle
{
    display: table-cell;
    width: var(--width-content-middle-column);
    vertical-align: top;
}

div#panel-left
{
    position: absolute;
    top: 170px;
    left: 0px;
}

div.panel-page-description
{
    width: var(--width-content-middle-column);
    margin-left: 310px;
    margin-bottom: 40px;
    margin-top: 0px;
    padding-top: 0px;
    font-family: var(--text-font);
    font-size: 18px;
    color: var(--description-text-color);
}