.ui-panelgrid .ui-grid-responsive .ui-grid-row {
	border-top: 0px solid #bcc7cf !important;
}

.ui-toolbar {
	padding: 0.5rem !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
	box-shadow: inset 0 0 0 1px #000000 !important;	
}

body .ui-datagrid .ui-datagrid-content {
	border: none !important;
	padding: 0rem !important;
}

.product-item .product-item-content {
    margin: .0rem;
    text-align: center;
    padding: 0rem 0;
}

.product-item .product-image {
    width: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.ui-carousel .ui-carousel-indicators .ui-carousel-indicator button {
	width: 5px !important;	
}

.ui-commandlink, body .ui-link {
	color: #e4e4e7 !important;
	font-size: 16px !important;
	font-weight: 500;
}

.ui-commandlink, body .ui-link:hover {
	color: #a1a1aa !important;
	text-decoration: none !important;
}

.ui-outputlabel {
	color: #a1a1aa !important;
}

.ui-button {
	background: #a1a1aa !important;
	border: 1px solid #a1a1aa !important;
	color: #000 !important;
}

.ui-inputfield.ui-state-focus {
	border-color: #a1a1aa !important;
	box-shadow:  0 0 0 1px #a1a1aa !important;
}

.ui-inputfield.ui-state-hover {
	border-color: #a1a1aa !important;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0.3rem !important;	
}

.ui-button.ui-state-active, body .ui-button.ui-state-dow{
	border-color: black !important;
}

.ui-dialog {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

@media (max-width: 768px) {
    .ui-dialog {
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100%;
        max-height: 100%;
        top: 0 !important;
        left: 0 !important;
        border-radius: 0;
        transform: translate(-0%, -0%) !important;
    }

    .dialog-content {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .responsive-img {
        width: 100%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
    }
}


