:root,[data-bs-theme="light"] {
    --dg-description-bg-color: #0000001a;
    --dg-overlay-bg: #fff0;
    --dg-overlay-linear-gd-1: #fff0;
    --dg-overlay-linear-gd-2: #fff0;
    --dg-overlay-linear-gd-3: #f6f6f6;
    --dg-overlay-btn: #f7f7f7;

    --dg-vol-filter: brightness(100%);
    --dg-vol-shelf-gradian-1: #d9d9d9;
    --dg-vol-shelf-gradian-2: #bebebe;
    --dg-vol-shelf-gradian-3: #e8e8e8;
    --dg-vol-shelf-gradian-4: #e8e8e8;
    --dg-vol-shelf-shadow-inside: #bfbfbf;
    --dg-vol-shelf-shadow-outside: #959595;
    --dg-vol-shelf-border-color: #e2e1e1;
    --dg-vol-shelf-side: #d5d3d3;
    --dg-vol-shelf-side-edge: #cecece;
    --dg-vol-bd-def: #f2f2f2;
    --dg-vol-bg-gradian-1: #cbcbcb;
    --dg-vol-bg-gradian-2: #e7e7e7;
    --dg-vol-bg-gradian-3: #fbfbfb;
    --dg-vol-bg-gradian-4: #dbdada;
    --dg-vol-bg-gradian-5: #b2b2b2;
    --dg-vol-border-color: #ababab;
    --dg-vol-title-1: #676666;
    --dg-vol-title-2: #dbdbdb;
    --dg-vol-number-color: #868686;
    --dg-vol-line-color: #a7a7a71c;
}

[data-bs-theme="dark"] {
    --dg-description-bg-color: #2a3544;
    --dg-overlay-bg: #fff0;
    --dg-overlay-linear-gd-1: #fff0;
    --dg-overlay-linear-gd-2: #1b1f2299;
    --dg-overlay-linear-gd-3: #1b1f22;
    --dg-overlay-btn: #222b37;
    --dg-vol-filter: brightness(57%) contrast(1.8);
}

/*ul { direction:rtl; } ul li em{direction:ltr;}*/

.media a {
	    color: #0968bd !important;
	}
.media a:focus, .media a:hover {
	    color: #0968bd;
	    text-decoration: underline;
}
/*ul.pagination li {*/
/*    float:right;*/
/*}*/
/*ul.pagination li a, ul.pagination li span {*/
/*    direction: rtl;*/
/*}*/

.toggle-button-wrapper {
    padding: 5px 20px;
    background-color: var(--dg-overlay-btn);
    text-align: left;
}


.toggle-button-wrapper a{
    text-decoration: none;
    font-size: 0.9em;
}
.toggle-button-wrapper a .glyphicon {
    vertical-align: middle;
}

.content h2 {
    font-size: 1.4em;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}
.content h3 {
    font-size: 1.2em;
    font-weight: 500;
    /*margin-top: 20px;*/
}
.content .smaller {
     font-size: 0.8em;
}

.subject_description .overlay {

    -webkit-background:linear-gradient(var(--dg-overlay-linear-gd-1),var(--dg-overlay-linear-gd-2),var(--dg-overlay-linear-gd-3)),var(--dg-overlay-bg);
    -moz-background:linear-gradient(var(--dg-overlay-linear-gd-1),var(--dg-overlay-linear-gd-2),var(--dg-overlay-linear-gd-3)),var(--dg-overlay-bg);
    -ms-background:linear-gradient(var(--dg-overlay-linear-gd-1),var(--dg-overlay-linear-gd-2),var(--dg-overlay-linear-gd-3)),var(--dg-overlay-bg);
    -o-background:linear-gradient(var(--dg-overlay-linear-gd-1),var(--dg-overlay-linear-gd-2),var(--dg-overlay-linear-gd-3)),var(--dg-overlay-bg);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--dg-overlay-linear-gd-1)),color-stop(50%, var(--dg-overlay-linear-gd-2)), to(var(--dg-overlay-linear-gd-3))),var(--dg-overlay-bg);
    background: -webkit-linear-gradient(top, var(--dg-overlay-linear-gd-1),var(2),var(--dg-overlay-linear-gd-3)),var(--dg-overlay-bg);
    background: -moz-linear-gradient(top, var(--dg-overlay-linear-gd-1),var(--dg-overlay-linear-gd-2),var(--dg-overlay-linear-gd-3)),var(--dg-overlay-bg);
    background: -o-linear-gradient(top, var(--dg-overlay-linear-gd-1),var(--dg-overlay-linear-gd-2),var(--dg-overlay-linear-gd-3)),var(--dg-overlay-bg);
    background: linear-gradient(to bottom, var(--dg-overlay-linear-gd-1),var(--dg-overlay-linear-gd-2),var(--dg-overlay-linear-gd-3)),var(--dg-overlay-bg);
    bottom:0;
    /*cursor:pointer;*/
    left:0;
    /*opacity:.8;*/
    /*filter:alpha(opacity=.8);*/
    position:absolute;
    right:0;
    top:0
}

button, input, select, textarea {
    font-family: IRANSans;

}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0 none;
    /*font: inherit;*/
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/*body {*/
/*    font-family: IRANSans;*/
/*    position: relative;*/
/*    background: #f5f4f4 none repeat scroll 0 0;*/
/*    color: #444;*/
/*}*/
/*a {*/
/*    color: #444;*/
/*}*/
ul.nav-pills {
    top: 20px;
    position: fixed;
}
/*div.col-sm-9 div {*/
    /*!*height: 250px;*!*/
    /*!*font-size: 28px;*!*/
/*}*/

@media screen and (max-width: 810px) {
    #section1, #section2, #section3, #section41, #section42  {
        margin-left: 150px;
    }
}

.subject_head h1 {
    direction: rtl;
    font-size: 1.7em;
    font-weight: 500;
    padding: 20px;
}

.subject_content {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    direction: rtl;
    outline: 0;
}

@media only screen and (min-width: 1180px) {
    .subject_content {
        margin-left: 20px;
        -ms-flex-preferred-size: calc(75% - 20px);
        flex-basis: calc(75% - 20px)
    }
}

.subject_description {
    border-radius: 2px;
    background: var(--dg-content-bg-color);
    border: 1px solid var(--dg-description-bg-color);
    margin-bottom: 25px
}

.subject_description .title {
    font-size: 1.4em;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px
}

.subject_description .content {
    font-weight: 300;
    line-height: 1.8;
    padding-bottom: 15px
}

.subject_description .content strong {
    font-weight: 500
}

.subject_description .content li {
    margin-right: 30px;
    padding-left: 30px;
    list-style: square
}

.subject_description .content h2,
.subject_description .content h3,
.subject_description .content h4,
.subject_description .content p {
    margin-top: 10px;
    margin-bottom: 10px
}

.subject_description .content a {
    color: #23527c;
    font-weight: 500;
    font-size: 1.1em;
    -webkit-transition: .2s;
    transition: .2s
}

/*Book cover */

#bookcover .cover {
    /*display: inline-block;*/
    margin: 30px 0;
    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
#bookcover .cover .books {
    text-align: center;
}

/************** book 3D cover ****************/

/*add "moznomarginboxes mozdisallowselectionprint" in <html> tag*/

/* Fallback styles */
.book3d {
    /*box-shadow: 5px 5px 20px #333;*/
    cursor: pointer;
    display: block;
    margin: 10px auto;
    /*width: 130px;*/
}

.book3d img { vertical-align: middle; }

/*************************************/
/*.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {*/
/*    float: right;*/
/*}*/

.list-group-item {
    padding: 20px 25px;
}
/*.breadcrumb {*/
/*	background-color: #fff;*/
/*	border: 1px solid #e5e5e5;*/
/*	font-size: 0.8em;*/
/*}*/
.studylevel {
    float: left;
    background: rgba(255, 255, 255, 0.46);
}
.category, .studylevel {
    font-size: 1em;
    padding: 1% 5%;
    text-align: right;
    color: #413f3f;
    font-family: 'IRANSans';
    text-shadow: 1px 1px 1px #fff;
}
.page_list {
	height: 10px;
	overflow: hidden;
	width: 100%;
}
/*****************  volumes  ********************/
.bookshelf {
}

.bookwrapper {
    filter: var(--dg-vol-filter);
    background: linear-gradient(0deg, var(--dg-vol-shelf-gradian-1) 0%, var(--dg-vol-shelf-gradian-2) 8%, var(--dg-vol-shelf-gradian-3) 8%, var(--dg-vol-shelf-gradian-4) 100%);
    box-shadow: inset 0 0 4px 0 var(--dg-vol-shelf-shadow-inside), 0 0 2px var(--dg-vol-shelf-shadow-outside);
    direction: rtl;
    text-align: right;
    height: 245px;
    border: 13px solid var(--dg-vol-shelf-border-color);
    position: relative;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

.bookwrapper:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 13px;
    width: 0%;
    border-top: 18px solid var(--dg-vol-shelf-side);
    border-right: 30px solid transparent;
}
.bookwrapper::after {
    background-color: var(--dg-vol-shelf-side);
    content: '';
    position: absolute;
    left: 0;
    bottom: 17px;
    height: 202px;
    border-right: 1px solid var(--dg-vol-shelf-side-edge);
    width: 30px;
    z-index: 0;
}
.volume {
    display: flex;
    font-family: IRANSans, Tahoma, Geneva, sans-serif;
    /*color: #858585;*/
    border: 1px solid var(--dg-vol-border-color);
    border-radius: 2px;
    position: relative;
    z-index: 1;
    /*background: var(--dg-vol-bd-def);*/
    background: linear-gradient(90deg, var(--dg-vol-bg-gradian-1) 0%, var(--dg-vol-bg-gradian-2) 34%, var(--dg-vol-bg-gradian-3) 67%, var(--dg-vol-bg-gradian-4) 90%, var(--dg-vol-bg-gradian-5) 100%);
}

.volume:before,
.volume:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;

    border-top: 4px ridge var(--dg-vol-line-color);
    /*background: linear-gradient(90deg, rgba(169,183,204,1) 0%, rgba(193,208,232,1) 34%, rgba(193,209,232,1) 66%, rgba(169,183,204,1) 100%);*/
}

.volume:before {
    top: 5px;
}

.volume:after {
    bottom: 28px;
}

.volume a {
    padding: 15px 12px 1px;
    color: var(--dg-vol-number-color);
    text-decoration: none;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.volume a:active {
    text-decoration: none;
}

.volume a:hover,
.volume a:focus,
.volume a:active {
    background-color: rgba(0, 121, 255, 0.15);

    /*background: rgb(169,183,204);*/
    /*background: linear-gradient(90deg, rgba(169,183,204,1) 0%, rgba(193,208,232,1) 34%, rgba(193,209,232,1) 66%, rgba(169,183,204,1) 100%);*/
}

.volume .sort {
    text-align: center;
}

.volume .vol {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    /*text-align: center;*/
    line-height: 1.5;
    width:24px;
    min-height:170px;
    
    background: -webkit-linear-gradient(180deg, var(--dg-vol-title-1) 60%, var(--dg-vol-title-2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/***************** related mbook  ********************/
.slick_wrap {

}
.slick-prev::before, .slick-next::before {
    font-size: 26px;
    color: #347364;
}
.slick-prev, .slick-next {
    top: 40%;
}
.tile_wrap .tile{border:0; border-radius: .5rem; box-shadow: 4px 4px 15px 0 rgba(36,37,38,.08);}
.tile_wrap .tile{
background-image: linear-gradient( 135deg, #79F1A4 10%, #0E5CAD 100%);
}
/*.tile_wrap .tile{background-image: linear-gradient(180deg,#89ef62,#3a752a);}*/


/*.tile_wrap:nth-child(26n+1) .tile{background-image: linear-gradient(180deg,#e156df,#ae2e86)}
.tile_wrap:nth-child(26n+2) .tile{background-image: linear-gradient(180deg,#4d9dec,#3460db);}
.tile_wrap:nth-child(26n+3) .tile{background-image: linear-gradient(180deg,#f44881,#ec454f)}
.tile_wrap:nth-child(26n+4) .tile{background-image: linear-gradient(180deg,#89ef62,#3a752a);}
.tile_wrap:nth-child(26n+5) .tile{background-image: linear-gradient(180deg,#6edcc4,#1aab8b)}
.tile_wrap:nth-child(26n+6) .tile{background-image: linear-gradient(180deg,#c561bc,#9b58b5)}
.tile_wrap:nth-child(26n+7) .tile{background-image: linear-gradient(180deg,#ea1a1a,#da2d2f)}
.tile_wrap:nth-child(26n+8) .tile{background-image: linear-gradient(180deg,#8b60ed,#b372bd);}
.tile_wrap:nth-child(26n+9) .tile{background-image: linear-gradient(0deg,#f19a1a,#ffc73c)}
.tile_wrap:nth-child(26n+10) .tile{background-image: linear-gradient(180deg,#21c8f6,#637bff);}
.tile_wrap:nth-child(26n+11) .tile{background-image: linear-gradient(180deg,#9a168b,#9a165a);}
.tile_wrap:nth-child(26n+12) .tile{background-color:#3598db}
.tile_wrap:nth-child(26n+13) .tile{background-color:#2ecd71}
.tile_wrap:nth-child(26n+14) .tile{background-color:#43a0c1}
.tile_wrap:nth-child(26n+15) .tile{background-color:#d80073}
.tile_wrap:nth-child(26n+16) .tile{background-color:#f0a30a}
.tile_wrap:nth-child(26n+17) .tile{background-color:#1bbc9b}
.tile_wrap:nth-child(26n+18) .tile{background-color:#a20025}
.tile_wrap:nth-child(26n+19) .tile{background-color:#945dc5}
.tile_wrap:nth-child(26n+20) .tile{background-color:#7ad61d}
.tile_wrap:nth-child(26n+21) .tile{background-color:#b347bf}
.tile_wrap:nth-child(26n+22) .tile{background-color:#e84c3d}
.tile_wrap:nth-child(26n+23) .tile{background-color:#3c61c9}
.tile_wrap:nth-child(26n+24) .tile{background-color:#e77e23}
.tile_wrap:nth-child(26n+25) .tile{background-color:#4eb25a}
.tile_wrap:nth-child(26n+26) .tile{background-color:#52d7c4}
.tile_wrap:nth-child(26n+27) .tile{background-color:#53a1cf}
.tile_wrap:nth-child(26n+28) .tile{background-color:#de467f}
.tile_wrap:nth-child(26n+29) .tile{background-color:#3447d4}
.tile_wrap:nth-child(26n+30) .tile{background-color:#3460db}*/

.tile_wrap .tile {
    background-color:#77bd64;
    /*line-height: 240px;
    min-height: 240px;
    text-align: center;*/
    position: relative;
}
.tile_wrap .tile h2 {
    
}
.tile_wrap .category ,
.tile_wrap .studylevel {
	font-size: 1em;
	padding: 1% 5%;
	text-align: right;
	color: #413f3f;
	font-family: 'IRANSans';
	text-shadow: 1px 1px 1px #fff;
}
.tile_wrap .category {
	float:right;
}
.tile_wrap .studylevel {
	float: left;
	direction: rtl;
	background: rgba(255, 255, 255, 0.46);
}
.tile_wrap .footer {
    line-height: 1.2em;
	font-size: .9em;
	padding: 5% 5%;
	text-align: right;
	color: #ccc;
	font-family: 'IRANSans';
	background: rgba(0, 0, 0, 0.4);
	border-radius: 0 0 .5rem .5rem;
}
.tile_wrap .tile h2 {
    display: inline-block;
    direction: rtl;
    vertical-align: middle;
    /*font-family: 'Karim',"Traditional Arabic",Arial;*/
    font-size: 24px;
    line-height: 55px;
    font-weight: 300;
    color:#fff;
    text-shadow: 2px 2px 4px rgb(0, 0, 0);
    /*text-shadow: 0 0 1px rgba(0,0,0,0.3);*/
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
    transform: rotate(-0.000    0000001deg);
}
.tile_wrap .content h3 {
    line-height: 1.6em;
    max-height: 4.2em;
    height: 4em;
    overflow: hidden;
    font-size: 1.3em;
    margin-top: 0;
}
/*@media(max-width:767px){*/
/*    .tile_wrap .content {*/
/*        min-height: 90px;*/
/*        line-height: 90px;*/
/*    }*/
/*    .tile_wrap .tile h2 {*/
/*        font-size: 1.6em;*/
/*        line-height: 1.6em;*/
/*    }*/
/*    .tile_wrap .footer {*/
/*        line-height: 1.6em;*/
/*		font-size: 1.0em;*/
/*    }*/
/*}*/
/*@media(min-width:768px){*/
/*    .tile_wrap .content {*/
/*        min-height: 140px;*/
/*        !*line-height: 140px;*!*/
/*    }*/
/*    .tile_wrap .footer {*/
/*        line-height: 1.0em;*/
/*		font-size: 1.0em;*/
/*    }*/
/*}*/
/*@media(min-width:992px){*/
/*    .tile_wrap .content {*/
/*        min-height: 130px;*/
/*        !*line-height: 130px;*!*/
/*    }*/
/*    .tile_wrap .footer {*/
/*        line-height: 1.0em;*/
/*		font-size: 1.0em;*/
/*    }*/
/*}*/
/*@media(min-width:1200px){*/
/*    .tile_wrap .content {*/
/*        min-height: 120px;*/
/*        !*line-height: 120px;*!*/
/*    }*/
/*    .tile_wrap .tile h2 {*/
/*        font-size: 1.3em;*/
/*        line-height: 1.9em;*/
/*    }*/
/*    .tile_wrap .footer {*/
/*        line-height: 1.6em;*/
/*		font-size: 1.0em;*/
/*		!*padding: 3% 5%;*!*/
/*    }*/
/*}*/
/** slider  **/
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(-25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}

/** Bootstrap Carousel Controls Outside of Carousel **/
.carousel {
    padding-left: 50px;
    padding-right: 50px;
}
.carousel-control-next, .carousel-control-prev {
    /*background-color: #5b5b5b;*/
    opacity: 0.3;
    width: 45px;
    border-radius: 4px;
}
.carousel .card {
    margin-left: 10px;
    margin-right: 10px;
}