/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.25rem;
	justify-content: center;
}

.red {
	color: red !important;
}


.pagination li a {
	border: solid 1px #dcdcdc;
}

.pagination li>a {
	padding: 5px 10px;
	background: #fff;
	color: #000;
}

.page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #673ab7;
	background-color: #fff;
	border: 1px solid #eee5ff;
}

.pagination li.active>a {
	background: #673AB7;
	color: #fff;
}

.btn-xemchitiet-dichvu {
	background-color: var(--bs-blue);
	color: #fff;
	font-size: 10px;
	padding: 5px 10px;
	border-radius: 5px;
}

.logo-lg {
	width: 107px;
	height: 27px;
}

.trangthai-boloc-khachhang {
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}

.flex-search-add-customer {
	display: flex;
	gap: 12px;
	align-items: center;
}

/*begin toolbar*/
#admintoolbar,
#admintoolbar ul,
#admintoolbar li:last-child,
#admintoolbar li:last-child a {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

#admintoolbar {
	position: fixed;
	left: 0;
	top: 30% !important;
	background: #205FA0;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
	border-left: 1px solid #205FA0;
	border-bottom: 1px solid #205FA0;
	border-top: 1px solid #205FA0;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	z-index: 10000;
	opacity: 0.5;
}

/*end toolbar*/

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 45px !important;
}

.select2-container .select2-selection--single {
	height: 47.8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50% !important;
	right: 5px !important;
	transform: translateY(-50%) !important;
}

.row.info-company {
	width: -webkit-fill-available !important;
	max-width: -webkit-fill-available !important;
}

.select2-container--default .select2-selection--multiple {
	border: solid 1px #DBE0E5 !important;
	height: 47.8px !important;
	padding: 7px !important;
}

.autocomplete {
	/*the container must be positioned relative:*/
	position: relative;
	display: inline-block;
}

input {
	border: 1px solid transparent;
	background-color: #fff;
	padding: 10px;
	font-size: 16px;
	border-radius: 4px;
}

input[type=text] {
	background-color: #fff;
	width: 100%;
}

input[type=submit] {
	background-color: #fff;
	color: #fff;
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
}

.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9;
}

.autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important;
	color: #ffffff;
}

@media (max-width: 468px) {
	.flex-search-add-customer {
		flex-direction: column;
		align-items: flex-start;

	}
}