/*
 * ==============================================
 * Skin for oXygen generated WebHelp.
 * ==============================================
 */


/*
 * ------------------------------------------------------------------
 *
 * Fonts.
 *
 */
/*@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(resources/fonts/Roboto-Thin.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(resources/fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(resources/fonts/Roboto-Bold.ttf);
}*/

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

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
     * ------------------------------------------------------------------
     *
     * Fight with bootstrap
     *
     */
.navbar-brand {
    height: auto;
}

.navbar {
    border: none;
    border-radius: 0;
    margin: 0;
}

.wh_header {
    background: linear-gradient(135deg,#39006b 0,#39006b 100%); /*Change header background color - Rajat*/
    color: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

header {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    left: 0;
    margin-top: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.03s ease-out 0s;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

#header .navbar,
header .navbar {
    margin-bottom: 0;
}

footer.navbar-default {
    background-image: none;
}

.navbar-default {
    border: 0 none;
    border-radius: 0;
    padding: 5px 0;
}

#header,
header {
    z-index: 20;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

a,
a:hover {
	color: #8017e1;
}
a:visited {
    color: #8017e1;
}

a:hover {
    text-decoration: none;
}



/*
 * ------------------------------------------------------------------
 *
 * Publication titles
 *
 */
.wh_publication_title {
    font-family: Precisely_Regular,"Helvetica Neue",Arial,sans-serif; /*Change header title's font family - Rajat*/
}

.wh_publication_title>a {
    color: #fff;
    margin: 0.5em 0; /*Change margin for the header text - Rajat*/
}



/*
 * ------------------------------------------------------------------
 *
 * Menu
 *
 */
/* .wh_toggle_button.navbar-toggle {display: none;} */
.wh_logo_and_publication_title_container .wh_logo_and_publication_title {
    /*Change header's background image - Rajat*/
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iUHJlY2lzbGV5X21vbm9ncmFtX3doaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KCSB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM0IDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggY2xhc3M9InN0MCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTIwLjEsMGMtNywwLTEyLjgsNS4zLTEzLjQsMTIuMVYwLjVIMFY0MGg2LjdWMTQuOEM3LjQsMjEuNywxMy4xLDI3LDIwLjEsMjdjNy41LDAsMTMuNS02LDEzLjUtMTMuNQ0KCUMzMy42LDYsMjcuNiwwLDIwLjEsMHogTTIwLjEsMjAuM2MtMy43LDAtNi44LTMtNi44LTYuOGMwLTMuNywzLTYuOCw2LjgtNi44YzMuNywwLDYuOCwzLDYuOCw2LjhDMjYuOSwxNy4yLDIzLjksMjAuMywyMC4xLDIwLjN6Ii8+DQo8L3N2Zz4NCg==);
    background-position: 0 10px;
    background-size: 35.25px 30px;
    padding-left: 40px;
    background-repeat: no-repeat;
    margin: 0 auto;
    font-size: 1.9rem;
    font-family: Precisely_Regular,"Helvetica Neue",Arial,sans-serif;
}

.wh_top_menu a {
    color: #fff;
    line-height: 2em;
}

/* The submenus */
.wh_top_menu ul ul {
    background-color: #333;
}

.wh_top_menu ul li:hover {
    background-color: #333;
}

.wh_top_menu ul ul li a:hover {
    background: #000;
}

.wh_top_menu ul ul li {
    border-top-color: #000;
    width: 270px;
    text-transform: capitalize;
}

.wh_top_menu ul ul li.has-children:after {}

/*
 * ------------------------------------------------------------------
 *
 * Link to the index.
 *
 */
.wh_indexterms_link a span {
    display: none;
}

.wh_indexterms_link a:before {
    color: #fff;
}


/*
 * ------------------------------------------------------------------
 *
 * Breadcrumb
 *
 */
.wh_breadcrumb ol {
    color: #8C848F; /*Change inactive breadcrumb color - Rajat*/
}

.wh_breadcrumb ol a {
    color: inherit;
}

.wh_breadcrumb ol .active {
    color: #8017E1; /*Change active breadcrumb color - Rajat*/
}

.wh_breadcrumb ol > li:hover {
    color: #39006B; /*Change breadcrumb hover color - Rajat*/
    text-decoration: underline; /*Underline breadcrumb on hover - Rajat*/
}


/*
 * ------------------------------------------------------------------
 *
 * Tools and navigation
 *
 */
.wh_tools {
    background-color: #F2E8FC; /*Change subheader background color - Rajat*/
}

.wh_print_link,
.wh_navigation_links,
.wh_navigation_links .navnext,
.wh_navigation_links .navprev {}

.webhelp_expand_collapse_sections,
.wh_hide_highlight,
.wh_print_link button,
.wh_navigation_links a,
.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited,
.wh_print_link a:before,
.wh_navigation_links a:before,
.wh_navigation_links a:hover:before,
.wh_navigation_links a:active:before,
.wh_navigation_links a:visited:before {
    color: #39006B; /*Change breadcrumb icons color - Rajat*/
    text-decoration: none;
}

.wh_toggle_button {
    float: right;
}

.wh_toggle_button:focus {
    outline-color: white;
}
/*
 * ------------------------------------------------------------------
 *
 * Tiles
 *
 */
.wh_tile {
    margin: 1em;
    padding: 1em;
    background-color: #F2F1F3; /*Change card's background color - Rajat*/
    height: 190px;
    font-weight: 300;
}

.wh_tile:hover {
    background-color: #F2E8FC; /*Change card's hover background color - Rajat*/
}

.wh_tile_shortdesc {
    margin-top: 1em;
    text-align: center;
    color: #111; /*Change card's content color - Rajat*/
    font-size: 1.1em;
}

.wh_tile_text:after {
    background: linear-gradient(to bottom, rgba(236, 242, 249, 0), rgba(236, 242, 249, 1) 75%);
}

.wh_tile_title {
    font-size: 1.7em;
    text-align: center;
    text-decoration: none;
    font-family: Precisely_Regular,"Helvetica Neue",Arial,sans-serif; /*Change card title's font - Rajat*/
}

.wh_tile_title a {
    color: #8017E1; /*Change card's title color - Rajat*/
}

.wh_tile_title a:hover {
    color: #39006B; /*Change card's title hover color - Rajat*/
}

@media only screen and (max-width: 767px) {
    .wh_tile>div {
        height: auto;
    }
}

.wh_tiles {
    margin-bottom: 50px;
}

/*
You can style some of the tiles in a special way.
Example:
.wh_tiles *[data-id='getting_started']{
    background-color:gray;
}
*/


/*
 * ------------------------------------------------------------------
 *
 * Search area
 *
 */
#searchForm>div {
    padding: 5px 0;
    margin: 0 auto;
    width: 65%;
}

/*.wh_search_input{
    display:block;
    margin:0;
    position:relative;
    background: url('resources/images/bgr_right_small.png') right no-repeat #2771bb;
    padding: 40px 0;
} */
.wh_welcome:not(:empty) {
    font-size: 4em;
    margin: 0 auto;
    font-family: 'Roboto Thin', sans-serif;
    padding: 0 0 1.5em 0;
    text-shadow: none;
}

.wh_main_page .wh_search_input{
    background: #39006B;
    
}
.wh_search_textfield {
    background: #831773 no-repeat scroll 9px center; /*Change search field's background color - Rajat*/
    border: 1px solid transparent;
    border-radius: 20px;
    box-shadow: 0 0 5px #77186c inset;
    box-sizing: content-box;
    color: #fff;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    outline: medium none; 
    padding: 10px 32px;
}
.wh_search_textfield::placeholder {
    color: white;
}

.wh_search_button {
    border-radius: 0 5px 5px 0;
    padding: 0 .5em;
    color: #fff;
    background: transparent;
    height: 2.8em;
    outline: none;
    display: none;
}

/* 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 {
    /*Change background and border color for the active page - Rajat*/
    background-color: #8017E1;
    border-color: #8017E1;
}

#wh-search-pagination > ul > li:not(.active) > a {
    /*Change color for the inactive search page - Rajat*/
    color: #8017E1;
    border-color: #DEDAE1;
}

#wh-search-pagination > ul > li:not(.active) > a:hover {
    /*Change color and background color for the inactive search page on hover - Rajat*/
    color: #39006B;
    background-color: #F2E8FC;
}

#wh-search-pagination > ul > li.disabled > a,
#wh-search-pagination > ul > li.disabled > a:hover{
    /*Change color for the disabled search page - Rajat*/
    color: #777;
}

/*@media only screen and (max-width: 999px) {*/
/*.wh_search_input:after{*/
/*display:none;*/
/*}*/

/*}*/
@media only screen and (max-width: 767px) {

    .wh_main_page .wh_search_input,
    .wh_search_input {
        padding: 0.5em 4em 0px 0;
    }
}


/*
 * ------------------------------------------------------------------
 *
 * Publication TOC
 *
 */
.wh_publication_toc {
    z-index: 1 !important;
    border-radius: 3px;
    padding: 1.5em .5em;
    background-color: #F9F8F9 /*Change left navigation background color - Rajat*/
}

.wh_publication_toc .active>.topicref a {
    color: #8017E1; /*Change left navigation links active color - Rajat*/
}

.wh_publication_toc span,
.wh_publication_toc a,
.wh_publication_toc a:visited {
    color: #8C848F; /*Change left navigation links default color - Rajat*/
}

.wh_publication_toc a:hover {
    text-decoration: underline;
    color: #39006B; /*Change left navigation links hover color - Rajat*/
}

.wh_publication_toc ul li,
#wh_topic_toc ul li {
    margin-top: .7em;
}

@media only screen and (max-width: 767px) {
    .wh_publication_toc {
        border-radius: 0;
        padding: 1em 0.5em;
        margin-top: 10px;
        border: 1px solid #e0e0e0;
    }

    .wh_related_links,
    .wh_child_links,
    .wh_topic_content .related-links {
        border: 1px solid #e0e0e0;
    }
}


/* Publication TOC tooltip */
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    background-color: #111;
    color: #fff;
    font-size: 1.4rem;
}

.wh_breadcrumb .topicref .wh-tooltip a,
.wh_publication_toc .topicref .wh-tooltip a {
    color: #fff;
    text-decoration: underline;
}

/* Tooltip arrow. */

[data-tooltip-position="left"] .topicref .wh-tooltip::before {
    border-left-color: #111;
}

[data-tooltip-position="right"] .topicref .wh-tooltip::before {
    border-right-color: #111;
}

[data-tooltip-position="bottom"] .topicref .wh-tooltip::before {
    border-bottom-color: #111;
}

[data-tooltip-position="top"] .topicref .wh-tooltip::before {
    border-top-color: #111;
}

/*
 * ------------------------------------------------------------------
 *
 * Footer
 *
 */
.wh_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f2f1f3;
    text-align: center;
    padding: 1em;
    margin-top: 2em;
}

.footer-container {
    font-size: 12px;
    z-index: 10;
    padding: 0 11%;
    /*Center items and change color of footer text - Rajat*/
    display: flex;
    align-items: center;
    color: #111;
    margin-left: 0 !important;
    width: 100%;
}

.footer-container p {
margin-bottom: 0;
}

 .footer-container:before {
   
    display: inline-block;
    width: 90px;
    height: 27px;
    margin-right: .5rem;
    margin-top: .125rem;
    margin-bottom: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9InN5bmNzb3J0Ig0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDkwIDI1Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM4MDE3RTEiIGQ9Ik03My4xLDFoMi44M3YxN0g3My4xVjF6IE0zNC4xNCwxMi41OWMwLDAuMy0wLjAyLDAuNjItMC4wNywwLjloLTguMzNjMC4zMiwxLjMzLDEuNCwyLjI4LDMuMDQsMi4yOA0KCWMwLjk5LDAsMi4wNS0wLjM3LDIuNjktMS4yMmwxLjkzLDEuNTRjLTAuOTksMS40LTIuNzQsMi4yMy00LjYsMi4yM2MtMy4yOSwwLTUuODItMi40Ni01LjgyLTUuNjZjMC0zLjEzLDIuMTktNS44LDUuNjYtNS44DQoJQzMxLjg2LDYuODcsMzQuMTQsOS40OSwzNC4xNCwxMi41OXogTTMxLjI4LDExLjRjLTAuMTYtMS4xLTEuMzEtMS45Ni0yLjY3LTEuOTZjLTEuMzEsMC0yLjM3LDAuNzgtMi43OCwxLjk2SDMxLjI4eiBNNTQuMywxMC4xMw0KCWMwLTAuMjgsMC4xOC0wLjY5LDEuMTMtMC42OWMwLjYsMCwxLjUsMC4xNiwyLjQ2LDAuODNsMS41LTIuMDJjLTEuMjQtMS4xNS0zLjAxLTEuMzgtMy45OC0xLjM4Yy0yLjQ0LDAtMy44NiwxLjUtMy44NiwzLjUNCgljMCwzLjk2LDUuNTQsMi45NCw1LjU0LDQuNThjMCwwLjM5LTAuMzIsMC44MS0xLjMzLDAuODFjLTAuNzgsMC0yLTAuMjUtMy4wMS0xLjEzbC0xLjUsMi4xNmMwLjk5LDAuNzYsMi4zLDEuNTQsNC4zMiwxLjU0DQoJYzIuNzYsMCw0LjIxLTEuNDcsNC4yMS0zLjQ3QzU5Ljc4LDEwLjk0LDU0LjMsMTEuNjcsNTQuMywxMC4xM3ogTTcxLjk4LDEyLjU5YzAsMC4zLTAuMDIsMC42Mi0wLjA3LDAuOWgtOC4zNQ0KCWMwLjMyLDEuMzMsMS40LDIuMjgsMy4wNCwyLjI4YzAuOTksMCwyLjA3LTAuMzcsMi43MS0xLjIybDEuOTMsMS41NGMtMC45OSwxLjQtMi43NCwyLjIzLTQuNjIsMi4yM2MtMy4yOSwwLTUuODItMi40Ni01LjgyLTUuNjYNCgljMC0zLjEzLDIuMTktNS44LDUuNjYtNS44QzY5LjcsNi44Nyw3MS45OCw5LjQ5LDcxLjk4LDEyLjU5eiBNNjkuMTMsMTEuNGMtMC4xNi0xLjEtMS4zMS0xLjk2LTIuNjktMS45Ng0KCWMtMS4zMSwwLTIuMzcsMC43OC0yLjc4LDEuOTZINjkuMTN6IE00OC40OSwxLjY5Yy0xLjAxLDAtMS43OSwwLjc2LTEuNzksMS43N2MwLDEuMDEsMC43OCwxLjc5LDEuNzksMS43OQ0KCWMxLjAxLDAsMS43Ny0wLjc4LDEuNzctMS43OUM1MC4yNywyLjQ1LDQ5LjUxLDEuNjksNDguNDksMS42OXogTTQwLjk2LDE1LjYxYy0xLjY2LDAtMy4wMS0xLjM4LTMuMDEtMy4wMQ0KCWMwLTEuNjMsMS4zNi0zLjAxLDMuMDEtMy4wMWMxLjA0LDAsMS45MywwLjUxLDIuNDgsMS4yOWwyLjQ0LTEuNGMtMS4wNC0xLjU2LTIuODUtMi42LTQuOTItMi42Yy0zLjIyLDAtNS44LDIuNTMtNS44LDUuNzMNCgljMCwzLjE1LDIuNTgsNS43Myw1LjgsNS43M2MyLjA5LDAsMy45Ni0xLjA4LDQuOTctMi42OWwtMi40Mi0xLjQzQzQyLjk4LDE1LjA2LDQyLjA0LDE1LjYxLDQwLjk2LDE1LjYxeiBNNDcuMDcsMThoMi44M1Y3LjA3aC0yLjgzDQoJVjE4eiBNMTguNTUsOC4yMlY3LjA3aC0yLjgzVjE4aDIuODN2LTUuMzhjMC0xLjk2LDEuNC0zLjA0LDIuOTItMy4wNGMwLjY5LDAsMC45OSwwLjA1LDEuMjksMC4xMlY2Ljg5DQoJYy0wLjMtMC4wMi0wLjU4LTAuMDItMC44NS0wLjAyQzIwLjY0LDYuODcsMTkuNDcsNy4xNywxOC41NSw4LjIyeiBNODUuODksNy4wN2wtMi43NCw3LjU3bC0yLjc0LTcuNTdoLTMuMTNsNC41MywxMS4yNWwtMS45OCw1LjUyDQoJaDIuNzZsNi4wNy0xNi43N0g4NS44OXogTTE0LjM4LDEyLjU5YzAsMy4xNi0yLjU2LDUuNzMtNS43Myw1LjczYy0yLjk3LDAtNS40MS0yLjI2LTUuNy01LjE2djEwLjY4SDAuMVY3LjA3aDIuODV2NC45NQ0KCWMwLjI5LTIuODksMi43My01LjE2LDUuNy01LjE2QzExLjgxLDYuODYsMTQuMzgsOS40MywxNC4zOCwxMi41OXogTTExLjUzLDEyLjU5YzAtMS41OS0xLjI5LTIuODgtMi44OC0yLjg4DQoJYy0xLjU5LDAtMi44OCwxLjI5LTIuODgsMi44OGMwLDEuNTksMS4yOSwyLjg4LDIuODgsMi44OEMxMC4yNCwxNS40NywxMS41MywxNC4xOCwxMS41MywxMi41OXoiLz4NCjwvc3ZnPg==);
    background-repeat: no-repeat;
    content: '';
    transform: translateY(0);
} 

.wh_footer img {
    width: 90px;
    height: 27px;
    margin-right: .5rem;
    margin-top: .125rem;
    margin-bottom: 0;
}

.wh_footer a {
    color: #8017E1;
    display: inline-block;
}

.wh_footer a:hover {
    text-decoration: underline;
}

/*
 * ------------------------------------------------------------------
 *
 * Topic content
 *
 */
.wh_topic_content,
.wh_content_area {
    color: #000000;
    line-height: 1.7em;
    margin-bottom: 50px;
}

.wh_main_page .wh_content_area {
    margin: 40px auto;
}

.wh_topic_content .title.topictitle1 {
    font-family: Precisely_Regular,"Helvetica Neue",Arial,sans-serif; /*Change topic title's font family - Rajat*/
    font-size: 2em;
    line-height: 1.1em;
}

.topictitle3 {
    font-weight: 400;
}

.wh_related_links,
.wh_child_links,
.wh_topic_content .related-links {
    border-top: 1px solid #ccc;
    padding-top: 7px;
    margin-top: 0;
}

.wh_related_links,
.wh_topic_content .related-links {
    padding: .5em 1.5em;
}

.wh_child_links {
    padding: 1.5em;
}

.related-links strong {
    font-weight: 500;
}

.related-links a,
.related-links a:visited {
    color: #5185cb;
    padding-bottom: .3em;
    display: inline-block;
}

.filepath {
    color: #c7254e !important;
}

/*
 * ------------------------------------------------------------------
 *
 * Search results.
 *
 */
.searchresult {
    list-style: none;
}
.searchresult li:first-of-type {
padding: 1.2em 0 .5em;
}
.searchresult li a {
    color: #8017E1; /*Change search results' title color - Rajat*/
}

.searchresult li a:hover {
    color: #39006B; /*Change search results' title hover color - Rajat*/
    text-decoration: underline; /*Underline search results' title on hover - Rajat*/
}

.searchresult .shortdesclink {
    margin: .3em .5em 0 0;
}

.wh_search_expression {
    font-weight: bold;
}

/* Search relative path */
.searchresult li .relativePath a {
    color: #8017E1; /*Change relative path's default color - Rajat*/
}

.searchresult li .relativePath a:hover {
    color: #39006B; /*Change relative path's hover color - Rajat*/
}

/*
 * ------------------------------------------------------------------
 *
 * Index terms.
 *
 */
.wh_index_terms span.wh_first_letter {
    color: #346ec5;
}

.wh_index_terms #indexList {
    padding: 0;
}



/*
 * ------------------------------------------------------------------
 *
 * Tree TOC for the main page.
 *
 */
.wh_main_page_toc {}


.wh_main_page_toc .expanded,
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc>.wh_main_page_toc_entry:hover,
.wh_main_page_toc_accordion_entries {
    background-color: #F2F8FF;
}

/**
 *
 * Styles used for RTL pages
 *
 */
html[dir='rtl'] .wh_top_menu ul li:hover>ul {
    max-width: 270px;
}

/*CSS Overwrite as per DS UI */


input[type="search"] {
    background: #8017E1 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+PHRpdGxlPnNlYXJjaDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHBhdGggZD0iTTUuNjI1IDEuMjVjMi40MTMgMCA0LjM3NSAxLjk2MiA0LjM3NSA0LjM3NSAwIDIuNDEyLTEuOTYzIDQuMzc1LTQuMzc1IDQuMzc1LTIuNDEzIDAtNC4zNzUtMS45NjMtNC4zNzUtNC4zNzUgMC0yLjQxMyAxLjk2My00LjM3NSA0LjM3NS00LjM3NW0wIDEwYzEuMzMzIDAgMi41NTYtLjQ2NyAzLjUyMS0xLjI0NGw0Ljc4NiA0LjgxMWMuMTIzLjEyMy4yODMuMTg0LjQ0My4xODQuMTU5IDAgLjMxOS0uMDYxLjQ0MS0uMTgyLjI0NS0uMjQ0LjI0Ni0uNjM5LjAwMy0uODg0bC00Ljc5Mi00LjgxNmMuNzY0LS45NjEgMS4yMjQtMi4xNzMgMS4yMjQtMy40OTMgMC0zLjEwMS0yLjUyMy01LjYyNS01LjYyNS01LjYyNXMtNS42MjUgMi41MjQtNS42MjUgNS42MjVjMCAzLjEwMiAyLjUyMyA1LjYyNSA1LjYyNSA1LjYyNSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") no-repeat scroll 9px center;
    border: 1px solid transparent;
    border-radius: 20px;
    box-shadow: 0 0 5px #77186c inset;
    color: #fff;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    outline: medium none;
    padding: 10px 32px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .wh_search_input {
        display: block;
        position: relative;
        background: #39006B;
        margin: 7.5em 0 0 0 !important;        
        border-top: 3px solid white;
    }

    .wh_logo_and_publication_title_container {
        display: block;
    }

    .wh_tools {
        margin: 1em 0 2em;
    }

    .wh_main_page .wh_content_area {
        margin: 15px auto;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    .wh_search_input {
        display: block;
        position: relative;
        background: #39006B;
        margin: 4em 0 0 0;        
        border-top: 3px solid white;
        border: none;
    }

    .wh_logo_and_publication_title_container {
        display: block;
    }

    .wh_tools {
        margin: 1em 0 2em;
    }

    .wh_main_page .wh_content_area {
        margin: 15px auto;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .wh_search_input {
        display: block;
        position: relative;
        background: #39006B;
        margin: 4em 0 0 0;        
        border-top: 3px solid white;
        border: none;
    }

    .wh_logo_and_publication_title_container {
        display: block;
    }

    .wh_tools {
        margin: 1em 0 2em;
    }

    .wh_main_page .wh_content_area {
        margin: 15px auto;
    }
}
    .wh_top_menu {
        display: none !important;
    }
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .wh_search_input {
        display: block;
        position: relative;
        background: #39006B;
        margin: 4em 0 0 0;        
        border-top: 3px solid white;
        border: none;
    }

    .wh_logo_and_publication_title_container {
        display: block;
    }

    .wh_tools {
        margin: 1em 0 2em;
    }

    .wh_main_page .wh_content_area {
        margin: 15px auto;
    }

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .wh_search_input {
        display: block;
        position: relative;
        background: #39006B;
        margin: 4em 0 0 0;        
        border-top: 3px solid white;
        border: none;
    }

    .wh_logo_and_publication_title_container {
        display: block;
    }

    .wh_tools {
        margin: 1em 0 2em;
    }

    .wh_main_page .wh_content_area {
        margin: 15px auto;
    }
    .wh_top_menu {
        display: none !important;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .wh_search_input {
        display: block;
        position: relative;
        background: #39006B;
        margin: 4em 0 0 0;        
        border-top: 3px solid white;
        border: none;
    }

    .wh_logo_and_publication_title_container {
        display: block;
    }

    .wh_tools {
        margin: 1em 0 2em;
    }

    .wh_main_page .wh_content_area {
        margin: 15px auto;
    }

    #searchForm>div {
        padding: 10px 0;
        margin: 0 auto;
        width: 65%;
    }

    .wh_top_menu {
        display: none !important;
    }
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    .wh_search_input {
        display: block;
        position: relative;
        background: #39006B;
        margin: 4em 0 0 0;
        border-top: 3px solid white;
    }

    .wh_logo_and_publication_title_container {
        display: block;
    }

    .wh_tools {
        margin: 1em 0 2em;
    }

    .wh_main_page .wh_content_area {
        margin: 15px auto;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    .wh_search_input {
        margin: 0 auto;
        padding: 0;
        position: fixed;
        right: 80px;
        top: 5px;
        width: 30em;
        z-index: 10;
        background-image: none;
        border: none;
    }

    .container {
        padding-top: 5%;
    }

    .navbar .container {
        padding-top: 0;
    }

    .wh_header_flex_container .wh_logo_and_publication_title_container {
        padding-left: 0;
    }

    .wh_main_page .wh_content_area {
        margin: 75px auto auto auto;
    }

    .footer-container {
        text-align: left;
    }

    .wh_footer a {
        float: right;
    }

    .wh_tools {
        margin: 4.5em 0 2em;
    }

    .wh_top_menu {
        display: none !important;
    }

    /* Large screens ----------- */
    @media only screen and (min-width : 1824px) {
        .wh_search_input {
            margin: 0 auto;
            padding: 0;
            position: fixed;
            right: 80px;
            top: 5px;
            width: 30em;
            z-index: 10;
            background-image: none;
            border: none;
        }

        .container {
            padding-top: 5%;
        }

        .navbar .container {
            padding-top: 0;
        }

        .wh_header_flex_container .wh_logo_and_publication_title_container {
            padding-left: 0;
        }

        .wh_main_page .wh_content_area {
            margin: 75px auto auto auto;
        }

        .footer-container {
            text-align: left;
        }

        .wh_footer a {
            float: right;
        }

        .wh_tools {
            margin: 4.5em 0 2em;
        }

        .wh_top_menu {
            display: none !important;
        }
    }

/*End CSS Overwrite as per DS UI */