/*********  Scroll Help Theme. K15t Software GmbH, Stuttgart - Germany ************/

/*The Scroll Help Theme is based on the Atlassian User Interface Guidelines.
  All the rules are intended for elements that aren't covered in the aui.css or
  any modification of the same in order to obtain a consistent experience */

/*

------------ SWATCH COLORS -------------
light gray      -background     #F5F5F5
dark gray       -borders        #ccc
light black     -font           #333

*/




/* Font  */


[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "Atlassian Icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
}

.icon-angle-left:before {content: '\e024';}
.icon-angle-right:before {content: '\e024';}
.icon-angle-up:before {content: '\e023';}
.icon-angle-down:before {content: '\e023';}
.icon-search-1:before { content: '\e004'; }

/* The home */
@font-face {
    font-family: "scrollViewport";
    src: url(../font/icons.ttf);
    font-weight: normal;
    font-style: normal;
}

.icon-list-home:before {
    font-family: "scrollViewport";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e827';}


.icon-list-list:before {
    font-family: "scrollViewport";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 0.9em;
    content: '\e828';}

/* ---- */

.icon-angle-left {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
.icon-angle-right {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
.icon-angle-up {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
.icon-angle-down {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
    border-left: 1px solid #53565F;
}
.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-list { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }



.aui-iconfont-appswitcher:before {
    content: "\e021";
}
.aui-icon-small:before {
    font-size: 18px;
    margin-top: -8px;
}
.aui-icon-small:before, .aui-icon-large:before {
    font-family: "Atlassian Icons";
}


.aui-header .aui-dropdown2-trigger:after {
    border: 0px solid transparent;
    border-top-color: #fff;
    content: "";
    height: 0;
    margin-left: -18px;
    margin-top: -2px;
    opacity: .8;
    left: 100%;
    position: absolute;
    text-indent: -99999px;
    top: 50%;
    width: 0;
    display: none;
}


/* Layout */

.header-panel .aui-page-header {
    background-color: #ffffff;
    padding: 10px 10px 10px 20px;
    border-bottom: 0px solid #ccc;
  
}

.header-panel .aui-header {
    float: none;
 	padding:0px 15px;
}

.content-panel .aui-page-panel {
    margin-top: 0;
    border:none;

}

.content-panel .aui-page-panel-nav{
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}


.content-panel .navigation-panel .aui-navgroup {
    /*position: fixed;*/
    /*width: 289px;*/
    position: relative;
    width: 100%;
    overflow-x: auto;
    bottom: 0;
    /*top: 130px;*/
    /*margin: 0 0 0 -20px;*/
    /*padding: 20px 0 0 10px;*/
    transform: translateZ(0);
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Opera, Chrome, and Safari */
    height: 100%;
}

.content-panel .navigation-panel .aui-navgroup-inner{
    padding-left: 15px;
}

@media screen and (max-width: 45.710em) {
    .content-panel{
        top: 110px;
        min-height: 500px;
    }
}

@media screen and (min-width: 64em) {
    body,html{
        background-color:#fff;
    }

    .content-panel .aui-page-panel{
        border-bottom: none;
    }

    .header-panel .aui-page-header {
        padding-top: 100px;
        padding-bottom:60px;
    }

    .ui-panel-wrapper{
        height: 90%;
    }
    .content-panel{
        height: 100%;
    }
    .aui-page-panel {
        min-height: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .aui-page-panel-inner{
        min-height: 500px;
        height: 100%
    }
    .aui-page-panel-content{
        height: 100%;
        
    }
}

.aui-page-panel-nav {
    padding: 0;
}

.content-panel .aui-page-panel-nav.navigation-panel ul.sp-pagetree{
    padding-top: 15px;
}

/*  General Rules  */

html, body{
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: geometricPrecision;
}

img, object, embed {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    text-rendering: optimizeLegibility;
}

p:empty{
    padding:0;
    margin:0;
}

.emoticon {
    display: inline-block;
}

p, ul, ol, dl, h1, h2, h3, h4, h5, h6, blockquote, pre, form.aui, table.aui, .aui-tabs, .aui-panel, .aui-group {
    
  
  
  
}

ul.child-items {
    margin: 0 0 0 0;
}

li > ul {
    margin-top: 0px;
}

#main-content p:first-child,
#main-content ul:first-child,
#main-content ol:first-child,
#main-content dl:first-child,
#main-content h1:first-child,
#main-content h2:first-child,
#main-content h3:first-child,
#main-content h4:first-child,
#main-content h5:first-child,
#main-content h6:first-child,
#main-content blockquote:first-child,
#main-content pre:first-child,
#main-content form.aui:first-child,
#main-content table.aui:first-child,
#main-content .aui-tabs:first-child,
#main-content .aui-panel:first-child,
#main-content .aui-group:first-child {
    margin-top: 0;
}

@media screen and (min-width: 64em) {
    .visible-lg {
        display: block !important;
    }

    .hidden-lg {
        display: none !important;
    }

}

@media screen and (min-width: 45.714em) and (max-width: 64em) {
    .visible-md {
        display: block !important;
    }

    .hidden-md {
        display: none !important;
    }

}

@media screen and (max-width: 45.710em) {
    .visible-sm {
        display: block !important;
    }

    .hidden-sm {
        display: none !important;
    }
}

/* Specific Elements */

.ui-panel-wrapper{
    background-color:#fff;
}

.ui-content{
    min-height: 500px;
}


/* Hamburger menu icon */

.aui-header-before{
    float:left;
  	display:none;
}

.aui-header-before .app-switcher-trigger{
    padding-right: 13px !important;
}

/* Space-name */

#space-name{
    font-size: 20px;
    /* letter-spacing: -0.08em;*/
    white-space: nowrap;
   
    text-rendering: geometricPrecision;
}


/* nav-panel */

.navigation-panel {
    width: 300px;
}

.sp-pagetree {
    margin-left: 6px;
}

.navigation-panel .aui-navgroup li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navigation-panel .aui-navgroup li.active > a, .navigation-panel .aui-navgroup li.current > a {
    color: #333;
    font-weight: bold;
}

.navigation-panel .aui-navgroup ul ul {
    padding-left: 15px;
}

.navigation-panel .aui-navgroup a {
    padding: 6px 10px 6px 4px!important;
    white-space: nowrap;
    line-height: 1.14285714285714!important;
    display: table-cell !important;
    width: 100%;
}

.navigation-panel .aui-navgroup a:hover {
    background: #e6e6e6;
    text-decoration: none;
}

.navigation-panel .aui-navgroup i.sp-tree-toggle {
    padding: 0;
    display: table-cell;
    color: #333;
    min-width: 14px;
}

.navigation-panel .aui-navgroup li.sp-tree-haschildren > i.sp-tree-toggle {
    cursor: pointer;
}

.navigation-panel .aui-navgroup i:hover {
    text-decoration: none;
    cursor: pointer;
}

.navigation-panel .aui-nav.sp-pagetree ul {
    margin: 0;
}

/*   Desktop Search  - for the HTML Exporter    */


.results{
    position: absolute;
    height: auto;
    background-color: white;
    width: 350px;
    right: 2px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    z-index: 100;
    top:42px;
}

.results .result-cell{
    margin: 3px 0;
    padding-left: 3px;
}

.results .result-cell:hover{
    padding-left: 0;
    border-left: 3px solid #205081;
}


.results .result-cell a:hover {
    text-decoration: none;
}

.results .result-cell p  {
    height: 40px;
    overflow: hidden;
}

.results .result-cell h4:before{
    content:"";
    padding:12px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEX///+1tbWwsLCtra3///+Li4v5+fnZ2dnT09P8/PzPz8+rq6uhoaHR0dFycnJwcHB6enp4eHiDg4OAgIDxJSXRAAAADnRSTlMAIiJV3e7u7u7u7u7u7rDOyYEAAABUSURBVHhepcpLDoAwCABRqkBbP9Dq/e9qLYS1ibN8GQBYSFVGfQWLWmFEZG0uknGmuz+CDnjYEzDqDpF8BrV+HBxHNThjyBPo2qpBuemFROIpJXgAPRkGZhcD+TMAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 0px;
}

.results .result-cell:nth-child(n+6){
    display: none;
}


/* Panels */

.panel .panel{
    border: none;
}

.panel-open{
    background-color: rgba(250, 250, 250, 0.6);
}


/* mobile-panel*/


#mobile-panel, #mobile-panel a,  #mobile-panel i  {
    color: #D4DCE4;
}

#mobile-panel a,  #mobile-panel i{
    cursor: pointer;
    display: table-cell;
}

#mobile-panel a:hover{
    text-decoration: none;
    color: #D4DCE4;
}

#mobile-panel .ui-panel-inner{
    padding:0;
}

#mobile-panel .mobile-panel-inner{
    height: 100%;
    width: 350px;
}



#mobile-panel .mobile-panel-header{
    height: 38px;
    background-color: rgb(68, 71, 78);
    position: fixed;
    width: 20em;
    border-bottom: 3px solid #3D3D3D;
    z-index: 500;
    /* box-shadow: 0px 10px 10px rgba(43, 44, 46, 0.56); */
}

#mobile-panel .mobile-panel-header ul.mobile-panel-icons {
    width: 20em;
    padding: 0;
    height: 41px;
    display: block;
}

#mobile-panel .mobile-panel-header ul.mobile-panel-icons .icon-list {
    color: white;
}


#mobile-panel .mobile-panel-header li{
    list-style: none;
    float: left;
    padding: 0;
    width: 33.333%;

    height: 41px;
}

#mobile-panel .mobile-panel-header a{
    display: block;
    font-size: 1.1em;
    padding: 8px 40%;
}

#mobile-panel .mobile-panel-header .selected{
    border-bottom: 3px solid #D4DCE4;
}

#mobile-panel .mobile-panel-inner .mobile-panel-content{
    height: 100%;
}

#mobile-panel #mobile-navigation, #mobile-panel #mobile-search-container{
    position: fixed;
    /*box-shadow: inset -5px 0 5px rgba(0, 0, 0, .15);*/
    background-color: rgb(68, 71, 78);
    height: 100%;
    overflow-x: auto;
    display: block;
    margin-top:41px;
    width: 20em;
}


#mobile-panel #mobile-navigation .mobile-navigation-inner{
    height: 100%;
}

#mobile-panel #mobile-navigation{
    z-index:10;
}

#mobile-panel #mobile-search-container{
    z-index:1;

}

#mobile-panel #mobile-navigation a{
    padding: 12px 10px;
    display:table-cell;
    width: 20em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 15.3em;
}

#mobile-panel #mobile-navigation li:not(.sp-tree-haschildren) a{
    width: 20em;
    max-width: 18.7em;
}

#mobile-panel #mobile-navigation i{
    padding-right: 0;
    border-left: 1px solid #53565F;
    min-width: 44px;
    text-align: center;
}

#mobile-panel #mobile-navigation i:before{
    /* padding-left: 20px; */
    /* border-left: 1px solid #53565F; */
}

#mobile-panel #mobile-navigation a:hover,#mobile-panel #mobile-navigation i:hover{
    background-color: rgb(68, 71, 78);
}

#mobile-panel #mobile-navigation li{
    list-style-type: none;
    display:block;
    border-bottom: 1px solid #53565F;
}

#mobile-panel #mobile-navigation li.current, #mobile-panel #mobile-navigation a.active{
    background-color: rgb(55, 57, 61);
}

#mobile-panel #mobile-navigation li.current > a {
    font-weight: bold;
}

#mobile-panel #mobile-navigation a.active{
    color: rgb(143, 143, 143);
}

#mobile-panel #mobile-navigation ul{
    padding-left: 0;
    margin: 0;
}

#mobile-panel #mobile-navigation ul ul{
    /* padding-left:15px; */
    padding-left:0;
    margin: 0;
}

#mobile-panel #mobile-navigation ul ul li a{
    padding-left:25px;
    line-height: 1.14285714285714;
}

#mobile-panel #mobile-navigation ul ul li:last-child{
    border-bottom:none;
}

#mobile-panel #mobile-navigation ul ul li:first-child{
    border-top: 1px solid #53565F;
}

/* mobile-search */

#mobile-panel #mobile-search-input{
    width: 100%;
    border-radius: 5px;
    border: none;
    padding: 5px 10px;
    line-height:1.5em;

}

#mobile-panel #mobile-search .search_container {
    margin-right: 20px;
    padding: 15px 0 0;
}

#mobile-panel #mobile-search .mobile-search-close{
    visibility: hidden;
    font-size: 1.5em;
    line-height: 2.125em;
    padding: 0 15px;
    height: 33px;
    vertical-align: middle;
    position:absolute;
    top: 8px;
    right: 14px;
    color: rgb(45, 45, 46);
    font-weight: 900;
}


.search-form-container {
    padding: 0 20px;
}

#mobile-panel #mobile-search-results #search-results h1{
    padding: 10px 5px;
    border-bottom: 1px solid #53565F;
    font-size: 1em;
    text-align: center;
}

#mobile-panel #mobile-search-results #search-results .search-result{
    padding: 5px 20px 10px 5px;
    color: #fff;
    border-bottom: 1px solid #53565F;
}

#mobile-panel #mobile-search-results #search-results .search-result:hover{
    padding: 5px 20px 10px 5px;
    color: #fff;
    background-color: #3b73af;
}

#mobile-panel #mobile-search-results #search-results .search-result:before{
    content:'▮';
    padding-right: 5px;
    font-size:1.2em;
    display:table-cell;
}


#mobile-panel #mobile-search-results #search-results .search-result .search-result-link{
    display: none;
}

#mobile-panel #mobile-search-results #search-results .search-result .search-result-desc{
    margin: auto;
    /* height: 2.8em; */
    overflow: hidden;
}


#main-content .search-result{
    margin-top: 10px;
    padding: 8px;
    padding-left: 0;
}

#main-content .search-result:hover{
    position: relative;
}

#main-content .search-result:hover:before{
    content: '';
    border-left: 3px solid #3b73af;
    height: 100%;
    position:absolute;
    top:0;
    left: -10px;
}

#main-content .search-result a:hover{
    text-decoration: none;
}

#main-content .search-result-title{
    font-size: 1.2em;
    color: #3B73AF;
}

#main-content .search-result-link{
    color: #777;
    margin: 0;
}

#main-content .search-result-desc{
    color: #333;
    margin-top: auto;
    /*height: 2.8em;*/
    overflow: hidden;
}

#main-content .sp-search-highlight {
    font-weight: bold;
}


/* Slideshow*/

.sp-pager {
    text-align: center;
    font-size: 3.5em;
    letter-spacing: 4px;
    z-index: 500;
}

.sp-pager span {
    font-family: arial;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #ccc;
    cursor: pointer;
}

.sp-pager span.cycle-pager-active {
    color: #205081;
}

.sp-pager > * {
    cursor: pointer;
}

/***** Ovverride default Styles *****/

.aui-header .aui-quicksearch input {
    border-radius: 5px;
}

/*** Atlassian Elements ****/

.app-switcher-trigger.aui-dropdown2-trigger, .app-switcher-trigger.sidebar-trigger {
    -moz-box-sizing: border-box;
}

.aui-group > .aui-item {
    margin-bottom: 30px;
  	max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.aui-message {
    background: #fcfcfc;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 36px;
    position: relative;
}

.aui-message p {
    margin:0;
}

@media only screen and (min-width: 45.714em) {
    .table-wrap table.aui {
        width: auto;
    }
}

/* Tables  */

.table-wrap {
    margin: 10px 0 0 0;
}

.table-wrap table.aui td, th {
    border: 1px solid #ccc;
}

.table-wrap table.aui th{
    background: #F5F5F5 !important;
}

/* Code + NoFormat  */

pre.prettyprint {

    border:none;
    overflow-x: auto;
}

.code-header {
    font-size: small;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 5px 5px 5px 9px;
    background-color: #F5F5F5;
}

.code-header + .code-block {
    margin: 0;
}

/* Responsive Layouts  */

@media screen and (max-width: 45.710em) {

    .sectionMacro {
        display: block;
    }

    .sectionMacroRow {
        display: block;
    }

    .columnMacro {
        width: auto !important;
        display: block;

    }

    .sectionMacro .columnMacro {
        border: none;
        margin-bottom: 10px;
    }

    .sectionMacro .columnMacro + .columnMacro {
        padding-left: 0;
    }

    .aui-group {
        display: block;
    }

    .aui-group > .aui-item {
        display: block;
        margin-bottom: 10px;
        width: auto !important;
        vertical-align: initial;
    }

    .aui-group > .aui-item + .aui-item {
        padding-left: 0px;
    }

}


/* Navigation */

.navigation-panel .aui-navgroup .sp-tree-link + .sp-tree-toggle {
    display: none;
}

#mobile-panel .aui-navgroup .sp-tree-toggle {
    display: none;
}

#mobile-panel .aui-navgroup .sp-tree-haschildren > .sp-tree-link + .sp-tree-toggle {
    display: table-cell;
}


/* Javascript Fallback */


.sp-slide{
    display: none;
}

.sp-slideshow .sp-slide:first-child{
    display: block;
}

.content-panel .navigation-panel .aui-navgroup {
    position: fixed;
    width: inherit;
    top: 130px;
    height: inherit
}


/* Fix for not displayed elements, VPRT-273 */
.ui-header-fixed,
.ui-footer-fixed {
    -webkit-transform: translateZ(0);
}


/* Slider */

.slider-container > div{
    display: table-cell;
}

/*!
 * jQuery UI CSS Framework 1.11.0
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-e:hover {
    border-left: 6px solid #eee;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    right: -10px;
    top: 0;
    height: 100%;
    cursor: ew-resize;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/* Viewport Control Opener Icon */

.aui-header .vprt-control-opener {
    padding: 9px 6px;
    cursor: pointer;
}

.vprt-control-opener div.aui-icon {
    padding: 3px 4px;
    border: 1px solid white;
    border-radius: 4px;
}

.vprt-control-opener div.aui-icon-small:before{
    padding-left: 3px;
}

/* Comments */

.sp-comments {
    margin-top: 20px;
}

form.sp-new-comment {
    margin-bottom: 20px;
}

form.sp-new-comment fieldset {
    margin: 5px 0;
}

form.sp-new-comment .button.submit,
form.sp-new-comment .textarea {
    clear:both;
    box-sizing: border-box;
}

form.sp-new-comment .textarea {
    min-width: 480px;
    min-height: 120px;
}

form.sp-new-comment .button.submit {
    margin: 10px 0;
}

.sp-comment-user {
    font-weight: bold;
}

.sp-comment-date {
    color: #cccccc;
    font-size: 0.9em;
}

.sp-comments li {
    list-style:none;
}

.sp-comments p,
.sp-comments ol{
    margin: 0;
    padding: 0;
}

.sp-comments ol ol{
    padding-left: 20px;
}

.sp-comments li.comment{
    padding-top: 5px;
    margin-top: 20px;
    border-top: 1px solid #cccccc;
}

.sp-form-separator {
    padding-top: 5px;
    margin-top: 10px;
    height: 10px;
    width: 100%;
    border-top: 1px solid #cccccc;
}

.sp-comments .comment-header{
    padding-left: 5px;
    padding-top: 5px;
}

.sp-comments .comment-content {
    padding: 20px 0;
}

.sp-comments .comment-reply-container {
    margin-bottom: 10px;
}

/*TODO The following hacks should be removed, the comment HTML elements should be isolated from basic.css by using separate CSS classes. */
#comments-section .comment {
    padding: 0;
    margin: 10px 0 10px 0;
    position: relative;
}

ol.comment-threads.top-level:last-child {
    border-bottom: none;
}

/* End Hacks */