/*a class found in CfgLoader when the debugger is activated in a language file.*/
.Debug-Content {
    border: 1px dotted black;
}

/* ========================================================== */
/*                    Preloader                       */
/* ========================================================== */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    color:#fff;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(/images/rosette.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#status p{text-align:center;}

/*.tab-pane { padding: .25em; }*/

/*
 * Custom translucent site header
 */

.site-header {
    background-color: rgba(0, 0, 0, .85);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
    color: #999;
    transition: ease-in-out color .15s;
}
.site-header a:hover {
    color: #fff;
    text-decoration: none;
}

.link{
    cursor: hand;
    cursor: pointer;
}

.dbt_tips{
    padding: 1em;
}

.tinyeditor_2017 {
    background-color: antiquewhite;
}

/* Some basic extensions to bootstrap's basic colors */
.panel-green {
    border-color: #5cb85c !important;
}

.panel-green .panel-heading {
    border-color: #5cb85c !important;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f !important;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e !important;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.huge {
    font-size	: 3em;
}

/*
 * Sparkline details
 */
/*body {*/
/*    font-family: sans-serif;*/
/*    padding: 50px;*/
/*}*/

/*div {*/
/*    position: relative;*/
/*}*/

/**[hidden] {*/
/*    display: none;*/
/*}*/

.tooltip {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 2px 5px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 9999;
}

.sparkline--cursor {
    stroke: orange;
}

.sparkline--spot {
    fill: red;
    stroke: red;
}

.ico-cascadeDelete {
    color: lightblue;
}

/* Local styles */
.author {
    font-style: italic;
    font-weight: bold;
}
.emphasis {
    font-style: italic;
}
pre.code {
    background-color: #0a0a0a;
    color: #00FFFF;
    font-weight: bold;
}
.technical-comment {
    padding-left: 128px;
    padding-left: 5.62rem;
    font-style: italic;
    background:url("/images/bookmark_tile.png") repeat-y;
    background-size:50px auto;
}