@import "common.css";

/*------------------------------------------------------------------
 *                                  LINKS FORMATTING
 * ------------------------------------------------------------------*/
 *[class ~= 'topic/xref'],
 *[class ~= 'topic/link'] {
     color: #014e8c !important;
     /* text-decoration: underline; */
 }
 
 .related-links a,
 .related-links a:visited {
     color: #014e8c;
 }
 a,
 a:hover,
 a:visited {
     color: #014e8c;
 /*    font-size: 15pt;*/
 }

/*
* ------------------------------------------------------------------
 *
 *                                   Footer
 * 
 ------------------------------------------------------------------*/
.wh_footer{
    text-align: center;
    padding: 1em;
    position:relative;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    background: #006588;
    margin-top: 2em;
}
.wh_footer a{
    color: #ffffff;
}

/*
 * ------------------------------------------------------------------
 *  
 *                              Tiles
 * 
 ------------------------------------------------------------------*/

.wh_tile{
  /* rounded line below tiles */
  border-radius: 10px;
  border-bottom : medium solid #50BED7;
  cursor: pointer;
}
.wh_tile_title {
  font-size: 1.8em;
  text-align: center;
  font-weight: 700;
}
.wh_tile_title span {
  display: block;
  width: 100%;
}
.wh_tile_title a {
  display: block;
  width: 100%;
  color: #50BED7;
}
.wh_tile_title a:visited {
  color: #50BED7;
}
.wh_tile_shortdesc {
  margin-top: 0.5em;
  text-align: center;
  color: #404040;
}

/*
* ------------------------------------------------------------------
 *  
 *                                  Search area
 * 
 ------------------------------------------------------------------*/
.wh_search_input{
    display:block;
    margin:0;
    position:relative;
    background:#006588;
    padding: 15px 0;
}

.wh_welcome:not(:empty){
    font-size: 2.9em;
    margin: 0 auto;
    font-family: Roboto, sans-serif;
    padding: 0 0 0.5em 0;
    text-shadow: none;
    font-weight: 300;
    line-height: 1.2em;
}

.wh_main_page .wh_search_input{
    /*padding: 50px 0;*/
    background: #006588;

}
.wh_search_textfield{
    border: solid 1px #CCC;
    border-radius: 5px;
    padding: 0 .5em;
    position: relative;
    height: 2.8em;
}
.wh_search_button{
    border: solid 1px #CCC;
    border-radius: 0 5px 5px 0;
    padding: 0.6em 1em;
    color:#fff;
    background-color: #6d6e70;
    height: 2.8em;
}

.wh_search_textfield, .wh_search_button {
	border-color: #6d6e70;
}
		

/* Search autocomplete icons */
.search-autocomplete-proposal-type-history a,
.search-autocomplete-proposal-type-history a:hover,
.search-autocomplete-proposal-type-history a:visited,
.search-autocomplete-proposal-type-history a:active{
    text-decoration: none;
    color:inherit;
    font-size: 0.8em;
}
.ui-state-active .search-autocomplete-proposal-type-history a,
.ui-state-active .search-autocomplete-proposal-type-history a:hover,
.ui-state-active .search-autocomplete-proposal-type-history a:visited,
.ui-state-active .search-autocomplete-proposal-type-history a:active{
    color: #fff;
}

/* Active search page */
#wh-search-pagination > ul > li.active > a {
    background-color: #346ec5;
}

/*
 * ------------------------------------------------------------------
/*                              Tables 
 ------------------------------------------------------------------*/

 .wh_topic_content .thead{
  background-color:#50BED7;
  color: #253b61;
}

/* Commented this out as a part of user story 102428/102431 */
/* .wh_topic_content td,
.wh_topic_content th {
  border: 1pt solid #50BED7;
  border-color: #a5a5a5;
} */


/**[class ~= "topic/table"] {
   margin-left:auto;
   margin-right:auto;
} */

*[class ~= 'topic/table'] th {
  background-color: #dfe6ed;
}

tr.color_tab > td, tr.color_tab > th, td.color_tab, th.color_tab {
   background-color:#dfe6ed !important;
   color: #014e8c !important;
}

tr.group_row > td, tr.group_row > th {
 background-color:#edf1f6 !important;
 color: #014e8c !important;
 font-weight: bold;
}

/*--------- ------------------------------------------------------------------
 *                  PRE and Post Requisites template 
 * --------------------------------------------------------------------------*/
 *[class~="task/prereq"]:before {
  /* -task_before- >>> */
  content: "Prerequisites ";
  /* <<< */
  /* Styling */
  font-weight: bold;
}

*[class~="task/prereq"]:after {
  /* -task_after- >>> */
  content: "Steps ";
  /* <<< */
  /* Styling */
  font-weight: bold;
}

*[class~="task/postreq"]:before {

  content: "Postrequisites ";

  /* -task_before- >>> */

  font-weight: bold;

  /* <<< */

}

/*--------------------------------------------------------------------------- 
 *                                HEADER
 * ----------------------------------------------------------------------------*/
.wh_header {
  padding: 1px;
  background-color: #006588;
}

/*
 * ------------------------------------------------------------------
 *                                Menu
 *-------------------------------------------------------------------  
 */
 .wh_top_menu > ul > li a,  .wh_indexterms_link a::before  {
  color: #ffffff; 
  font-size: 12pt;
  background-color: #006588;
}

.wh_top_menu {
    margin: .4em 0;
    font-size: 0.9em;
    color: #ffffff !important;
    background-color: #006588 !important;
}


.wh_indexterms_link a span {
  display: none;
}
