body {
    padding-top: 10px;
    background-image: url("/tpl/materials/img/bg_stockExchange_20200112_0008.jpg");
    background-color: black;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height: 100vh;
}
#banner {border-bottom: none}
.page-header h1 {font-size: 4em}
.bs-docs-section {margin-top: 8em}
.bs-component {position: relative}
.bs-component .modal {position: relative;top: auto;right: auto;left: auto;bottom: auto;z-index: 1;display: block}
.bs-component .modal-dialog {width: 90%}
.bs-component .popover {position: relative;display: inline-block;width: 220px;margin: 20px}
#source-button {position: absolute;top: 0;right: 0;z-index: 100;font-weight: bold;padding: 5px 10px;}
.progress {margin-bottom: 10px}
footer {margin: 5em 0}
footer li {float: left;margin-right: 1.5em;margin-bottom: 1.5em}
footer p {clear: left;margin-bottom: 0}
.splash {padding: 4em 0 0;background-color: #141d27;color: #fff;text-align: center}
.splash h1 {font-size: 4em}
.splash #social {margin: 2em 0}
.splash .alert {margin: 2em 0}
.section-tout {padding: 4em 0 3em;border-bottom: 1px solid rgba(0, 0, 0, 0.05);background-color: #eaf1f1}
.section-tout .fa {margin-right: .5em}
.section-tout p {margin-bottom: 3em}
.section-preview {padding: 4em 0 4em}
.section-preview .preview {margin-bottom: 4em;background-color: #eaf1f1}
.section-preview .preview .image {position: relative}
.section-preview .preview .image:before {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";pointer-events: none}
.section-preview .preview .options {padding: 1em 2em 2em;border: 1px solid rgba(0, 0, 0, 0.05);border-top: none;text-align: center}
.section-preview .preview .options p {margin-bottom: 2em}
.section-preview .dropdown-menu {text-align: left}
.section-preview .lead {margin-bottom: 2em}
.sponsor {text-align: center}
.sponsor a:hover {text-decoration: none}
.infobox .btn-sup {color: rgba(0, 0, 0, 0.5);font-weight: bold;font-size: 15px;line-height: 30px;}
.infobox .btn-sup img {opacity: 0.5;height: 30px;}
.infobox .btn-sup span {padding-left: 10px;position: relative;top: 2px;}
.icons-material .row {margin-bottom: 20px;}
.icons-material .col-xs-2 {text-align: center;}
.icons-material i {font-size: 34pt;}
.icon-preview {display: inline-block;padding: 10px;margin: 10px;background: #D5D5D5;border-radius: 3px;cursor: pointer;}
.icon-preview span {display: none;position: absolute;background: black;color: #EEE;padding: 5px 8px;font-size: 15px;border-radius: 2px;z-index: 10;}
.icon-preview:hover i {color: #4285f4;}
.icon-preview:hover span {display: block;cursor: text;}
.material-icons{font-size: 12px;}

@media (max-width: 767px) {
    .section-preview .image img {width: 100%}
    #banner {margin-bottom: 2em;text-align: center}
}


div#admApiFeedback
{
    z-index: 99999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eaf1f1;
    padding-top: 50px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}


td.suv_sfv{
    width:25%;
}

/* .table tr:nth-child(1) td:nth-child(2), */


/*
@url http://getbootstrap.com/css/#responsive-utilities-classes

Extra small devices / Phones (<768px)
Small devices / Tablets (≥768px)
Medium devices / Desktops (≥992px)
Large devices Desktops (≥1200px)

*/

@media (max-width: 992px) {

    table.portfolio_overview th:nth-child(6),
    table.portfolio_overview td:nth-child(6),

        /* table.portfolio_symbols = Symbol-Name */
    table.portfolio_symbols th:nth-child(2),
    table.portfolio_symbols td:nth-child(2)
    {
        display: none;
        overflow: hidden;
    }

}
@media (max-width: 767px) {

    table.portfolio_history th:nth-child(2)
    ,table.portfolio_history td:nth-child(2)

    ,table.portfolio_overview th:nth-child(2)
    ,table.portfolio_overview td:nth-child(2)

        /* table.portfolio_symbols = value update */
    ,table.portfolio_symbols th:nth-child(3)
    ,table.portfolio_symbols td:nth-child(3)
    {
        display: none;
        overflow: hidden;
    }
}

@media (max-width: 500px) {

    table.portfolio_history thead
    ,table.portfolio_history th:nth-child(6)
    ,table.portfolio_history td:nth-child(6)

    ,table.portfolio_overview thead
    ,table.portfolio_overview th:nth-child(3)
    ,table.portfolio_overview td:nth-child(3)


        /* table.portfolio_symbols = ticker */
    ,table.portfolio_symbols thead
    ,table.portfolio_symbols th:nth-child(5)
    ,table.portfolio_symbols td:nth-child(5)
    {
        display: none;
        overflow: hidden;
    }
}

.fxSvgChartRender{
}
/* .fxSvgChartRender g.curveDot circle.dotCircle CPU !!! */
/* Version : jeder 3. */
.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(1),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+31)
,.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(7),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+37)
,.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(13),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+43)
,.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(19),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+49)
,.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(25),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+55)
{animation-duration: 3s;animation-timing-function: linear;animation-delay: 0s;animation-direction: normal;animation-iteration-count: infinite;animation-fill-mode: none;animation-play-state: running;}
.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(1),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+31){animation-name: pulse1;}
.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(7),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+37){animation-name: pulse2;}
.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(13),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+43){animation-name: pulse3;}
.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(19),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+49){animation-name: pulse4;}
.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(25),.fxSvgChartRender g.curveDot circle.dotCircle:nth-child(30n+55){animation-name: pulse5;}


/* */
@keyframes pulse1 {
    000% {fill: #ffffff; stroke: #cccccc;}
    020% {fill: #009688; stroke: #ffffff;}
    040% {fill: #ffffff; stroke: #cccccc;}
}
@keyframes pulse2 {
    020% {fill: #ffffff; stroke: #cccccc;}
    040% {fill: #009688; stroke: #ffffff;}
    060% {fill: #ffffff; stroke: #cccccc;}

}
@keyframes pulse3 {
    040% {fill: #ffffff; stroke: #cccccc;}
    060% {fill: #009688; stroke: #ffffff;}
    080% {fill: #ffffff; stroke: #cccccc;}
}
@keyframes pulse4 {
    060% {fill: #ffffff; stroke: #cccccc;}
    080% {fill: #009688; stroke: #ffffff;}
    100% {fill: #ffffff; stroke: #cccccc;}
}
@keyframes pulse5 {
    000% {fill: #009688; stroke: #ffffff;}
    020% {fill: #ffffff; stroke: #cccccc;}
    080% {fill: #ffffff; stroke: #cccccc;}
    100% {fill: #009688; stroke: #ffffff;}
}

.material-icons
{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}
.material-icons-fontSize
{
    line-height: 60px;
    vertical-align:middle;
}

.borderTop {
    border-top:1px solid #F1F1F1;
}

input, select, option
{
    line-height: 1.15em;
}

.navbar, .navbar.navbar-default
{
    background-color: #009688;
}

/* sub note */
.subnote,
.jumbotron .subnote
{font-size: smaller;}
.subnote i.material-icons,
.jumbotron .subnote i.material-icons
{font-size: inherit;}