@media (min-width: 992px) {
	.dropdown-menu .dropdown-toggle:after {
		border-top: .3em solid transparent;
		border-right: 0;
		border-bottom: .3em solid transparent;
		border-left: .3em solid;
	}

	.dropdown-menu .dropdown-menu {
		margin-left: 0;
		margin-right: 0;
	}

	.dropdown-menu li {
		position: relative;
	}

	.nav-item .submenu {
		display: none;
		position: absolute;
		left: 100%;
		top: -7px;
	}

	.nav-item .submenu-left {
		right: 100%;
		left: auto;
	}

	.dropdown-menu > li:hover {
		background-color: #f1f1f1
	}

		.dropdown-menu > li:hover > .submenu {
			display: block;
		}
}
.grecaptcha-badge{
	z-index:10;
}
#box-feed-back #box-list-feed-back {
	overflow-y: scroll !important;
	height: 553px;
	max-height: 553px;
	padding: 0 !important;
}
/*show history input*/
.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-bottom: none;
	margin-left: 15px;
	max-height: 300px;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
	overflow: auto;
}

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

		.autocomplete-items div:hover {
			background-color: #e9e9e9;
		}

.autocomplete-active {
	background-color: DodgerBlue !important;
	color: #ffffff;
}

/*description book*/
#content-book {
	color: black;
	word-wrap: break-word;
	text-align: justify;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

/*	#content-book p {
		margin-bottom: 0;
	}*/

#img-content-description-book img {
	aspect-ratio: 9/11;
	width: 100%;
	object-fit: contain;
	height: 500px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.2), 0 4px 15px 0 rgba(0,0,0,.19);
}
/*end description book*/

/*show img when create - edit*/
#image-input {
	border: 1px solid
}
/*end show img when create - edit*/

/*show article*/
#body-show-article {
	border: 1px solid #ccc;
}
#bottom-title-article {
	background-color: rgba(0, 0, 0, .1);
	display: block;
	height: 3px;
	margin: 1em 0;
	max-width: 130px;
	width: 100%;
}
/*end show article*/
#bread-crumb-hidden{
	display:none;
}
#content-article{
	color: black;
	font-size:16px;
	text-align:justify;
	word-wrap:break-word;
}

#search-box {
	position: relative;
}

	#search-box #PrintedBookId {
		transition: all 0.2s linear;
	}

	#search-box #recommend {
		z-index: 3;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		z-index: 10;
		position: absolute;
		left: 0;
		width: 100%;
		background-color: red;
		top: 100%;
		padding: 20px 20px;
		overflow-y: scroll;
		height: max-content;
		max-height: 300px;
		background-color: white;
		visibility: hidden;
		margin-top: 5px;
		transition: all .2s ease-in-out;
		opacity: 0;
	}

#PrintedBookId:focus ~ #recommend {
	transition: all .3s ease-in-out;
	visibility: visible;
	opacity: 1;
}

.item-recommend img {
	aspect-ratio: 4/4;
	object-fit: cover;
}

.item-recommend {
	z-index: 5;
	width: 100%;
	height: max-content;
}

	.item-recommend:hover {
		color: #575757;
		text-decoration: none;
		background-color: rgba(221, 221, 221, .6);
	}
.e-pdfviewer .e-pv-main-container {
	min-height: 90vh !important;
}
/*show list category ddc*/
.caption-bottom-ddc {
	padding: 15px;
}

	.caption-bottom-ddc .card-title {
		padding: 15px 0 0;
		display: inline-block;
		margin-bottom: 10px;
	}

	.card-item .col-right .card-title, .caption-bottom-ddc .card-title {
		font-weight: 600;
	}

.box-inner .caption-bottom-ddc .card-title {
	padding-top: 0;
}

.box-inner .caption-bottom-ddc {
	min-height: 85px;
}

.dx-datagrid-table td {
	vertical-align: middle !important;
}
.bg-working-hours {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

	.bg-working-hours .modal-body {
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
		color: white;
	}
.youtube-iframe iframe {
	width: 100%;
	height: 100%;
}
/*show ebooks in category */
.search-show-category-ebooks{
	width : 200px;
}
/*page introduce and FAQ */
/*.content-introduce-page span {
	font-family: "Muli", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	font-size: 17.5px !important;
}

.content-faq-page span {
	font-family: "Muli", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	font-size: 17.5px !important;
}*/

.form-group:has(input.required) label::after,
.form-group:has(textarea.required) label::after,
.form-group:has(select[data-required]) label::after,
.form-group:has(select.required) label::after {
	content: ' *';
	color: red; /* You can adjust the color as needed */
}

/*handle book not image*/
.bg-printed-not-image {
	background-image: url('/uploads/covers/default.jpg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

@media (min-width: 300px) {
	.bg-printed-not-image > h5 {
		font-size: 6px;
		padding: 0px 50px;
		margin-top: 50px;
	}

	.bg-printed-not-image #book-cover-authors {
		font-size: 4px;
		padding-right: 55px;
		padding-bottom: 15px;
	}
}

@media (min-width: 768px) {
	.bg-printed-not-image > h5 {
		font-size: 8px;
		padding: 0 120px;
		margin-top: 50px;
	}

	.bg-printed-not-image #book-cover-authors {
		font-size: 4px;
		padding-right: 125px;
		padding-bottom: 20px;
	}
}
@media (min-width: 1200px) {
	.bg-printed-not-image > h5 {
		font-size: 10px;
		padding: 0 70px;
		margin-top: 50px;
	}

	.bg-printed-not-image #book-cover-authors {
		font-size: 6px;
		padding-right: 75px;
		padding-bottom:20px;
	}
}

/*handle book not image in show info*/
.bg-printed-show-info-not-image {
	background-image: url('/uploads/covers/default.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#book-cover-authors span {
	color: #343a40;
}
.none-image {
	transition:all 0.3s ease-in-out;
}
.none-image:hover{
	opacity:0.7;
}

#portrait-preview {
	aspect-ratio: 9/11;
	object-fit: cover;
}
@media (min-width: 300px) {
	.bg-printed-show-info-not-image > h5 {
		font-size: 12px;
		padding: 0px 45px;
		margin-top: 50px;
	}

	.bg-printed-show-info-not-image #book-cover-authors {
		font-size: 5px;
		padding-right: 30px;
		margin-bottom: 30px;
	}
}

@media (min-width: 768px) {
	.bg-printed-show-info-not-image > h5 {
		font-size: 14px;
		padding: 0 260px;
		margin-top: 50px;
	}

	.bg-printed-show-info-not-image #book-cover-authors {
		font-size: 6px;
		padding-right: 25px;
		margin-bottom: 30px;
	}
}

@media (min-width: 1200px) {
	.bg-printed-show-info-not-image > h5 {
		font-size: 16px;
		padding: 0 45px;
		margin-top: 50px;
	}

	.bg-printed-show-info-not-image #book-cover-authors {
		font-size: 9px;
		padding-right: 30px;
		margin-bottom: 30px;
	}
}

@media (max-width: 768px) {
	.product-list > .pagination-book,
	.product-list > .pagination-book-1,
	.product-list > .pagination-book-2,
	.product-list > .pagination-book-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}