body {
	/* padding-top: 50px; */
}

@media (min-width: 1980px) {
    body {
        max-width: 1980px;
    }
}

body .ui-small_margin > div {
   margin: 1rem 0 0 0 !important;

}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.name {
	vertical-align: middle;
	font-weight: bold;
	width: 175px;
	float: left;
	padding: 5px;
	margin-top: 3px;
	clear: left;
}

.value {
	float: left;
	padding: 5px;
}

.nameProdukt {
	vertical-align: middle;
	
	float: left;
	padding: 2px;
	margin-top: 3px;
	clear: left;
}

.valueProdukt {
	float: left;
	padding: 2px;
}

.text-center{
	text-align: center
}

.text-right{
	text-align: right;
}

.text-left{
	text-align: left;
	margin-left: 10px;
}

.float-right  {
	float: right !important;
	vertical-align: middle;
}

.display-inline-block {
	display: inline-block !important;
}

.br-before::before{
	content: "\a";
	white-space: pre;
	
}

    .ui-chip.custom-chip {
        background: var(--primary-color);
        color: var(--primary-color-text);
    }
    
    
.ui-dataview-layout-options  {
    display: none !important;
}

.tableVerticalAlignTop {  
    height: 100% !important;
	vertical-align: top !important;
}

.tableVerticalAlignTopRight{  
    height: 100% !important;
	vertical-align: top !important;
	float: right;
}

.tableVerticalAlignTopWidth100px{  
    height: 100% !important;
	vertical-align: top !important;
	width: 100%;
}


.customProgress .ui-progressbar-value{
	background: var(--orange-500) !important;
}

.customProgress2 .ui-progressbar-value{
	background: var(--teal-600) !important;
}

.ui-chip.tag-chip {

    background: var(--surface-300);
    color: black;
    font-weight: 500;
	font-size: .90rem;
    }

 .block {
    display: block !important;
}

.display{
	font-size: smaller;
	text-align: right;
}

body .carousel-selection .ui-panel-content{
	/*
	background: none !important;
    border: none !important;
    */
    border-top: 0 none;
    background: var(--cyan-50) !important;
    border: 1px solid var(--blue-600) !important;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0.571rem 1rem;
}

.carousel-selectionX {
	background: var(--cyan-50) !important;
    border: 1px solid var(--blue-600) !important;
	border-radius: 3px;
}

.label-container {
	vertical-align: middle;
	font-weight: bold;
	width: 175px;
	float: left !important;
	text-align: left !important;
	padding: 5px;
	margin-top: 3px;
	clear: left;
}

.field-container {
	float: left;
	padding: 5px;
}


.product .product-name {
    font-size: 1rem;
    font-weight: 700;
}

.product .product-description {
    margin: 0 0 1rem 0;
}

.product .product-list-item .ui-rating {
    margin: 0 0 0.5rem 0;
}

.product .product-category {
    font-weight: 600;
    vertical-align: middle;
}

.product .product-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
}

.product .product-list-item .product-list-detail {
    flex: 1 1 0;
    -ms-flex: 1 1 0;
}

.product .product-list-item .product-list-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-end;
}
.product .product-list-item .product-price {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    align-self: flex-end;
}

.product .product-list-item img {
    width: 150px !important;
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    margin-right: 2rem;
}
.product .product-category-icon {
    vertical-align: middle;sss
    margin-right: 0.5rem;
}

.product .product-list-item .ui-button {
    margin-bottom: 0.85rem; /*0.5*/
}
.product-badge.status-instock {
    background: #c8e6c9;
    border: 1px solid #256029;
    color: #256029;
} 
.product-badge {
    border-radius: 2px;
    padding: 0.25em 0.5rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    /*letter-spacing: .3px;*/
}

.product-badge.status-lowstock {
    background: #feedaf;
    color: #8a5340;
}

.userRegister input{
	width: 350px;
}

.layout-topbar .layout-logo img {
    height: 35px;
}

.buttonMenu .pi{
    font-size: 2rem;
    color: black;
    margin: 0px 0px 0px 15px;
}

.layout-topbar .layout-topbar-search .ui-inputfield {
    width: 450px;
    }
    
  body .ui-avatar {
    background-color: rgba(68, 125, 198, 0.12); /*447dc6*/
    border-radius: 4px;
}

body .ui-commandlink, body .ui-link {
    color: #000000;
}
    
    
table {
    border-spacing: 10px !important;
}

.ui-outputlabel .ui-outputlabel-rfi{
	margin-left: .0em !important;
}