/* button */
.btn_primary {
	background-color: rgba(20, 109, 150, .5);
	/* width: 3rem; */
	margin: 0.2rem;
	padding: 0.4rem 0.5rem;
	border: none;
	cursor: pointer;
	font-size: 1.2rem;
	box-shadow: 1px 2px 2px 1px #CCC;
	color: #FFF !important;
	border-radius: 4px;
}

.btn_primary:hover {
	color: #550 !important;
}

.btn_primary:active {
	transform: translateY(1px);
	box-shadow: 1px 1px 2px 1px #CCC;
}

.btn_secondary {
	background-color: #BBB;
	color: #FFF;
	/* width: 3rem; */
	margin: 0.2rem;
	padding: 0.4rem 0.5rem;
	border: none;
	cursor: pointer;
	font-size: 1.2rem;
	box-shadow: 1px 2px 2px 1px #CCC;
	border-radius: 4px;
}

.btn_secondary:hover {
	color: #550;
}

.btn_secondary:active {
	transform: translateY(1px);
	box-shadow: 1px 1px 2px 1px #CCC;
}

.btn_detail_edit {
	background-color: #EEE;
	/* width: 3rem; */
	margin: 0.2rem;
	padding: 0.4rem 0.5rem;
	border: none;
	cursor: pointer;
	box-shadow: 1px 2px 2px 1px #CCC;
	border-radius: 4px;
}

.btn_detail_edit:hover {
	color: #550;
}

.btn_detail_edit:active {
	transform: translateY(1px);
	box-shadow: 1px 1px 2px 1px #CCC;
}

.btn_detail_delete {
	background-color: #EDD;
	/* width: 3rem; */
	margin: 0.2rem;
	padding: 0.4rem 0.5rem;
	border: none;
	cursor: pointer;
	box-shadow: 1px 2px 2px 1px #CBB;
	border-radius: 4px;
}

.btn_detail_delete:hover {
	color: #550;
}

.btn_detail_delete:active {
	transform: translateY(1px);
	box-shadow: 1px 1px 2px 1px #CBB;
}

.dataTables_wrapper {
	width: 100% !important;
}