/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

:root {

--gexcon-blue: #406580;

--gexcon-red: #b12424;

font-size: 18px;

}

body {

font-size: 1rem;

letter-spacing: 0.02rem;

color: #33475B;

line-height: 1.2;

}

body,

h1,

h2,

h3,

h4,

h5,

h6,

.landing_top h1,

.landing_top h2,

.landing_top h3,

.landing_top h4,

.landing_top h5,

.landing_top h6 {

font-family: "Source Sans 3", sans-serif !important;

}

#doc_header {

z-index: 200;

}

.contributor-top-head .top-header-l .title-text,

.contributor-row .contributor-description .contributor-name,

.stickytop .sticky-details .article-top-head .article-title,

.content_block .content_container .content_block_text .category-index-view .category-index-item .category-index-title h2,

.landing_top h1,

.landing-category-section .category-title,

.learn .support-center-section .support-center-title,

.innovate .landing-category-section .category-title,

.learn .landing-category-section .category-title {

font-family: "Source Sans 3", sans-serif;

}

.landing_home {

letter-spacing: 0.01rem;

}

.content_block .content_container .content_block_text {

letter-spacing: 0.01rem;

font-size: 1rem;

line-height: 1.8;

}

.content_block .content_container .content_block_text p {

margin-bottom: 1.3em;

}

header .header_top {

padding: 1.5rem;

}

header .header_top .header_top_nav .header_top_nav_left,

header .header_top .header_top_nav .header_top_nav_options {

margin-left: 6rem;

font-size: 1.2rem;

line-height: 1.5rem;

font-weight: 600;

letter-spacing: 0.02rem;

}

header .header_top .header_top_nav ul li a {

color: #406580;

text-decoration: none;

text-underline-offset: 3px;

transition: text-underline-offset 0.1s linear;

}

@media (prefers-reduced-motion) {

header .header_top .header_top_nav ul li a {

transition: none;

}

}

header .header_top .header_top_nav ul li a:hover {

color: #406580;

text-decoration: 2px underline;

text-underline-offset: 6px;

}

header .header_top .header_logo img {

height: 2rem;

}

.user-logout {

display: none;

}

.landing_top {

backdrop-filter: blur(10px);

color: #f6f9fb !important;

}

.landing_top h1 {

font-size: 2.8rem;

margin: 0;

}

.landing_top .promo-text {

line-height: 1.5em;

font-size: 1.7rem;

}

.landing_top .search-sec {

margin: 2rem auto 1rem;

width: 58rem;

}

.landing_top .search-sec input[type="search"],

.landing_top #cancel-search-input {

font-size: 1.2rem;

color: #263c4c !important;

transition: box-shadow 0.2s linear;

}

.landing_top .search-sec input[type="search"] {

color: #33475B;

border-radius: 8px;

}

.landing_top .search-sec input[type="search"]:focus,

.landing_top .search-sec .results-open input[type="search"] {

box-shadow: 0 0 0 9999px rgba(51, 71, 91, 0.35);

}

.landing_top .search-sec input[type="search"] {

padding-left: 4rem;

}

.landing_top .search-sec input[type="search"]::placeholder {

color: #91acbd;

opacity: 1;

}

.landing_top #all_search_results {

text-decoration: none;

left: 1.5rem;

}

.landing_top #all_search_results::before {

font-family: "Font Awesome 5 Pro";

content: "\f002";

line-height: 1.5rem;

text-decoration: none;

color: #406580;

font-size: 1.5rem;

}

.landing_top #all_search_results svg {

display: none;

}

.landing_top #cancel-search-input {

text-decoration: none;

top: 13px;

}

.landing_top #cancel-search-input::before {

font-family: "Font Awesome 5 Pro";

content: "\f00d";

line-height: 1.5rem;

text-decoration: none;

color: #406580;

font-size: 1.5rem;

font-weight: lighter;

}

.landing_top #cancel-search-input svg {

display: none;

}

*/

/* autocomplete result modifications */

.aa-dropdown-menu {

margin-top: 0.4em;

border-radius: 8px;

padding: 1rem !important;

/* Algolia overrides this for some reason */

}

.aa-suggestion {

padding: 0;

}

.aa-suggestion+.aa-suggestion {

border-top: none;

}

.aa-suggestion {

border-radius: 8px;

margin-top: 0.5rem;

}

.aa-suggestion:first {

margin-top: 0;

}

.aa-suggestion.aa-cursor,

.aa-suggestion:hover {

background-color: #efefef;

}

.aa-dataset-1 {

display: flex;

flex-direction: column-reverse;

}

.result-page-link {

position: static;

padding: 1.5rem;

padding-bottom: 0.5rem;

margin-top: 1rem;

border-top: 1px solid #efefef;

font-weight: bold;

font-size: 1.1rem;

}

.result-page-link a {

color: #5586aa;

text-decoration: none;

text-underline-offset: 3px;

transition: text-underline-offset 0.1s linear;

}

.result-page-link a:hover {

color: #5586aa;

text-decoration: underline;

text-underline-offset: 6px;

}

.header_search_Results em {

background-color: #ccdbe6;

display: inline-block;

padding: 0.1em;

margin: -0.1em;

border-radius: 4px;

}

.header_search_Results a,

.header_search_Results a:hover,

.header_search_Results div {

color: #33475b;

font-size: 1rem;

}

.header_search_Results a {

padding: 0.5rem 1rem;

border-radius: 8px;

}

.header_search_Results p {

margin-top: 0;

padding: 0.2rem 0;

}

.header_search_Results p:nth-of-type(2) {

color: #5586aa;

font-size: 0.9rem;

line-height: 1.3rem;

margin-top: 0.1rem;

padding: 0;

}

.no-data {

padding: 0.5rem;

font-size: 1rem;

}

.no-data .no-result-found {

color: #33475b;

margin-bottom: 0.5rem;

}

.no-data #no-search-textarea,

.no-data .btn.btn-primary {

font-size: 1rem;

border-radius: 8px;

transition: box-shadow 0.1s ease-in;

}

.no-data #no-search-textarea {

background: #f6f8fa;

border: 1px solid #eaf0f6;

color: #33475b;

padding: 1rem;

}

.no-data #no-search-textarea::placeholder {

color: #91acbd;

opacity: 1;

}

.no-data .btn.btn-primary {

padding: 0.5em 3em;

transition: box-shadow 0.1s ease-in;

border-radius: 1.5em;

font-weight: bold;

}

.no-data .btn.btn-primary:not(:disabled):hover {

box-shadow: 0 0 6px 0 rgba(51, 71, 91, .75);

}

.no-search-results {

color: #406580;

}

.no-search-results .no-search-feedback-container {

margin: 1rem 0;

}

.no-search-results .no-search-feedback-container img {

height: 10rem;

margin-bottom: 1rem;

}

.no-search-submit-comments {

font-weight: bold;

}

/* landing page */

.landing-category-section {

padding: 0 0 2rem;

}

.landing-category-section .category-title {

color: #b12424;

font-size: 3rem;

line-height: 4rem;

margin: 1em 0;

}

.landing-category-section .col-block {

padding: 0;

}

.landing-category-section .col-block a {

flex-direction: column;

padding-bottom: 1rem;

}

.landing-category-section .col-block a .category-l,

.landing-category-section .col-block a .category-r {

text-align: center;

}

.landing-category-section .col-block a .category-l img {

width: 13rem !important;

height: 13rem !important;

}

.landing-category-section .col-block a .category-r h3,

#explore-more .category-r h3 {

color: #406580;

font-size: 2rem;

line-height: 2.5rem;

margin-top: 1rem;

}

.landing-category-section .col-block a .category-r p,

#explore-more .category-r p {

color: #33475B;

margin: 1rem 1rem;

font-size: 1.3rem;

line-height: 1.5rem;

}

.landing-category-section .col-block a .more-icon {

display: none;

}

.landing-category-section .col-block a .more-icon i.far {

display: none;

}

.recently-published .widget_block {

width: 60%;

max-width: 60%;

}

#explore-more {

flex: 0 0 30%;

margin: 3.8rem 3% 0 auto;

width: 30%;

max-width: 30%;

padding: 0;

}

#explore-more a {

display: flex;

flex-direction: column;

padding-bottom: 1rem;

}

.landing-category-section .col-block,

#explore-more {

border-radius: 8px;

box-shadow: 0 0 8px 0 rgba(0, 0, 0, .35);

transition: box-shadow 0.1s ease-in;

margin-top: 2rem;

}

#explore-more a .category-l,

#explore-more a .category-r {

text-align: center;

}

#explore-more .category-l {

flex: 0 0 80px;

}

.landing-category-section .col-block:hover,

#explore-more:hover {

box-shadow: 0 0 12px 0 rgba(51, 71, 91, .75);

}

#explore-more a {

text-decoration: none;

}

.landing-other.gray,

.landing_widget.gray {

background-color: #efefef;

}

.landing_widget,

.landing-other.white,

.landing_widget.white,

#explore-more {

background-color: #fff;

}

.landing_widget .widget-title {

color: #b12424;

font-size: 3rem;

line-height: 1.5;

font-weight: 700;

padding: 0;

margin: 1em 0;

text-align: center;

width: 100%;

}

.landing_widget .widget_block h3 {

color: #406580;

font-size: 1.5rem;

}

.landing_widget .widget_block .widget_links li:before {

color: #33475B;

content: "\F15C";

font-family: Font Awesome\ 5 Pro;

font-size: 1rem;

font-weight: 300;

left: 3px;

position: absolute;

top: 0px;

}

#featured-article {

margin-bottom: 2em;

}

#featured .widget_block h3 {

margin-bottom: 1em;

}

.featured-section {

width: 100%;

justify-content: center;

padding-bottom: 40px;

}

.featured-section img {

width: 40%;

height: 105%;

border-radius: 12px;

vertical-align: top;

object-fit: cover;

}

.featured-section .content {

display: inline-block;

width: 50%;

margin-left: 3rem;

}

.featured-section .content h3 {

color: #406580;

font-size: 1.5rem;

}

.featured-section .content a {

text-decoration: none;

font-size: 1.1rem;

text-underline-offset: 3px;

transition: text-underline-offset 0.1s linear;

}

@media (prefers-reduced-motion) {

.featured-section .content a {

transition: none;

}

}

.featured-section .content a:hover {

text-decoration: underline;

text-underline-offset: 6px;

}

#featured_text {

margin-bottom: 15px;

}

.featured-section .content a span.arrow {

text-decoration: none;

display: inline-block;

}

a:visited:hover .arrow,

a:visited .arrow {

font-weight: bold;

text-decoration: none;

}

.col-block.white {

background-color: #fff;

}

.landing_widget .widget_block .widget_links li a {

text-decoration: none;

text-underline-offset: 3px;

transition: text-underline-offset 0.1s linear;

}

@media (prefers-reduced-motion) {

.landing_widget .widget_block .widget_links li a {

transition: none;

}

}

.landing_widget .widget_block .widget_links li a:hover {

text-underline-offset: 6px;

}

.landing_widget .landing-category-section,

#latest.narrow .container .widget-title {

padding: 0px;

}

.landing_home .landing_widget {

padding-top: 0;

}

.custom_block .landing_widget {

padding-top: 0;

}

/* todo: find better solution */

.landing_widget .container {

justify-content: left;

margin-bottom: 1rem;

}

#newsletter {

background-origin: content-box;

background-size: cover;

background-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/footer.jpg");

backdrop-filter: blur(10px);

color: #f6f9fb !important;

}

#newsletter div {

text-align: center;

font-size: 2.2rem;

font-weight: bold;

padding: 4rem 0;

}

#newsletter a {

position: relative;

}

#newsletter a:hover,

#newsletter a:hover:visited,

#newsletter a:visited,

#newsletter a {

text-decoration: none;

border-radius: 1.5em;

background-color: #fff;

color: #406580;

margin-left: 4rem;

padding: 0.3em 1em;

box-shadow: 0 0 0px 0 rgba(255, 255, 255, 1);

transition: box-shadow 0.1s ease-in;

}

#newsletter a:hover {

box-shadow: 0 0 16px 0 rgba(255, 255, 255, 1);

}

#newsletter a .bell {

height: 2.5rem;

display: inline-block;

margin-top: -0.5rem;

vertical-align: middle;

margin-right: 0.3rem;

}

@keyframes ring {

0% {

transform: rotate(0);

}

5% {

transform: rotate(34deg);

}

11% {

transform: rotate(-28deg);

}

17% {

transform: rotate(22deg);

}

23% {

transform: rotate(-16deg);

}

29% {

transform: rotate(10deg);

}

35% {

transform: rotate(-4deg);

}

41% {

transform: rotate(1deg);

}

43% {

transform: rotate(0);

}

100% {

transform: rotate(0);

}

}

#newsletter a:hover .bell {

animation: ring 2s ease-in-out;

transform-origin: 50% 0.1rem;

}

.category-title {

margin-bottom: 5rem;

}

.category-r {

margin-top: -5rem;

}

.landing-category-section .col-block a .category-l img {

position: relative;

top: -4.5rem;

}

.landing-category-section .col-block a .category-l img {

padding: 0;

transition: padding 0.2s ease-in;

}

.landing-category-section .col-block a:hover .category-l img {

padding: 1rem;

}

@media (prefers-reduced-motion) {

.landing-category-section .col-block a .category-l img {

transition: none;

}

.landing-category-section .col-block a:hover .category-l img {

padding: 0;

}

.landing-category-section .col-block a:hover .category-r h3 {

text-decoration: underline;

text-decoration-thickness: 2px;

text-underline-offset: 6px;

}

}

#more-support .landing-category-section .col-block a:hover .category-l img {

padding: 0;

}

#more-support .landing-category-section .col-block a .category-l img,

#explore-more .category-l img {

width: 8rem !important;

height: 8rem !important;

}

#more-support .category-title {

margin-bottom: 6rem;

}

#more-support .category-r {

margin-top: -5rem;

}

#explore-more .category-r {

margin-top: -3rem;

}

#more-support .landing-category-section .col-block a .category-l img,

#explore-more a .category-l img {

position: relative;

top: -5.5rem;

transition: top 0.1s ease-in;

}

#more-support .landing-category-section .col-block a:hover .category-l img {

top: -4.2rem;

}

#explore-more a .category-l img {

top: -3.5rem;

}

#explore-more a:hover .category-l img {

top: -2.2rem;

}

@media (prefers-reduced-motion) {

#more-support .landing-category-section .col-block a .category-l img,

#explore-more a .category-l img {

transition: none;

}

#more-support .landing-category-section .col-block a:hover .category-l img,

#explore-more a:hover .category-l img {

top: -5.5rem;

}

}

a.whats-new-icon {

display: none !important;

}

/* Article heading */

header .header_bottom .header_bottom_nav ul li .home-icon {

display: none;

}

header .header_bottom:before {

content: "";

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-origin: content-box;

background-size: cover;

background-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/header.jpg");

background-position-y: center;

color: #f6f9fb !important;

filter: blur(0.05rem);

clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

}

header .header_bottom .header_search {

height: unset;

}

header .header_bottom .header_search_box .search-form input[type="search"],

header .header_bottom .header_search_box form input[type="search"] {

opacity: 1;

background: rgba(255, 255, 255, 0);

border: 2px solid #fff;

border-radius: 8px;

font-size: 1rem;

padding-left: 3rem;

line-height: 1.9;

height: unset;

transition: box-shadow 0.2s linear;

color: #263c4c;

}

header .header_bottom .header_search_box .search-form input[type="search"]:focus,

header .header_bottom .header_search_box form input[type="search"]:focus,

header .header_bottom .header_search_box .search-form.results-open input[type="search"],

header .header_bottom .header_search_box form .results-open input[type="search"] {

box-shadow: 0 0 0 9999px rgba(51, 71, 91, 0.35);

background: rgba(255, 255, 255, 1);

z-index: 99;

}

header .header_bottom .header_search_box .search-form input[type="search"]::placeholder,

header .header_bottom .header_search_box form input[type="search"]::placeholder {

color: #fff;

opacity: 1;

}

header .header_bottom .header_search_box .search-form:focus-within input[type="search"]::placeholder,

header .header_bottom .header_search_box form:focus-within input[type="search"]::placeholder,

header .header_bottom .header_search_box .search-form.results-open input[type="search"]::placeholder,

header .header_bottom .header_search_box form .results-open input[type="search"]::placeholder {

color: #91acbd;

opacity: 1;

}

header .header_bottom .header_search_box .ais-SearchBox-submit {

text-decoration: none;

top: 0.1rem;

}

header .header_bottom .header_search_box .ais-SearchBox-submit svg {

display: none;

}

header .header_bottom .header_search_box .ais-SearchBox-submit::before {

font-family: "Font Awesome 5 Pro";

content: "\f002";

line-height: 1.9;

text-decoration: none;

color: #fff;

font-size: 1.1rem;

}

header .header_bottom .header_search_box:focus-within .ais-SearchBox-submit::before,

header .header_bottom .header_search_box .results-open .ais-SearchBox-submit::before {

color: #406580;

text-decoration: none;

}

.header_search #cancel-search-input {

text-decoration: none;

top: 0;

}

.header_search #cancel-search-input::before {

font-family: "Font Awesome 5 Pro";

content: "\f00d";

line-height: 2;

text-decoration: none;

color: #406580;

font-size: 1.2rem;

font-weight: lighter;

}

header .header_bottom .header_search_box:focus-within #cancel-search-input::before,

header .header_bottom .header_search_box .results-open #cancel-search-input::before {

color: #406580;

text-decoration: none;

}

.header_search #cancel-search-input svg {

display: none;

}

/* Article page modifications */

.content_block .content_container .content_container_text_sec .content_container_text_sec_in {

padding-top: 2rem;

}

/* TODO: this doesn't work well in Firefox anymore, since the update of the right sidebar */

/*

#right_sidebar {

padding-top: 2rem;

}

*/

.docs-main {

margin-top: 1rem;

}

.docs-main h1 {

margin-top: 1em;

}

.content_block .content_container .content_block_head .article-info ul li {

color: #91acbd;

font-size: 1rem;

}

.content_block .content_container .content_block_head .article-info ul li .fa-calendar-alt+span {

font-weight: 600;

}

.content_block .content_container .content_block_head hr {

display: none;

}

.content_block .content_container .content_block_head .article-info ul li:not(:last-of-type):not(:only-of-type)::after {

content: "";

height: 1rem;

padding: 0;

margin: 0 0.5rem;

display: inline-block;

border-right: 2px solid #91acbd;

}

.content_block .content_container .content_block_head .content_block_article_head {

margin-bottom: 0.5rem;

}

/* TODO: move these items */

.content_block .content_container .content_block_head .article-action-items {

display: none;

}

.content_block .content_container .content_block_head {

margin-bottom: 2rem;

}

.content_block .content_container .content_block_text {

-webkit-hyphens: auto;

-webkit-hyphenate-limit-before: 3;

-webkit-hyphenate-limit-after: 3;

-webkit-hyphenate-limit-chars: 6 3 3;

-webkit-hyphenate-limit-lines: 2;

-webkit-hyphenate-limit-last: always;

-webkit-hyphenate-limit-zone: 8%;

hyphens: auto;

hyphenate-limit-chars: 6 3 3;

hyphenate-limit-lines: 2;

hyphenate-limit-last: always;

hyphenate-limit-zone: 8%;

}

.content_block .content_container .content_block_text h1,

.content_block .content_container .content_block_text h2,

.content_block .content_container .content_block_text h3,

.content_block .content_container .content_block_text h4,

.content_block .content_container .content_block_text h5,

.content_block .content_container .content_block_text h6 {

line-height: 1.4;

margin-bottom: 1em;

}

.content_block .content_container .content_block_text ul,

.content_block .content_container .content_block_text ul[data-block-id] {

margin-top: 1rem;

margin-bottom: 1rem;

list-style-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/tick.svg");

}

.content_block .content_container .content_block_text ul li ul {

margin-top: 0;

margin-bottom: 0;

list-style-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/tick.svg");

}

.content_block .content_container .content_block_text ul li {

padding-left: 0.5rem;

}

.content_block .content_container .content_block_text ul li::marker {

color: #b12424;

font-size: 1.5rem;

}

.content_block .content_container .content_block_head .article-head-sec i {

font-size: 1rem;

}

.content_block .content_container .page-action .article_action_links ul {

padding-top: 0;

margin-top: 0.5rem;

}

.content_block .content_container .page-action .article_action_links p,

.content_block .content_container .page-action .tags-articles p {

font-size: 1rem;

font-weight: bold;

}

.content_block .content_container .page-action .article_action_links ul li a {

font-size: 0.95rem;

}

.content_block .content_container .page-action .article_action_links,

.content_block .content_container .page-action .tags-articles {

margin-bottom: 2rem;

}

.content_block .content_container .page-action .article_action_links p,

.content_block .content_container .page-action .tags-articles p {

margin-bottom: 1rem;

}

.content_block .content_container .page-action .article_action_links ul ul {

padding-left: 0;

}

.content_block .content_container .page-action .article_action_links ul li a {

text-decoration: none;

color: #cecece;

padding-left: 0.5rem;

border-left: 2px solid transparent;

margin-left: -1px;

transition: color 0.1s ease-in, border-left 0.1s ease-in;

}

.content_block .content_container .page-action .article_action_links ul li.selected>a,

.content_block .content_container .page-action .article_action_links ul li.selected>a:hover {

color: #406580;

font-weight: normal;

border-left: 2px solid #406580;

}

.content_block .content_container .page-action .article_action_links ul li>a:hover {

color: #91acbd;

border-left: 2px solid #91acbd;

}

.content_block .content_container .page-action .tags-articles ul li a {

color: #33475b;

background: #ebebeb;

padding: 0.25em 0.5em;

border-radius: 4px;

}

/* Top bar */

.stickytop {

height: 0;

top: 0 !important;

/* Only the reading indicator is shown. Stop any animation on the sticky top bar. */

}

.stickytop .sticky-details {

display: none;

}

.progress-container {

height: 0.2rem;

bottom: 0;

}

.progress-container #progressBar {

bottom: -0.2rem;

height: 0.2rem;

}

/* Left sidebar */

.default header {

padding-bottom: 2rem;

}

.left_sidebar .left_sidebar_main {

background: #f9f9f9;

}

.left-sidebar-toggle .left-arrow,

.left-sidebar-toggle .right-arrow {

position: absolute;

}

.filter_form {

margin-bottom: 1rem;

margin-right: 1.5rem;

}

.left_sidebar .filter_form {

margin: 1.5rem 1rem 0;

}

.left_sidebar .filter_form input {

font-size: 1.1rem;

font-family: "Source Sans 3", sans-serif;

padding: 1.2em 1em;

border-radius: 8px;

box-shadow: none;

background: #fff;

color: #263c4c;

border: 1px solid #eaf0f6 margin-left: 5px;

/* Compensate for 5px border in index */

}

.filter_form .filter_close_btn {

line-height: 1.2rem;

text-decoration: none;

font-size: 1.2rem;

position: absolute;

right: 0.6rem;

line-height: 2.2em;

width: 0;

height: 0;

}

.filter_form .filter_close_btn::before {

position: absolute;

font-family: "Font Awesome 5 Pro";

background: #fff;

content: "\f00d";

right: 0;

top: 0;

line-height: 2;

text-decoration: none;

color: #91acbd;

font-size: 1.2rem;

font-weight: lighter;

width: 2rem;

height: 2rem;

line-height: 1.9rem;

text-align: center;

}

.left_sidebar .filterform::before {

font-family: "Font Awesome 5 Pro";

content: "\f002";

text-decoration: none;

color: #91acbd;

font-size: 1.2rem;

position: absolute;

right: 1.2rem;

line-height: 2.4em;

pointer-events: none;

}

.left_sidebar .filter_form input::placeholder {

color: #91acbd;

opacity: 1;

}

.left_sidebar .left_sidebar_nav ul a[data-option="off"]::after,

.left_sidebar .left_sidebar_nav ul a[data-option="on"]::after {

right: 1rem;

left: unset;

font-size: 1.5rem;

top: 0;

}

.left_sidebar .left_sidebar_nav::after {

display: none;

}

.left_sidebar .left_sidebar_nav .left_sidebar_nav_menu {

margin-top: 1em;

}

.left-sidebar-toggle .left-arrow {

right: -0.7rem;

}

.left-sidebar-toggle {

margin-top: 1.5rem;

}

.left_sidebar .left_sidebar_nav ul a[data-option="off"] .article-title,

.left_sidebar .left_sidebar_nav ul a[data-option="on"] .article-title {

font-weight: normal;

}

.watermark_logo {

position: absolute;

left: -2000em;

}

.left_sidebar .left_sidebar_nav ul li a {

color: #8d8d8d;

line-height: 1.5;

padding-top: 0.5em;

padding-bottom: 0.5em;

border-left: 5px solid transparent;

transition: border-left 0.1s ease-in;

}

#categories>li {

margin-top: 0.5rem;

}

#categories>li:first-child {

margin-top: 0rem;

}

.left_sidebar .left_sidebar_nav ul ul {

padding-left: 0;

}

.left_sidebar .left_sidebar_nav ul li a {

position: relative;

padding-left: 2.5rem;

}

.left_sidebar .left_sidebar_nav ul li li a {

padding-left: 2.5rem;

}

.left_sidebar .left_sidebar_nav ul li li li a {

padding-left: 3.5rem;

}

.left_sidebar .left_sidebar_nav ul li li li li a {

padding-left: 4.5rem;

}

.left_sidebar .left_sidebar_nav ul li li li li li a {

padding-left: 5.5rem;

}

#categories>li>a>.article-title {

font-size: 1.1rem;

}

.left_sidebar .left_sidebar_nav ul li a .article-title {

display: inline-block;

margin-right: 2.5rem;

font-size: 0.9rem;

transition: color 0.1s ease-in;

}

.left_sidebar .left_sidebar_nav ul li a.active {

border-left: 5px solid #406580;

}

.left_sidebar .left_sidebar_nav ul li a.active,

.left_sidebar .left_sidebar_nav ul li a.active:hover .article-title {

background: #e5e8eb;

color: #33475B;

}

.left_sidebar .left_sidebar_nav ul li a:hover .article-title {

color: #33475B;

text-decoration: none;

}

/* About Gexcon; hide chevron */

.left_sidebar .left_sidebar_nav ul li a#ed21171d-9c25-4d6e-b47b-cfb505f39716.bubble-menu-link::after {

display: none;

}

/* Category icons (left sidebar) */

.left_sidebar .left_sidebar_nav ul li a::before {

width: 1.75rem;

height: 1.75rem;

position: relative;

left: -1.2rem;

line-height: 1.65rem;

text-decoration: none;

content: "";

mask-image: linear-gradient(transparent, transparent);

mask-repeat: no-repeat;

mask-size: contain;

mask-position: center;

background-color: #8d8d8d;

}

.left_sidebar .left_sidebar_nav ul li a:hover::before {

background-color: #33475B;

}

.left_sidebar .left_sidebar_nav ul li a#ed21171d-9c25-4d6e-b47b-cfb505f39716.bubble-menu-link::before {

/* About Gexcon */

mask-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/category-icon-about.svg");

}

.left_sidebar .left_sidebar_nav ul li a#\37 a79d173-0857-476e-bf8c-d761fea50880.bubble-menu-link::before {

/* Process Safety & Risk Management */

mask-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/category-icon-risk-management.svg");

}

.left_sidebar .left_sidebar_nav ul li a#\30 f111219-93da-49c0-a120-2c8f233d66a8.bubble-menu-link::before {

/* FLACS */

mask-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/category-icon-flacs.svg");

}

.left_sidebar .left_sidebar_nav ul li a#\33 977acd5-b87c-414b-971e-250d27397be8.bubble-menu-link::before {

/* EFFECTS */

mask-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/category-icon-effects.svg");

}

.left_sidebar .left_sidebar_nav ul li a#ac687dc2-a955-4169-bde0-e754edfb6c7d.bubble-menu-link::before {

/* RISKCURVES */

mask-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/category-icon-riskcurves.svg");

}

/* Article highlighting */

mark,

.search-results-container #article-hits .ais-Hits-list li .header_search_Results mark {

background-color: #ccdbe6;

padding: 0.1rem;

margin: -0.1rem;

border-radius: 4px;

color: inherit;

}

/* Feedback */

.sperator {

display: none;

}

.article-vote-container {

display: block;

margin: 0;

margin-top: 2rem;

padding: 0;

padding-top: 3rem;

border-top: 1px solid #eee;

}

.article-vote-container .txt {

color: #33475B;

font-weight: bold;

font-size: 1.75rem;

line-height: 1.5;

margin-bottom: 1rem;

}

.article-vote-container .txt p {

font-size: 1rem;

line-height: 1.5;

font-weight: normal;

margin-top: 1rem;

}

.article-vote-container .actions .btn {

font-size: 1.2rem;

color: #406580;

position: relative;

padding-left: 3rem;

width: 6rem;

text-align: left;

line-height: 2.5rem;

transition: font-weight 0.1s ease-in;

}

.article-vote-container .actions .btn:hover {

font-weight: bold;

}

.article-vote-container .actions .btn.yes {

border-right: 1px solid #33475B;

padding-right: 3.5rem;

margin-right: 1rem;

}

.article-vote-container .actions .btn i {

display: none;

}

.article-vote-container .actions .btn:before,

.article-vote-container .actions .btn:after {

width: 2.5rem;

height: 2.5rem;

left: 0;

top: 0;

content: "";

display: block;

position: absolute;

background-size: 1.75rem;

background-repeat: no-repeat;

background-position: center center;

transition: opacity 0.1s ease-in;

}

.article-vote-container .actions .btn.yes:before {

background-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/icon-happy.svg");

}

.article-vote-container .actions .btn.yes:after {

background-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/icon-happy-dark.svg");

}

.article-vote-container .actions .btn.no:before {

background-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/icon-flat.svg");

}

.article-vote-container .actions .btn.no:after {

background-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/icon-flat-dark.svg");

}

.article-vote-container .actions .btn:before {

opacity: 1;

}

.article-vote-container .actions .btn:hover:before {

opacity: 0;

}

.article-vote-container .actions .btn:after {

opacity: 0;

}

.article-vote-container .actions .btn:hover:after {

opacity: 1;

}

.article-vote-container .actions .btn.yes.active,

.article-vote-container .actions .btn.yes:hover,

.article-vote-container .actions .btn.yes.active,

.article-vote-container .actions .btn.no:hover {

color: #406580;

}

#doc_feedback_collect {

margin: 1rem 0;

width: 100%;

padding: 2rem;

border: 1px solid #ced9e1;

border-radius: 8px;

}

#doc_feedback_collect .txt {

font-size: 1.2rem;

font-weight: bold;

margin-bottom: 2rem;

}

#doc_feedback_collect .feedback_txt,

#doc_feedback_collect .comment-txt,

#doc_feedback_collect .email-txt {

color: #33475B;

font-size: 1rem;

line-height: 1.5;

margin-bottom: 0.5rem;

}

#doc_feedback_collect .commentsMandatory::after,

#doc_feedback_collect .emailMandatory::after,

#doc_feedback_collect .feedbackMandatory::after,

#doc_feedback_collect .feedback_txt::after {

color: #b12424;

vertical-align: text-top;

font-size: 0.8rem;

}

#doc_feedback_collect .feedback_textarea {

background: #f6f8fa;

border: 1px solid #eaf0f6;

color: #33475b;

padding: 1rem;

border-radius: 8px;

font-size: 1rem;

font-family: "Source Sans 3", sans-serif;

}

#doc_feedback_collect .feedback_textarea::placeholder {

color: #91acbd;

opacity: 1;

}

#doc_feedback_collect .feedback_maxlimit {

color: #5586aa;

font-size: 0.8rem;

line-height: 1.5;

padding-top: 0.1rem;

}

#doc_feedback_collect .dislike-container {

display: block;

}

#doc_feedback_collect .dislike-container .check_input {

margin-bottom: 0.5rem;

}

#doc_feedback_collect .dislike-container .check_input input {

vertical-align: middle;

position: relative;

height: 1.2rem;

appearance: none;

margin: 0;

margin-right: 0.1rem;

}

#doc_feedback_collect .dislike-container .check_input input::after,

#doc_feedback_collect .dislike-container .check_input input::before {

content: "";

width: 1rem;

height: 1rem;

display: block;

}

#doc_feedback_collect .dislike-container .check_input input::before {

background: #fff url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/checkbox-unchecked.svg") no-repeat center;

}

#doc_feedback_collect .dislike-container .check_input input::after {

position: absolute;

top: 0;

left: 0;

background: #fff url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/checkbox-checked.svg") no-repeat center;

opacity: 0;

transition: opacity 0.05s ease-in;

}

#doc_feedback_collect .dislike-container .check_input input:checked::after {

opacity: 1;

}

#doc_feedback_collect .dislike-container .check_input label {

vertical-align: baseline;

line-height: 1.5;

padding-left: 0.2rem;

}

#doc_feedback_collect .actions.actionContainer {

margin-top: 1.5rem;

}

#doc_feedback_collect .actions .btn.btn-cancel {

display: none;

}

#doc_feedback_collect .actions .btn.btn-primary {

width: 100%;

font-size: 1rem;

font-family: "Source Sans 3", sans-serif;

border-radius: 8px;

font-weight: bold;

padding: 0.5rem 1rem;

}

#doc_feedback_collect .email-container .feedback-checkbox {

display: none;

}

#feedback_box>div:nth-child(2)>div.email-container>div:nth-child(3)>label {

display: none !important;

}

.no-search-email-container {

display: none;

}

/* Prev/Next */

.prev-next-container {

margin-top: 3rem;

justify-content: space-between;

gap: 2rem;

padding: 0;

}

.prev-next-container .previous-nav .icon-col,

.prev-next-container .next-nav .icon-col {

color: #406580;

}

.previous-nav,

.next-nav {

border-color: #f9f9f9;

transition: border-color 0.1s ease-in;

}

.previous-nav:hover,

.next-nav:hover {

border-color: #406580;

}

.prev-next-container .next-nav {

margin-left: auto;

}

.prev-next-container .previous-nav,

.prev-next-container .next-nav {

border-radius: 8px;

padding: 0.75rem 1.5rem;

line-height: 1.5;

}

.prev-next-container .previous-nav .icon-col i::before,

.prev-next-container .next-nav .icon-col i::before {

font-size: 1.5rem;

font-weight: normal;

}

.prev-next-container .previous-nav .icon-col i::before {

content: "\F104";

}

.prev-next-container .next-nav .icon-col i::before {

content: "\F105";

}

.prev-next-container .previous-nav .flex-col .previous-nav-link .sublabel,

.prev-next-container .next-nav .flex-col .next-nav-link .sublabel {

color: #91acbd !important;

font-size: 0.9rem;

font-weight: bold;

margin-bottom: 0;

}

.prev-next-container .previous-nav .flex-col .previous-nav-link {

text-align: right;

}

.prev-next-container .previous-nav .flex-col .previous-nav-link,

.prev-next-container .next-nav .flex-col .next-nav-link {

color: #406580;

font-weight: bold;

}

/* Animated GIFs */

div[data-type="media-content"] figure {

max-width: 100%;

}

.jsgif {

position: relative;

display: block;

max-width: 100%;

border: 1px solid #ddd;

border-radius: 8px;

padding: 0.5rem;

padding-bottom: 0;

}

.jsgif canvas {

max-width: 100%;

}

.jsgif .control {

background: rgba(0, 0, 0, 0.1);

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: 0.5rem;

transition: background 0.1s ease-in;

cursor: pointer;

}

.jsgif .control.playing {

background: rgba(0, 0, 0, 0);

}

.jsgif .control.loading {

cursor: wait;

}

.jsgif.fr-dib {

margin: 0 auto;

width: fit-content;

}

.jsgif.fr-fil {

margin-left: 0;

}

.jsgif.fr-fir {

margin-right: 0;

}

.jsgif .control::after {

position: absolute;

bottom: 1em;

left: 1em;

border-radius: 8px;

content: "Click to play the animation";

padding: 0.75em 1em;

font-size: 1rem;

font-weight: normal;

opacity: 1;

transition: opacity 0.1s ease-in,

box-shadow 0.1s ease-in;

line-height: 1.5;

background: #fff url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/icon-play.svg") no-repeat 1em center;

background-size: 1.5rem;

padding-left: 3rem;

border: 0px solid rgba(51, 71, 91, .75);

box-shadow: 0 0 4px 0 rgba(51, 71, 91, .75);

}

.jsgif .control:hover::after {

box-shadow: 0 0 12px 0 rgba(51, 71, 91, .5);

}

.jsgif .control.playing::after,

.jsgif .control.loading::after {

opacity: 0;

}

/* Images */

.content_block .content_container .content_block_text div[data-type="media-content"] {

margin-bottom: 1rem;

}

.content_block .content_container .content_block_text img.fr-dib,

.content_block .content_container .content_block_text div[data-type="media-content"] img {

padding: 0.5rem;

border-radius: 8px;

border: 1px solid #ddd;

}

.content_block .content_container .content_block_text span.fr-img-caption .fr-img-wrap span,

.content_block .content_container .content_block_text figcaption {

font-size: 1rem;

color: #5586aa;

font-style: italic;

margin-top: 0.5rem;

}

/* Fix for SVG images, to unset the width and height that the Document360 editor automatically defines on these objects */

.content_block .content_container .content_block_text object[type="image/svg+xml"] {

width: 100%;

height: unset;

}

/* Videos */

span.fr-video.fr-dvb,

.content_block .content_container .content_block_text div[data-type="embed-content"] {

margin: 0 auto;

padding: 0.5rem;

border-radius: 8px;

border: 1px solid #ddd;

display: block;

width: fit-content;

line-height: 0;

/* Fix to remove the excess height of a span */

}

/* Adjust video width in new editor */

.content_block .content_container .content_block_text div[data-type="embed-content"] {

display: flex !important;

width: auto !important;

}

.fr-video iframe,

div[data-type="embed-content"] iframe {

margin-bottom: 0;

width: 100%;

height: unset !important;

aspect-ratio: 16/9;

}

/* Breadcrumbs */

#bread-crumb-container .container {

width: 100%;

max-width: 100%;

font-size: 0.95rem;

}

.breadcrumb-sec span {

padding: 0;

}

.breadcrumb-sec span::after {

border-right: none;

content: ">";

height: unset;

position: unset;

right: unset;

top: unset;

transform: unset;

width: unset;

padding: 0 0.5em;

color: #406580;

}

.breadcrumb-sec span a {

color: #406580;

text-decoration: none;

text-underline-offset: 3px;

transition: text-underline-offset 0.1s linear;

font-weight: bold;

}

.breadcrumb-sec span a:hover {

color: #406580;

text-underline-offset: 6px;

text-decoration: underline;

}

.breadcrumb-sec span:last-child a {

color: #91acbd;

}

/* Tables */

.table-responsive {

max-width: 100%;

overflow-x: auto;

}

table {

display: table;

table-layout: auto;

margin-left: auto;

margin-right: auto;

width: unset !important;

border: none;

border-bottom: 1px solid #33475B;

}

table th {

background: unset;

font-weight: bold;

}

table td,

table th,

table tr {

border: none;

/* width: unset !important;*/

}

table td,

table th {

/*

height: unset;

min-width: unset;

*/

padding: 0.5rem 1rem;

}

table tbody tr {

border-bottom: 1px solid rgba(51, 71, 91, 0.1);

}

table tbody tr:last-child {

border-bottom: 1px solid rgba(51, 71, 91, 0.4);

}

table tbody tr:nth-child(odd) {

background: rgba(51, 71, 91, 0.05);

}

table tbody {

border-top: 1px solid rgba(51, 71, 91, 0.4);

}

.content_block .content_container .content_block_text table p {

margin: 0;

}

/* Share button */

#right_sidebar .share-details {

position: relative;

display: flex;

justify-content: center;

align-items: center;

overflow: hidden;

cursor: pointer;

height: 2rem;

background: #ebebeb;

color: #fff;

padding: 0 1rem;

border-radius: 8px;

}

#right_sidebar .share-details p {

position: absolute;

z-index: 99;

top: 0;

width: 100%;

height: 2rem;

line-height: 2rem;

display: block;

border-radius: 6px;

text-align: center;

font-weight: bold;

background: #406580;

color: #fff;

transition: transform 0.2s ease-in;

}

#right_sidebar .share-details:hover p {

transform: translateX(100%);

}

#right_sidebar .share-details .share-buttons {

position: absolute;

top: 0;

left: 0;

width: 100%;

}

#right_sidebar .share-details .share-buttons .jssocials-shares {

display: flex;

flex-direction: row;

padding: 0.4rem;

justify-content: space-evenly;

}

#right_sidebar .share-details .share-buttons .jssocials-shares a.jssocials-share-link {

color: #406580;

transition: color 0.1s ease-in;

width: 1.5em;

display: block;

text-align: center;

transform: scale(1);

transition: transform 0.1s ease-in;

}

#right_sidebar .share-details .share-buttons .jssocials-shares a.jssocials-share-link:hover {

transform: scale(1.3);

}

/* Index pages */

.content_block .content_container .content_block_head .category-title-content {

display: block;

}

.content_block .content_container .content_block_head .category-title-content .category-icon {

text-align: left;

flex: unset;

float: left;

margin-bottom: 2.5rem;

background: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/icon-folder.svg") no-repeat;

background-size: contain;

width: 4rem;

height: 4rem;

}

.content_block .content_container .content_block_head .category-title-content .category-icon i {

display: none;

}

.content_block .content_container .content_block_head .category-title-content .category-title {

display: block;

margin: 0;

margin-left: 6rem;

margin-bottom: 0.25rem;

}

.content_block .content_container .content_block_head .category-title-content h1 {

font-size: 1.6rem;

font-weight: 600;

}

.content_block .content_container .content_block_head .title-article-count {

font-weight: normal;

color: #5586aa;

font-size: 1rem;

margin: 0;

margin-left: 6rem;

}

.content_block .content_container .content_block_head .title-article-count span {

color: #5586aa;

}

.content_block .content_container .content_block_text .category-index-view {

display: block;

}

.content_block .content_container .content_block_text .category-index-view .category-index-item {

padding: 0.75em 2em;

width: 100%;

border: 1px solid #d8d8d8;

border-radius: 8px;

position: static;

height: unset;

margin-bottom: 1rem;

border: 1px solid #d8d8d8;

transition: border-color 0.1s ease-in;

}

.content_block .content_container .content_block_text .category-index-view .category-index-item:hover {

border-color: #406580;

background: #fff;

}

.content_block .content_container .content_block_text .category-index-view .category-index-item .category-index-title .category-index-icon {

display: none;

}

.content_block .content_container .content_block_text .category-index-view .category-index-item .category-index-title h2 {

font-weight: 600;

font-size: 1.6rem;

line-height: 1.4;

color: #33475b;

transition: color 0.1s ease-in;

display: block;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

.content_block .content_container .content_block_text .category-index-view .category-index-item .category-index-title {

margin: 0;

}

.content_block .content_container .content_block_text .category-index-view .category-index-item .index-article-count,

.content_block .content_container .content_block_text .category-index-view .category-index-item .index-article-count span {

margin: 0;

font-weight: normal;

color: #5586aa;

font-size: 1rem;

line-height: 1.8;

}

.content_block .content_container .content_block_text .category-index-view .category-index-item .index-article-contributors {

display: none;

}

.content_block .content_container .content_block_text .category-index-view .category-index-item .index-article-snippet {

color: #5586aa;

font-weight: normal;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

line-height: 1.5;

padding: 0;

font-size: 1rem;

}

/* Advanced search */

@media screen and (min-width: 1795px) {

#article-result-container .container {

max-width: 1140px;

}

}

#version-language-btn,

#contributor-btn,

.search-results-container .back-to-article-search-result,

.header_search_Results .advanced-search-details {

display: none !important;

}

.search-results-container .search-result-filter {

background: none;

display: block;

padding: 0;

text-align: right;

}

.search-results-container .search-result-filter .filter-l {

display: block;

margin-bottom: 1rem;

}

.search-results-container .search-result-filter .filter-l .filter-text .fa-search {

position: absolute;

left: 1.5rem;

z-index: 1;

font-size: 1.2rem;

line-height: 2.2rem;

color: #406580;

pointer-events: none;

}

.search-results-container .search-result-filter .filter-l .filter-text {

display: block;

padding: 0;

position: relative;

}

.search-results-container .search-result-filter .filter-l .filter-text .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input {

margin: 0;

width: 100%;

font-family: "Source Sans 3", sans-serif;

background: #f6f8fa;

border: 1px solid #eaf0f6;

border-radius: 8px;

height: 52px;

outline: none;

padding: 0 30px 0 3.5rem;

font-size: 1.2rem;

color: #33475b;

padding-right: 2.5rem;

}

.search-results-container .search-result-filter .ais-SearchBox .ais-SearchBox-reset svg {

display: none;

}

.search-results-container .search-result-filter .ais-SearchBox .ais-SearchBox-reset::before {

font-family: "Font Awesome 5 Pro";

content: "\f00d";

line-height: 2.2rem;

text-decoration: none;

color: #406580;

font-size: 1.5rem;

font-weight: lighter;

right: 1rem;

margin-right: 0.25rem;

}

.search-results-container .search-result-filter .filter-clear-item {

display: inline-flex;

}

.search-results-container .search-result-filter .filter-clear-item #clear-all-filter-btn {

background: none;

border: 1px solid #d8d8d8;

height: 1.95rem;

width: 1.95rem;

border-radius: 8px;

line-height: 1.8rem;

font-size: 1rem;

font-weight: 100;

}

.search-results-container .search-result-filter .filter-clear-item #clear-all-filter-btn::after {

color: #406580;

}

.search-results-container .search-result-filter .filter-clear-item #clear-all-filter-btn:hover {

background: #ebebeb;

border-color: #ebebeb;

}

.search-results-container .search-result-filter .filter-actions {

width: unset;

overflow: unset;

display: inline-flex;

align-items: baseline;

max-width: unset !important;

}

.search-results-container .search-result-filter .btn-scroll {

display: none;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f.k-state-border-down {

transition: box-shadow 0.2s linear;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f {

font-size: 1rem;

border: 1px solid #d8d8d8;

border-radius: 8px;

margin-left: 0.75rem;

background: #fff;

transition: background 0.1s ease-in;

color: #406580;

padding: 0.25rem 0.75rem;

padding-left: 2rem;

transition: background 0.1s ease-in, border-color 0.1s ease-in, color 0.1s ease-in;

position: relative;

font-weight: 600;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f::after {

color: #406580;

top: unset;

position: static;

vertical-align: middle;

transition: color 0.1s ease-in;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f:hover {

background: #ebebeb;

border-color: #ebebeb;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f.k-state-border-down {

box-shadow: 0 0 0 9999px rgba(51, 71, 91, 0.35);

z-index: 202;

background-color: #406580;

border-color: #406580;

color: #fff;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f.k-state-border-down::after {

color: #fff;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f span.filter-font-bold {

position: absolute;

visibility: hidden;

left: 0;

top: 0;

width: 100%;

height: 100%;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f span.filter-font-bold::before {

position: absolute;

visibility: visible;

content: "";

left: 0.5rem;

font-family: "Font Awesome 5 Pro";

font-size: 0.9rem;

line-height: 1.8rem;

text-decoration: none;

font-weight: normal;

padding: 0.1em;

color: #406580;

}

#category-btn span.filter-font-bold::before {

content: "\f03a";

}

#tags-btn span.filter-font-bold::before {

content: "\f02b";

}

#updatedon-btn span.filter-font-bold::before {

content: "\f017";

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f span.filter-font-bold:empty::before {

opacity: 0.4;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f.k-state-border-down span.filter-font-bold::before {

opacity: 1;

color: #fff;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f span.filter-font-bold::after {

position: absolute;

visibility: visible;

content: "";

left: -1px;

top: -1px;

height: 100%;

width: 100%;

border-radius: 8px;

border: 1px solid #406580;

padding: -1px;

box-sizing: content-box;

opacity: 1;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f span.filter-font-bold:empty::after {

opacity: 0;

}

.search-results-container .search-result-filter .filter-actions .filter-item .btn-f.k-state-border-down span.filter-font-bold::after {

opacity: 0;

}

.k-animation-container .k-popover.k-widget {

max-width: 800px;

min-width: 500px;

}

.k-checkbox-wrapper .k-checkbox,

.k-treeview-item .k-checkbox-wrapper .k-checkbox:checked {

vertical-align: middle;

position: relative;

height: 1rem;

appearance: none;

margin: 0;

margin-right: 0.1rem;

border: none;

background: unset;

}

.k-checkbox-wrapper .k-checkbox::before,

.k-checkbox-wrapper .k-checkbox::after {

content: "";

width: 1rem;

height: 1rem;

display: block;

position: relative;

top: unset;

left: unset;

}

.k-checkbox-wrapper .k-checkbox::before {

background: #fff url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/checkbox-unchecked.svg") no-repeat center;

overflow: unset;

transform: unset;

}

.k-treeview .k-treeview-item .k-checkbox-wrapper .k-checkbox:checked::before,

.k-treeview .k-checkbox.k-state-indeterminate::before,

.k-treeview .k-checkbox:indeterminate::before {

transform: unset;

left: unset;

top: unset;

width: 1rem;

height: 1rem;

}

.k-treeview .k-checkbox-wrapper .k-checkbox:checked:focus {

box-shadow: none;

}

.popup-custom-checkbox .custom-control-input+.custom-control-label::before,

.popup-custom-checkbox .custom-control-input:checked+.custom-control-label::after {

display: none;

}

.popup-custom-checkbox .custom-control-label {

padding-left: 0.5rem;

}

.popup-custom-checkbox .custom-control-input {

display: unset;

appearance: none;

position: relative;

height: 1.2rem;

align-self: center;

}

.popup-custom-checkbox .custom-control-input::before,

.popup-custom-checkbox .custom-control-input::after {

content: "";

width: 1rem;

height: 1rem;

display: block;

}

.popup-custom-checkbox .custom-control-input::before {

background: #fff url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/checkbox-unchecked.svg") no-repeat center;

}

.popup-custom-checkbox .custom-control-input::after {

position: absolute;

top: 0;

left: 0;

background: #fff url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/checkbox-checked.svg") no-repeat center;

opacity: 0;

transition: opacity 0.05s ease-in;

}

.popup-custom-checkbox .custom-control-input:checked::after {

opacity: 1;

}

.k-animation-container .k-treeview-item .k-checkbox.k-state-indeterminate::before,

#category-treeview .k-treeview-item .k-checkbox:indeterminate::before {

background: none;

}

.k-checkbox-wrapper .k-checkbox::after {

position: absolute;

top: 0;

left: 0;

background: #fff url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/checkbox-checked.svg") no-repeat center;

opacity: 0;

transition: opacity 0.05s ease-in;

}

.k-checkbox-wrapper .k-checkbox:indeterminate::after {

background: #fff url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/checkbox-checked.svg") no-repeat center;

}

.k-checkbox-wrapper .k-checkbox:checked::after,

.k-checkbox-wrapper .k-checkbox:indeterminate::after {

opacity: 1;

}

.updatedon-container {

display: grid;

grid-template-columns: 1fr 2fr;

grid-column-gap: 1rem;

}

.updatedon-container #data-selection-btn-group {

grid-area: 1 / 1 / span 2;

border-right: 2px solid #ebebeb;

margin-top: -1rem;

margin-bottom: -1rem;

justify-content: flex-end;

padding-top: 2.5rem;

margin-left: -1rem;

padding-left: 1px;

}

.updatedon-container .specific-date-btn {

grid-area: 1 / 2;

}

.updatedon-container #daterangepicker-container {

grid-area: 2 / 2;

display: block !important;

}

.updatedon-container #daterangepicker-container .k-daterangepicker {

display: block;

margin-top: 1rem;

}

.updatedon-container .treeview-border {

grid-area: 3 / 1 / 3 / span 2;

}

.updatedon-container .search-footer-bottom {

grid-area: 4 / 1 / 4 / span 2;

}

.updatedon-container .k-widget.k-button-group {

display: flex;

margin-bottom: 0;

flex-direction: column-reverse

}

.updatedon-container .k-widget.k-button-group .k-button {

display: block;

border: none;

text-align: left;

padding: 0.25rem 0.5rem 0.25rem 1rem;

line-height: 1.5;

color: #406580;

margin-bottom: 0.5rem;

transition: background 0.1s ease-in;

max-width: unset;

border-radius: 0 !important;

}

.updatedon-container .k-widget.k-button-group .k-button-solid-base.k-active,

.updatedon-container .k-widget.k-button-group .k-button-solid-base.k-selected,

.updatedon-container .k-widget.k-button-group .k-button-solid-base:hover,

.updatedon-container .k-widget.k-button-group .k-button-solid-base:active {

font-weight: 600;

background: #ebebeb;

border: none;

color: #406580;

}

.updatedon-container .search-footer-bottom.cal-btn-absolute {

margin-top: 0;

}

.specific-date-btn .btn {

font-size: 1rem;

letter-spacing: inherit;

font-weight: normal;

color: #406580;

padding: 0;

line-height: 1.5;

padding-top: 0.25rem;

}

.updatedon-container .k-daterangepicker>span:not(.k-floating-label-container) {

display: none;

}

.updatedon-container .k-floating-label-container,

.k-textbox-container {

flex-direction: column-reverse;

padding-top: 0;

margin-bottom: 0.5rem;

}

.updatedon-container .k-floating-label-container.k-focus>.k-label,

.updatedon-container .k-floating-label-container>.k-label,

.updatedon-container .k-textbox-container.k-focus>.k-label,

.updatedon-container .k-textbox-container>.k-label {

transform: none;

position: static;

color: #406580;

font-size: 1rem;

line-height: 1.5;

margin: 0.25rem 0;

}

.updatedon-container .k-input,

.updatedon-container .k-input.k-focus,

.updatedon-container .k-input:focus,

.updatedon-container .k-widget.k-input.k-focus,

.updatedon-container .k-widget.k-input:focus {

border: none;

background: none;

box-shadow: none;

}

.updatedon-container .k-input-inner {

background: #fff;

border: 1px solid #ebebeb;

color: #406580;

padding: 0.25rem 1rem;

border-radius: 8px;

font-size: 1rem;

font-family: "Source Sans 3", sans-serif;

height: unset;

box-sizing: border-box;

width: 100%;

}

.updatedon-container .k-input-inner::placeholder {

color: #406580;

opacity: 0.5;

font-size: 1rem;

font-family: "Source Sans 3", sans-serif;

}

.k-popover .k-calendar-container.k-group {

border: none;

border-radius: 8px;

box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .12);

background: #fff;

}

.k-calendar-container .k-calendar-header {

font-weight: 600;

color: #406580;

}

.k-calendar-container .k-calendar .k-footer {

border-top: 2px solid #ebebeb;

}

.k-calendar-container .k-calendar-range .k-content,

.k-calendar-container .k-calendar-monthview .k-month {

margin: 1rem;

border-collapse: separate;

padding: 0;

position: relative;

}

.k-calendar-range .k-content:first-child::after,

.k-calendar-container .k-calendar-monthview .k-month:first-child::after {

content: "";

width: 0;

height: 100%;

border-right: 2px solid #ebebeb;

position: absolute;

right: -1em;

top: 0;

color: #f88;

}

.k-calendar-container table tbody tr:nth-child(2n+1) {

background: none;

}

.k-calendar table tbody {

border-top: none;

}

.k-calendar-monthview table.k-content tbody tr {

border-bottom: none;

height: 1.8rem;

}

.k-calendar.k-calendar-range .k-content th {

font-size: 1rem;

color: #406580;

font-weight: 600;

opacity: 1;

text-transform: none;

}

.k-calendar.k-calendar-range .k-month td {

border-bottom: 0.25em solid #fff;

height: 1.8rem;

}

.k-calendar.k-calendar-range .k-calendar-monthview .k-content .k-link {

color: #406580;

height: unset;

padding: 0;

line-height: 1.8;

}

.k-animation-container .k-calendar-range td.k-state-selected .k-link {

box-shadow: none;

}

.k-animation-container .k-calendar-range td.k-range-mid,

.k-animation-container .k-calendar-range td.k-weekend.k-range-mid {

background: #ebebeb;

}

.k-animation-container .k-calendar-range td.k-range-start,

.k-animation-container .k-calendar-range td.k-range-end {

background: none;

}

.k-animation-container .k-calendar-range td.k-range-start .k-link,

.k-animation-container .k-calendar-range td.k-range-end .k-link {

border-radius: 0;

}

.k-animation-container .k-calendar-range td.k-range-start .k-link {

border-top-left-radius: 4px;

border-bottom-left-radius: 4px;

}

.k-animation-container .k-calendar-range td.k-range-end .k-link {

border-top-right-radius: 4px;

border-bottom-right-radius: 4px;

}

.k-animation-container .k-calendar .k-link,

.k-animation-container .k-calendar-range td.k-state-hover .k-link {

color: #406580;

}

.k-animation-container .k-calendar.k-calendar-range td.k-state-selected .k-link {

background: #406580;

color: #fff;

}

.k-animation-container .k-calendar .k-footer .k-nav-today {

color: #406580;

text-decoration: none;

text-underline-offset: 3px;

transition: text-underline-offset 0.1s linear;

}

.k-animation-container .k-calendar .k-footer .k-nav-today:hover {

color: #406580;

text-underline-offset: 6px;

}

.search-footer-bottom .popup-footer .action-buttons .btn-clear:disabled {

display: none;

}

.k-animation-container .k-popover.k-widget,

.k-popover .k-treeview {

color: #33475B;

}

.k-popover .search-footer-bottom .select-all-option {

color: #406580;

}

.k-popover .search-footer-bottom .select-all-option .k-switch {

margin-right: 1rem;

height: 1.5rem;

}

.k-animation-container .k-popover .k-treeview-toggle .k-icon.k-i-expand::before {

line-height: 1rem;

}

.search-footer-bottom .select-all-option .k-switch .k-switch-thumb-wrap .k-switch-thumb {

height: 1rem;

width: 1rem;

}

.search-footer-bottom .select-all-option .k-switch.k-switch-off .k-switch-thumb-wrap {

left: .75rem;

}

.search-footer-bottom .select-all-option .k-switch.k-switch-on .k-switch-thumb-wrap {

left: calc(100% - .75rem);

}

.k-treeview .k-treeview-leaf {

padding: 0;

padding-left: 0.5rem;

}

.category-filter-container #category-treeview.k-treeview .k-treeview-leaf-text {

margin-top: 0.15rem;

}

.k-animation-container .k-popover,

.k-animation-container .k-popover .k-popover-body {

border-radius: 8px;

line-height: 1.5;

}

.k-popover .k-popover-body {

padding: 1rem;

}

.filter-search-popup .treeview-border {

margin: 1rem -1rem;

border: 1px solid #ebebeb;

}

.k-popover .k-treeview,

.k-popover .popup-header {

font-size: 1rem;

}

.k-popover .popup-header {

color: #406580;

font-weight: 600;

}

.k-popover .search-footer-bottom,

.k-popover .popup-footer .btn {

font-size: 0.95rem;

}

.search-footer-bottom .popup-footer .action-buttons .btn-action,

.search-footer-bottom .popup-footer .action-buttons .btn-clear {

border-radius: 8px;

padding: 0.25rem 0.75rem;

line-height: 1.5;

}

.category-filter-container #category-treeview.k-treeview {

max-height: 400px;

}

#category-treeview .k-treeview-item {

padding: 0;

}

#category-treeview .k-treeview-item .k-treeview-item .k-treeview-item {

padding: 0 0 0 1rem;

margin: 0.25rem 0;

}

#category-treeview .k-treeview-item>div {

display: none;

}

#category-treeview .k-treeview-item .k-treeview-item .k-treeview-item>div {

display: flex;

}

.search-footer-bottom .select-all-option .k-switch.k-switch-on .k-switch-track {

background: #406580;

}

.search-footer-bottom .select-all-option .k-switch.k-switch-off .k-switch-track {

background: #ebebeb;

}

.filter-search-popup .filter-input-box {

background: #fff;

border: 1px solid #ebebeb;

color: #406580;

padding: 0.25rem 1rem;

border-radius: 8px;

font-size: 1rem;

font-family: "Source Sans 3", sans-serif;

height: unset;

box-sizing: border-box;

width: 100%;

margin-bottom: 1.5rem;

}

.filter-search-popup .filter-input-box::placeholder {

color: #406580;

opacity: 0.5;

font-size: 1rem;

font-family: "Source Sans 3", sans-serif;

}

.contributor-top-head {

border-bottom: none;

margin: 0;

margin-bottom: 2rem;

margin-top: 2.5rem;

align-items: flex-start;

}

.contributor-top-head:before {

content: "";

float: left;

margin-top: 0.25rem;

margin-left: 0rem;

margin-right: 2rem;

background: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/icon-search.svg") no-repeat;

background-size: auto;

background-size: contain;

width: 4rem;

height: 4rem;

}

.search-results-container .search-query-result {

font-size: 1.6rem;

font-weight: 600;

}

.search-results-container .search-query-result span {

font-weight: bold;

}

.search-results-container #article-hits .ais-Hits-list li {

border-bottom: none;

}

.search-results-container #article-hits .ais-Hits-list li .header_search_Results a {

border: 1px solid #d8d8d8 !important;

padding: 0.75em 2em

}

.search-results-container #article-hits .ais-Hits-list li .header_search_Results a:hover {

border-color: #406580 !important;

}

.search-results-container #article-hits .ais-Hits-list li .header_search_Results a div {

font-size: 1.6rem;

font-weight: 600;

color: #33475b;

}

#article-hits .ais-Hits .ais-Hits-list .ais-Hits-item .header_search_Results a:hover div,

#article-hits .ais-Hits .ais-Hits-list .ais-Hits-item .header_search_Results a:visited div,

#article-hits .ais-Hits .ais-Hits-list .ais-Hits-item .header_search_Results a:visited:hover div {

text-decoration: none;

color: #33475b;

}

#article-hits .ais-Hits .ais-Hits-list .ais-Hits-item .header_search_Results a div {

color: #33475b;

}

.search-results-container #article-hits .ais-Hits-list li .header_search_Results p {

margin: 0;

line-height: 1.5;

font-size: 1rem;

font-weight: normal;

}

.search-results-container #article-hits .ais-Hits-list li .header_search_Results p:nth-of-type(2) {

color: #5586aa;

font-size: 0.9rem;

line-height: 1.4;

padding: 0;

font-weight: normal;

margin: 0;

}

.search-results-container #article-hits .ais-Hits-list li .header_search_Results a {

font-weight: 600;

color: #33475b;

font-size: 1rem;

line-height: 1.4;

}

/* Search pagination */

.search-results-container #article-pagination .ais-Pagination-list {

display: flex;

justify-content: center;

}

.search-results-container #article-pagination .ais-Pagination-list li.ais-Pagination-item {

float: unset;

display: block;

border: 1px solid #d8d8d8;

border-radius: 2rem;

margin: 0 0.5rem;

font-weight: 600;

}

.search-results-container #article-pagination .ais-Pagination-list li a {

padding-bottom: 1em;

}

.search-results-container #article-pagination .ais-Pagination-list li.ais-Pagination-item--selected a,

.search-results-container #pagination .ais-Pagination-list li.ais-Pagination-item--selected a {

background: #406580;

color: #fff;

}

.search-results-container #article-pagination .ais-Pagination-list li a:hover,

.search-results-container #pagination .ais-Pagination-list li a:hover {

background: #ebebeb;

}

.search-results-container #article-pagination .ais-Pagination-list li.ais-Pagination-item--selected a:hover,

.search-results-container #pagination .ais-Pagination-list li.ais-Pagination-item--selected a:hover {

background: #406580;

color: #fff;

}

.search-results-container #article-pagination .ais-Pagination-list li.ais-Pagination-item--disabled,

.search-results-container #pagination .ais-Pagination-list li.ais-Pagination-item--disabled {

color: #406580;

opacity: 0.4;

cursor: not-allowed;

}

#no-search-cancel {

display: none;

}

#article-hits .no-search-check-submit i {

display: none;

}

.search-results-container #article-hits .no-search-results .no-search-feedback-container .no-search-check-submit {

width: 100%;

border: none;

height: unset;

overflow: unset;

display: block;

margin-bottom: 0;

line-height: 1.5;

color: #406580;

}

#article-hits .no-search-feedback-container div {

display: none;

}

#article-hits .no-search-check-submit::before {

padding-top: 11rem;

width: 100%;

background: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/high-five5-anim-rm-delay1.svg") no-repeat;

background-size: auto 10rem;

background-position: top center;

content: "Thank you for your feedback! It means a lot to us.";

margin: 0 auto;

text-align: center;

font-size: 1.25rem;

font-weight: bold;

display: block;

}

#article-hits .no-search-check-submit::after {

content: "Our team will address this as soon as possible.";

text-align: center;

font-size: 1rem;

font-weight: normal;

display: block;

}

.search-results-container #article-hits .no-search-results .no-search-feedback-container #close-popup {

padding: 0.5em 3em;

transition: box-shadow 0.1s ease-in;

border-radius: 1.5em;

font-weight: bold;

border: 1px solid #d8d8d8;

color: #406580;

font-weight: 600;

font-size: 1rem;

margin-top: 2rem;

transition: border 0.1s ease-in, background 0.1s ease-in;

}

.search-results-container #article-hits .no-search-results .no-search-feedback-container #close-popup:hover {

background: #ebebeb;

border: 1px solid #ebebeb;

}

/* No data on search page */

#article-hits .no-data img {

display: none;

}

#article-hits .no-data p {

color: #406580;

line-height: 1.5;

font-size: 1.25rem;

font-weight: 600;

text-align: left;

}

/* Tags page */

.back-to-article {

display: none !important;

}

.contributor-top-head .top-header-l .title-text,

.contributor-top-head .top-header-l .articles-count {

font-size: 1.6rem;

font-weight: 600;

color: #33475B;

margin: 0;

margin-right: 0.3em;

}

.contributor-article-details ul li {

border-bottom: none;

}

.contributor-article-details ul li a,

.contributor-article-details ul li a:visited,

.contributor-article-details ul li a:hover,

.contributor-article-details ul li a:visited:hover {

font-weight: normal;

color: #33475b;

font-size: 1rem;

line-height: 1.4;

border: 1px solid #d8d8d8;

padding: 0.75em 2em;

border-radius: 8px;

text-decoration: none;

display: block;

}

.contributor-article-details ul li a:hover,

.contributor-article-details ul li a:visited:hover {

border-color: #406580;

}

.contributor-article-details ul li .article-na {

float: unset;

font-size: 1.6rem;

font-weight: 600;

line-height: 2rem;

}

.contributor-article-details ul li .article-date {

color: #5586aa;

font-size: 1rem;

margin-left: 0;

text-align: left;

float: unset;

line-height: 2rem;

}

/* This rule is unstable. We want to style the no tags found text, but this div has no class at all. */

.contributor-article-details>div {

color: #406580;

line-height: 1.5;

font-size: 1.25rem;

font-weight: 600;

text-align: left;

}

.contributor-hero-section {

background: #406580;

height: unset;

padding: 0;

position: relative;

}

.contributor-hero-section::after {

display: none;

}

.contributor-hero-section .contributor-row .contributor-description .contributor-name-description {

display: none;

}

.contributor-hero-section .contributor-row .contributor-description .contributor-name {

font-family: "Source Sans 3", sans-serif;

font-size: 2.1rem;

line-height: 4.5rem;

margin: 0;

font-weight: 600;

}

.contributor-hero-section .contributor-row .contributor-description {

padding: 0;

margin: 0;

}

.contributor-hero-section::before {

content: "";

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-origin: content-box;

background-size: cover;

background-image: url("https://cdn.document360.io/3dc9f77f-abbe-477e-a749-0e336d12c0cc/Images/Documentation/header.jpg");

background-position-y: center;

color: #f6f9fb !important;

filter: blur(0.05rem);

clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

}

.contributor-article-pagination {

margin-bottom: 2rem;

}

#pagination-demo {

margin: 0 auto;

width: fit-content;

}

#pagination-demo li:first-child>span,

#pagination-demo li:last-child>span,

#pagination-demo li>span,

#pagination-demo li>a {

border: 1px solid #d8d8d8;

border-radius: 2rem;

font-weight: 600;

color: #406580;

padding: 0;

line-height: 40px;

}

#pagination-demo li span {

padding: 0;

}

#pagination-demo li,

#pagination-demo li:last-child,

#pagination-demo li:first-child.active,

#pagination-demo li:last-child.active {

margin: 0 0.5rem;

border: none !important;

}

#pagination-demo li>a:hover {

background: #ebebeb;

}

.contributor-article-pagination ul li.active {

background: none;

}

#pagination-demo li .next,

#pagination-demo li .prev,

#pagination-demo li .next span,

#pagination-demo li .prev span {

line-height: 35px;

}

#pagination-demo li>span.current.prev,

#pagination-demo li>span.current.next {

opacity: 0.4;

}

/*********************************

** WOW Sites - Responsive Styles

*********************************/

/*Header*/

header .header_top .header_logo img,

.mobile_header_logo .header_logo img {

height: 1.5rem;

}

header .header_top .header_top_nav,

header .header_top .header_top_nav .header_top_nav_left,

header .header_top .header_top_nav .header_top_nav_options {

align-items: center;

}

header .header_top .header_top_nav .header_top_nav_left,

header .header_top .header_top_nav .header_top_nav_options {

font-size: 20px;

line-height: 30px;

}

header .header_top .header_top_nav .header_top_nav_left,

header .header_top .header_top_nav .header_top_nav_options {

margin-left: 0;

}

header .header_top .header_top_nav {

margin-left: 2rem;

}

@media screen and (min-width: 1500px) {

header .header_top .header_top_nav {

margin-left: 8rem;

}

}

header .header_top .header_top_nav ul li.nav__more {

display: none;

}

@media screen and (max-width: 1320px) {

header .header_top .header_top_nav {

margin-left: 0;

}

header .header_top .header_top_nav ul li {

padding: 0 5px;

margin: 0 16px;

}

header .header_top .header_top_nav ul li:nth-child(n + 5) {

display: none;

}

header .header_top .header_top_nav ul li.nav__more {

display: inline-block;

}

}

@media screen and (max-width: 1080px) {

header .header_top .header_top_nav ul li {

margin: 0 12px;

}

}

@media screen and (max-width: 950px) {

header .header_top .header_top_nav ul li {

margin: 0 8px;

}

}

header .header_top .user-dropdown-toggle::after {

font-size: 14px;

}

@media screen and (max-width: 900px) {

.mobile_header_logo,

.slicknav_menu {

display: block;

}

header .header_top {

display: none;

}

.slicknav_menu {

padding-bottom: 0;

background: #f9f9f9;

}

.slicknav_menu .slicknav_nav {

color: #7b7a7a;

}

.slicknav_menu .slicknav_nav ul li {

padding: 8px 0;

border-bottom: 1px solid #e6e8eb;

}

.slicknav_menu .slicknav_nav ul li a {

font-size: 18px;

font-weight: 600;

color: #4c6480;

padding-left: 0;

}

.slicknav_menu .slicknav_nav ul li a {

display: block;

}

.slicknav_menu .slicknav_nav .header_top_nav_options .user-dropdown .user-dropdown-content .user-detail .user-dropdown-link-logout {

padding-bottom: 10px;

}

}

header .header_top .header_top_nav .header_top_nav_left li:nth-child(1),

header .header_top .header_top_nav .header_top_nav_left li:nth-child(3),

.slicknav_nav .products__dropdown {

position: relative;

cursor: pointer;

}

header .header_top .header_top_nav .header_top_nav_left li:nth-child(1),

header .header_top .header_top_nav .header_top_nav_left li:nth-child(3),

.slicknav_nav .products__dropdown {

padding-right: 30px;

}

header .header_top .header_top_nav .header_top_nav_left li:nth-child(1)::after,

header .header_top .header_top_nav .header_top_nav_left li:nth-child(3)::after,

.slicknav_nav .products__dropdown::after {

content: "\f107";

font-size: 16px;

font-family: 'Font Awesome 5 Pro';

position: absolute;

top: 1px;

right: 8px;

}

.slicknav_nav .products__dropdown::after {

top: 15px;

transform: rotate(-90deg);

transition: transform .2s ease;

}

.slicknav_nav .products__dropdown.show::after {

transform: rotate(0);

}

header .header_top .header_top_nav .header_top_nav_left .nav__more::after {

display: none;

}

.products__dropdown--items {

display: none;

position: absolute;

top: 40px;

left: 0;

background: #fff;

border-radius: 5px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);

z-index: 1050;

}

@media screen and (max-width: 900px) {

.products__dropdown--items {

width: calc(100% - 8px);

top: 48px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

}

}

.slicknav_nav .products__dropdown--items {

left: 5px;

}

.products__dropdown.show .products__dropdown--items {

display: block;

}

.products__dropdown--items ul {

width: 180px;

}

@media screen and (max-width: 900px) {

.products__dropdown--items ul {

width: calc(100vw - 45px);

}

}

.products__dropdown--items li {

display: block !important;

padding: 0 !important;

}

.products__dropdown--items li::after {

display: none !important;

}

.products__dropdown--items a {

font-size: 16px;

line-height: 26px;

font-weight: 600;

padding: 10px;

}

.slicknav_nav .products__dropdown ul li a {

font-size: 16px;

line-height: 26px;

padding-left: 5px;

}

.slicknav_menu .slicknav_nav ul li a:hover {

background: transparent;

}

/*Banner Section*/

@media screen and (max-width: 1300px) {

.landing_top .search-sec {

width: 100%;

}

}

.landing_top .search-sec .ais-SearchBox-submit {

top: 50%;

left: 16px !important;

transform: translateY(-50%);

}

.landing_top .search-sec input[type="search"] {

padding-left: 56px;

}

@media screen and (max-width: 900px) {

.landing_top h1 {

font-size: 34px;

line-height: 44px;

}

.landing_top .promo-text {

font-size: 20px;

line-height: 30px;

margin-top: 16px;

}

.landing_top .search-sec input[type="search"],

.landing_top #all_search_results::before {

font-size: 16px;

}

.landing_top .search-sec input[type="search"] {

padding: 0 20px 0 40px;

}

}

/*Categories Section*/

@media screen and (max-width: 900px) {

.landing-category-section .category-title,

.landing_widget .widget-title {

font-size: 30px;

line-height: 40px;

margin: 0;

}

.landing-category-section {

gap: 30px;

}

.landing-category-section .col-block a .category-l img {

width: 11rem !important;

height: 11rem !important;

padding: 0.5rem !important;

}

.landing-category-section .col-block a .category-r,

#explore-more a .category-r {

padding: 0 20px;

}

.landing-category-section .col-block a .category-r h3,

#explore-more a .category-r h3 {

font-size: 24px;

line-height: 34px;

margin: 0;

}

.landing-category-section .col-block a .category-r p,

#explore-more a .category-r p {

font-size: 20px;

line-height: 30px;

margin: 0;

}

}

/*Featured Section*/

@media screen and (max-width: 768px) {

.featured-section img {

width: 100%;

height: auto;

}

.featured-section .content {

width: 100%;

margin-left: 0;

}

.featured-section .content h3 {

font-size: 18px;

line-height: 28px;

}

#featured_text,

#featured_text+a {

font-size: 16px;

line-height: 26px;

}

#featured-article {

margin-bottom: 0;

}

}

/*Support Section*/

@media screen and (max-width: 900px) {

#more-support .category-title {

margin-bottom: 0;

}

}

/*Latest Articles Section*/

@media screen and (max-width: 900px) {

.landing_widget .widget-title {

margin: 24px 0;

}

#latest.narrow .container .widget-title {

margin-bottom: 0;

}

.container.recently-published {

flex-direction: column;

}

.landing_widget .widget_block h3 {

font-size: 20px;

line-height: 30px;

}

.recently-published .widget_block,

#explore-more {

width: 100%;

max-width: 100%;

}

#explore-more {

flex: 0 0 100%;

margin: 80px 0 0;

}

#explore-more a:hover .category-l img,

#more-support .landing-category-section .col-block a .category-l img {

top: -3.5rem !important;

}

#explore-more a .category-l img,

#more-support a .category-l img {

width: 9rem !important;

height: 9rem !important;

padding: 0.5rem !important;

}

#more-support a .category-l img {

margin-bottom: 32px;

}

.landing-other.gray {

padding-top: 32px;

}

}

/*Newsletter Section*/

#newsletter {

padding: 20px;

background-repeat: no-repeat;

background-origin: border-box;

}

#newsletter div {

font-size: 36px;

line-height: 46px;

text-align: left;

display: flex;

align-items: center;

justify-content: center;

}

@media screen and (max-width: 900px) {

#newsletter div {

font-size: 24px;

line-height: 34px;

flex-direction: column;

text-align: center;

}

}

#newsletter a {

font-size: 36px;

line-height: 46px;

display: flex;

align-items: center;

justify-content: center;

margin-left: 2rem !important;

}

@media screen and (max-width: 900px) {

#newsletter a {

font-size: 20px;

line-height: 30px;

margin: 24px 0 0 !important;

}

}

#newsletter a .bell {

margin-top: 0;

margin-right: 16px;

}

@media screen and (max-width: 900px) {

#newsletter a .bell {

height: 25px;

margin-left: 8px

}

}

/*Footer*/

@media screen and (max-width: 900px) {

.custom-footer {

padding: 0 20px;

margin: 0;

}

.footer-links li a,

.custom-footer .copyright-notice {

font-size: 14px;

line-height: 24px;

}

}

/*Articles Page*/

.left_sidebar .left_sidebar_nav ul a[data-option="off"]::after,

.left_sidebar .left_sidebar_nav ul a[data-option="on"]::after {

font-size: 16px;

top: 50%;

transition: transfrom .2s ease;

}

.left_sidebar .left_sidebar_nav ul a[data-option="off"]::after {

transform: translateY(-50%) rotate(0);

}

.left_sidebar .left_sidebar_nav ul a[data-option="on"]::after {

transform: translateY(-50%) rotate(90deg);

}

.content_block .content_container .content_block_text .category-index-view .category-index-item .index-article-snippet-category,

.content_block .content_container .content_container_text_sec .content_block_text .category-index-view .category-index-item .index-article-contributors .index-article-contributor-names-details {

margin-left: 0;

}

.details-wrapper_rendered summary {

padding: 10px 15px !important;

}

.details-wrapper_rendered summary h1,

.details-wrapper_rendered summary h2,

.details-wrapper_rendered summary h3,

.details-wrapper_rendered summary h4,

.details-wrapper_rendered summary h5,

.details-wrapper_rendered summary h6,

.details-wrapper_rendered summary span,

.details-wrapper_rendered summary p {

font-family: "Source Sans 3", sans-serif !important;

font-size: 18px !important;

line-height: 28px !important;

color: #33475B !important;

margin: 0 !important;

}

.details-wrapper_rendered summary h1,

.details-wrapper_rendered summary h2,

.details-wrapper_rendered summary h3,

.details-wrapper_rendered summary h4,

.details-wrapper_rendered summary h5,

.details-wrapper_rendered summary h6,

.details-wrapper_rendered summary span,

.details-wrapper_rendered summary p {

width: 90% !important;

}

@media screen and (max-width: 450px) {

.details-wrapper_rendered summary h1,

.details-wrapper_rendered summary h2,

.details-wrapper_rendered summary h3,

.details-wrapper_rendered summary h4,

.details-wrapper_rendered summary h5,

.details-wrapper_rendered summary h6,

.details-wrapper_rendered summary span,

.details-wrapper_rendered summary p {

width: 85% !important;

}

}

.details-wrapper_rendered summary h1:empty,

.details-wrapper_rendered summary h2:empty,

.details-wrapper_rendered summary h3:empty,

.details-wrapper_rendered summary h4:empty,

.details-wrapper_rendered summary h5:empty,

.details-wrapper_rendered summary h6:empty,

.details-wrapper_rendered summary span:empty,

.details-wrapper_rendered summary p:empty {

display: none;

}

/*To remove empty break tag*/

.details-wrapper_rendered summary h1+p,

.details-wrapper_rendered summary h2+p,

.details-wrapper_rendered summary h3+p,

.details-wrapper_rendered summary h4+p,

.details-wrapper_rendered summary h5+p,

.details-wrapper_rendered summary h6+p,

.details-wrapper_rendered summary span+p,

.details-wrapper_rendered summary p+p {

display: none;

}

div[data-type=details-content] p:last-child {

margin-bottom: 0 !important;

}

div[data-type=details-content] ul {

margin-top: 0 !important;

}

div[data-type=details-content] ul[data-block-id]:not(:last-child),

div[data-type=details-content] ol[data-block-id]:not(:last-child) {

margin-bottom: 1.3em !important;

}

.content_block .content_container .page-action .right_sidebar_sticky {

width: 12% !important;

}

@media screen and (min-width: 1600px) {

#bread-crumb-container .container {

width: 80%;

max-width: 80%;

margin: 0 20% 0 0;

}

}

@media screen and (max-width: 1450px) {

.content_block .content_container .content_block_text img.fr-dib,

.content_block .content_container .content_block_text div[data-type="media-content"] img {

width: 100%;

height: auto;

}

}

@media screen and (max-width: 1240px) {

.content_block .content_container .page-action .article_action_links ul li a {

padding: 0 10px;

margin-left: 0;

word-break: break-word !important;

}

}

@media screen and (max-width: 768px) {

header .header_bottom .header_search .header_search_box {

margin-left: 5%;

width: 90%;

}

.content_block .content_container .content_container_text_sec .content_block_head .title-article-count {

margin: 0 0 0 110px;

}

.content-header .container {

justify-content: flex-end;

}

.content-header .article-action-items ul li .social_share {

width: 180px;

}

.content-header .article-action-items ul li {

padding: 0;

}

.content-header .article-action-items ul li .share_content.action-item span {

font-size: 18px;

color: #fff;

display: block;

padding: 6px 40px;

background: #406580;

border-radius: 6px;

}

.content-header .article-action-items ul li .action-item,

.content-header .article-action-items ul li .share_content.action-item i,

.content-header .article-action-items .social_share .jssocials-share a span {

display: none;

}

.content-header .article-action-items ul li .share_content.action-item {

display: block;

}

.content-header .article-action-items ul li #shareIconsContainerMobile {

top: 34px;

left: 0;

background: #ebebeb;

border-radius: 10px;

box-shadow: none;

}

.content-header .article-action-items ul li .social_share::before,

.content-header .article-action-items ul li .social_share::after {

display: none;

}

.content-header .article-action-items ul li .social_share .jssocials-shares {

display: flex;

align-items: center;

justify-content: space-between;

}

.content-header .article-action-items .social_share .jssocials-share {

padding: 0;

}

.content-header .article-action-items .social_share .jssocials-share a i {

background: transparent;

color: #406580;

font-size: 18px;

height: auto;

}

}

@media screen and (max-width: 600px) {

.prev-next-container {

gap: 24px;

}

.prev-next-container .next-nav {

margin-top: 0;

margin-left: 0;

}

}

/*TOC*/

.content_block .content_container .page-action .article_action_links ul li ul {

padding: 0;

}

.content_block .content_container .page-action .article_action_links ul li ul a {

padding-left: 20px;

}

/*Speeling Error*/

.ContextualSpellingAndGrammarErrorV2Themed,

.SpellingErrorV2Themed {

background-image: none !important;

}

/*404 Page*/

.page-not-found-content .page-not-found-wrap {

gap: 12px;

margin: 3rem !important;

}

.page-not-found-content h1 {

font-size: 40px !important;

line-height: 50px !important;

margin: 0 0 24px !important;

}

.page-not-found-content .page-not-found-wrap .message {

font-size: 24px;

line-height: 34px;

margin: 0 0 16px;

}

.page-not-found-content a.home {

font-size: 20px;

}

@media screen and (max-width: 600px) {

.page-not-found-content h1 {

font-size: 32px !important;

line-height: 42px !important;

margin: 0 0 16px !important;

}

.page-not-found-content .page-not-found-wrap .message,

.page-not-found-content a.home {

font-size: 18px;

line-height: 28px;

}

}

.page-not-found-content .page-not-found-wrap input[type=search],

.page-not-found-content .page-not-found-wrap #all_search_results::before,

.page-not-found-content .page-not-found-wrap #cancel-search-input::before {

font-size: 16px !important;

}

.page-not-found-content .page-not-found-wrap input[type=search] {

padding: 0 45px !important;

}

.page-not-found-content .page-not-found-wrap .ais-SearchBox-submit,

.page-not-found-content .page-not-found-wrap #cancel-search-input::before {

top: 50% !important;

transform: translateY(-50%) !important;

}

.page-not-found-content .page-not-found-wrap #custom_search {

padding: 16px 0 0 !important;

margin: 0 !important;

}

/*Search page*/

.search-results-container .search-result-filter .filter-actions {

flex-wrap: wrap;

gap: 8px 0;

}

Customize site - Home