/* This file is reserved for overriding and extending the template styles. */


body {
    font-size: 100%;
}


.menu-container .label, .user-container .name {
    font-family: var(--font-heading);
    font-size: 16px;
}



.btn-icon.btn-sm.btn-icon-only {
    width: auto;
}

.btn-sm.btn-icon, .btn-group-sm > .btn.btn-icon {
    height: auto;
}


.cstm_pricing {
    margin: 2px 4px;
    display: block;
    font-size: 15px;
}

.cstm_pricing_1 {
	margin-left: 3px;
	margin-bottom: 3px;
	font-weight:bold;
	font-size: 16px;
}

.breadcrumb-back span {
    display: inline-block;
    padding-top: 4px;
}

.cstm_svg svg {
	width: 20%;
}

.cstm_time_icon {
	margin-left: 1px;
}

.cstm_minus-7 {
	margin-top: -7px;
}

html[data-placement=vertical] .nav-container .nav-content .logo, html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .logo, html[data-placement=vertical] .nav-container.mobile-side-ready .nav-content .logo {
    text-align: left;
    width: 200px;
}


html[data-placement=horizontal] .nav-container .logo img, html[data-placement=horizontal] .nav-container .logo .img, html[data-placement=vertical] .nav-container .logo img, html[data-placement=vertical] .nav-container .logo .img {
    width: auto;
    height: 100%;
}
@media only screen and (min-width: 992px) {
	html[data-placement=horizontal] .nav-container .logo img, html[data-placement=horizontal] .nav-container .logo .img, html[data-placement=vertical] .nav-container .logo img, html[data-placement=vertical] .nav-container .logo .img {
		margin-top: 20px;
		width: 186px;
	    padding: 0;
	    height: auto;
	}
}

html[data-placement=vertical] .nav-container .nav-content .logo a, html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .logo a, html[data-placement=vertical] .nav-container.mobile-side-ready .nav-content .logo a {
    width: 220px;
}



/* Color update for Theme. */
/* NICHT löschen!!! Marcel Hencke */

html[data-color=light-teal] {
	--primary: #0e9acd;
	--gradient-1: #0e9acd;
	--gradient-2: #0e9acd;
	--gradient-3: #0e9acd;
}


html[data-color=dark-teal] {
	--primary: #7aaddf;
	--gradient-1: #0c4378;
	--gradient-2: #0c4378;
	--gradient-3: #0c4378;
}



.chat123-online-overlay {
	position: absolute;
	z-index: 1;
	display: flex;
	flex-direction: row;
	margin: 20px;
	background-color: rgba(255, 255, 255, 0.76);
	border-radius: 15px;
	padding: 5px;
	width: max-content;
}

.chat123-online-overlay .dot {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 5px;
	background: #979797;
}

.chat123-online-overlay .dot.green {
	background: #0cce6b;
}
.chat123-online-overlay .dot.yellow {
	background: #fdaf22;
}
.chat123-online-overlay .dot.red {
	background: #ef0c0c;
}

.chat123-online-overlay .text {
	color: #525252;
	font-size: 14px;
	margin-left: 3px;
	margin-right: 7px;
}

html[data-placement=horizontal] .nav-container, html[data-placement=vertical] .nav-container {
	background-image: none;
	background: var(--gradient-1);
}