/* Works on Chrome, Edge, and Safari */
:root{
    --main-color: #D8292E;
    --second-color: #d8292fef;
    --third-color: #a5488a;
    --widget-bg: #e8eafcad;

    .page-card-head h4 {
        color: #D8292E;
    }
    .page-card-actions button {
        background-color: #D8292E;
    }
    body {
        background-color: white;
        color: white;
    }
}
[data-theme=nectar_theme]{
    --primary: var(--main-color);
    --dt-primary-color: var(--main-color);
    --blue-avatar-bg: var(--main-color);
    --blue-avatar-color: var(--main-color);
    --blue: var(--main-color)
}

.navbar {
    background: linear-gradient(to right, var(--main-color), var(--second-color)) !important;
    border: none !important;
}

nav.navbar.navbar-light.navbar-expand-lg {
    display: none;
}

[data-theme=nectar_theme] .navbar-nav>li>a{
	color:#fff !important;
}
[data-theme=nectar_theme] .navbar-nav>li>a:hover{
	color:#ddd !important;
}
[data-theme=nectar_theme] .navbar-brand:hover {
	color:#ddd !important;
}

.point-of-sale-app > .items-selector > .items-container > .item-wrapper > .item-detail > .item-name {
	display: flex;
	align-items: center;
	font-size: 10px;
	white-space: normal;
    max-height: calc(10px * 3);
}