body {
    padding-top: 24px;
}


#banner {border-bottom: none}
.page-header h1 {font-size: 4em}
.bs-docs-section {margin-top: 0em}
.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;
}

body {
    font-family: "Open Sans";
}



.navbar .btn {
    height:100px !important;
    margin:0;
    color: #1e2247 !important;
    font-weight: bold;
    border-left:1px solid rgba(0, 0, 0, 0.05);
    border-right:1px solid rgba(0, 0, 0, 0.05);
}
.navbar .btn:hover
{
    background-color: rgba(0, 0, 0, 0.01) !important;
}

.navbar a.navbar-brand
{
}
.navbar, .navbar.navbar-default {
    background-color: #ffffff;
    color: #1e2247 !important;
}
.navbar .container-fluid
{
    height:100px;
    background-image: url("/static/logo.png");
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: 40px center;
    box-shadow:0 4px 7px 0 rgba(0, 0, 0, 0.05), 0 4px 7px 0 rgba(0, 0, 0, 0.05)
}

.footnote
{font-size: smaller;}


.formFields label
{text-align: left;width: 100%;}
.formFields label input,
.formFields label select,
.formFields label textarea
{width: 100%;}

/* TinyMCE*/
.mce-branding-powered-by{display: none !important;}
.mce-edit-area{border-color: #ffffff !important;}
div.mce-tinymce.mce-container.mce-panel{border:none;}


.w1140{width:1140px;}

@media (max-width: 992px) {
    #admTinyMcePopup div.modal-dialog{width:100%;}
}
@media (max-width: 767px) {
}
@media (max-width: 500px) {
}

.f10060r{}
.f10060r h4{width:60%;margin:10px 0 5px 40%;text-align: left;}
.f10060r label{width:100%;text-align: right;}
.f10060r label input,
.f10060r label select,
.f10060r label textarea,
.f10060r label button,
.f10060r div.progress,
.f10060r span.textSpan
{width:60%;float: right;margin:0 0 0 20px;}

.f10060l{}
.f10060l h4{width:60%;margin:10px 0 5px 0;text-align: left;}
.f10060l p{font-size: small;}
.f10060l label{width:100%;text-align: left;}
.f10060l label input,
.f10060l label select,
.f10060l label textarea,
.f10060l label button,
.f10060l div.progress,
.f10060l span.textSpan
{width:60%;float: left;margin:0 20px 0 0;}

.f100100l{}
.f100100l h4{width:100%;margin:10px 0 5px 0;text-align: left;}
.f100100l label{width:100%;text-align: left;}
.f100100l label input,
.f100100l label select,
.f100100l label textarea,
.f100100l label button,
.f100100l div.progress,
.f100100l span.textSpan
{width:100%;float: left;margin:0 0 0 0;}

button.hasBorder{border:1px solid #000 !important;}
button.hoverBorder:hover{border:1px solid #000;}

div.actTable
{display: table;}
div.actTable div[class*=col-md]
{
    display: table-cell;
    height: 100%;
    float: none;
}

/* a1e14d !important; */
button.bigAndJuicy,
input.bigAndJuicy
{
    vertical-align: bottom;
    /* height:100% !important; */
    line-height: 100%;
    width: 100%;
    float: none;
    margin:0;
    color: #1e2247 !important;
    font-weight: bold;
    border-left:1px solid rgba(0, 0, 0, 0.05);
    border-right:1px solid rgba(0, 0, 0, 0.05);
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
}

.p0001
{
    background-image: url("/tpl/materials/img/user-placeholder.jpg");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 10% 13%;
}

input{color: black;}

.customer_news .messageBlock
{
}

div.dataSet.tableListing table
{width: 100%;border-spacing: 0;border-collapse: separate;border-bottom: 1px solid #BBB;font-size: 14px;color: #626262;background: 50% 50% no-repeat;}
div.dataSet.tableListing table table
{border-bottom: none;}
div.dataSet.tableListing tr
{box-sizing: border-box;border-spacing: 0;border-collapse: separate;}
div.dataSet.tableListing tr:nth-child(2n)
{background: #FAFAFA;}
div.dataSet.tableListing table td,
div.dataSet.tableListing table th
{padding: 10px 10px;font: inherit;border-top: 1px solid #BBB;font-family: Lato !important;box-sizing: border-box;font-weight: 400;vertical-align: top;}
div.dataSet.tableListing table th
{font-weight:700;}
div.dataSet.tableListing button
{width: auto;padding:0;margin:0;}
div.dataSet.tableListing table.dataSetTable td:hover
{background:#F6E3CE;}
div.dataSet.tableListing table.dataSetTable td:focus
{background:#F8E0E0;}

div.dataSet table td,
div.dataSet table th
{padding: 2px; vertical-align: top;}

div.dataSet.tableBulk table,
div.dataSet.tableOverview table
{
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    font-size: 14px;
    color: #626262;
    background: 50% 50% no-repeat;
}


div.dataSet.tableOverview table tr:first-child table
{border-top: 1px solid gray;}
div.dataSet.tableOverview table tr:nth-child(2n) table
{border-top: 1px solid lightgray;border-bottom: 1px solid gray;}



div.dataSet.tableBulk table tr:first-child th
{border-bottom: 1px solid gray;}
div.dataSet.tableBulk table table tr:first-child th
{border-bottom: none;}

div.dataSet.tableBulk table table tr:last-child td
{
    border-bottom: 1px solid gray;
}
div.dataSet.tableBulk table table tr:first-child th
{
    border-top: 10px solid white;
}


div.dataSet.tableBulk table table tr:nth-child(2n),
div.dataSet.tableOverview table table tr:nth-child(2n)
{
    background: #FAFAFA;
}



button.buttonMinimal
{margin: 1px;padding:2px;width: auto;border:1px solid lightgray;}

div.fileSet table.fileMapTable,
div.fileSet table.fileSetTable
{width:100%;}
div.fileSet table.fileSetTable td.actions,
div.fileSet table.fileSetTable th.actions,
div.fileSet table.fileMapTable td.actions,
div.fileSet table.fileMapTable th.actions
{text-align: right;}
div.fileSet table.fileSetTable th,
div.fileSet table.fileSetTable td,
div.fileSet table.fileMapTable td,
div.fileSet table.fileMapTable th
{padding:3px;}
div.fileSet table.fileSetTable tr,
div.fileSet table.fileMapTable tr
{border-top:1px solid gray;}
div.fileSet table.fileSetTable tr:first-child,
div.fileSet table.fileMapTable tr:first-child
{border-top:none;}
div.fileSet table.fileSetTable tr:nth-child(2n),
div.fileSet table.fileMapTable tr:nth-child(2n)
{background: #FAFAFA;}

/*
search bar
.contentSearchBar = search module
.contentSearchContent = content enclose
*/
mark
{background: yellow;}
mark.current
{background: orange;}



.contentSearchBar2,
.contentSearchBar
{
    z-index: 999;
    position: fixed;
    top: 0;
    left:calc(100vw/2);

    background: #fff;
    width: 302px;
    text-align: center;
    margin-left: -151px;
    padding: 2px;
    border: 1px solid lightgray;
}
.contentSearchBar input
{
    height: 30px;
    margin: 2px;
}
.contentSearchBar button
{
    margin-top:-1px;
}

.contentSearchBar2
{
    margin-left: 151px;
}

/* .content {margin-top: 50px;} */