/* Works on Chrome, Edge, and Safari */
/* Taken from https://github.com/tahir-zaqout/sundae_theme/tree/master/sundae_theme/public/css */
:root{
    --main-color: #D8292E;
    --second-color: #d8292fef;
    --third-color: #a5488a;
    --widget-bg: #e8eafcad ;
}
[data-theme=grixti_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)
}

[data-theme=grixti_theme] .navbar {
    background: linear-gradient(to right, var(--main-color), var(--second-color)) !important;
    border: none !important;
}
[data-theme=grixti_theme] .navbar-nav>li>a{
	color:#fff !important;
}
[data-theme=grixti_theme] .navbar-nav>li>a:hover{
	color:#ddd !important;
}
[data-theme=grixti_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);
}