@import "https://netinsiders.de/assets/netinsiders/css/set/root.incl.css?v=1.1";
@import "https://netinsiders.de/assets/netinsiders/css/set/reloadcontent.incl.css?v0.15";
@import "https://lib.nicdn.de/fa/6.0.0-beta1/css/all.min.css?v1.0";
/*
@import "/assets/_docs/css/bootstrap.min.css";
*/

@import "/assets/_docs/tmpl/css/theme.min.css";
@import "/assets/_docs/css/set/navigation.incl.css?v0.24";
@import "/assets/_docs/css/set/navigation-slides.incl.css?v0.2";
@import "/assets/_docs/css/set/setting-toggle.incl.css?v0.3";
@import "/assets/_docs/css/set/scroller.incl.css?v0.1";

@import "/assets/_docs/css/set/font.css?v1.1";
@import "/assets/_docs/css/set/links.incl.css?v0.8";
@import "/assets/_docs/css/set/btn.incl.css?v0.3";

@import "/assets/_docs/css/set/footer.incl.css?v0.5";

/* ------------ Text Markierung */
::selection{
    background-color: var(--selection-background-color);
    color:var(--selection-color);
}

body {
    background-color: #f5f7fa;
}
#reload-content {
    max-height: 140px !important;
}
.dark body {
    background-color: #0f111a;
}
/* Logo */
.navbar-brand svg,
.navbar-brand img {
    width:30px;
}
.dark .navbar-brand svg {
    fill: #eff2f6;
    fill-rule: nonzero;
}


/* Settings Panel */
.settings-panel {
    max-width: 28.62rem !important;
}
.setting-toggle {
    right: -9px;
}
/* Settings Panel - offcanvas */
.dark .offcanvas {
    background-color:#141824;
}



.dark .border {
    border-color: #31374a !important;
}
.border-top.border-dashed {
    border-top-style: dashed !important;
}



.navbar-vertical {
    position: fixed !important;
    display: inline-block !important;
    padding: 0px !important;
}

/* nav Toogle BTN Dark */
.dark .theme-control-toggle .theme-control-toggle-label {
    background-color:rgba(56, 116, 255, 0.24) !important;
    color: #85a9ff !important;
}


/* ----- Body Color */
.dark body {
    color: #9fa6bc;
}

.dark .text-primary,
.dark .btn-link {
    color: rgba(133, 169, 255, 1) !important;
}
.dark.btn-link:hover {
    color: rgba(133, 169, 255, 0.5) !important;
}


.dark .btn-outline-primary,
.dark .picmo__popupContainer.picmo__light .btn-outline-primary {
    color: #85a9ff;
    border-color: #85a9ff;
}



/* ----- Headlines */
.dark h6, .dark .h6, .dark h5, .dark .h5, .dark h4, .dark .h4, .dark h3, .dark .h3, .dark h2, .dark .h2, .dark h1, .dark .h1 {
    color: #eff2f6;
}



/*
.dark,
.dark .picmo__popupContainer.picmo__light {
    --phoenix-gray-900: #9fa6bc;
    --phoenix-body-color: #9fa6bc;
    --phoenix-input-bg: #141824;
    --phoenix-input-border-color: #373e53;
}
*/
.dark input {
    background-color: #141824;
    border-color: #373e53;
    color: #eff2f6;
}






/* -------------- Overflow Hidden */
.overflow-hidden {
    overflow: hidden !important;
}