body {
	padding: 20px;
	background-color: #fff;
}

footer {
	border-top: 2px solid #eee;
	padding-top: 15px;
}

.block {
	margin-bottom: 20px;
}

.block img {
	max-width: 100%;
	height: auto;
}

.treeview, .treeview ul {
	padding: 0;
	margin: 4px 0 0 0;
	list-style: none;
	background-color: white;
}

.treeview {
	margin-top: 10px;
}

.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -23px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

.treeview li { 
	margin: 0;
	padding: 1px 0 3px 16px;
	line-height: 18px;
}

.treeview a {
	display: inline-block;
	margin-left: 2px;
	padding: 1px 2px;
	font-size: 1rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: rgb(51, 51, 51);
	text-decoration: none;
	border-width: 0;
}

.treeview a.selected {
	color: rgb(51, 122, 183);
}

#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }


.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -1px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview li.first{
    background-position: 0 -1766px;
}


.treeview-red li { background-image: url(../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview-red.gif); } 

.treeview-black li { background-image: url(../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview-black.gif); }  

.treeview-gray li { background-image: url(../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(../images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }

.main-menu-block {
}

.main-menu-block ul {
    padding-left: 0;
    list-style: none;
}

.main-menu-block ul:first-child {
    margin-left: 10px;
}


.main-menu-block ul  ul {
    padding-left: 20px;
}

.main-menu-block li {
    margin-top: 5px;
}
.main-menu-block a {
    color: rgb(51, 51, 51);
    text-decoration: none;
    line-height: 1.2rem;
    display: inline-block;
    font-size: 0.95rem;
}

.main-menu-block a.special {
    color: #aa1111;
}

.main-menu-block a.active {
    color: #337ab7;
}

.main-menu-block a.special.active {
    color: #d51919;
}
html {
    font-size: 16px;
}

html.big-font {
    font-size: 18px;
}

html.small-font {
    font-size: 14px;
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
    font-size: 1rem;
}

.wide-wrapper {
    max-width: 1600px;
    margin: 0 auto;
}
.wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    position: relative;
}

.header {
    height: 70px;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-bottom: 1px solid #c0c0c0;
    z-index: 5;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.logo-block {
    width: 145px;
    padding-left: 10px;
}

.search-block {
    text-align: center;
    padding-top: 8px;
    width: 100%;
}

.search-block input {
    width: 500px;
    height: 37px;
    font-size: 16px;
    outline: none;
    line-height: 36px;
    border: 1px solid #c0c0c0;
    border-radius: 8px;
    padding: 0 10px;
}
.search-block button {
    padding: 6px 10px 6px;
    border-radius: 8px;
    border: 1px solid #c0c0c0;
}

.left-cell {
    width: 18%;
    min-width: 300px;

    top: 70px;
    height: calc(100vh - 70px);
    padding: 20px;
}

.center-cell {
    flex-basis: 0;
    flex-grow: 1;
    width: 100%;
    padding: 40px;
    /*border-left: 1px solid #c0c0c0;*/
    /*height: calc(100vh - 70px);*/
}

.right-cell {
    width: 18%;
    min-width: 260px;
    position: sticky;
    top: 70px;
    right:0;
    padding: 20px;
}

.menu-container {
    /*position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;*/
    overflow-y: scroll;
    padding: 0 10px 20px;
}

.settings-panel {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 140px;
    margin-bottom: 20px;
}

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

.chapter {
    margin-bottom: 30px;
}

.chapter-title {
    font-size: 1.8rem;
    display: inline-block;
    margin-bottom: 10px;
}

.no-user-wrapper {
    max-width: 500px;
    margin: 100px auto 0;
}

.center-block {
    text-align: center;
}

.center-block  .logo-block {
    width: 300px;
    text-align: center;
    display: inline-block;
}
.mistake-block {
    font-size: 0.9rem;
}

.search-results li {
    margin-bottom: 20px;
}

.h3-link {
    color: rgb(51, 51, 51);
    font-size: 24px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 20px;
}


.h3-link:hover {
    text-decoration: underline;
     color: rgb(51, 51, 51);
}

.items-ul {
    list-style: none;
}

.items-ul a {
    color: rgb(51, 51, 51);
    font-size: 16px;
    text-decoration: none;
}
.items-ul a:hover {
    text-decoration: underline;
}
.overlay-containter h1 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.overlay-containter .field {
    margin-bottom: 15px;
}
table {
    max-width: 100%;
    table-layout: fixed;
    border: 1px solid #c0c0c0;
    margin-bottom: 40px !important;
}

tr:first-child {
    border-bottom: 1px solid #000;
}

th {
    background-color: #e9e9e9;
    text-align: center;
    font-weight: bold;
    padding: 7px 17px;
    border: 1px solid #c0c0c0;
}

td {
    background-color: #fff;
    text-align: left;
    font-weight: normal;
    padding: 7px 17px;
    border: 1px solid #c0c0c0;
}

h1 {
    font-size: 2.4rem;
    margin-bottom: 40px;
}
h2 {
    font-size: 2.1rem;
}
h3 {
    font-size: 1.6rem;
    margin-bottom: 15px;
    margin-top: 20px;
}
h4 {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 15px;
}

ul {
    margin-bottom: 30px;
}

code {
    padding: 2px 4px !important;
    color: #c7254e  !important;
    white-space: nowrap !important;
    background-color: #f9f2f4 !important;
    border-radius: 4px !important;
    margin-bottom: 30px;
}

sel {
    display: inline-block;
    padding: 0 5px;
    margin-right: 2px;
    margin-left: 2px;
    white-space: nowrap;
    color: #18171d;
    background-color: #ececef;
    border-radius: 4px;
}

pre {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #fafafa;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    font-family: Monaco;
    margin-bottom: 30px;
}
get {
    padding: 3px 5px;
    background-color: #05b039;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-family: Monaco;
    border-radius: 4px;
}

post {
    padding: 3px 5px;
    background-color: #f68503;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-family: Monaco;
    border-radius: 4px;
}

token {
    padding: 2px 4px;
    background-color: #a50214;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    font-family: Monaco;
    border-radius: 4px;
}
token.no {
    background-color: #017107;
}

.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}

.bs-callout ul {
    margin-bottom: 10px;
}

.bs-callout h4 {
    margin-top: 0;
    font-weight: 700;
}

.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
}

.bs-callout-danger h4 {
    color: #b94a48;
}

.bs-callout-warning {
    background-color: #FAF8F0;
    border-color: #FAEBCC;
}

.bs-callout-warning h4 {
    color: #c09853;
}