/*
 * ==============================================
 * Skin for oXygen generated WebHelp.
 * ==============================================
   For STUDIO-Tutorials
 */
/*
 * ------------------------------------------------------------------
 *  
 * Fonts.
 *  
 */
@import "resources/fonts/roboto-v30-latin/roboto.css";
/* @import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300"); */

html, body {
    min-width:100%;
}

body{
    font-family: 'Roboto', sans-serif;
}



/*
 * ------------------------------------------------------------------
 *  
 * Fight with bootstrap
 *  
 */
.navbar-brand{
    height:auto;	
}
.navbar {    
    background-color: #000000;
}

a {
    color: #C00086;
}
a:hover,
a:visited{
color:#C00086;
}
a:hover{
    text-decoration: underline;
}
.wh_main_page{
background-color: #000000;
}

.wh_main_page_toc .wh_main_page_toc_entry a{
    color:#C00086;
}

img.image:not(img[usemap]) {
	border-radius: 0px;
	margin: 0.7em;
}

/*
 * ------------------------------------------------------------------
 *  
 * Publication titles
 *  
 */
  
.wh_publication_title > a{
	color: #FFFFFF;
	font-size: 2em;
	font-weight: normal;	
    vertical-align: middle;	
	margin-left: 0.5em;
}
/* ------------------------------------------------------------------
 *  
 * Menu
 *
 * ------------------------------------------------------------------
 */
.wh_top_menu {
    font-size: 1.1em;
    margin: .4em 0; 
    text-transform:lowercase;
    font-variant:small-caps;
}
.wh_top_menu ul a {
    color: #FFFFFF;
    }
	
.wh_top_menu ul ul a {
    color: #808080;
    }
/* Menu bar */
.wh_top_menu ul li:hover a {
    background-color:transparent;
	color: #808080
}
/* The submenus */
.wh_top_menu ul ul{
    background-color: #FFFFFF;
    border: 1px solid #808080;
    text-transform:none;
    font-variant:normal;    
}
.wh_top_menu ul ul li{
    border-top-color: #000000;
    background-color:#FFFFFF;
}
.wh_top_menu ul ul li a:hover {
        background-color: #EEEEEE;
     }
@media only screen and (max-width: 767px) {
    .wh_top_menu ul ul {
        border-top: 1px solid #000000;
    }
    .wh_top_menu li.active{
        background-color: #FFFFFF;
    }
    .wh_top_menu ul ul li a:hover {
        background-color: #BFBFBF;
    }
}
/*
 * ------------------------------------------------------------------
 *  
 * Link to the index.
 * 
 */
.wh_indexterms_link a {
color:#FFFFFF;    
}
@media only screen and (max-width: 767px) {
    .wh_indexterms_link a:before{
        bottom: 0;
    }
}

/*
 * ------------------------------------------------------------------
 *  
 * Index terms.
 * 
 */
.wh_index_terms span.wh_first_letter {
    color: #C00086;
}
.wh_index_terms #indexList{
    padding:0;
}
.wh_term_target {
    color: #C00086;
}

.wh_term_target: hover {
    color: #C00086;
}

.wh-letters {
background-color: #FFFFFF;
}

.wh-letters a {
color: #C00086;
}

.wh-letters li::after{   
    color: #808080;
}

/*
 * ------------------------------------------------------------------
 *  
 * Breadcrumb
 *  
 */
.wh_breadcrumb ol{
    color: #808080;
}
.wh_breadcrumb ol a {
    color:#808080;
}
.wh_breadcrumb ol .active {
    color: #C00086;
}

/*
 * ------------------------------------------------------------------
 *  
 * Tools and navigation
 * 
 */
.wh_tools{
	background-color: #FFFFFF;
	margin: 1em 0 2em;
	border-radius: 0px;
	color: #808080;
}
.wh_right_tools {
    padding: .5em;
}

span.permalink {
  display: none;
}
dots.before {
  display: none;
}

/*

* Tree TOC for the main page.
 * 
 */
.wh_main_page_toc a {
    color: #C00086;
}

.wh_top_menu {
    font-size: 1.1em;
    margin: .4em 0; 
    text-transform:lowercase;
    font-variant:small-caps;
}

.wh_toc_shortdesc{
    display: none; 
}


/*
 * ------------------------------------------------------------------
 *  
 * Content area
 * 
 */
.wh_content_area {
	min-height: 400px;
}


/*
 * ------------------------------------------------------------------
 *  
 * Search area
 * 
 */
#searchForm > div {
    height:3em;
}
.wh_search_textfield,.wh_search_button{
    font-size: 1.3em;
    border: solid 2px #808080;
}
.wh_search_textfield{
    border-radius: 0px;
    color:#000000;
}
.wh_search_button{
    border-radius: 0px;
    background-color: #C00086;
    color:#FFFFFF;
}
.wh_main_page .wh_search_input{
    background-image: url("resources/images/STUDIO_253.png");
	background-color: #000000;
	background-size: cover;
	background-position: top center;
    margin-top: 0px;
    margin-bottom: 0px;
}
.wh_search_input{
    background-color: #000000;
    padding: 75px 0;
    margin-top: 0px;
    margin-bottom: 0px;
	background-image: url("resources/images/STUDIO_160.png");
	background-size: cover;
	background-position: top center;
}
}
/*Supress URL*/ 
.searchItemAdditionalData {
    display:none;    
}

/*search-pagnation*/
#wh-search-pagination > ul > li.active > a {
    background-color: #C00086;
}

/* Color for the page number */
.pagination>li>a,.pagination>li>span {
    color: #C00086;
}

/* Border for the hovered page */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    border-color: #C00086 !important;
}
/*Color for the hovered page number */
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #808080;
}


/* Render search area for devices smaller than 767px */
@media only screen and (max-width: 767px) {
    .wh_main_page .wh_search_input,
    .wh_search_input{
        padding:2em;
    }
}


/*
 * ------------------------------------------------------------------
 *  
 * Publication TOC
 * 
 */
 
.wh_publication_toc{
    border-radius: 0px;
    background-color: #808080;
    padding: 1.5em 2em;    
}
.wh_publication_toc .active > .topicref a {
    color: #BFBFBF;    
}
.wh_publication_toc a, .wh_publication_toc a:visited, .wh_publication_toc a:hover {
    color: #FFFFFF;
}
.wh_publication_toc a:hover {
    text-decoration: underline;
	padding-top: 0.1em;
}

.wh_topic_toc li, .wh_publication_toc li {
    margin: 0.4em;
}

.wh-expand-btn {
  color: #BFBFBF;
}
/*
 * ------------------------------------------------------------------
 *  
 * Footer
 * 
 */
.wh_footer {
	text-align: center;
	padding: 1em;
	border-top: 1px solid #BFBFBF;
	color: #BFBFBF;
	background: #000000;	
}

.wh_footer a:link{
    color:#BFBFBF;
}
.wh_footer a:visited{
    color:#BFBFBF;
}
.wh_footer a:hover{
    color:#BFBFBF;
}

/*
 * ------------------------------------------------------------------
 *  
 * Topic content
 * 
 */

.topic
{
    color: #C00086;
}

.topictitle1, .topictitle2, .topictitle3 {
  color: #808080;
}


.wh_related_links,
.wh_child_links,
.wh_topic_content .related-links {
	background-color: #FFFFFF;
    padding: 1.5em;
    margin: 20px auto;
    width: 97%;
    border-radius: 0px;
}

.related-links a,
.related-links a:visited {
    color: #C00086;
    padding-bottom: .3em;
    display:inline-block;
}
.related-links a:hover {
    text-decoration: underline;
}

.related-links li div{
    padding-left:.5em;
}


/*
 * ------------------------------------------------------------------
 *  
 * Search results.
 * 
 */
.searchresult {
    list-style: none;
}
.searchresult li{
    padding: .5em;
}
.searchresult li a, 
.wh_search_expression{
    color:#C00086;
}
.searchresult .shortdesclink {
    margin: .3em .5em 0;
}
.wh_search_expression{
    font-weight:bold;
}

/** switch webhelp.search.ranking invisible
 */
#star .curr {
	background: url('') 0 0px;
	float: left;
	width: 0px;
	font-size: 0px;
}
#star .star {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 0px;
	height: 0px;
	left: 0px;
	top: 0px;
	position: relative;
	float: right;
	background: url('') repeat-x 0 0px;
}

/**
 * Highlight color
 */
.highlight {
    background-color: #FFFF00;
}