@font-face {
    font-family : 'FontAwesome';
    src         : url('font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3');
    src         : url('font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('font-awesome/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight : normal;
    font-style  : normal;
}

img[alt="2x"] {
    height : 50%;
    width  : 50%;
}

/* Styling of autogenerated screenshots */
img[alt=autogen] {
    width  : 50%;
    height : auto !important;
    border : 1px solid #1e6fb7;
}

#north-region {
    background : #025b80;
    height     : 85px !important;
}

#north-region > .x-box-inner {
    height : 85px !important;
}

#north-region .x-container:nth-child(1) {
    height : 57px !important;
}

#north-region .x-container > .x-box-inner {
    height : 53px !important;
}

/* This style fixes search field position in FF */
#north-region .x-container > .x-box-inner > div {
    width: 100% !important;
}

#doctabs {
    top : 57px !important;
}

body > div:nth-child(2) {
    top : 85px !important;
}

#header-content {
    background      : url(../images/bryntum_logo_big.png) no-repeat;
    background-size : 32px 32px;
    height          : 32px;
    color           : white;
    font-size       : 20px;
    font-weight     : bold;
    line-height     : 16px;
    padding-left    : 35px;
    padding-top     : 8px;
}

.class-categories .notice {
    float            : left;
    background-color : #f7f7f7;
    padding          : 0px 20px 10px 20px;
    border           : 1px solid #ebebeb;
}

.notice ul {
    font-weight     : normal;
    list-style-type : disc;
    text-align      : left;
    padding-left    : 10px;
}

.notice ul li {
    list-style : disc inside;
}

#loading .title {
    display : none;
}

.guide-container img {
    max-width : 80%;
    height    : auto !important;
}

.thumb-list dd .thumb img {
    border : 0;
}

.model-fields thead {
    border-bottom    : 1px solid black;
    background-color : #d9e8fb;
}

.model-fields tbody td {
    font-weight : normal !important;
    color       : #484848 !important;
}

.model-fields tbody tr:nth-child(even) {
    background-color : #d9e8fb;
}

.model-fields tbody tr:nth-child(odd) {
    background-color : #fff;
}

.model-fields td,
.model-fields th {
    padding : 5px 20px 5px 5px !important;
}

/* BEGIN TAB COLOR */
.doctabs .doctab.active .r {
    width            : 20px;
    background-color : white !important;
}


.doctabs .doctab .m span,
.doctabs .doctab .m span:before {
    color       : white;
    text-shadow : none;
    font-weight : normal;
}


.doctabs .doctab.active .m span,
.doctabs .doctab.active .m span:before,
.doctabs .doctab.highlight .m a {
    color : #2E94CF;
}
.doctabs .doctab .l,
.doctabs .doctab .m,
.doctabs .doctab .r,
.doctabs .doctab.active .l,
.doctabs .doctab.active .m,
.doctabs .doctab.active .r,
.doctabs .doctab.highlight .l,
.doctabs .doctab.highlight .m,
.doctabs .doctab.highlight .r {
    background-image : none;
}

.doctabs .doctab .m a {
    color       : white;
    text-shadow : none;
    font-weight : normal;
}

.doctabs .doctab.overview.highlight .m a,
.doctabs .doctab.active .m a {
    color : #025b80;
}

.doctab.active,
.doctab.highlight {
    background-color : #fdfdfd;
}

/* END TAB COLOR */

/* BEGIN SEARCH FIELD */
.search {
    background : none;
    top        : 15px !important;
    padding    : initial;
    left       : auto !important;
    right      : 20px;
    width      : auto !important;
}

/* Disable default IE clear button, all fields have custom one*/
input::-ms-clear {
    display: none;
}

.search .x-field {
    width: 188px !important;
}

.search .x-form-text {
    background   : #fff;
    height       : 32px;
    margin-left  : -11px;
    padding-left : 7px;
}

#search-field .x-trigger-cell {
    font-family : FontAwesome;
    font-size   : medium;
    width       : 0px !important;
}

#search-field .reset {
    background  : none;
    margin-left : -28px;
    margin-top  : 7px;
}

.reset:before {
    content: '\f00d';
}
/* END SEARCH FIELD */

/* BEGIN MEMBER FILTER */
.member-filter .reset {
    font-family : FontAwesome;
    font-size   : medium;
    background  : none !important;
}
/* END MEMBER FILTER */

/* Tab icon */
.doctabs .doctab .m span.icn {
    left : -10px;
    top  : 5px;
}

.doctabs .doctab .m span,
.doctabs .doctab .m a:before {
    font-size : medium;
}

/* Tab title */
.doctabs .doctab .m a.main-tab {
    padding-left : 17px;
    text-overflow: ellipsis;
}

/* TAB Index */
.doctabs .doctab.index .m a {
    background              : none;
    font-family             : FontAwesome;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.doctabs .doctab.index .m a:before {
    content : '\f015';
}

/* EOF TAB Index */

/* BEGIN TAB API */
.doctabs .doctab.classes .m a {
    background              : none;
    font-family             : FontAwesome;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.doctabs .doctab.classes .m a:before {
    content : '\f013';
}

/* END TAB API */

/* BEGIN TAB GUIDE */
.doctabs .doctab.guides .m a {
    background              : none;
    font-family             : FontAwesome;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.doctabs .doctab.guides .m a:before {
    content : '\f02d';
}

.doctabs .doctab.guides {
    margin-right : 20px;
}

.doctab.overview {
    width       : 50px;
    margin-left : 4px;
}

.doctab.overview .m {
    top   : 1px;
    right : 11px;
}

/* END TAB GUIDE */

/* BEGIN CLASS TAB */
.doctabs .icon-class {
    background              : none;
    font-family             : FontAwesome;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.icon-class:before {
    content : "\f1b2";
}
/* END CLASS TAB */

/* COMPONENT TAB */
.doctabs .icon-component {
    background              : none;
    font-family             : FontAwesome;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.icon-component:before {
    content : "\f013";
}

.doctab.active .icon-component:before {
    color: grey !important;
}
/* EOF COMPONENT TAB */

/* BEGIN TAB SINGLETON */
.doctabs .icon-singleton {
    background              : none;
    display                 : inline-block;
    font                    : normal normal normal 14px/1 FontAwesome;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.doctabs .icon-singleton:before {
    content : "\f1b2";
    color   : lightcoral !important;
}

/* END TAB SINGLETON */

/* BEGIN TAB GUIDE */
.doctabs .icon-guide {
    background              : none;
    font-family             : FontAwesome;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.doctabs .icon-guide:before {
    content : "\f02d";
}

/* END TAB GUIDE */

/* BEGIN CLOSE TAB BUTTON */
.doctabs .doctab a.close {
    right : 6px;
    top   : 7px;
}

.doctabs .doctab a.close {
    background              : none !important;
    font                    : normal normal normal 14px/1 FontAwesome;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

.doctab a.close:before {
    content : "\f00d";
}

.doctabs .doctab a.close.ovr {
    background : none !important;
}

.doctab .r .close {
    display : none;
}

.doctab.active .r .close {
    display : block;
}

/* END CLOSE TAB BUTTON */

/* BEGIN TREE ICONS */

#treecontainer .x-tree-icon {
    display : none;
}

#treecontainer .x-grid-cell-inner a:before,
#treecontainer .x-grid-cell-inner span:before {
    font-family : FontAwesome;
    font-size   : medium;
    margin-left : 1px;
}

/* BEGIN PACKAGE ICON */
#treecontainer .x-grid-cell-inner span.icon-pkg {
    background: none;
}
#treecontainer .x-grid-cell-inner span.icon-pkg:before {
    content     : '\f1b2';
    color       : #c98e2a;
    font-family : FontAwesome;
    font-size   : medium;
    margin-left : 1px;
    margin-right: 4px;
}
/* END PACKAGE ICON */

/* BEGIN CLASS ICON */
.icon-class {
    background: none !important;
}

.icon-class-redirect:before,
.icon-class:before {
    content      : '\f1b2';
    color        : #2E94CF;
}

.doc-tree .icon-class:before {
    margin-right : 4px;
}
/* END CLASS ICON */

/* COMPONENT ICON */
.icon-component {
    background: none !important;
}

.icon-component-redirect:before,
.icon-component:before {
    content      : '\f013';
    color        : grey;
}

.doc-tree .icon-component:before {
    margin-right : 6px;
}
/* EOF COMPONENT ICON */

/* BEGIN SINGLETON ICON */
a.icon-singleton {
    background: none !important;
}

a.icon-singleton:before {
    content : '\f1b2';
    color   : lightcoral;
    margin-right: 4px;
}
/* END SINGLETON ICON */

/* BEGIN GUIDE TREE */
a.icon-guide {
    background: none !important;
}

a.icon-guide:before {
    content : '\f02d';
    color   : #2E94CF;
    margin-right: 4px;
}

/* END GUIDE TREE */

/* END TREE ICONS */

/* Class details header toolbar icons*/

.class-overview .x-toolbar.member-links .hover-menu-button,
#search-dropdown .icon{
    background-image : none;
}

.class-overview .x-toolbar.member-links .hover-menu-button:before,
.members .members-section .members-title:before,
#search-dropdown .icon:before
{
    position    : absolute;
    left        : 3px;
    top         : 0;
    font-family : FontAwesome;
    font-size   : 16px;
}

.class-overview .x-toolbar.member-links .icon-cfg:before,
.members .members-section .icon-cfg:before,
#search-dropdown .icon-cfg:before {
    content     : '\f013';
    left        : 3px;
    color       : #2a93cd;
}

.class-overview .x-toolbar.member-links .icon-property:before,
.members .members-section .icon-property:before,
#search-dropdown .icon-property:before
{
    content     : '\f0ce';
    color       : #478abb;
}

.class-overview .x-toolbar.member-links .icon-method:before,
.members .members-section .icon-method:before,
#search-dropdown .icon-method:before {
    content     : '{}';
    top         : -2px;
}

.class-overview .x-toolbar.member-links .icon-event:before,
.members .members-section .icon-event:before,
#search-dropdown .icon-event:before {
    content     : '\f0e7';
    color       : #fbbb18;
    left        : 7px;
}

/* EOF Class details icons*/

/* Class details */
span.xtype {
    white-space: nowrap;
}
span.class-source-tip {
    display: none;
}
/* EOF Class details*/

/* Member section */
.members .members-section .members-title {
    background-image : none;
    position         : relative;
}
/* EOF Member section */

/* Guides section */
#center-container .guide-container h1 {
    background: none;
}

.guide-container h1:before {
    font-family : FontAwesome;
    font-size   : 41px;
    content     : "\f02d";
    color       : #a8501a;
    margin      : 0 10px 0 -50px;
}
/* EOF guides section */