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

.btn-no-background button {
	background: transparent;
	border: 0px;
}

.color-code-show {
	border-radius: 2px;
	padding: 0.25em 0.5rem;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.3px;
}

.color-code-button .ui-button {
	width: auto;
	border: 0px;
	-webkit-box-sizing: border-box;
}

.panel_rigth {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.crud-demo .product-image {
    width: 100px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.table-icon>img {
	height: 32px;
	width: 32px;
	vertical-align: middle;
}

.status.desc-blue {
	background-color: rgb(155, 242, 247);
	color: rgb(43, 122, 164);
}
.status.desc-1 {
	background-color: rgb(155, 242, 247);
	color: rgb(43, 122, 164);
}
.status.desc-green {
	background-color: rgb(172, 235, 180);
	color: rgb(52, 136, 97);
}
.status.desc-2 {
	background-color: rgb(172, 235, 180);
	color: rgb(52, 136, 97);
}
.status.desc-S {
	background-color: rgb(172, 235, 180);
	color: rgb(52, 136, 97);
}
.status.desc-yellow {
	background-color: rgb(248, 216, 149);
	color: rgb(167, 105, 39);
}

.status.desc-purple,.status.desc-6 {
	background-color: rgb(239, 184, 229);
	color: rgb(131, 63, 145);
}

.status.desc-red {
	background-color: rgb(250, 189, 154);
	color: rgb(173, 52, 43);
}
.status.desc-3,.status.desc-5 {
	background-color: rgb(250, 189, 154);
	color: rgb(173, 52, 43);
}
.status.desc-F {
	background-color: rgb(250, 189, 154);
	color: rgb(173, 52, 43);
}

.status.desc-4,.status.desc-7 {
	background-color: rgb(248, 216, 149);
	color: rgb(167, 105, 39);
}
.text.css-padding {
	padding: 0.25em 0.5rem;
	font-weight: 700;
}

.text-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

body .ui-panelgrid .ui-panelgrid-cell {
	padding: 0.5rem;
}


.layout-topbar-blue .layout-topbar .layout-topbar-search .ui-inputfield{
	color: black;
}
@media ( min-width : 0px) and (max-width: 640px) {
	body .ui-messages {
		padding: 0.1rem;
		position: relative;
		border-radius: 4px;
		margin: 0 0;
		font-weight: 200;
	}
	body .ui-messages>div {
		padding: 0.2rem;
		border-radius: 4px;
		margin: 0;
	}
	.centered {
		display: block;
	}
	.centered-2 {
		display: block;
	}
	.float-right {
		float: left;
		font-weight: bold;
	}
	.float-left {
		float: left;
	}
	.new_thead.ui-datatable thead th {
		text-align: center;
	}
	.col_id_small {
		width: 20%;
		text-align: center;
	}
	.col_id {
		width: 100%;
		text-align: center;
	}
	.col_id_left {
		width: 100%;
		text-align: left;
	}
	.col_id_right {
		width: 100%;
		text-align: right;
	}
	.b-margin.ui-button {
		margin: 0px;
	}
	.b-button.ui-button-text {
		margin-bottom: 5px;
	}
	body .ui-dialog {
		width: 360px !important;
	}
	.b-position {
		position: absolute;
		right: 0px;
		width: 150px;
	}
}

@media ( min-width : 641px) and (max-width: 1000px) {
	body .ui-messages {
		padding: 0.1rem;
		position: relative;
		border-radius: 4px;
		margin: 0 0;
		font-weight: 200;
	}
	body .ui-messages>div {
		padding: 0.2rem;
		border-radius: 4px;
		margin: 0;
	}
	.centered {
		display: block;
		margin-left: 40%;
	}
	.centered-2 {
		display: block;
		margin-left: 28%;
	}
	.float-right {
		float: right;
		font-weight: bold;
	}
	.float-left {
		float: left;
	}
	.new_thead .ui-datatable thead th {
		text-align: center;
	}
	.col_id_small {
		width: 20px;
		text-align: center;
	}
	.col_id {
		width: 50px;
		text-align: center;
	}
	.col_id_left {
		width: 50px;
		text-align: left;
	}
	.col_id_right {
		width: 50px;
		text-align: right;
	}
	.b-margin.ui-button {
		margin-bottom: 5px;
	}
	body .ui-dialog {
		width: 557px;
	}
	.b-position {
		position: absolute;
		right: 0px;
		width: 150px;
	}
}

@media ( min-width : 1001px ) {
	body .ui-messages {
		padding: 0.1rem;
		position: relative;
		border-radius: 4px;
		margin: 0 0;
		font-weight: 200;
	}
	body .ui-messages>div {
		padding: 0.2rem;
		border-radius: 4px;
		margin: 0;
	}
	.centered {
		display: block;
		margin-left: 40%;
	}
	.centered-2 {
		display: block;
		margin-left: 28%;
	}
	.float-right {
		float: right;
		font-weight: bold;
	}
	.float-left {
		float: left;
	}
	.new_thead.ui-datatable thead th {
		text-align: center;
	}
	.col_id_small {
		width: 20px;
		text-align: center;
	}
	.col_id {
		width: 100px;
		text-align: center;
	}
	.col_id_left {
		width: 100px;
		text-align: left;
	}
	.col_id_right {
		width: 100px;
		text-align: right;
	}
	.b-margin.ui-button {
		margin-bottom: 5px;
	}
	body .ui-dialog {
		width: 950px;
	}
	.b-position {
		position: absolute;
		right: 0px;
		width: 150px;
	}
}