﻿/* This StyleSheet contains custom styles for this project */
#i-header-content {
    padding: 20px 8px 20px 8px;
}

.logoimage {
max-height:38px;
}

.i-project-title {
    font-size: 1.4em;
    padding-top: 8px;
}

.i-page-title-text h1 {
font-size: 1em;
margin-top:0;
}

#i-toc-content {
    padding-top: 8px;
	padding-right:2px;
}

#i-toc-content .ui-resizable-e {
    right: 0;
    width: 4px;
    margin-top: 0;
    cursor: col-resize;
    background-color: #f1f1f1;
}

#i-toc-content .ui-resizable-e:before {
    content: "";
    position: absolute;
    height: 14px;
    width: 1px;
    left: 1px;
    top: 50%;
    margin-top: -7px;
    background-color: #717171;
}

#i-body-content {
    margin-top: 25px;
	padding-left: 20px;
    padding-right: 20px;
}

.i-dark #i-toc-content .ui-resizable-e {
    background-color: #717171;
}

.i-dark  #i-toc-content .ui-resizable-e:before {
    background-color: #d0d0d0;
}

.i-syntax-table{
table-layout:fixed;
}

pre {
overflow:auto;
}

.i-thumbnail-container img {
    height: auto;
    width: 100%;
}

.i-page-title, h1, h2, h3, h4, .i-section-heading, .i-see-also-sub-heading {
    word-break: break-word;
}

.i-section-content, .i-description-content {
    word-break: break-word;
}

@media (max-width: 991.98px) {
#i-header-content {
    display:block;
}
.i-header-buttons-container {
    margin-top: 20px;
}
}
