html {
	position: relative;
	min-height: 100%;
}

.langchoose img, .langchoose svg {
	width: 24px;
	height: auto;
}
.langchoose svg {
		fill: #eee;
}

#versions_list {
	margin-top: 14px;
}
.versionbox {
	display:block;
	/* margin-top:10px;
	margin-bottom:10px;
	border-radius: 5px; */
	padding: 8px;
	text-decoration: none;
	border-top: 1px #d9dfe8 solid;
}
/* .versionbox.inactive {
	background-color: #f0f6ff;
} */
.versionbox.active {
	background-color: #f3f8ff;
}
.versionbox.inactive:hover {
	background-color: #e0e8f5;
}
.versionbox:hover, .versionbox:active {
	text-decoration: none;
}

span.arrowtab:hover {
	background-repeat: no-repeat;
	background-position-y: center;
	opacity: 0.5;
}
body[dir="rtl"].viewsource div.code-badge {
	left: 0!important;
	right: auto!important;
	direction: ltr;
	border-radius: 0 0 7px 0!important;
}

/* Right arrow */
body[dir="rtl"].viewsource span.arrowtab:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAJBAMAAACPshKrAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAABIBAKQAAAAHdFJOUwBmXRYdNAMI5ZdIAAAAJ0lEQVQI12NgYDAKYMABmFVwyTAYOZChKVEQOxDAqwuPXfi14fAXAEE7BH3m5UacAAAAAElFTkSuQmCC");
	background-position-x: left;
}
/* Left arrow */
body:not([dir="rtl"]) span.arrowtab:hover, body:not(.viewsource) span.arrowtab:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAJBAMAAACPshKrAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAABIBAKQAAAAHdFJOUwBmFl0dNAIc1BG6AAAAJklEQVQI12NgwAaCFRhwARYjnFIMzgS0CeIACWRYhtsuPJrA/gIAB1cEfaTSYRoAAAAASUVORK5CYII=");
	background-position-x: right;
}

p:not([class*="mt"]) {
	margin-top: 1rem; /* Better spacing especially in nested ul/ol */
}




body[dir="rtl"] kbd, body[dir="rtl"] [role="main"] /* To exclude source page */ code {
	display: inline-block;
	direction: ltr;
}

body[dir="rtl"] ol:not(.breadcrumb) {
	list-style: persian;
}

body[dir="rtl"] blockquote {
	border-right: 2px solid #888;
	padding-right: 15px;
}
body:not([dir="rtl"]) blockquote {
	border-left: 2px solid #888;
	padding-left: 15px;
}

pre {
	direction: ltr;
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	border-radius: 4px;
}

code {
	background-color: transparent!important;
	tab-size: 4;
}

a.svglink {
	height: 0.62em;
	min-height: 15px;
	display: inline-block;
	vertical-align: middle;
	user-select: none; /* To prevent extra whitespaces when copying */
}
svg.link {
	height: 100%;
	vertical-align: top;
}
svg.link:not(.muted) {
	fill: #0000005a;
}
svg.link.muted {
	fill: #00000021;
}
svg.link:hover {
	fill: #0056b3;
}
.copytext_input {
	position: absolute;
	width: 20px;
	z-index: -10000;
	padding: 0px;
	border: none;
	opacity: 0;
	display: none;
}

li[class="media"] {
	margin-top: 16px;
	margin-bottom: 16px;
	background-color:#f4f4f4;
	border-radius: 14px;
	padding: 15px;
}

/*For footer icons*/
.icon,
.text {
	vertical-align: middle;
	display: inline-block;
}

/* '‫'در دو فایل موجود در bootstrap-rtl، جهت th بطور مطلق به right و inherit ست شده
*/
th[align="left"] {
	text-align: left;
}
th[align="right"] {
	text-align: right;
}
th[align="center"] {
	text-align: center;
}

p, pre {
		text-align:initial!important;
}

img {
	vertical-align: bottom;
}

.text-warning {
	color: #ff7b07 !important
}

.toc {
	 max-width:24rem;
}

.toc hr {
	margin-top: 6px;
	margin-bottom: 6px;
}

h2 {
	margin-bottom: 0px!important;
}
hr {
	margin-top: 8px;
}
h2:not([class*="mt"]) {
	padding-top:30px!important; /* Also has <hr> afterward */
}
h3:not([class*="mt"]) {
	padding-top:25px!important;
}
h4:not([class*="mt"]), h5:not([class*="mt"]), h6:not([class*="mt"]) {
	padding-top:15px!important;
}

.fragment_id {
	padding-top:15px;
}

.toc .fragment_id {
	padding-top:0px !important;
}

body {
	margin-bottom: 82px; /* Margin bottom by footer height */
}
.footer {
	position: absolute;
	bottom: 0;
	padding-top: 9px;
	width: 100%;
	height: 65px; /* Set the fixed height of the footer here */
	line-height: 27px; /* Vertically center the text there */
	background-color: #f5f5f5;
}

.navbar-logo {
	height: 1.25rem;
	margin-bottom: 5px;
	/* vertical-align: top; */
}

.container {
	width: auto;
	/*max-width: 720px;*/
	padding: 0 15px;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: ">"!important;
}

.anchor {
	color:#c7c7c7;
	text-decoration: none;
}
.anchor:hover {
	text-decoration: none;
}

/* Bug or incompatible code (with validation labels) in bootstrap-rtl */
.form-check {
	padding-left: initial;
	/* padding-right: 1.25rem; */
}
.rtl .form-check-input, [dir="rtl"] .form-check-input {
	margin-right: initial;
	margin-left: initial;
}

.rtl .form-check-label, [dir="rtl"] .form-check-label {
  padding-right: 0.4rem;
  padding-left: inherit;
}

.page-section {
	padding: 5rem 0;
}

.flex-center {
	justify-content: center;
}

section.bg-primary .text-dark {
	text-shadow: #64AFFFB0 0 0 8px;
}

@media (min-width: 768px) {
	.cover-img {
		min-height: 90px;
		width: 100%;
	}
	
	.cover-bottom {
		position:relative;
		z-index: 4;
		margin-top: -105px;
	}

	.cover-div {
		position: relative;
		height: 90px;
		background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.35), rgb(255, 255, 255, 0.6));
		/* It's good even for a totally-dark photo */
		margin-top: -90px;
		z-index: 3;
	}
	
	.cover-heading {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
		color: black;
	}
}

.thumb-normal {
	object-fit: cover;
}
@media (min-width: 1200px) {
	.thumb-normal {
		height: calc(((1140px / 3) - 10px) * 0.750);
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.thumb-normal {
		height: calc(((960px / 3) - 10px) * 0.750);
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.thumb-normal {
		height: calc(720px * 0.750);
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.thumb-normal {
		height: calc(540px * 0.750);
	}
}
@media (max-width: 575px) {
	.thumb-normal {
		height: calc(100vw * 0.750)
	}
}

.card_a, .card_a:visited {
	color: #212529;
}

.no-thumb {
	display: flex;
	justify-content: center;
	align-items: center;
}

.no-thumb .no-thumb-icon {
	width: 40%;
	height: auto;
	opacity: 0.3;
}