:root {
  --bg:#d1dde6;
}

.bg{color:var(--bg)}

body {
	font-family:IRANSans !important;
	font-weight:300;
	overflow-x:hidden;
	text-align:right;
	/* background:var(--bg); */
}
h1, h2, h3, h4, h5, h6,
button, input, optgroup, select, textarea {
	font-family:ERPx !important;
}
h1 {
	font-weight:bold;
}

a:hover{text-decoration:inherit;color:inherit}

.rtl{direction:rtl}
.ltr{direction:ltr}

.right{text-align:right}
.left{text-align:left}

.text-xl{font-size:150%}
.text-lg{font-size:125%}
.text-md{font-size:100%}
.text-sm{font-size:75%}
.text-xs{font-size:50%}

main{}
nav{}

/****************************/
/********	Main	*********/
/****************************/
main{
	background-color:#fff;
	
}
footer{padding: 25px 0 0;border-top: 1px solid #eee;margin: 25px 25px 0}
.middle{vertical-align: middle}
/***** post *****/
.book-img-box span{display:none; position: absolute; right: .5rem; top: .5rem; }
.book-img-box a:hover span{display:block; color:#fff}
.book-img-box img{width:100vw}
.btn-box .btn{margin:.5rem}
.title-box{margin-bottom:.5rem}
.book-item .title{font-size: 1.6rem;margin: 2rem 0 0;padding-bottom: 2.5rem}
.book-item .subtitle{font-size: 1rem;color: #777;margin: -2rem 0 -1.2rem}
.book-item .suptitle{font-size: 1rem;color: #aaa;margin: -1.5rem 0 -1.5rem;position: absolute}
.light{font-weight:100}

.author-box{margin:2rem 0}
.author-name{font-size: 1rem;line-height: 2.5rem;}
.book-info-box p{font-size: 1rem;line-height: 1rem;margin-bottom:.75rem}
.author-img{border-radius:50%;background-image:url(/frontend/main/images/user.png);background-size: contain;box-shadow: 0 0 1px 1px #0002;}
.author-img-32{width:32px;height:32px}
.author-img-48{width:48px;height:48px}

.book-info-box p {font-weight:500;font-size:.9rem}
.book-info-box i:before{width:1.3rem; display:inline-flex; justify-content:center; color:var(--dark)}
.book-info-box i:after{font-weight:400; padding: 0 .25rem; color:var(--gray);}
.book-info-box .publisher i:after{content:"ناشر: "}
.book-info-box .location i:after{content:"مکان نشر: "}
.book-info-box .date i:after{content:"تاریخ نشر: "}
.book-info-box .pages i:after{content:"تعداد صفحات: "}
.book-info-box .isbn i:after{content:"شابک: "}
.book-info-box .lccn i:after{content:"رده‌بندی کنگره: "}
.book-info-box .ddc i:after{content:"رده‌بندی دیوئی: "}
.book-info-box .national-bibliography i:after{content:"شماره کتابشانسی ملی: "}
.book-info-box .language i:after{content:"زبان: "}
	.book-info-box .language a{padding-right:.25rem}
	.book-info-box .language a:first-child{padding-right:0}

.book-info-box .volume i:after{content:"تعداد جلد: "}
.book-info-box .volume-number i:after{content:"شماره جلد: "}
.book-info-box .publication-type i:after{content:"نوع: "}
.book-info-box .price i:after{content:"قیمت: "}
.book-info-box .link-to-store i:after{content:"فروشگاه: "}

.BookMoreData-box button {margin-top: -2rem;background:#fff}

.btn-group-box .btn-group .btn{border:none; border-radius:50%!important; width:2.8rem; height:2.8rem; margin:.1rem; flex:0 0 auto}
.btn-group-box .btn-group .btn i{line-height:2rem;font-size: .85rem}
.btn-group-box .btn-group .btn:hover{color: var(--white);transform: scale(1.1)}
.btn-group-box .btn-group .btn:hover i{font-size: 1.1rem}

.btn-group-box .btn-view:hover{background-color: var(--dark)}

.btn-group-box .btn-view{color: var(--dark)}
.btn-group-box .btn-download{color: var(--gray)}
.btn-group-box .btn-like{color: var(--danger)}
.btn-group-box .btn-like .btn{border: 1px solid var(--danger)}
.btn-group-box .btn-share{color: var(--info)}

.btn-group-box .btn-view:hover{background-color: var(--dark);border: 1px solid var(--dark)}
.btn-group-box .btn-download:hover{background-color: var(--gray);border: 1px solid var(--gray);}
.btn-group-box .btn-like:hover{background-color: var(--danger);border: 1px solid var(--danger);}
.btn-group-box .btn-share:hover{background-color: var(--info);border: 1px solid var(--info)}


@media (max-width:767px){
	.btn-group-box .btn-group{padding-right: 2rem !important;}
	.book-img-box {padding-right: 1rem}
}
@media (min-width:768px) and (max-width:991px){
	.btn-group-box .btn-group .btn{}
	.btn-group-box .btn-group{
		-ms-flex-flow: wrap;
		flex-flow: wrap;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		}
}
@media (max-width:575px){
}

/***** modal *****/
.tblContentModal td:last-child,.tblContentModal td:first-child{text-align:center}
#loginModal .modal-header,
	#searchModal .modal-header {padding:1rem 1rem 0}
#loginModal .modal-header .nav,
	#searchModal .modal-header .nav {padding:0}
#loginModal .modal-header .nav-tabs .nav-link.active,
	#searchModal .modal-header .nav-tabs .nav-link.active{font-weight:500; padding:.5rem 2rem}
#loginModal .modal-header .nav-tabs,
	#searchModal .modal-header .nav-tabs,
#loginModal .modal-header .nav-tabs .nav-link:hover,
	#searchModal .modal-header .nav-tabs .nav-link:hover {border-bottom:none}
#loginModal .modal-header .nav-tabs .nav-item,
	#searchModal .modal-header .nav-tabs .nav-item {margin-bottom:-2px}
#loginModal input,
	#searchModal input {margin-bottom:-1px; padding:1.4rem 1rem}
#loginModal .form-control:focus,
	#searchModal .form-control:focus {position: relative}

.radius-0 {border-radius:0}
.radius-tr-0 {border-top-right-radius:0}
.radius-tl-0 {border-top-left-radius:0}
.radius-br-0 {border-bottom-right-radius:0}
.radius-bl-0 {border-bottom-left-radius:0}

@media (max-width:369px) {
	.hidden-xxs{display:none}
}

@media (min-width:370px) {
	.show-xxs{display:none}
}

/***** carousel *****/
.bd-placeholder-img,.carousel-inner{background-size: auto 100%;background-repeat: no-repeat;background-position-x: center;min-height:70vh;/*max-height:70vh*/}
.carousel-control-next, .carousel-control-prev{width:20%; color:#5552}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{color:#5555}
.carousel-indicators li{background-color:#5555}
.carousel-indicators {padding-right: 0;}
@media (max-width:369px) {
}
@media (min-width:768px) {
}
@media (max-width:767px) {
}

/***** modal *****/

#BookPagesModal{padding-right: 0!important}
.modal-full{min-height: 100%; min-width: 100%; width: max-content; max-width: 100%; margin: 0 auto;}
.modal-full .bd-placeholder-img, .carousel-inner .modal-full{min-height: 85vh; max-height: 85vh;}
.modal-full .modal-content{top: 0; position: fixed; right:0; left:0; bottom: 0}
.modal-full .carousel{height: 85vh;}
.modal-dialog-centered {min-height: 100%}
.modal-dialog {width: max-content; /*max-width: 100%;*/ }
#tblContentModal .modal-dialog {width: auto; }
@media (min-width:576px) and (max-width:991px){
.modal-dialog {min-width: 544px; margin: .5rem auto 0;}
.modal-full .carousel{height: 90vh;}
.carousel-control-next, .carousel-control-prev{width:34%}
}
@media (min-width:992px){
.modal-dialog {min-width: 700px}
.modal-full .carousel{height: 90vh;}
.carousel-control-next, .carousel-control-prev{width:34%}
}
.modal-full .modal-body{padding: .25rem 0;}
.m-0-auto{margin: 0 auto!important}
.subject-aside .badge {margin-left:3px; padding-bottom: 5px;}
@media (min-width:768px) and (max-width:991px){
	.sup-title-aside {font-size: 60%; margin: 0;padding-top:10px}
	.title-aside {font-size: 70%; margin: -10px 0 0; padding-top:10px}
	.sub-title-aside {font-size: 60%; margin:0}
	.author-aside {font-size: 55%;}
	}
#shareModal .modal-body button i {font-size: larger}
#shareModal .modal-body button {
    width: calc(50% - 1rem);
    margin: .5rem;
    float: right;
	}
#shareModal .modal-body{max-width:100vw}
/***** Search *****/
#inputAdvancedSeachText{margin-bottom:15px}

/***Footer***/
footer {
    padding: 50px 0;
    /* background: #104C8E; */
    /* color: #94DDFF; */
}
footer .col-xs-3{margin-right:-5px}
footer .col-xs-3{margin-right:-5px}
footer .col-xs-3 .glyphicon{padding-top: 2px}
footer h1{font-style:normal;margin:-5px 0 0 0;font-weight:lighter;font-size:small}