.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;
}

.box {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: max-content;	
}

.box.arrow-bottom:after {
	content: " ";
	position: absolute;
	left: 5px;
	bottom: -15px;
	border-top: 15px solid white;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: none;
}

@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 ! important;
	}
	.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 ! important;
	}
	.b-position {
		position: absolute;
		right: 0px;
		width: 150px;
	}
}