/* Styles applied to help system (but not page) (applied to dynamic help & Static help)  */

.PageLoadingIcon {
   position:relative;
   top: calc(50vh - 85px);
   left: 50%;
   margin-top: -60px;
   margin-left: -60px;
}

.fancytree-container {
    background-color: transparent !important;
    border: none !important;
    outline: none;
}

.fancytree-container:focus, #divhelptree:focus {
    outline: none;
}

.fancytree-title {font-size:10pt; font-family:'Segoe UI', Arial; color:#333333}
.fancytree-node { height:26px!important }

.fancytree-node:hover .fancytree-title {background:none!important; border:1px solid transparent!important; color:#26A0DA!important}
.fancytree-focused .fancytree-title, .fancytree-active .fancytree-title, .fancytree-selected .fancytree-title { background:none!important; border:1px solid transparent!important; color:#26A0DA!important }

.Contents_HideDefaultIcon img { background-image:none!important }


.Xfancytree-ico-c .fancytree-icon{ display:none!important }


#XtdHelpContents { background-color:#efefef; }               /* Contents window */
#tipue_search_input { outline:none; border: none!important; background-color:#333333!important; font-family:'Segoe UI', Arial!important; color:#dddddd; font-size:11pt!important; }   /* search textbox */
#tipue_search_input:hover { background-color:#eeeeee!important; color:#222222  }   /* make search box white on hover */
.Xtypeahead-field:hover .typeahead-filter button { background-color:#eeeeee!important; color:#222222!important }
.Xtypeahead-field:hover .typeahead-button button { background-color:#eeeeee!important }
#tipue_search_input:focus { background-color:white!important; color:#222222   }   /* make search box white on focus */
.typeahead-container button { border:none!important; margin-left:1px!important; background-color:#333333!important; color:#bbbbbb!important; outline:none!important; -webkit-box-shadow:none!important; box-shadow:none!important} /* hide search dropdown border */
.typeahead-container button:hover { background-color:#444444!important; } 
.typeahead-search-icon { background:none!important; }
 .typeahead-search-icon:before { font-family:FontAwesome!important; content:"\f002"!important; color:#bbbbbb!important; font-size:13px!important; }

.typeahead-container { width:100%; max-width:600px; float:right; }

.typeahead-field input { 
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
}


img {
    max-width:100%;
}

/* Don't allow theme logo to be higher than 65px */
#helpheader_content img[class^="img_"] { max-height:65px }



#tipue_search_content {
    xposition:absolute;
    padding-top:40px!important;
    padding-left:30px!important;
    padding-right:30px!important;
    padding-bottom:30px!important;
}


        #divContents {
            max-width:100vw;
            width:325px;
            float:left;
            z-index:2;
        }

        #divContents_Container {
            min-width:325px;
            width:100%;
            float: right;

        }

        #divIndex {
            max-width:100vw;
            width:325px;
            float:left;
            z-index:1;
            background-color:white;
            visibility:hidden;
        }

        #divIndex_Container {
            min-width:325px;
            width:100%;
            float: right;
        }

        #divIndex_Content {
            padding:30px;
            font-size:11pt;
            font-family:'Segoe UI Light', 'Segoe UI', Arial;
        }

        .KeywordIndexHeading {
            font-size:16pt;
            font-family:'Segoe UI Light', 'Segoe UI', Arial;
            padding-bottom:20px;
        }

        #helptree {
            padding-top:30px;
            padding-bottom:30px;
            padding-left:30px;
            padding-right:10px;
        }

        .CloseContentsButton {
            color:black;
            padding-left:20px;
            float:right;
            cursor:pointer;
            padding-right:6px;
            padding-top:3px;
            font-size:30px;
            padding:3px;

               
        }

        #divPageProperties {
            background: linear-gradient(to right, #ffffff, #f5f5f5);
            width:325px;
            max-width:100vw;
            min-height:500px;
            float:left;
            overflow: hidden;
            z-index:3;
        }

        #divPageProperties_Content {
            min-width:325px;
            width:100%;
            float: right;
        }

        #helpheader {
            xbackground-color:#232323;
            xmin-height:85px;
            xheight:85px;
        }

        #helpfooter {
        }

        #helpBody_Container {
            background-color:#ffffff;
            overflow:auto;
        }

 
        .HideBoxButton {
            float:right;
            cursor:pointer;
            font-family:'Segoe UI Light', 'Segoe UI', Arial;
            font-size:40px;
            margin-top:8px;
            padding-right:7px;
            color:#aaaaaa;
            line-height:20px;
            font-weight:100;
        }

        .HideBoxButton:hover {
            color:#26A0DA;
        }

        .SearchTip {
            color:#337ab7;
            margin-top:13px;
            padding-right:20px;
            padding-left:43px;
            float:right;
            font-family:'Segoe UI Light', 'Segoe UI', Arial;
            background-image:url(../_engine/images/lightbulb.png);
            background-repeat:no-repeat;
            background-size:38px;

        }

        #divShowContents {
            background-color:#dddddd;
            color:#ffffff;
            xleft:0px;
            margin-top:3px;
            position:absolute;
            cursor:pointer;
            padding-top:9px;
            padding-bottom:9px;
            padding-left:5px;
            padding-right:5px;
            z-index:4;
            font-size:15px;
        }

        #divShowIndex {
            background-color:#dddddd;
            color:#ffffff;
            xleft:0px;
            bottom:20px;
            position:absolute;
            cursor:pointer;
            padding-top:9px;
            padding-bottom:9px;
            padding-left:5px;
            padding-right:5px;
            z-index:4;
            font-size:15px;
        }

        .ProfileName { 
            padding-right:10px;
        }

            /*-------Apply these styles when the browser width is small*/
            @media screen and (max-width: 700px) {
                x#helpBody_Container { position:absolute; left:0px; width:100%; } 
                .ProfileName { display:none; }
                .ProfileCaret {display:none; }
                #btnProfileInfo { padding-left:20px!important; }
                .LoginButton { padding-left:5px; padding-right:5px; }
                #XdivPageHTML { padding:20px; }
                .XHelpPageMargins { padding:20px }
                #divAdminCounts {display:none!important}

            }