body {
	position: relative;
	height: 100%!important;
}

.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
nav.top {
	width: 100%;
	background-color: #f68009;
	background-image: linear-gradient(#ff9900, #f68009);
}
.navbar-brand img {
	width: 160px;
	margin: -7px 50px -5px 50px;
}
.nav-item {
	margin: 0.75em;
}
.nav-item i {
	font-size: 1.5em;
}

.anchor {
	padding-top: 90px;
}

.container {
	padding: 1em 2em!important;
}
.container-doc {
	margin-left: 300px!important;
	width: calc(100% - 600px)!important;
	padding: 1em 2em!important;
}
nav.side {
	position: fixed;
	top: 80px;
	width: 300px;
	height: calc(100% - 80px);
	border-right: 1px solid lightgray;
	padding: 1em;
	overflow-y: auto;
}
nav.sumary {
	position: fixed;
	right: 0;
	top: 160px;
	width: 300px;
	height: calc(100% - 160px);
	border-right: 1px solid lightgray;
	padding: 1em;
	overflow-y: auto;
}
nav.sumary ul {
	padding-left: 1em;
}


@media screen and (max-width: 1200px) {
	.container-doc {
		margin-left: 250px!important;
		width: calc(100% - 500px)!important;
	}
	nav.side {
		width: 250px;
	}
	nav.sumary {
		width: 250px;
	}
	.navbar-brand img {
		margin: -7px 25px -5px 25px;
	}
}
@media screen and (max-width: 992px) {
	.container-doc {
		margin-left: 250px!important;
		width: calc(100% - 250px)!important;
	}
}
@media screen and (max-width: 768px) {
	.container-doc {
		margin-left: 200px!important;
		width: calc(100% - 200px)!important;
	}
	nav.side {
		width: 200px;
	}
	.navbar-brand img {
		margin: -7px 0 -5px 0;
	}
}

@media screen and (max-width: 576px) {
	.container-doc {
		padding: 1em .5em!important;
		margin-left: 0!important;
		width: 100%!important;
	}
}

/* BreadCrumbs */
.breadcrumb {
	padding:15px 0!important;
	background-color:transparent!important;
	margin:-20px 0 0 0!important;
}
.breadcrumb-item a:focus {
	color:#2e67a8;
}
.breadcrumb h1 {
	display:inline-block;
	font-size:1em;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"!important;
}

/* md style */
.md pre {
	padding: 1em;
	background-color: rgba(0,0,0,.05);
}
.md h2, .md h3 {
	border-bottom: 1px solid #eaecef;
	padding-top: 1em;
	padding-bottom: .5em;
}

.md .table-container {
	max-width: 100%;
	overflow-x: auto;
}
.md table tr {
	background-color: #fff;
	border-top: 1px solid #c6cbd1;
}
.md tbody tr:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.05);
}
.md table th, .md table td {
	border: 1px solid #dfe2e5;
}

a.inactive {
	color: red!important;
}

/* btns */
.btn-udk {
	background-color: #f68009;
	background-image: linear-gradient(#ff9900, #f68009);
	color: rgba(0,0,0,.5);
}
.btn-udk:hover {
	background-color: #ff9900;
	background-image: linear-gradient(#f68009, #ff9900);
	color: rgba(0,0,0,.9);
}