/* @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;
}