@import "ui/base/_typography.css";
@import "ui/base/_colours.css";
.photo-info p {
  display: block;           /* Ensure block display for p tag */
  width: 150px;             /* Adjust to your layout */
  white-space: nowrap;      /* Prevent text wrapping */
  overflow: hidden;         /* Hide overflow */
  text-overflow: ellipsis;  /* Add ellipsis for overflow text */
  cursor: pointer;          /* Show pointer for interactivity */
  position: relative;       /* For positioning the hover content */
}

.photo-info:hover p::after {
  content: attr(data-fulltext); /* Use the full text dynamically */
  position: absolute;
  left: 0;
  top: 100%;
  white-space: normal;      /* Allow normal wrapping */
  background: #fff;         /* Background for better visibility */
  border: 1px solid #ccc;   /* Add border */
  padding: 5px;             /* Padding for spacing */
  z-index: 100;             /* Ensure it stays on top */
  width: max-content;       /* Fit content dynamically */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add shadow for focus */
}

.hover {
	color: #F36C23
}

.pt-20px {
	padding-top: 20px;
}

.pb-20px {
	padding-bottom: 20px;
}

.pl-20px {
	padding-left: 20px;
}

.pl-15px {
	padding-left: 15px;
}

.pb-10px {
	padding-bottom: 10px;
}

.pt-10px {
	padding-top: 10px;
}

.pb-5px {
	padding-bottom: 5px;
}

.pl-5px {
	padding-left: 5px;
}

.p-20px {
	padding: 20px;
}

.pr-15px {
	padding-right: 15px;
}

.pr-20px {
	padding-right: 20px;
}

.pb-15px {
	padding-bottom: 15px;
}

.pb-10px {
	padding-bottom: 10px;
}

.bg-gray-5 {
	background: #f6f6f6;
}
.text-area-rate{
	padding-left:15px;
	padding-right:15px;
}
.add-To-cart
{
    border: 3px solid var(--rp-primary-color-dark);
    color: var(--rp-primary-color-dark);
    background: white;
    border-radius: 25px;
    font-weight: 600 ! important;
}
.add-To-cart:hover, .add-To-cart:focus {
  color: var(--rp-primary-color-dark)!important;
}

.series-title {
	font-family: 'Quicksand', sans-serif!important;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
}

.series-auth,
.series-card-author,
.series-card-desc,
.series-card-isbn {

	font-family: var(--rp-teritory-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: var(--rp-gray-color-2);
}

.flex-column .series-auth span {
	font-weight: 500;
	font-size: 16px;
}

.flex-column .series-auth.text-black span {
	font-weight: 600;
}

.tabcontent .series-auth {
	font-family: var(--rp-primary-serif-font);
}

.series-auth a:hover {
	color: var(--rp-primary-color-dark) !important;
}

.lh-22 {
	line-height: 22px;
}

.series-desc-title {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
}

.lh-28 {
	line-height: 28px;
}

.series-desc-abstract {
	font-family: var(--rp-primary-serif-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 33px !important;
	color: var(--rp-gray-color-2);
}

.showMore {
	color: var(--rp-gray-color-1) !important;
	font-weight: 600 !important;
	padding-left: 5px;
	cursor: pointer;
}

.home-card-title.series {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 0;
	padding: 0;
}

.series-card-title.series {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home-card-title.series .list-inline.iconlist {
	padding: 0;
	margin: 21px 0px 0px 0px;
}

.dropdown-toggle::after {
	content: none;
}
.gift-book{
	font-size: 16px;
	font-family: var(--rp-teritory-sans-font);
    border: 1px solid var(--rp-primary-color-dark);
    padding: 10px! important;
    border-radius: 5px;
    color: var(--rp-primary-color-dark);
    transition: background-color 0.3s ease, color 0.3s ease;
}
.gift-book i{
	cursor: pointer;
	margin-right:8px;
}
.gift-text
{
	font-size: 16px;
	font-weight:bold;
}
.shopping-cart:hover{
	color:#FFFFFF ! important;
	background-color: var(--rp-primary-color-dark);
}
.shopping-cart i:hover{
	color:#FFFFFF ! important;
	background-color: var(--rp-primary-color-dark);
}

@media (min-width:768px) {
	.pl-md-20px {
		padding-left: 20px;
	}

	.pl-md-15px {
		padding-left: 15px;
	}

	.pb-md-10px {
		padding-bottom: 10px;
	}

	.pb-md-20px {
		padding-bottom: 20px;
	}

	.text-md-left {
		text-align: left;
	}

	.p-md-20px {
		padding: 20px;
	}
}

.dropdown-menu.pull-right {
	left: auto;
	right: 0;
}

.series .icon2 {
	width: 25px;
}

.f-icon2 {
	font-size: 20px;
}

.dropdown-menu.pull-right.series {
	left: auto !important;
	right: 0;
}

@media screen and (max-width: 767px) {
	.dropdown-menu.pull-right.series {
		/* left: 0 !important; */
		transform: none !important;
		top: 100% !important;
		/* position: initial !important; */
	}

	.rsubmit button {
		margin: 0px !important;
	}

}

.dropdown-colored {
	background: #F6F6F6;
	border-radius: 3px;
	padding: 10px;
}

.price-dropdown-toggle .price-dropdown {
	background: #F6F6F6;
	border-radius: 3px;
	padding: 10px;
	width: 120px;
	height: 40px;
}

.price-dropdown-toggle .price-dropdown .color-liteblack {
	color: var(--rp-gray-color-1);
	font-weight: 600;
}

.price-dropdown-toggle+.dropdown-menu {
	min-width: 120px;
}

.series-auth.text-black,
.price-dropdown-toggle+.dropdown-menu>li>a:hover {
	color: var(--rp-gray-color-1);
	font-weight: 600;
}

.offer-price {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-primary-color-dark);
}

.icons-list {
	margin: 26px 0px 0px 0px;
	padding: 0;
}

.book-icons-list {
	margin: 20px 0px 25px 0px;
	padding: 0;
}

.text-black {
	color: var(--rp-gray-color-0);
}

/* Style the tab */
.tab {
	overflow: hidden;
	border-bottom: 1px solid #E1E1E1;
	;

	/* background-color: #f1f1f1; */
}

/* Style the buttons inside the tab */
.tab button,
.accordion {
	background-color: #E1E1E1;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 16px;
	transition: 0.3s;
	/* font-size: 17px; */
	color: var(--rp-gray-color-2);
	min-width: 180px;
	border-top-left-radius: 15px;
	position: relative;
	padding-right: 30px;
	transition: 0.4s;
}

.accordion {
	border-radius: 0;
}

/* .panel {
  padding: 0 18px;
  background-color: var(--rp-white-color-3);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
} */
.tab button:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 50px solid white;
	border-left: 25px solid transparent;
	width: 0;

}

.tab button::before {
	content: "";
	position: absolute;
	border: 0 solid transparent;
	border-top: 4px solid white;
	border-radius: 20px 0 0 0;
	top: -3px;
	right: 20px;
	width: 12px;
	height: 12px;
	transform: rotate(62deg);
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active,
.accordion.active {
	background-color: var(--rp-primary-color-light);
	color: var(--rp-primary-color-dark);
}

/* Style the tab content */
.tabcontent {
	display: none;
	/* max-height: 0; */
	overflow: hidden;
	/* padding: 6px 12px; */
	border: 1px solid #e1e1e1;
	border-top: none;
	width: 100%;
}

.mh-0 {
	max-height: 0 !important;
}

.tabcontent .d-flex .series-auth {
	/*text-transform: uppercase;*/
	word-break: keep-all;
}

@media screen and (max-width: 767px) {
	/*      .tabcontent{*/
	/*        max-height: 0;*/
	/*        display: block !important;*/
	/**/
	/*      }*/


	.mh-0 {
		max-height: 0 !important;
	}

	.price-list-table {
		width: 100% !important;
	}

	.tab .tablinks {

		min-width: 70px !important;

	}

	.continue-reading {
		width: 165px !important;
		font-size: 13px !important;
	}

	.pr-4 {
		padding-right: 0px !important;
		margin-right: 10px !important;
	}




	.series-auth.tab {
		display: flex;
		overflow: inherit;
		margin-left: 10px;
		margin: 10px;
	}


}

.payButton {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 15px;
	min-width: 80px;

	color: var(--rp-primary-color-dark);
	border: 1.5px solid #F36C23;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
}

.border-bottom-white {
	border-bottom: 1px solid #E1E1E1;

}

.rname {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 2px;
	color: var(--rp-gray-color-1);
}

.rcomment {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	color: var(--rp-gray-color-2);
}

.rrate {
	margin-top: 20px;
}

.row.rrate .col-xs-11 {
	padding-left: 15px;
}

.reviewer {
	padding-top: 10px;
	width: 100%;
	margin-left: 10px;
	margin-bottom: 110px;
	margin-bottom: 30px;
}

.userreview .bdHead {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	/* identical to box height */
	color: var(--rp-primary-color-dark);
	margin-bottom: 17px;

}

.chattextarea {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: var(--rp-gray-color-8);
	padding-right: 44px;
	padding-left: 0px;
}

.textArea {
	background: #F4F4F4;
	border-radius: 5px;
	padding: 15px 15px;
	border: 1px solid #F4F4F4;
	resize: none;

}

.userreview.pt-md-3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.col-7.start {
	color: #C4C4C4;
	font-size: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.col-7.start .rating:not(:checked)>label,
.col-7.start .rating {
	float: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.col-7.start .rating {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.col-12.rating {
	float: none;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.col-5.cust-md-block.rsubmit {
	display: block !important;
	max-width: 100%;
	flex: 0 0 100%;
	text-align: left;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.col-5.cust-md-block.rsubmit button {
	font-size: 16px;
}

.start {
	margin-top: 10px;
	color: #C4C4C4;
	font-size: 20px;
}

.textArea.series {
	background: #F4F4F4;
	border-radius: 5px;
	padding: 15px 15px;
	resize: none;
	min-width: 455px;
	border: 1px solid #ccc7c7;
	box-shadow: none;
}

@media screen and (max-width: 767px) {
	.textArea.series {
		min-width: 100%;
	}

	.w-full {
		width: 100%;
	}

	.userreview.pt-md-3 .row {
		padding-right: 0px;
		padding-left: 0px;
	}

	.userreview.pt-md-3 .row div[class*="col-"] {
		padding-right: 10px;
		padding-left: 10px;
	}

	.userreview.pt-md-3 .row {
		padding: 10px;
	}

	.userreview.pt-md-3 .col-5.cust-md-block.rsubmit {
		display: table-cell !important;
		max-width: 41%;
		flex: 0 0 41%;
		text-align: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.userreview.pt-md-3 .col-7.start .rating {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 14px;
	}
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
	.userreview.pt-md-3 {
		width: 90%;
	}

	.textArea.series {
		min-width: 100%;
	}

	.userreview.pt-md-3 .row .col-sm-7 {
		padding-right: 25px;
		padding-left: 10px;
	}
}

@media screen and (max-width: 370px) {
	.userreview.pt-md-3 .col-7.start .rating {
		font-size: 11px;
	}
}

.textArea.series:focus {
	background: #F4F4F4;
}


.start {
	color: #C4C4C4;
	font-size: 20px;
}

.rating {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	/* identical to box height */
	color: var(--rp-gray-color-1);
}

.inicial {
	color: var(--rp-primary-color-dark);
	padding: 10px;
	background: #FFEEE2;
	text-align: center;
	border-radius: 150px;
	width: 40px;
	margin: 0 auto;
}

.rating-stars {
	width: 100%;
	text-align: center;
}

.rating-stars .rating-stars-container {
	font-size: 0px;
}

.rating-stars .rating-stars-container .rating-star {
	display: inline-block;
	font-size: 32px;
	color: #555555;
	cursor: pointer;
	padding: 5px 10px;
}

.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
	color: #f1c40f;
}

.rating-stars .rating-stars-container .rating-star.is--no-hover {
	color: #555555;
}

.submenu1 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	margin-left: 0px;
	color: #868686;
	overflow: hidden;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

@media screen and (max-width: 350px) {

	.submenu1 {
		max-width: 180px !important;
	}
}

.img-caption {
	font-size: 16px;
	color: var(--rp-gray-color-1);
	font-family: var(--rp-primary-sans-font);
	/* width: 170px; */
	font-style: normal;
	font-weight: 500;
	text-align: left;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 69px;
	margin: 10px 0px 5px 0px;
}

.relatedContainer {
	margin-top: 100px;
	margin-bottom: 25px;
}

@media screen and (max-width: 720px) {
	.relatedContainer {

		margin-top: 50px;
	}

	.d-none {
		display: none !important;
	}
}

.share.dropdown:hover .material-icons,
.accordion.active .material-icons {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

.toast-header {
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
}

.cursor-pointer {
	cursor: pointer;
}


.series-card-img {
	height: 100%;
	max-height: 213px;
}



@media only screen and (max-width: 600px) {
	.series-card-img {

		height: 100%;
		min-width: 110px;
		max-height: 142px;
	}

	/* box-shadow: 0px 2.15441px 8.07904px rgba(0, 0, 0, 0.2); */
}

.color-liteblack,
#currencyList .color-liteblack {
	color: var(--rp-gray-color-1) !important;
}

#dropdownMenuButton.series {
	min-width: 120px;
}

.mw-80 {
	max-width: 80%;
	word-break: break-all;
}

.seriesContainer {
	max-height: 550px;
	overflow: scroll;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.seriesContainer::-webkit-scrollbar {
	display: none;
}


.series-card-body {
	min-width: 544px;
	max-height: 280px;
	border-radius: 5px;
	margin-right: 25px;
}

@media only screen and (max-width: 600px) {
	.series-card-body {
		min-width: 293px;
		border-radius: 2.5px;
		margin-right: 20px;
		max-height: initial;
	}
}

.btn-custom2 {
	background: #F6F6F6;
	border-radius: 3px;
	font-family: var(--rp-primary-sans-font);
	border: 1px solid #F6F6F6;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	display: flex;
	align-items: center;
	color: var(--rp-gray-color-1);
}

.btn-custom1 {
	width: 120px;
	background-color: var(--rp-primary-color-dark);
	border-color: var(--rp-primary-color-dark) !important;
	color: var(--rp-white-color-3);
	padding: 10px;
}

.desctext {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	background: #F6F6F6;
	border-radius: 5px;
	height: 120px;
	padding: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: var(--rp-white-color-3);
    background-color: #f36b24 !important;
    background-image: none;
    border-color: #f36a24 !important;
}
.btn-primary:hover {
    color: var(--rp-white-color-3);
    background-color: #f36c22 !important;
    border-color: #f36c22;
}
*/
.modal-header .close {
	padding: 1.3rem 1.3rem;
	border-radius: 0px 10px 0px 0px;
	opacity: 1;
	background: var(--rp-primary-color-dark);
	margin-top: -15px;
}

.series-book-img {
	width: 100%;
	object-fit: cover;
	height: 240px;
}

button~#series {
	display: none;
}

.commoavalid span:not(:last-of-type)::after {
	content: ", ";
}

#bookmark .modal-content {
	width: 550px;
	height: 292px;
}

#bookmark .modal-content .modal-body {
	padding: 30px 30px 10px 30px !important;
}

#bookmark .modal-header {
	padding: 0px;
	border-bottom: 1px solid #e5e5e5;
	background: #F6F6F6;
	border-radius: 10px 10px 0px 0px;
	line-height: var(--rp-line-height-21);
	height: 51px;
	display: block;
}

#bookmark .modal-header .close {
	margin: -36px 0px 0px 0px;
	background: #F36C23;
	padding: 10px 15px 15px 15px;
	color: var(--rp-white-color-3);
	opacity: 1 !important;
	font-weight: var(--rp-font-weight-300);
	font-size: var(--rp-font-size-22);
	border-radius: 0px 5px 0px 0px;
	border-bottom: none !important;
}

#bookmark .modal-title {
	margin-top: 15px;
	margin-left: 27px;
	line-height: 1.42857143;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: var(--rp-font-weight-600);
	font-size: var(--rp-font-size-16);
	line-height: var(--rp-line-height-21);
	color: var(--rp-gray-color-1);
}

#bookmark .modal-content .modal-body label {
	margin-bottom: 10px;
}

#bookmark .modal-content .modal-body label sup {
	color: #f9454e;
}

#bookmark .modal-content .modal-body input {
	height: 50px;
	background: var(--rp-gray-color-5);
	color: var(--rp-gray-color-1) !important;
	font-style: normal;
	font-weight: var(--rp-font-weight-600);
	font-size: var(--rp-font-size-14);
	line-height: var(--rp-line-height-22);
}

#bookmark .modal-content .modal-footer-custom {
	margin: 10px 30px 30px 30px;
	padding: 0px;
}

#bookmark .modal-content .btn-save {
	width: 120px;
	background-color: var(--rp-primary-color-dark);
	border-color: var(--rp-primary-color-dark) !important;
	color: var(--rp-white-color-3);
	padding: 10px;
	display: block;
	margin-left: auto;
}

#citation .modal-content {
	width: 600px;
	margin: auto;
}

#citation .modal-content .modal-body {
	padding: 20px !important;
}

#citation .modal-header {
	padding: 0px;
	border-bottom: 1px solid #e5e5e5;
	background: #F6F6F6;
	border-radius: 10px 10px 0px 0px;
	line-height: var(--rp-line-height-21);
	height: 51px;
	display: block;
}

#citation .modal-header .close {
	margin: -36px 0px -1px 0px;
	background: var(--rp-primary-color-dark);
	padding: 10px 15px 17px 15px;
	color: var(--rp-white-color-3);
	opacity: 1 !important;
	font-weight: var(--rp-font-weight-300);
	font-size: var(--rp-font-size-22);
	border-radius: 0px 5px 0px 0px;
	border-bottom: none !important;
}

#citation .modal-header .img-close {
	width: 20px;
}

#citation .modal-title {
	margin-top: 15px;
	margin-left: 20px;
	line-height: 1.42857143;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: var(--rp-font-weight-600);
	font-size: var(--rp-font-size-16);
	line-height: var(--rp-line-height-21);
	color: var(--rp-gray-color-1);
}

#citation .htext {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: var(--rp-font-weight-600);
	font-size: var(--rp-font-size-16);
	line-height: var(--rp-line-height-21);
	color: var(--rp-gray-color-1);
}

#citation .modal-content .modal-body label {
	margin-bottom: 10px;
}

#citation .modal-content .modal-body label sup {
	color: #f9454e;
}

#citation .modal-content .modal-body input {
	height: 50px;
	background: var(--rp-gray-color-5);
	color: var(--rp-gray-color-1) !important;
	font-style: normal;
	font-weight: var(--rp-font-weight-600);
	font-size: var(--rp-font-size-14);
	line-height: var(--rp-line-height-22);
}

#citation .modal-content .modal-footer-custom {
	margin: 10px 30px 30px 30px;
	padding: 0px;
}

#citation .dropdown {
	width: fit-content;
}

#citation .modal-content .btn-save {
	width: 120px;
	background-color: var(--rp-primary-color-dark);
	border-color: var(--rp-primary-color-dark) !important;
	color: var(--rp-white-color-3);
	padding: 10px;
	display: block;
	margin-left: auto;
}

#citation .dropdown-menu {
	height: 210px;
	overflow-y: scroll;
}

#citation .dropdown-toggle.btn-custom2 {
	width: 160px;
	position: relative;
	background-color: var(--rp-gray-color-5);
}

#citation .dropdown-toggle.btn-custom2 .caret {
	position: absolute;
	right: 15px;
}

#citation .btn-primary.dropdown-toggle:hover,
#citation .btn-primary.dropdown-toggle:active,
#citation .btn-primary.dropdown-toggle:focus {
	background-color: var(--rp-gray-color-5);
	border-color: var(--rp-gray-color-5) !important;
	color: var(--rp-gray-color-1);
}

#citation .btn-custom2 {
	background: #F6F6F6;
	border-radius: 3px;
	font-family: var(--rp-primary-sans-font);
	border: 1px solid #F6F6F6;
	font-style: normal;
	font-weight: var(--rp-font-weight-500);
	font-size: var(--rp-font-size-14);
	line-height: var(--rp-line-height-22);
	display: flex;
	align-items: center;
	color: var(--rp-gray-color-1);
}

#citation .caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.invalid-feedback.error-msg {
	display: inline;
	visibility: hidden;
}

#bookmark .modal-content .modal-body input {
	padding: 6px 12px;
	height: 50px;
	background: var(--rp-gray-color-5);
	color: var(--rp-gray-color-1) !important;
	font-style: normal;
	font-weight: var(--rp-font-weight-600);
	font-size: var(--rp-font-size-14);
	line-height: var(--rp-line-height-22);
}

#bookmark .modal-content .modal-body input::placeholder {
	color: var(--rp-gray-color-3) !important;
	font-style: normal;
	font-weight: var(--rp-font-weight-500);
	font-size: var(--rp-font-size-14);
	line-height: var(--rp-line-height-22);
}

.textArea.series::placeholder {
	font-size: 14px;
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
	display: none;
}

.addReadMore.showmorecontent .readMore {
	display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
	font-weight: bold;
	margin-left: 2px;
	color: blue;
	cursor: pointer;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
	display: block;
}

/*--------------------------------- My Library -----------------------------*/
.library-heading {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 22px;
	display: block;
	text-align: center;
	color: var(--rp-primary-color-dark);
	margin: 80px 0px 40px 0px;
	padding: 0px;
}

.library-page .embty-library-page {
	margin: 30px auto 95px auto;
	padding: 0px;
}

.library-page .library.tab-content hr {
	margin-top: 30px;
	margin-bottom: 30px;
}

.library-page .embty-library-page .embty-library-content {
	max-width: 300px;
	margin: auto auto auto 320px;
}

.library-page .embty-library-page .embty-library-content .embty-library-img {
	width: 189px;
	margin-left: auto;
	margin-right: auto;
}

.library-page .embty-library-page .embty-library-content .embty-library-img img {
	width: 100%;
}

.library-page .embty-library-page .embty-library-content .embty-library-text1 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: var(--rp-primary-color-dark);
}

.library-page .embty-library-page .embty-library-content .embty-library-text2 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: var(--rp-gray-color-1);
}

.library-page .embty-library-page .embty-library-content .embty-library-text2 .heart-icon {
	width: 16px;
	display: inline-block;
	margin-top: -3px;
}

.library-buttons {
	margin: 0px 0px 35px 0px;
}

.library-buttons .tabs-button {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 21px;
	color: var(--rp-gray-color-2);
	border-bottom: 1px solid #E5E5E5;
}

.library-buttons .tabs-button .myown,
.library-buttons .tabs-button .wishlist,
.library-buttons .tabs-button .subscription {
	cursor: pointer;
	display: inline-block;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-weight: 500;
	border-bottom: 2px solid #FFFFFF !important;
	font-size: 16px;
	line-height: 21px;
}

.library-buttons .tabs-button .myown.active,
.library-buttons .tabs-button .wishlist.active,
.library-buttons .tabs-button .subscription.active {
	border: none !important;
	border-bottom: 2px solid #F36C23 !important;
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	color: var(--rp-gray-color-1);
}

.library.tab-content .tab-pane.active {
	border: none !important;
}

#subscription-tab.tab-pane.active .subscription-tab,
#wishlist.tab-pane.active {
	margin-top: 50px;
}

.library-list-types {
	margin: 15px 0px 0px 0px;
}

.library-list-types .pub-type-head {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: var(--rp-gray-color-1);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.library-page .container-checkbox {
	display: inline;
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: var(--rp-gray-color-2);
}

.library-page .container-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.library-page .container-checkbox .checkmark {
	position: absolute;
	top: 4.5px;
	left: 0;
	height: 12px;
	width: 12px;
	background-color: var(--rp-gray-color-4);
	border: 1.85px solid #C1C1C1;
	border-radius: 0px;
}

.library-page .container-checkbox:hover input~.checkmark {
	background-color: var(--rp-gray-color-4);
}

.library-page .container-checkbox input:checked~.checkmark {
	background-color: #FAC9AF;
	border-radius: 3px;
	border: none;
}

.library-page .container-checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.library-page .container-checkbox input:checked~.checkmark:after {
	display: inline;
}

.library-page .container-checkbox .checkmark:after {
	left: 4px;
	top: 0.75px;
	width: 4px;
	height: 10px;
	border: solid #ff6600;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.library-page .wishlist-content {
	margin: 10px 0px 0px 0px;
}

.library-page .wishlist-content,
.library-page .subscription-content {
	display: none;
}

.library-page .wishlist-content.active,
.library-page .subscription-content.active {
	display: block;
}

.library-page .wishlist-content p {
	background: var(--rp-gray-color-5);
	border: 1.5px solid #F1F1F1;
	border-radius: 3px;
	width: 180px;
	height: 50px;
	text-align: left;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	padding: 11px 15px;
	position: relative;
	cursor: pointer;
}

.library-page .wishlist-content p .ptype {
	background: var(--rp-gray-color-5);
	border: none;
	text-align: left;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
}

.library-page .wishlist-content .active-color .ptype {
	color: var(--rp-primary-color-dark) !important;
}

.library-page .wishlist-content p .material-icons-outlined {
	position: absolute;
	top: 10px;
	right: 5px;
}

.library-page .subscription-head2 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 15px 0px 15px 0px;
}

.library-page .subscription-head1 {
	cursor: pointer;
}

.active-color {
	color: var(--rp-primary-color-dark) !important;
}

.library-page .subscription-head1 {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 0px 0px 10px 0px;
	cursor: pointer;
}

.library-page .subscription-head1.margin-top1 {
	margin: 20px 0px 10px 0px;
}

.library-page .subscription-subhead1,
.library-page .subscription-subhead2 {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 0px 0px 10px 0px;
	cursor: pointer;
	background: var(--rp-gray-color-5);
	border: 1.5px solid #F1F1F1;
	border-radius: 3px;
	width: 180px;
	height: 50px;
	padding: 11px 15px;
	position: relative;
}

.library-page .subscription-subhead1 .material-icons-outlined,
.library-page .subscription-subhead2 .material-icons-outlined {
	position: absolute;
	top: 10px;
	right: 5px;
}

.library-page .expired_btn {
	background: #F89933;
	border-radius: 2px;
	width: 70px;
	height: 20px;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 19px;
	color: var(--rp-white-color-3);
	border: none;
	display: inline-block;
	text-align: center;
	margin: 10px 0px 0px 0px;
}

.library-page .volume-issue-para {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.library-page .volume-text {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: var(--rp-gray-color-2);
	padding-right: 11px;
}

.library-page .volume-text b {
	color: var(--rp-gray-color-1);
}

.library-page .issue-text {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-gray-color-2);
}

.library-page .issue-text b {
	color: var(--rp-gray-color-1);
}

.library-page .myown-content-share thead tr th,
.library-page .myown-content-share tbody tr td {
	text-align: center;
}

.library-page .myown-content-share thead tr th:nth-child(2),
.library-page .myown-content-share tbody tr td:nth-child(2) {
	text-align: left;
}

.library-page .myown-content-share thead tr th:first-child,
.library-page .myown-content-share tbody tr td:first-child {
	white-space: nowrap;
	width: 5vw;
}

.library-page .myown-content-share thead tr th:last-child,
.library-page .myown-content-share tbody tr td:last-child {
	white-space: nowrap;
	width: 5vw;
}

.library-page .myown-content-share thead tr th:nth-child(3),
.library-page .myown-content-share tbody tr td:nth-child(3) {
	width: 15vw;
}

.library-page .myown-content-share thead tr th:nth-child(4),
.library-page .myown-content-share tbody tr td:nth-child(4) {
	width: 8vw;
}

.library-page .myown-content-share thead tr th:nth-child(5),
.library-page .myown-content-share tbody tr td:nth-child(5) {
	width: 9vw;
}

table.dataTable tbody td svg:not(:root).svg-inline--fa {
	color: var(--rp-gray-color-2);
}

table.dataTable tbody td svg:not(:root).svg-inline--fa:hover {
	color: var(--rp-primary-color-dark-hover);
}

@media only screen and (max-width: 800px) {
	.library-page .mlr-0 {
		margin-right: 0px;
		margin-left: 0px;
	}
}

#annotation {
	padding: 21px 0px 0px 0px;
	margin: 0px;
}

#annotation .multi-tabs p {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #E1E1E1;
}

#annotation .multi-tabs span {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	color: var(--rp-gray-color-2);
	cursor: pointer;
	display: inline-block;
	width: 170px;
	text-align: center;
	padding: 0px 0px 16px 0px;
	border-bottom: 3px solid #ffffff;
}

#annotation .multi-tabs span.active {
	border-bottom: 3px solid #F36C23;
	color: var(--rp-gray-color-1);
}

#annotation .multi-tabs .annotation-text {
	list-style-type: none;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	display: table;
}

#annotation .multi-tabs .annotation-text li {
	font-family: var(--rp-primary-serif-font);
	display: table-row;
	padding: 0px;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
}

#annotation .multi-tabs .annotation-text li p {
	font-family: var(--rp-primary-serif-font);
	display: table-cell;
	padding: 20px 50px 20px 50px;
	width: 70%;
	vertical-align: bottom;
	font-size: 16px;
	font-weight: 500;
}

#annotation .multi-tabs .annotation-text li p:last-child {
	font-family: var(--rp-primary-serif-font);
	width: 20%;
	white-space: nowrap;
	padding: 0px 40px 21px 0px;
}

#annotation .multi-tabs .annotation-text li p img {
	width: 22px;
	cursor: pointer;
	display: block;
	margin: 2px 0px 0px 0px;
	text-align: right;
	float: right;
	padding: 0px 0px 0px 10px;
}

#annotation .multi-tabs .annotation-text li:last-child p {
	border: none;
	font-size: 16px;
	font-weight: 500;
}

#annotation .multi-tabs .annotation-text li:last-child p a {
	font-family: var(--rp-primary-serif-font);
	font-size: 100%;
	font-weight: 500;
}

#annotation .multi-tabs .annotation-text li p:first-child a:hover {
	color: var(--rp-primary-color-dark-hover);
	cursor: pointer;
}

.flex-box-home {
	display: flex;
	flex-direction: row;
	column-gap: 30px;
	overflow: hidden;
}

.flex-img {
	max-height: 260px;
	margin: 0px auto 50px 0px;
	background: #ffffff;
}

.flex-img:last-child {
	margin-right: 0px;
}

.flex-img .thump-image {
	min-width: 200px;
	height: 100%;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
	margin: auto;
	transition: box-shadow 0.8s;
	position: relative;
	max-width: 250px;
}

.flex-img .thump-image img {
	width: 100%;
	height: 100%;
}

.flex-img .thump-image:hover {
	cursor: pointer;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5);
}

.footpara {

	margin: 10px 0px;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;

	color: #515151;
}

.footparaEmail {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-size: 16px;
	margin: 12px 0px;
	font-weight: 600;
}

.footparaEmail span,
.footparaEmail span a {
	font-weight: 600;
	font-size: 16px;
}

.footpara-follow {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-size: 16px;
	margin: 12px 0px;
	font-weight: 500;
	color: var(--rp-gray-color-2);
}

.clr1 {
	font-weight: 600;
}

.book_subscription .ul-li-controls-list li svg,
.book_subscription .ul-li-controls-list li a svg {
	fill: var(--rp-gray-color-2);
	vertical-align: -5px;
}

.book_subscription .header-result-text:hover {
	color: var(--rp-primary-color-dark-hover);
}

.book_subscription .ul-li-controls-list>li:hover,
.book_subscription .ul-li-controls-list>li:hover>a {
	color: var(--rp-primary-color-dark-hover) !important;
}

.book_subscription .ul-li-controls-list>li:hover svg,
.book_subscription .ul-li-controls-list>li:hover a svg {
	fill: var(--rp-primary-color-dark-hover) !important;
}

/*--------------------------------------- END-----------------------------------*/
.border-box {
	/*max-width: 670px;*/
	min-width: 300px;
	margin: 0px;
	margin: 20px 0px 0px 0px;
}

.border-box .body-content {
	width: 100%;
	border: 1px solid #E1E1E1;
	font-family: var(--rp-teritory-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: var(--rp-gray-color-2);
	border: 1px solid #E1E1E1;
	padding: 15px;
}

.border-box .body-content .item-list {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	column-gap: 10px;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.add-cart-style{
	display:flex;
	column-gap: 5px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.price-list-table {
	width: fit-content;
}

.price-list-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	column-gap: 5px;
}

.price-list-buttons p {
	width: 130px;
	min-height: 50.22px;
	background: #E1E1E1;
	text-align: center;
	margin: 0px;
	border-radius: 5px 5px 0px 0px;
	font-family: var(--rp-teritory-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-gray-color-2);
	cursor: pointer;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	transition: 0.4s;
}

.price-list-buttons p.active {
	background: var(--rp-primary-color-light);
	color: var(--rp-primary-color-dark);
	margin-bottom: -1px;
	padding-bottom: 1px;
	border-bottom: none;
}

.padding-left-50 {
	padding-left: 50px;
}

.price-list-table .pdf-icon,
.price-list-table .epub-icon {
	color: var(--rp-primary-color-dark);
	font-weight: 600;
	width: 100px;
	display: inline-block;
}

.price-list-table .isbn-text b {
	color: var(--rp-primary-color-dark);
}

.margin-top-25 {
	margin-top: 25px;
}

.isbn-text {
	width: 200px;
	max-width: 170px;
	display: inline-block;
}

.amount-text {
	/*width: 125px;*/
	max-width: 180px;
	display: inline-block;
	padding-right: 0px;
	font-weight: bold;
	color: var(--rp-primary-color-dark);
}

.shopping-cart {
	padding: 0px;
	cursor: pointer;
}

.read_button {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 15px;
}

.read_button a {
	width: 80px;
	background: var(--rp-primary-color-dark);
	color: #ffffff;
	border: 1.5px solid #F36C23;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	padding: 10px;
}

.submenu1 a {
	font-weight: 600;
	color: var(--rp-gray-color-2);
}

.submenu1 a:hover {
	color: var(--rp-primary-color-dark-hover);
}

.start-reading {
	height: 45px;
	background: var(--rp-primary-color-dark);
	color: #ffffff;
	border: none;
	border-radius: 5px;
	text-align: center;
	display: block;
	cursor: pointer;
	padding: 10px;
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-size: 17px;
	line-height: 21px;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
}

.continue-reading {
	/*width: 240px;*/
	background: var(--rp-primary-color-dark);
	color: #ffffff;
	border: none;
	border-radius: 5px;
	text-align: center;
	display: block;
	cursor: pointer;
	padding: 10px;
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 21px;
	/*text-transform: uppercase;*/
	margin: 0px 0px 0px 0px;
}

.start-reading+.continue-reading {
	margin: 10px 0px 0px 0px;
}

.start-reading .svg-inline--fa,
.continue-reading .svg-inline--fa {
	vertical-align: -.155em;
}

.single-retailer-btn {
	min-width: 150px;
	background: var(--rp-primary-color-dark);
	color: #ffffff;
	border: none;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	padding: 10px;
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 21px;
	margin: 10px 0px 10px 0px;
}

.more-retailer-btn {
	min-width: 160px;
	background: none;
	color: var(--rp-primary-color-dark);
	border-radius: 5px;
	text-align: center;
	display: block;
	cursor: pointer;
	padding: 10px;
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 16px;
	margin: 10px 0px 10px 0px;
	text-transform: uppercase;
	height: 45px;
	border: 1px solid var(--rp-primary-color-dark);
}

.single-retailer-btn:hover,
.start-reading:hover,
.continue-reading:hover {
	background: var(--rp-primary-color-dark-hover);
	color: #ffffff;
}

.more-retailer-btn:hover {
	background: none;
	color: var(--rp-primary-color-dark);
}

.more-retailers .dropdown-menu .dropdown-item {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: var(--rp-gray-color-2);
	padding: 8px 15px;
}

.more-retailers .dropdown {
	width: 170px;
}

.more-retailers .dropdown-menu.show a.dropdown-item:hover,
.more-retailers .dropdown-menu .dropdown-item:focus,
.more-retailers .dropdown-menu .dropdown-item:hover {
	color: var(--rp-gray-color-1);
	text-decoration: none;
	background-color: var(--rp-gray-bg-color-2);
}

.more-retailers .dropdown-menu {
	width: 165px;
	border: 1px solid var(--rp-gray-color-3);
	border-top: none;
}

.dis-blk-width-200 {
	max-width: 200px;
	display: block;
}

.content-reading-buttons {
	margin: 30px 0px 10px 0px;
}

/*--------------------------------------------------------------------*/
.toc {
	padding: 10px 24px 24px 24px;
	width: fit-content;
}

.toc .toc-entry {
	font-family: var(--rp-secondary-serif-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	color: var(--rp-gray-color-1);
}

.toc-title {
	margin-top: 10px;
}

.toc .toc-entry a:hover {
	color: var(--rp-primary-color-dark-hover);
}

.toc-entry .label {
	padding: 0px 12px 0px 0px;
	color: var(--rp-gray-color-2);
}

.toc-entry[level=level-1] {
	margin: 20px 0px 0px 20px;
	text-indent: -20px;
}

.toc-entry[level=level-2] {
	margin: 15px 0px 0px 40px;
	text-indent: -20px;
}

.toc-entry[level=level-3] {
	margin: 15px 0px 0px 50px;
	text-indent: -20px;
}

.toc-entry[level=level-4] {
	margin: 15px 0px 0px 80px;
	text-indent: -20px;
}

.toc-entry[level=level-5] {
	margin: 15px 0px 0px 100px;
	text-indent: -20px;
}

.toc-entry[level=level-6] {
	margin: 15px 0px 0px 120px;
	text-indent: -20px;
}

.toc-entry[level=level-7] {
	margin: 15px 0px 0px 140px;
	text-indent: -20px;
}

.toc-entry[level=level-8] {
	margin: 15px 0px 0px 160px;
	text-indent: -20px;
}

.toc-entry[level=level-9] {
	margin: 15px 0px 0px 180px;
	text-indent: -20px;
}

.toc-entry[level=level-10] {
	margin: 15px 0px 0px 200px;
	text-indent: -20px;
}

.toc-entry[level=level-11] {
	margin: 15px 0px 0px 220px;
	text-indent: -20px;
}

.toc-entry[level=level-12] {
	margin: 15px 0px 0px 240px;
	text-indent: -20px;
}

.toc-entry[level=level-13] {
	margin: 15px 0px 0px 260px;
	text-indent: -20px;
}

.toc-entry[level=level-14] {
	margin: 15px 0px 0px 280px;
	text-indent: -20px;
}

.toc-entry[level=level-15] {
	margin: 15px 0px 0px 300px;
	text-indent: -20px;
}

/*---------------------------------------------------------------------------*/
.back-button {
	font-family: var(--rp-teritory-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-gray-color-2);
	margin: 50px 0px 31px 0px;
}

.share-to {
	font-family: var(--rp-teritory-sans-font);
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 20px 0px 10px 0px;
}

.buttons {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: var(--rp-white-color-3);
	border-radius: 5px;
	margin: 20px 0px 45px 0px;
}

.buttons .share-btn {
	width: 110px;
	height: 45px;
	background: var(--rp-primary-color-dark);
	border-radius: 3px;
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: var(--rp-white-color-3);
	border-radius: 5px;
}

.buttons .cancel-btn {
	width: 50px;
	height: 38px;
	padding: 0px;
	color: var(--rp-gray-color-2);
	display: inline-block;
	margin-left: 10px;
}

.buttons .share-btn:hover {
	background: var(--rp-primary-color-dark-hover);
}

.back-button:hover {
	color: var(--rp-primary-color-dark-hover);
}

.select-email {
	max-width: 500px;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #DCDCDC;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #DCDCDC;
	padding-left: 5px;
}

.select2-container--default .select2-search--inline .select2-search__field {
	font-family: var(--rp-teritory-sans-font);
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
}

.shared-details-table {
	margin: 20px 0px 0px 0px;
	max-width: 882px;
	width: 100%;
}

.shared-details-table thead th {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: var(--rp-primary-color-dark);
	border-top: 1px solid #F4F4F4 !important;
	border-bottom: 1px solid #F4F4F4 !important;
	padding: 15px 10px;
}

.shared-details-table tbody td {
	font-family: var(--rp-primary-serif-font);
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: var(--rp-gray-color-1);
	border-top: 1px solid #F4F4F4 !important;
	border-bottom: 1px solid #F4F4F4 !important;
	padding: 15px 10px;
}

.shared-details-table thead th:first-child,
.shared-details-table tbody td:first-child {
	width: 7vw;
	white-space: nowrap;
	text-align: center;
	border-left: 1px solid #F4F4F4 !important;
}

.shared-details-table thead th:nth-child(2),
.shared-details-table tbody td:nth-child(2) {
	width: 35vw;
	word-break: keep-all;
}

.shared-details-table thead th:last-child,
.shared-details-table tbody td:last-child {
	border-right: 1px solid #F4F4F4 !important;
}

.altmetric {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: var(--rp-blue-color-dark);
}

.sample-file {
	width: 130px;
	height: 40px;
	background: var(--rp-gray-bg-color-2);
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: var(--rp-gray-color-2);
	border-radius: 5px;
	display: block;
	text-align: center;
	margin: 30px auto 0px auto;
	border: 1px solid var(--rp-gray-color-4);
}

.sample-file:hover {
	color: var(--rp-primary-color-dark-hover);
}

.book-home-page .tabcontent {
	border: 1px solid #ccc7c7;
	border-top: none;

}

.tab .tablinks {
	background-color: #E1E1E1;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 16px;
	transition: 0.3s;
	color: var(--rp-gray-color-2);
	min-width: 180px;
	border-top-left-radius: 15px;
	position: relative;
	padding-right: 30px;
	transition: 0.4s;
	text-align: center;
	margin: 0px 1px -1px 0px;
	border-bottom: 1px solid #ccc7c7;
	user-select: none;
}

.tab p.active {
	background-color: var(--rp-primary-color-light);
	color: var(--rp-primary-color-dark);
	border-left: 1px solid #ccc7c7;
	border-bottom-color: var(--rp-primary-color-light);
	border: none !important;
}

.series-auth.tab {
	display: flex;
	overflow-x: auto;
}

.tab .tablinks::before {
	content: "";
	position: absolute;
	border: 0 solid transparent;
	border-top: 4px solid white;
	border-radius: 20px 0 0 0;
	top: -3px;
	right: 20px;
	width: 12px;
	height: 12px;
	transform: rotate(62deg);
}

.tab .tablinks:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 50px solid white;
	border-left: 25px solid transparent;
	width: 0;
	top: -1px;
}

.tab p.active.tablinks::before {
	content: "";
	position: absolute;
	border: none;
	border-top: 1px solid #ccc7c7;
	border-radius: 19px 0 0 0;
	top: 17.85px;
	right: -12.5px;
	width: 62px;
	height: 16px;
	transform: rotate(64deg);
}

.tab p.active.tablinks::after {
	transform: rotate(360deg);
	right: -24px;
	width: 49.76px;
	top: -6px;
}

/*--------------------Login Modal --------------------------*/
#notifyInpress .modal-dialog.login_modal {
	width: 400px;
	max-width: 400px !important;
}

#notifyInpress .modal-body h5 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 21px;
	color: var(--rp-gray-color-1);
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

#notifyInpress .modal-body .maxshares-input {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	color: var(--rp-gray-color-2);
	margin: 0px;
	text-align: left;
	height: 45px;
	padding: 10px 15px;
	border: 1px solid #ccc;
	background-color: var(--rp-white-color-3);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#notifyInpress .modal-body {
	overflow: hidden;
	padding: 10px 20px 20px 20px !important;
}

#notifyInpress .modal-body .upload-warning-lable {
	color: var(--rp-red-color-1);
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
}

#notifyInpress .modal-footer {
	padding: 10px 20px 20px 20px !important;
}

#notifyInpress .modal-footer .btn-custom1 {
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	background: var(--rp-primary-color-dark);
}

#notifyInpress .modal-footer .btn-custom1:hover {
	background: var(--rp-primary-color-dark-hover);
}

#notifyInpress .modal-header .close {
	padding: 1.3rem 1.3rem 1rem 1.3rem;
	border-radius: 0px 10px 0px 0px;
	opacity: 1;
	background: #ff6600;
	margin-top: 0px;
}

/*-----------------------------------------------------------*/

.rsubmit button {
	background: var(--rp-primary-color-dark);
	border-radius: 2px;
	padding: 5px;
	color: var(--rp-white-color-3);
	width: 105px !important;
	height: 39px;
	font-family: var(--rp-primary-sans-font);
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	margin: 22px 0px 0px 0px;
}

.rsubmit button:hover {
	color: var(--rp-white-color-3);
	background: var(--rp-primary-color-dark-hover);
}

.toc-entry .fa-play-circle {
	display: inline-block;
	margin: 0px 10px 0px 0px;
}

.w-100 {
	width: 100% !important;
}

.containerwidth {
	max-width: 1154px;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.gap-10 {
	gap: 10px;
}

.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.pl-md-4,
.px-md-4 {
	padding-left: 1.5rem !important;
	margin-left: 15px;
}

.ml-md-2,
.mx-md-2 {
	margin-left: 2.5rem !important;
}

.d-md-block {
	display: block !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}

.list-inline>li {
	padding: 0px;
	margin: 0px;
}

#aboutBook {
	margin-bottom: 80px;
}

#contents {
	margin-bottom: 80px;
}

#reviews {
	margin-bottom: 80px;
}

.title-head {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
}

.viewall-btn {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-white-color-3) !important;
	background: var(--rp-primary-color-dark) !important;
	;
	border: var(--rp-primary-color-dark) !important;
	cursor: pointer;
}

.book-btn {
	width: 100px;
	height: 40px;
	border: 1.5px solid #F36C23;
	box-sizing: border-box;
	border-radius: 5px;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 15px;
	color: var(--rp-primary-color-dark);
	background: none;
}

.book-btn:hover {
	outline: none;
	box-shadow: none;
	background: #B11116;
	color: var(--rp-white-color-3);
}

@media (max-width:768px) {
	.dropc {
		margin-left: 27%;
	}

	.notify {
		position: absolute;
		top: 60px;
		left: 50px;
	}

	.d-flex {
		flex-direction: column;
	}

	.listb {
		flex-direction: row;
	}

	.list-inline {
		flex-direction: row;
		margin-bottom: 20px;
		;
	}

	.icons-list {
		margin: 26px 0px 0px 0px;
		padding: 0;
		display: inline-flex;
	}

	#aboutBook {
		margin-bottom: 30px;
	}

	.price-dropdown-toggle .price-dropdown {
		margin: 20px 0px;
		margin-top: 40px;
		flex-direction: inherit;
	}


}

.price-dropdown-toggle .price-dropdown {
	margin: 20px 0px;

}

.border-box {

	margin-right: 40px;
}

.share-btn-text {
	padding-right: 5px;
	margin-top: -1.5px;
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
}

.dropdown-menu>li>span {
	display: block;
	padding: 6px 20px;
	clear: both;
	line-height: 1.5;
	white-space: nowrap;
	font-weight: 500;
	color: var(--rp-gray-color-2);
}

.dropdown-menu.open {
	display: block !important;
}

.dropdown-menu.show {
	display: block !important;
}

.read-wrapper,
.download-wrapper {
	background-color: #fff;
	display: inline-block;
	padding: 15px 20px;
	margin-bottom: 10px;
	border: 1px solid #F36C23;
	margin-right: 20px;
	font-size: 22px;
}

.read-wrapper:hover,
.download-wrapper:hover {
	background-color: #F36C23;
}

.download-wrapper>a>.fa-download,
.read-wrapper>a>.fa-book-reader {
	color: #F36C23;
	font-size: 22px;
	font-weight: 900;
	margin-left: 18px;
}

.Reader>a>.fa-book-reader,
.download>a>.fa-download {
	color: #F36C23;
	font-size: 22px;
	font-weight: 900;
}

.download-wrapper:hover .fa-download,
.read-wrapper:hover .fa-book-reader {
	color: #Fff !important;
}

.Reader {
	float: left;
}

.fa-share-alt {
	position: relative;
	right: 5px;
}

.vndrop {
	margin-bottom: 10px;
}

.icons-line {
	display: flex;
	align-items: center;
	font-family: var(--rp-teritory-sans-font);
}

.icons-line i {
	margin-right: 10px;
}

.icons-line a:hover {
	color: #B11116;
}

.position-align li {
	display: inline-block;
}

.infoclose {
	border-radius: 0px 4px 0px 0px;
	opacity: 1;
	background: var(--rp-primary-color-dark);
	color: var(--rp-primary-color-light);
	border: none;
	padding: 13px;
}

.info-box {
	padding-top: 20%;
}

.htext {
	font-family: var(--rp-primary-sans-font);
	color: var(--rp-gray-color-2);
	font-weight: bold;
}

.infodetail {
	font-family: var(--rp-primary-serif-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px !important;
	color: var(--rp-gray-color-2);
}

.chap-page {
	margin-right: 10px;
}

.chap-title {
	font-size: 18px;
}

.border-bottom {
	border-bottom: 1px solid #ccc7c7 !important;
}

.desk-copy {
	background: var(--rp-primary-color-dark);
	color: #ffffff;
	border-radius: 0px;
	font-weight: 600;
}

.d-flex1 {
	flex-direction: row !important;
	display: flex !important;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.border-box .body-content .item-list {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		column-gap: 15px;
		align-items: center;
		position: relative;
		row-gap: 4px; 
}
#citation .modal-content {
width:100%;
}
}