@charset "UTF-8";

/***** Base *****/

ul.trainingnav-list{
	border: none;
}

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background-color: #ffffff; color: #333333; font-family: NeuzeitGro, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; }

@media (min-width: 1024px) { body > main { min-height: 65vh; } }

h1, h2, h3, h4, h5, h6 { font-family: NeuzeitGro, Arial, sans-serif; font-weight: 400; margin-top: 0; }

h1 { font-size: 32px; }

h2 { font-size: 22px; }

h3 { font-size: 18px; font-weight: 600; }

h4 { font-size: 16px; }

a { color: #0072ef; text-decoration: none; }

a:hover, a:active, a:focus { text-decoration: underline; }

input, textarea { color: #000; font-size: 14px; }

input { font-weight: 300; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-transition: border .12s ease-in-out; -o-transition: border .12s ease-in-out; transition: border .12s ease-in-out; }

input:focus { border: 1px solid #0072ef; }

input[disabled] { background-color: #ddd; }

select { -webkit-appearance: none; -moz-appearance: none; background: url("/hc/theming_assets/01KMQE9Q7S3QFNSJZMTMEAXD5C") no-repeat #fff; background-position: right 10px center; border: 1px solid #ddd; border-radius: 4px; padding: 8px 30px 8px 10px; outline: none; color: #555; width: 100%; }

select:focus { border: 1px solid #0072ef; }

select::-ms-expand { display: none; }

textarea { border: 1px solid #ddd; border-radius: 2px; resize: vertical; width: 100%; outline: none; padding: 10px; }

textarea:focus { border: 1px solid #0072ef; }

.container { max-width: 1160px; margin: 0 auto; padding: 0 5%; }

@media (min-width: 1160px) { .container { padding: 0; width: 90%; } }

.container-divider { border-top: 1px solid #ddd; margin-bottom: 20px; }

ul { list-style: none; margin: 0; padding: 0; }

.error-page { max-width: 1160px; margin: 0 auto; padding: 0 5%; }

@media (min-width: 1160px) { .error-page { padding: 0; width: 90%; } }

.dropdown-toggle::after { color: inherit; }

/***** Buttons *****/
.button, [role="button"] { border: 1px solid #0072ef; border-radius: 4px; color: #0072ef; cursor: pointer; display: inline-block; font-size: 12px; line-height: 2.34; margin: 0; padding: 0 20px; text-align: center; -webkit-transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out; -o-transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out; transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; -webkit-touch-callout: none; }

@media (min-width: 768px) { .button, [role="button"] { width: auto; } }

.button::after, [role="button"]::after { color: #0072ef; }

.button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] { background-color: #0072ef; color: #ffffff; text-decoration: none; }

.button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active { background-color: #004189; border-color: #004189; }

.button[data-disabled], [role="button"][data-disabled] { cursor: default; }

.button-large, input[type="submit"] { background-color: #0072ef; border: 0; border-radius: 4px; color: #ffffff; font-size: 14px; font-weight: 400; line-height: 2.72; min-width: 190px; padding: 0 1.9286em; width: 100%; }

@media (min-width: 850px) { .button-large, input[type="submit"] { width: auto; } }

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { background-color: #004189; }

.button-large[disabled], input[type="submit"][disabled] { background-color: #ddd; }

.button-secondary { color: #666; border: 1px solid #ddd; background-color: transparent; }

.button-secondary:hover, .button-secondary:focus, .button-secondary:active { color: #333333; border: 1px solid #ddd; background-color: #f7f7f7; }

/***** Tables *****/
.table { width: 100%; table-layout: fixed; }

@media (min-width: 768px) { .table { table-layout: auto; } }

.table th, .table th a { color: #666; font-size: 13px; font-weight: 300; text-align: left; }

[dir="rtl"] .table th, [dir="rtl"] .table th a { text-align: right; }

.table tr { border-bottom: 1px solid #ddd; display: block; padding: 20px 0; }

@media (min-width: 768px) { .table tr { display: table-row; } }

.table td { display: block; }

@media (min-width: 768px) { .table td { display: table-cell; } }

@media (min-width: 1024px) { .table td, .table th { padding: 20px 30px; } }

@media (min-width: 768px) { .table td, .table th { padding: 10px 20px; height: 60px; } }

/***** Forms *****/
.form { max-width: 650px; }

.form-field ~ .form-field { margin-top: 25px; }

.form-field label { display: block; font-size: 13px; margin-bottom: 5px; }

.form-field input { border: 1px solid #ddd; border-radius: 4px; padding: 10px; width: 100%; }

.form-field input:focus { border: 1px solid #0072ef; }

.form-field input[type="text"] { border: 1px solid #ddd; border-radius: 4px; }

.form-field input[type="text"]:focus { border: 1px solid #0072ef; }

.form-field input[type="checkbox"] { width: auto; }

.form-field .nesty-input { border-radius: 4px; height: 40px; line-height: 40px; outline: none; vertical-align: middle; }

.form-field .nesty-input:focus { border: 1px solid #0072ef; text-decoration: none; }

.form-field textarea { vertical-align: middle; }

.form-field input[type="checkbox"] + label { margin: 0 0 0 10px; }

.form-field.required > label::after { content: "*"; color: #f00; margin-left: 2px; }

.form-field p { color: #666; font-size: 12px; margin: 5px 0; }

[data-loading="true"] input, [data-loading="true"] textarea { background: transparent url("/hc/theming_assets/01KMQE9QFJKDA4GAFAMN90KWNW") 99% 50% no-repeat; background-size: 16px 16px; }

.form footer { margin-top: 40px; padding-top: 30px; }

.form footer a { color: #666; cursor: pointer; margin-right: 15px; }

.form .suggestion-list { font-size: 13px; margin-top: 30px; }

.form .suggestion-list label { border-bottom: 1px solid #ddd; display: block; padding-bottom: 5px; }

.form .suggestion-list li { padding: 10px 0; }

.form .suggestion-list li a:visited { color: #004189; }

/***** Header *****/
.header { max-width: 1160px; margin: 0 auto; padding: 0 5%; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 71px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.container-header {
  background-color:light-grey;background-image: radial-gradient(at 40% 20%, hsla(28,100%,74%,1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189,100%,56%,1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355,100%,93%,1) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(340,100%,76%,1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(22,100%,77%,1) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(242,100%,70%,1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(343,100%,76%,1) 0px, transparent 50%) !important;
}

@media (min-width: 1160px) { .header { padding: 0; width: 90%; } }

.logo img { max-height: 37px; }

.user-nav { display: inline-block; position: absolute; white-space: nowrap; }

@media (min-width: 768px) { .user-nav { position: relative; } }

.user-nav[aria-expanded="true"] { background-color: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #ddd; right: 0; left: 0; top: 71px; z-index: 1; }

.user-nav[aria-expanded="true"] > a { display: block; margin: 20px; }

.nav-wrapper a { border: 0; color: #FFF; display: none; font-size: 14px; padding: 0 20px 0 0; width: auto; }

@media (min-width: 768px) { .nav-wrapper a { display: inline-block; } }

[dir="rtl"] .nav-wrapper a { padding: 0 0 0 20px; }

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active { background-color: transparent; color: #0072ef; text-decoration: underline; }

.nav-wrapper a.login { display: inline-block; }

.nav-wrapper .icon-menu { display: inline-block; margin-right: 0px; color: #0072ef; }

@media (min-width: 768px) { .nav-wrapper .icon-menu { display: none; } }

[dir="rtl"] .nav-wrapper .icon-menu { margin-left: 10px; margin-right: 0; }

/***** User info in header *****/
.user-info { display: inline-block; }

.user-info .dropdown-toggle::after { display: none; }

@media (min-width: 768px) { .user-info .dropdown-toggle::after { display: inline-block; } }

.user-info > [role="button"] { border: 0; color: #0072ef; min-width: 0; padding: 0; white-space: nowrap; }

.user-info > [role="button"]:hover { color: #0072ef; background-color: transparent; }

.user-info > [role="button"]::after { color: #0072ef; padding-right: 15px; }

[dir="rtl"] .user-info > [role="button"]::after { padding-left: 5px; padding-right: 0; }

#user #user-name { display: none; font-size: 14px; }

@media (min-width: 768px) { #user #user-name { display: inline-block; } }

#user #user-name:hover { text-decoration: underline; }

/***** User avatar *****/
.user-avatar { height: 25px; width: 25px; border-radius: 50%; display: inline-block; vertical-align: middle; }

.avatar { display: inline-block; position: relative; }

.avatar img { height: 40px; width: 40px; }

.avatar .icon-agent::before { background-color: #0072ef; border: 2px solid #fff; border-radius: 50%; bottom: -4px; color: #ffffff; content: "\1F464"; font-size: 14px; height: 14px; line-height: 14px; position: absolute; right: -2px; text-align: center; width: 14px; }

/***** Footer *****/
.footer { border-top: 1px solid #ddd; margin-top: 60px; padding: 30px 0; }

.footer a { color: #666; }

.footer-inner { max-width: 1160px; margin: 0 auto; padding: 0 5%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 1160px) { .footer-inner { padding: 0; width: 90%; } }

.footer-language-selector { color: #666; display: inline-block; font-weight: 300; }

/***** Breadcrumbs *****/
.breadcrumbs { margin: 0 0 15px 0; padding: 0; }

@media (min-width: 768px) { .breadcrumbs { margin: 0; } }

.breadcrumbs li { color: #666; display: inline; font-weight: 300; font-size: 13px; max-width: 450px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.breadcrumbs li + li::before { content: ">"; margin: 0 4px; }

.breadcrumbs li a:visited { color: #0072ef; }

/***** Search field *****/
.search { position: relative; }

.search input[type="search"] { border: 1px solid #ddd; border-radius: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999; height: 40px; padding-left: 40px; padding-right: 20px; -webkit-appearance: none; width: 100%; }

[dir="rtl"] .search input[type="search"] { padding-right: 40px; padding-left: 20px; }

.search input[type="search"]:focus { border: 1px solid #0072ef; color: #555; }

.search::before { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; color: #ddd; content: "\1F50D"; font-size: 18px; position: absolute; left: 15px; }

[dir="rtl"] .search::before { right: 15px; left: auto; }

.search-full input[type="search"] { border: 1px solid #fff; }

/***** Hero component *****/
/*.hero { background: url("/hc/theming_assets/01KMQE9M9R1HMAQMKYW752E7VR"); background-position: center; background-size: cover; height: 300px; padding: 0 20px; text-align: center; width: 100%; }*/
/*.hero { background-color:light-grey;background-image: radial-gradient(at 40% 20%, hsla(28,100%,74%,1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189,100%,56%,1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355,100%,93%,1) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(340,100%,76%,1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(22,100%,77%,1) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(242,100%,70%,1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(343,100%,76%,1) 0px, transparent 50%) !important; height: 250px; padding: 0 20px; text-align: center; width: 100%; }*/
.hero { background: none !important; height: 200px; padding: 0 20px; text-align: center; width: 100%; }

.hero-inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 610px; margin: 0 auto; }

.page-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0px 0; }

@media (min-width: 768px) { .page-header { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0; } }

.page-header .section-subscribe { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 10px; }

@media (min-width: 768px) { .page-header .section-subscribe { margin-bottom: 0; } }

.page-header h1 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 10px; }

.page-header-description { font-style: italic; font-weight: 300; margin: 0 0 30px 0; word-break: break-word; }

@media (min-width: 1024px) { .page-header-description { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.page-header .icon-lock::before { content: "\1F512"; font-size: 20px; position: relative; left: -5px; vertical-align: baseline; }

.sub-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; min-height: 50px; padding-bottom: 15px; }

@media (min-width: 768px) { .sub-nav { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 768px) { .sub-nav input[type="search"] { min-width: 300px; } }

.sub-nav input[type="search"]::after { font-size: 15px; }

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding: 0; }

@media (min-width: 768px) { .blocks-list { margin: 0 -15px; } }

.blocks-item { border: 1px solid #0072ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #0072ef; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 340px; -ms-flex: 1 0 340px; flex: 1 0 340px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 30px; max-width: 100%; text-align: center; }

@media (min-width: 768px) { .blocks-item { margin: 0 15px 30px; } }

.blocks-item:hover, .blocks-item:focus, .blocks-item:active { background-color: #0072ef; }

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * { color: #ffffff; text-decoration: none; }

.blocks-item-internal { background-color: transparent; border: 1px solid #ddd; }

.blocks-item-internal .icon-lock::before { content: "\1F512"; font-size: 15px; bottom: 5px; position: relative; }

.blocks-item-internal a { color: #333333; }

.blocks-item-link { color: #0072ef; padding: 20px 30px; }

.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active { text-decoration: none; }

.blocks-item-title { margin-bottom: 0; }

.blocks-item-description { font-weight: 300; margin: 0; }

.blocks-item-description:not(:empty) { margin-top: 10px; }

/***** Homepage *****/
.section { margin-bottom: 40px; }

@media (min-width: 768px) { .section { margin-bottom: 60px; } }

.section h2 { margin-bottom: 10px; text-align: center; }

/***** Promoted articles *****/
.promoted-articles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 1024px) { .promoted-articles { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.promoted-articles-item { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

@media (min-width: 1024px) { .promoted-articles-item { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 30px; width: 33%; /* Three columns on desktop */ }
  [dir="rtl"] .promoted-articles-item { padding: 0 0 0 30px; } }

.promoted-articles-item:nth-child(3n) { padding-right: 0; }

.promoted-articles-item a { border-bottom: 1px solid #ddd; color: #333333; display: block; padding: 15px 0; }

.promoted-articles-item:last-child a { border: 0; }

@media (min-width: 1024px) { .promoted-articles-item:last-child a { border-bottom: 1px solid #ddd; } }

/***** Community section in homepage *****/
.community { text-align: center; }

.community-image { min-height: 300px; background-image: url("//p10.zdassets.com/hc/assets/community_image.svg"); background-position: center; background-repeat: no-repeat; max-width: 100%; }

.community, .activity { border-top: 1px solid #ddd; padding: 30px 0; }

/***** Recent activity *****/
.recent-activity-header { margin-bottom: 10px; text-align: center; }

.recent-activity-list { padding: 0; }

.recent-activity-item { border-bottom: 1px solid #ddd; overflow: auto; padding: 20px 0; }

.recent-activity-item-parent { font-size: 16px; }

.recent-activity-item-parent, .recent-activity-item-link { margin: 6px 0; color: #333333; display: inline-block; width: 100%; }

@media (min-width: 768px) { .recent-activity-item-parent, .recent-activity-item-link { width: 70%; margin: 0; } }

.recent-activity-item-link { font-size: 14px; font-weight: 300; }

.recent-activity-item-meta { margin: 15px 0 0 0; float: none; }

@media (min-width: 768px) { .recent-activity-item-meta { margin: 0; float: right; }
  [dir="rtl"] .recent-activity-item-meta { float: left; } }

.recent-activity-item-time, .recent-activity-item-comment { color: #666; display: inline-block; font-size: 13px; font-weight: 300; }

.recent-activity-item-comment { padding-left: 5px; }

[dir="rtl"] .recent-activity-item-comment { padding: 0 5px 0 0; }

.recent-activity-item-comment::before { display: inline-block; }

.recent-activity-item-comment span::before { color: #0072ef; content: "\1F4AC"; display: inline-block; font-size: 15px; padding-right: 3px; vertical-align: middle; }

[dir="rtl"] .recent-activity-item-comment span::before { padding-left: 3px; }

.recent-activity-controls { padding-top: 15px; }

/***** Category pages *****/
.category-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.category-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 1024px) { .category-content { -webkit-box-flex: 0; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; } }

.section-tree { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 768px) { .section-tree { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.section-tree .section { -webkit-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; }

@media (min-width: 768px) { .section-tree .section { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */ } }

.section-tree .icon-lock::before { vertical-align: baseline; }

.section-tree-title { margin-bottom: 0; }

.section-tree-title a { color: #333333; }

.section-tree .see-all-articles { display: block; padding: 15px 0; }

.article-list-item { border-bottom: 1px solid #ddd; font-size: 16px; padding: 15px 0; }

.article-list-item a { color: #333333; }

.icon-star::before { color: #0072ef; font-size: 18px; display:inline-block; left:0; }

/***** Section pages *****/
.section-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.section-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 1024px) { .section-content { -webkit-box-flex: 0; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; } }

.section-subscribe .dropdown-toggle::after { display: none; }

/***** Article *****/
.article { /* The article grid is defined this way to optimize readability: Sidebar | Content | Free space 17%     | 66%     | 17% */ -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

@media (min-width: 1024px) { .article { -webkit-box-flex: 1; -webkit-flex: 1 0 66%; -ms-flex: 1 0 66%; flex: 1 0 66%; padding: 0 30px; } }

.article-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1024px) { .article-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.article-header { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; margin-top: 20px; }

@media (min-width: 768px) { .article-header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-top: 0; } }

.article-author { margin-bottom: 10px; }

@media (min-width: 768px) { .article-title { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; /* Take entire row */ } }

.article-title .icon-lock::before { content: "\1F512"; font-size: 20px; position: relative; left: -5px; vertical-align: baseline; }

.article [role="button"] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/ width: 100%; }

@media (min-width: 768px) { .article [role="button"] { width: auto; } }

.article-info { max-width: 100%; }

.article-meta { display: inline-block; margin-left: 10px; vertical-align: middle; }

.article-body img { height: auto; max-width: 100%; }

.article-body ul, .article-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }

[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px; }

.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol { margin: 0; }

.article-body ul { list-style-type: disc; }

.article-body a:visited { color: #004189; }

.article-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; }

.article-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; }

.article-body blockquote { border-left: 1px solid #ddd; color: #666; font-style: italic; padding: 0 15px; }

.article-body > p:last-child { margin-bottom: 0; }

.article-content { line-height: 1.6; margin: 40px 0; word-wrap: break-word; }

.article-footer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px; }

.article-comment-count { color: #666; font-weight: 300; }

.article-comment-count:hover { text-decoration: none; }

.article-comment-count .icon-comments { color: #0072ef; content: "\1F4AC"; display: inline-block; font-size: 18px; padding: 5px; }

.article-sidebar { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 20px; padding: 0; }

@media (min-width: 1024px) { .article-sidebar { border: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 17%; -ms-flex: 0 0 17%; flex: 0 0 17%; height: auto; } }

.article-relatives { border-top: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; }

@media (min-width: 768px) { .article-relatives { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.article-relatives > * { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-right: 0; }

.article-relatives > *:last-child { margin: 0; }

@media (min-width: 768px) { .article-relatives > * { margin-right: 20px; } }

.article-votes { border-top: 1px solid #ddd; padding: 30px 0; text-align: center; }

.article-vote { background: transparent; border: 1px solid #0072ef; color: #0072ef; margin: 10px 5px; min-width: 90px; width: auto; }

.article-vote::before { font-size: 8px; margin-right: 10px; }

[dir="rtl"] .article-vote::before { margin-right: 0; margin-left: 10px; }

.article-vote::after { content: attr(title); /* Yes/No label*/ }

.article-vote:focus, .article-vote:active { background-color: transparent; color: #0072ef; }

.article-vote:hover { background-color: #0072ef; }

.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after { color: #ffffff; }

.article-vote-up::before { content: "\2713"; }

.article-vote-down::before { content: "\2715"; }

.article-more-questions { margin: 10px 0 20px; text-align: center; }

.article-return-to-top { border-top: 1px solid #ddd; }

@media (min-width: 1024px) { .article-return-to-top { display: none; } }

.article-return-to-top a { color: #333333; display: block; padding: 20px 0; }

.article-return-to-top a:hover, .article-return-to-top a:focus { text-decoration: none; }

.article-return-to-top .icon-arrow-up::before { font-size: 16px; margin-left: 5px; }

[dir="rtl"] .article-return-to-top .icon-arrow-up::before { margin-right: 10px; }

.article-unsubscribe { background-color: #0072ef; color: #ffffff; text-decoration: none; }

.article-unsubscribe:hover { background-color: #004189; border-color: #004189; }

.sidenav-title { font-size: 15px; position: relative; }

.sidenav-item { border-radius: 4px; color: #333333; display: block; font-weight: 300; margin-bottom: 10px; padding: 10px; }

.sidenav-item.current-article, .sidenav-item:hover { background-color: #0072ef; color: #ffffff; text-decoration: none; }

.recent-articles h3, .related-articles h3 { font-size: 15px; margin: 20px 0; }

.recent-articles li, .related-articles li { margin-bottom: 15px; }

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item { padding-left: 20px; position: relative; margin-bottom: 10px; }

.attachments .attachment-item:last-child { margin-bottom: 0; }

.attachments .attachment-item::before { color: #333333; content: "\1F4CE"; font-size: 15px; left: 0; position: absolute; top: 5px; }

[dir="rtl"] .attachments .attachment-item { padding-left: 0; padding-right: 20px; }

[dir="rtl"] .attachments .attachment-item::before { left: auto; right: 0; }

.upload-dropzone span { color: #666; }

/***** Social share links *****/
.share { padding: 0; white-space: nowrap; }

.share li, .share a { display: inline-block; }

.share a { border-radius: 50%; height: 25px; line-height: 25px; overflow: hidden; width: 25px; }

.share a::before { color: #666; display: block; font-size: 23px; text-align: center; width: 100%; }

.share a:hover { text-decoration: none; }

.share a:hover::before { color: #0072ef; }

.share-twitter::before { content: "\e901"; }

.share-facebook::before { content: "\e903"; }

.share-linkedin::before { content: "\e900"; }

.share-googleplus::before { content: "\e902"; }

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment { border-bottom: 1px solid #ddd; padding: 20px 0; }

.comment-heading { margin-bottom: 5px; margin-top: 0; }

.comment-overview { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; }

.comment-overview p { margin-top: 0; }

.comment-callout { color: #666; display: inline-block; font-weight: 300; font-size: 13px; margin-bottom: 0; }

.comment-callout a { color: #0072ef; }

.comment-sorter { display: inline-block; float: right; }

.comment-sorter a { color: #666; font-weight: 300; font-size: 13px; text-decoration: none; }

[dir="rtl"] .comment-sorter { float: left; }

.comment-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.comment-wrapper.comment-official { border: 1px solid #0072ef; padding: 40px 20px 20px; }

@media (min-width: 768px) { .comment-wrapper.comment-official { padding-top: 20px; } }

.comment-info { min-width: 0; padding-right: 20px; width: 100%; }

[dir="rtl"] .comment-info { padding-right: 0; padding-left: 20px; }

.comment-author { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

@media (min-width: 768px) { .comment-author { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.comment-avatar { margin-right: 10px; }

[dir="rtl"] .comment-avatar { margin-left: 10px; margin-right: 0; }

.comment-meta { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.comment-labels { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

@media (min-width: 768px) { .comment-labels { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.comment .status-label:not(.status-label-official) { margin-top: 10px; }

@media (min-width: 768px) { .comment .status-label:not(.status-label-official) { margin-top: 0; } }

.comment-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; word-wrap: break-word; }

.comment-container { width: 100%; }

.comment-form-controls { display: none; margin-top: 10px; text-align: left; }

@media (min-width: 768px) { [dir="ltr"] .comment-form-controls { text-align: right; } }

.comment-form-controls input[type="submit"] { margin-top: 15px; }

@media (min-width: 1024px) { .comment-form-controls input[type="submit"] { margin-left: 15px; }
  [dir="rtl"] .comment-form-controls input[type="submit"] { margin-left: 0; margin-right: 15px; } }

.comment-form-controls input[type="checkbox"] { margin-right: 5px; }

.comment-form-controls input[type="checkbox"] [dir="rtl"] { margin-left: 5px; }

.comment-ccs { display: none; }

.comment-ccs + textarea { margin-top: 10px; }

.comment-attachments { margin-top: 10px; }

.comment-attachments a { color: #0072ef; }

.comment-body { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.6; }

.comment-body img { height: auto; max-width: 100%; }

.comment-body ul, .comment-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }

[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px; }

.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol { margin: 0; }

.comment-body ul { list-style-type: disc; }

.comment-body a:visited { color: #004189; }

.comment-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; }

.comment-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; }

.comment-body blockquote { border-left: 1px solid #ddd; color: #666; font-style: italic; padding: 0 15px; }

.comment-mark-as-solved { display: inline-block; }

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote { display: inline-block; text-align: center; width: 35px; }

.vote a { outline: none; }

.vote a:active, .vote a:hover, .vote a:focus { text-decoration: none; }

.vote-sum { color: #666; display: block; margin: 3px 0; }

[dir="rtl"] .vote-sum { direction: ltr; unicode-bidi: bidi-override; }

.vote-up:hover::before, .vote-down:hover::before { color: #0072ef; }

.vote-up::before, .vote-down::before { color: #666; font-size: 24px; }

.vote-up::before { content: "\2B06"; }

.vote-down::before { content: "\2B07"; }

.vote-voted::before { color: #0072ef; }

.vote-voted:hover::before { color: #004189; }

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions { text-align: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; /*Avoid collapsing elements in Safari*/ }

.actions .dropdown-toggle { font-size: 0; margin: 15px 0; }

.actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before { background-color: #f7f7f7; }

.actions .dropdown-toggle::before { background-color: transparent; border-radius: 50%; color: #666; content: "\2699"; display: block; font-size: 13px; margin: auto; padding: 5px; }

/***** Community *****/
.community-hero { background-image: url("/hc/theming_assets/01KMQE9M9R1HMAQMKYW752E7VR"); margin-bottom: 10px; }

.community-footer { padding-top: 50px; text-align: center; }

.community-featured-posts, .community-activity { padding-top: 40px; width: 100%; }

.community-header { margin-bottom: 30px; }

.community-header h4 { margin-bottom: 0; }

.post-to-community { margin-top: 10px; }

@media (min-width: 768px) { .post-to-community { margin: 0; } }

/* Community topics grid */
.topics { max-width: none; width: 100%; }

.topics-item .meta-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }

/* Community topic page */
.topic-header { border-bottom: 1px solid #ddd; font-size: 13px; }

@media (min-width: 768px) { .topic-header { padding-bottom: 10px; } }

.topic-header .dropdown { display: block; border-top: 1px solid #ddd; padding: 10px 0; }

@media (min-width: 768px) { .topic-header .dropdown { border-top: 0; display: inline-block; margin-right: 20px; padding: 0; } }

.no-posts-with-filter { margin-top: 20px; margin-bottom: 20px; }

/* Topic, post and user follow button */
.community-follow { margin-bottom: 10px; width: 100%; }

@media (min-width: 768px) { .community-follow { margin-bottom: 0; width: auto; } }

.community-follow .dropdown { width: 100%; }

.community-follow [role="button"] { line-height: 30px; padding: 0 10px 0 15px; position: relative; width: 100%; }

@media (min-width: 768px) { .community-follow [role="button"] { width: auto; } }

.community-follow [role="button"]:hover { background-color: #0072ef; }

.community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after { border-color: #ffffff; color: #ffffff; }

.community-follow [role="button"][aria-selected="true"] { background-color: #0072ef; color: #ffffff; }

.community-follow [role="button"][aria-selected="true"]::after { border-left: 1px solid #ffffff; color: #ffffff; }

.community-follow [role="button"][aria-selected="true"]:hover { background-color: #004189; border-color: #004189; }

.community-follow [role="button"]::after { border-left: 1px solid #0072ef; content: attr(data-follower-count); color: #0072ef; display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 15px; padding-left: 10px; position: absolute; right: 10px; }

@media (min-width: 768px) { .community-follow [role="button"]::after { position: static; } }

[dir="rtl"] .community-follow [role="button"]::after { border-left: 0; border-right: 1px solid #0072ef; margin: 0 10px 0 0; padding: 0 10px 0 0; }

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list { padding: 0; }

.striped-list-item { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 0; }

@media (min-width: 768px) { .striped-list-item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.striped-list-info { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; }

.striped-list-title { color: #0072ef; margin-bottom: 10px; margin-right: 5px; }

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active { text-decoration: underline; }

.striped-list-title:visited { color: #004189; }

.striped-list .meta-group { margin: 5px 0; }

.striped-list-count { color: #666; font-weight: 300; font-size: 13px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-transform: capitalize; }

@media (min-width: 768px) { .striped-list-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } }

.striped-list-count-item::after { content: "·"; display: inline-block; padding: 0 5px; }

@media (min-width: 768px) { .striped-list-count-item::after { display: none; } }

.striped-list-count-item:last-child::after { display: none; }

.striped-list-number { font-weight: 300; text-align: center; }

@media (min-width: 768px) { .striped-list-number { color: #333333; display: block; font-weight: 400; } }

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label { background-color: #1eb848; border-radius: 4px; color: #fff; font-size: 12px; margin-right: 2px; padding: 3px 10px; vertical-align: middle; white-space: nowrap; display: inline-block; }

.status-label:hover, .status-label:active, .status-label:focus { text-decoration: none; }

.status-label-pinned, .status-label-featured, .status-label-official { background-color: #0072ef; }

.status-label-official { border-radius: 0; margin-right: 0; position: absolute; right: 0; text-align: center; top: 0; width: 100%; }

@media (min-width: 768px) { .status-label-official { border-radius: 0 0 4px 4px; right: 30px; width: auto; } }

[dir="rtl"] .status-label-official { left: 30px; right: auto; }

.status-label-pending, .status-label-not-planned { background-color: #eee; color: #666; }

.status-label-pending { text-align: center; }

.status-label-open { background-color: #e03b30; }

.status-label-closed { background-color: #ddd; }

.status-label-solved { background-color: #999; }

.status-label-new { background-color: #ffd12a; }

.status-label-hold { background-color: #000; }

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold { text-transform: lowercase; }

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 10px; }

@media (min-width: 1024px) { .post { -webkit-box-flex: 1; -webkit-flex: 1 0 70%; -ms-flex: 1 0 70%; flex: 1 0 70%; max-width: 70%; } }

.post-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1024px) { .post-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.post-header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; }

@media (min-width: 768px) { .post-header { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.post-header .status-label { vertical-align: super; }

.post-title { margin-bottom: 20px; width: 100%; }

@media (min-width: 768px) { .post-title { margin-bottom: 0; padding-right: 10px; } }

.post-title h1 { display: inline; vertical-align: middle; }

@media (min-width: 768px) { .post-title h1 { margin-right: 5px; } }

.post-author { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.post-avatar { margin-bottom: 30px; }

.post-content { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.6; word-break: break-word; }

.post-info-container { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; }

.post-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 1024px) { .post-info { padding-right: 20px; } }

[dir="rtl"] .post-info { padding-left: 45px; padding-right: 0; }

.post-meta { display: inline-block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 10px; vertical-align: middle; }

[dir="rtl"] .post-meta { margin-left: 0; margin-right: 10px; }

.post-body img { height: auto; max-width: 100%; }

.post-body ul, .post-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }

[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px; }

.post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol { margin: 0; }

.post-body ul { list-style-type: disc; }

.post-body a:visited { color: #004189; }

.post-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; }

.post-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; }

.post-body blockquote { border-left: 1px solid #ddd; color: #666; font-style: italic; padding: 0 15px; }

.post-footer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px; }

.post-comment-count { color: #666; font-weight: 300; }

.post-comment-count:hover { text-decoration: none; }

.post-comment-count .icon-comments { color: #0072ef; content: "\1F4AC"; display: inline-block; font-size: 18px; padding: 5px; }

.post-sidebar { border-top: 1px solid #ddd; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 0; text-align: center; }

@media (min-width: 1024px) { .post-sidebar { border: 0; -webkit-box-flex: 1; -webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; padding: 0 0 0 50px; text-align: initial; }
  [dir="rtl"] .post-sidebar { padding: 0 50px 0 0; } }

.post-sidebar h5 { font-weight: 600; }

@media (min-width: 1024px) { .post-sidebar h5 { border-bottom: 1px solid #ddd; padding-bottom: 20px; } }

.post-comments { margin-bottom: 20px; }

@media (min-width: 1024px) { .post-comments { margin-bottom: 0; } }

/* Navigation element that collapses on mobile */
.collapsible-nav { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: 45px; overflow: hidden; font-size: 14px; }

@media (min-width: 768px) { .collapsible-nav { border: 0; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; max-height: none; } }

.collapsible-nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .collapsible-nav-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.collapsible-nav-list li { color: #333333; line-height: 45px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

@media (min-width: 768px) { .collapsible-nav-list li { line-height: normal; margin-right: 30px; }
  [dir="rtl"] .collapsible-nav-list li { margin-left: 30px; margin-right: 0; }
  .collapsible-nav-list li a { text-decoration: none; padding: 15px 0; } }

.collapsible-nav-list li a { color: #333333; display: block; }

@media (min-width: 768px) { .collapsible-nav-list li:hover { border-bottom: 4px solid #ddd; }
  .collapsible-nav-list li:hover a { padding: 15px 0 11px 0; text-decoration: none; } }

.collapsible-nav-list li[aria-selected="true"] { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; position: relative; }

@media (min-width: 768px) { .collapsible-nav-list li[aria-selected="true"] { border-bottom: 4px solid #0072ef; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 15px 0 11px 0; } }

.collapsible-nav-list li[aria-selected="true"] a { color: #333333; }

.collapsible-nav-list li[aria-selected="true"]::after { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "\25BE"; position: absolute; right: 0; }

@media (min-width: 768px) { .collapsible-nav-list li[aria-selected="true"]::after { display: none; } }

[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after { left: 0; right: auto; }

.collapsible-nav[aria-expanded="true"] { max-height: none; }

.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after { content: "\2715"; }

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-height: 45px; overflow: hidden; padding: 10px 0; position: relative; }

@media (min-width: 1024px) { .collapsible-sidebar { max-height: none; padding: 0; } }

.collapsible-sidebar[aria-expanded="true"] { max-height: none; }

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after { content: "\2715"; }

@media (min-width: 1024px) { .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after { display: none; } }

.collapsible-sidebar-title { margin-top: 0; }

.collapsible-sidebar-title::after { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "\25BE"; position: absolute; right: 10px; }

@media (min-width: 1024px) { .collapsible-sidebar-title::after { display: none; } }

[dir="rtl"] .collapsible-sidebar-title::after { left: 10px; right: auto; }

/***** My activities *****/
.my-activities-nav { background-color: #f2f2f2; border: 0; margin-bottom: 20px; }

.my-activities-sub-nav { background-color: transparent; border-bottom: 1px solid #ddd; margin-bottom: 30px; }

@media (min-width: 768px) { .my-activities-sub-nav li:hover { border-bottom: 4px solid #ddd; } }

.my-activities-sub-nav li[aria-selected="true"] { border-color: #0072ef; }

.my-activities-table .striped-list-title { /* My activities tables */ display: block; margin-bottom: 10px; max-width: 350px; white-space: normal; }

@media (min-width: 1024px) { .my-activities-table .striped-list-title { margin-bottom: 0; max-width: 500px; min-width: 350px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } }

.my-activities-table thead { display: none; }

@media (min-width: 768px) { .my-activities-table thead { display: table-header-group; } }

.my-activities-table th:first-child, .my-activities-table td:first-child { padding-left: 10px; }

@media (min-width: 1024px) { .my-activities-table th:first-child, .my-activities-table td:first-child { width: 500px; } }

.my-activities-table th:last-child, .my-activities-table td:last-child { padding-right: 10px; }

.my-activities-table td:not(:first-child) { display: none; }

@media (min-width: 768px) { .my-activities-table td:not(:first-child) { display: table-cell; } }

/* Requests table */
.requests-search { width: 100%; }

.requests-table-toolbar { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .requests-table-toolbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.requests-table-toolbar .search { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }

.requests-table-toolbar .request-table-filter { width: 100%; }

@media (min-width: 768px) { .requests-table-toolbar .request-table-filter { width: auto; } }

.requests-table-toolbar .request-filter { display: block; }

@media (min-width: 768px) { .requests-table-toolbar .request-filter { margin: 0 0 0 30px; }
  [dir="rtl"] .requests-table-toolbar .request-filter { margin: 0 30px 0 0; } }

.requests-table-toolbar .request-filter-label { font-size: 13px; margin-top: 30px; }

@media (min-width: 768px) { .requests-table-toolbar .request-filter-label { margin-top: 0; } }

.requests-table-toolbar select { max-height: 40px; margin-bottom: 30px; width: 100%; }

@media (min-width: 768px) { .requests-table-toolbar select { margin-bottom: 0; max-width: 300px; width: auto; } }

.requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe { line-height: 40px; max-height: 40px; padding: 0 20px; }

@media (min-width: 768px) { .requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe { margin-left: 10px; }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"] .requests-table-toolbar .organization-unsubscribe { margin: 0 10px 0 0; } }

.requests-table-toolbar .organization-unsubscribe { background-color: #0072ef; color: #ffffff; }

.requests-table-toolbar + .requests-search-info { margin-top: 15px; }

.requests-table-toolbar + .requests-search-info.meta-data::after { content: ""; margin: 0; }

.requests-table-toolbar + .requests-search-info + .requests { margin-top: 20px; }

.requests-table-toolbar + .requests { margin-top: 40px; }

.requests .requests-table-meta { display: block; }

@media (min-width: 768px) { .requests .requests-table-meta { display: none; } }

.requests .requests-table thead { display: none; }

@media (min-width: 768px) { .requests .requests-table thead { display: table-header-group; } }

.requests .requests-table-info { display: block; }

@media (min-width: 768px) { .requests .requests-table-info { display: table-cell; vertical-align: middle; width: auto; } }

.requests .requests-table .requests-link { position: relative; }

.requests .requests-table .requests-sort-symbol { position: absolute; left: calc(100% + 3px); bottom: 0; font-size: 10px; }

/* Following table */
.subscriptions-unsubscribe a { background: #0072ef; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 12px; line-height: 2.34; padding: 0 20px; text-align: center; width: 100%; }

@media (min-width: 768px) { .subscriptions-unsubscribe a { width: auto; } }

.subscriptions-unsubscribe a:hover { background-color: #004189; text-decoration: none; }

.subscriptions-table td:last-child { display: block; }

@media (min-width: 768px) { .subscriptions-table td:last-child { display: table-cell; } }

.subscriptions-table td:first-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.subscriptions-table .user-avatar { margin-right: 10px; }

.subscriptions .striped-list-title { display: inline-block; vertical-align: middle; }

/* Contributions table */
.contributions-table td:last-child { color: #666; font-size: 13px; font-weight: 300; }

@media (min-width: 768px) { .contributions-table td:last-child { color: inherit; font-size: inherit; font-weight: inherit; } }

.no-activities { color: #666; }

/***** Request *****/
.request-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 1024px) { .request-container { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.request-container .comment-container { min-width: 0; }

.request-breadcrumbs { margin-bottom: 40px; }

@media (min-width: 1024px) { .request-breadcrumbs { margin-bottom: 60px; } }

.request-main { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.request-main .comment-fields, .request-main .request-submit-comment { display: none; }

.request-main .comment-fields.shown { display: block; }

.request-main .request-submit-comment.shown { display: inline; }

@media (min-width: 1024px) { .request-main { -webkit-box-flex: 0; -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; min-width: 0; } }

.request-main .comment-form-controls { display: block; }

.request-main .comment-ccs { display: block; }

.request-main .comment-show-container { border-radius: 2px; border: 1px solid #ddd; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px 15px; width: 100%; }

.request-main .comment-show-container.hidden { display: none; }

.request-main .comment-show-container-content { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; color: #666; margin-left: 10px; }

.request-main .form-field.comment-ccs > ul { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; }

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] { border: 1px solid #0072ef; }

.request-main .form-field.comment-ccs > input[type="text"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; }

.request-main .comment-ccs + textarea { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; }

.request-main .comment-ccs + textarea:focus { border-top: 1px solid #0072ef; }

.request-main input#mark_as_solved { display: none; }

.request-title { width: 100%; }

@media (min-width: 1024px) { .request-title { border-bottom: 1px solid #ddd; margin-bottom: 0; max-width: 66%; padding-bottom: 20px; } }

.request-sidebar { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; }

@media (min-width: 1024px) { .request-sidebar { background-color: #f7f7f7; border: 0; font-size: 13px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 20px; width: 30%; } }

.request-sidebar h5 { font-size: 15px; font-weight: 600; position: relative; }

@media (min-width: 1024px) { .request-sidebar h5 { display: none; } }

.request-details { border-bottom: 1px solid #ddd; font-size: 0; margin: 0; padding-bottom: 20px; }

.request-details:last-child { border: 0; }

.request-details dt, .request-details dd { display: inline-block; vertical-align: top; font-size: 13px; margin: 20px 0 0 0; }

.request-details dd { padding: 0 10px; width: 60%; }

.request-details dd::after { content: "\A"; white-space: pre; }

.request-details dt { color: #666; font-weight: 300; width: 40%; }

.request-details .request-collaborators { display: inline-block; }

.request-attachments dt, .request-attachments dd { width: 100%; }

.request-attachments dd { margin: 10px 0 0 0; }

.request-form textarea { min-height: 120px; }

.request-follow-up { padding-top: 20px; }

/***** Pagination *****/
.pagination { margin: 20px 0; text-align: center; }

.pagination * { display: inline-block; }

.pagination li { border-radius: 50%; height: 40px; float: left; margin-left: 5px; width: 40px; }

@media (min-width: 768px) { .pagination li { height: 30px; width: 30px; } }

[dir="rtl"] .pagination li { float: right; }

.pagination li:hover:not(.pagination-current) { background-color: #f3f3f3; }

.pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a { color: #333333; text-decoration: none; }

.pagination a, .pagination span { font-size: 15px; color: #666; padding: 10px 12px; }

@media (min-width: 768px) { .pagination a, .pagination span { font-size: 13px; padding: 5px 12px; } }

.pagination-current { background-color: #0072ef; }

.pagination-current a, .pagination-current span { color: #ffffff; }

.pagination-first { border-radius: 3px 0 0 3px; }

[dir="rtl"] .pagination-first { border-radius: 0 3px 3px 0; }

.pagination-last { border-radius: 0 3px 3px 0; }

[dir="rtl"] .pagination-last { border-radius: 3px 0 0 3px; }

/***** Metadata *****/
.meta-group { display: block; }

.meta-group * { display: inline; }

.meta-data { color: #666; font-size: 13px; font-weight: 300; }

.meta-data:not(:last-child)::after { content: "\00B7"; margin: 0 5px; }

/***** Icons *****/
[class^="icon-"]::before, [class*=" icon-"]::before, .icon, .search::before, .recent-activity-item-comment span::before, .article-vote::before, .attachments .attachment-item::before, .share a::before, .vote-up::before, .vote-down::before, .actions .dropdown-toggle::before, .collapsible-nav-list li[aria-selected="true"]::after, .collapsible-sidebar-title::after, .search-result-votes::before, .search-result-meta-count::before { font-family: "copenhagen-icons"; font-style: normal; font-weight: normal; speak: none; line-height: 1em; vertical-align: middle; -webkit-font-smoothing: antialiased; }

.icon-lock::before { content: "\1F512"; }

.icon-star::before { content: "\2605"; }

.icon-linkedin::before { content: "\e900"; }

.icon-twitter::before { content: "\e901"; }

.icon-googleplus-::before { content: "\e902"; }

.icon-facebook::before { content: "\e903"; }

.icon-agent::before { content: "\1F464"; }

.icon-close::before { content: "\2715"; }

.icon-arrow-up::before { content: "\2B06"; }

.icon-arrow-down::before { content: "\2B07"; }

.icon-attachments::before { content: "\1F4CE"; }

.icon-comments::before { content: "\1F4AC"; }

.icon-search::before { content: "\1F50D"; }

.icon-vote::before { content: "\1F44D"; }

.icon-handle::before { content: "\25BE"; }

.icon-check::before { content: "\2713"; }

.icon-gear::before { content: "\2699"; }

.icon-menu::before { content: "\2630"; }

.icon-article::before { content: "\1F4C4"; }

.icon-post::before { content: "\1F4D4"; }

.icon-notification-alert::before { content: "\26A0"; }

.icon-notification-error::before { content: "\00D7"; }

.icon-notification-info::before { content: "\2139"; }

.icon-notification-success::before { content: "\2714"; }

/* User Profiles */
.profile-header { padding: 30px 0; background-color: #f7f7f7; }

.profile-header .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 768px) { .profile-header .container { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.profile-header .profile-info { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 0; }

.profile-avatar { position: relative; line-height: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-right: 10px; }

[dir="rtl"] .profile-avatar { margin-left: 10px; margin-right: 0; }

.profile-avatar .user-avatar { width: 65px; height: 65px; }

.profile-avatar .icon-agent::before { bottom: 0; right: 0; }

.profile-header .basic-info { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; min-width: 0; }

.profile-header .basic-info .name { margin: 0; }

.profile-header .options { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 12px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 768px) { .profile-header .options { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; margin-top: 0; margin-left: 10px; }
  [dir="rtl"] .profile-header .options { margin-left: 0; margin-right: 10px; }
  .profile-header .options > :not(:last-child) { margin-bottom: 0; margin-right: 10px; }
  [dir="rtl"] .profile-header .options > :not(:last-child) { margin-left: 10px; margin-right: 0; } }

.profile-header .options [data-action="edit-profile"] { background-color: #0072ef; border: 0; color: #ffffff; line-height: normal; padding: 8px 20px; }

.profile-header .description { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; margin: 15px 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

.profile-stats { font-size: 13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

.profile-stats .stat { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; }

.profile-stats .stat-label { color: #666; font-weight: 300; -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; margin-right: 10px; }

[dir="rtl"] .profile-stats .stat-label { margin-left: 10px; margin-right: 0; }

.profile-stats-activity { border-top: solid 1px #ddd; margin-top: 15px; }

@media (min-width: 768px) { .profile-stats-activity { border-top: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 768px) { .profile-stats-activity .stat { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.profile-stats-activity .stat:first-child { margin-top: 10px; }

@media (min-width: 768px) { .profile-stats-activity .stat:first-child { margin-top: 0; } }

@media (min-width: 768px) { .profile-stats-activity .stat:not(:last-child) { margin-right: 40px; }
  [dir="rtl"] .profile-stats-activity .stat:not(:last-child) { margin-left: 40px; margin-right: 0; } }

@media (min-width: 768px) { .profile-stats-activity .stat-label { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } }

.profile-stats-counters { border-bottom: solid 1px #ddd; }

@media (min-width: 768px) { .profile-stats-counters { -webkit-box-flex: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; border-bottom: 0; margin-left: 40px; }
  [dir="rtl"] .profile-stats-counters { margin-left: 0; margin-right: 40px; } }

@media (min-width: 1024px) { .profile-stats-counters { -webkit-box-flex: 0; -webkit-flex: 0 0 270px; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-left: 60px; }
  [dir="rtl"] .profile-stats-counters { margin-right: 60px; margin-left: 0; } }

@media (min-width: 768px) { .profile-stats-counters .stat { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

@media (min-width: 1024px) { .profile-stats-counters .stat { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 768px) { .profile-stats-counters .stat:not(:last-child) { margin-bottom: 15px; } }

@media (min-width: 768px) { .profile-stats-counters .stat-label { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } }

@media (min-width: 1024px) { .profile-stats-counters .stat-label { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } }

.profile-private-badge { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border: solid 1px #0072ef; border-radius: 4px; color: #0072ef; padding: 5px 20px; font-size: 12px; text-align: center; }

.profile-private-badge::after { content: "\1f512"; margin-left: 5px; font-family: "copenhagen-icons"; vertical-align: middle; line-height: 15px; }

@media (min-width: 768px) { .profile-private-badge { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.profile-nav { background-color: #f2f2f2; border: 0; margin-bottom: 37px; }

.profile-section { width: 100%; }

@media (min-width: 1024px) { .profile-section { width: calc(100% - 330px); } }

.profile-section-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.profile-section-title { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 0; }

.profile-section-description { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 10px 0; color: #666; font-weight: 300; font-size: 13px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

@media (min-width: 768px) { .profile-section-description { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; padding-bottom: 0; } }

.profile-section-sorter { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-top: solid 1px #eee; font-size: 13px; }

.profile-section-sorter .dropdown-toggle { padding: 10px 0; width: 100%; }

.profile-section-sorter .dropdown-toggle::after { position: absolute; right: 0; }

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after { left: 0; right: initial; }

@media (min-width: 768px) { .profile-section-sorter .dropdown-toggle::after { position: relative; } }

@media (min-width: 768px) { .profile-section-sorter { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-top: 0; border-top: 0; margin-left: 20px; }
  [dir="rtl"] .profile-section-sorter { margin-left: 0; margin-right: 20px; } }

.profile-contribution { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; padding: 20px 0; position: relative; }

.profile-contribution-header { margin-bottom: 5px; }

.profile-contribution-title { margin: 0 0 5px 0; display: inline; line-height: 21px; font-size: 15px; vertical-align: middle; }

.profile-contribution-body { margin: 10px 0; }

.profile-contribution-list > .profile-contribution { border-top: 1px solid #eee; }

@media (min-width: 768px) { .profile-contribution-list > .profile-contribution { padding-left: 30px; }
  [dir="rtl"] .profile-contribution-list > .profile-contribution { padding-right: 30px; padding-left: 0; } }

.profile-contribution-list > .profile-contribution:last-child { border-bottom: 1px solid #eee; }

.profile-contribution-list > .profile-contribution::before { left: 0; position: absolute; font-size: 16px; color: #ccc; font-family: "copenhagen-icons"; line-height: 25px; }

[dir="rtl"] .profile-contribution-list > .profile-contribution::before { right: 0; }

.profile-contribution-list .profile-contribution-header { margin-left: 30px; }

[dir="rtl"] .profile-contribution-list .profile-contribution-header { padding-right: 30px; padding-left: 0; }

@media (min-width: 768px) { .profile-contribution-list .profile-contribution-header { margin-left: 0; }
  [dir="rtl"] .profile-contribution-list .profile-contribution-header { padding-right: 0; } }

.profile-comments .profile-contribution-breadcrumbs { margin-left: 30px; }

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs { padding-right: 30px; padding-left: 0; }

@media (min-width: 768px) { .profile-comments .profile-contribution-breadcrumbs { margin-left: 0; }
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs { padding-right: 0; } }

.profile-section .no-activity, .profile-section .private-activity { display: block; margin-top: 40px; color: #999; }

.profile-section .private-activity::before { content: "\1f512"; font-family: "copenhagen-icons"; font-style: normal; font-size: 12px; font-weight: normal; vertical-align: middle; margin-right: 10px; }

[dir="rtl"] .profile-section .private-activity::before { margin-right: 0; margin-left: 10px; }

.profile-activity-list { margin-top: 25px; }

.profile-activity { position: relative; padding-bottom: 30px; }

@media (min-width: 768px) { .profile-activity { padding-left: 20px; }
  [dir="rtl"] .profile-activity { padding-right: 20px; padding-left: 0; } }

@media (min-width: 768px) { .profile-activity:not(:last-child) { border-left: 1px solid #ddd; }
  [dir="rtl"] .profile-activity:not(:last-child) { border-left: 0; border-right: 1px solid #ddd; } }

.profile-activity-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 35px; }

[dir="rtl"] .profile-activity-header { margin-left: 0; margin-right: 35px; }

@media (min-width: 768px) { .profile-activity-header { margin-left: 0; }
  [dir="rtl"] .profile-activity-header { margin-right: 0; } }

.profile-activity-header .user-avatar { width: 40px; height: 40px; margin-right: 10px; min-width: 40px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }

[dir="rtl"] .profile-activity-header .user-avatar { margin-left: 10px; margin-right: 0; }

.profile-activity-description { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; margin: 0; min-width: 0; width: 100%; }

.profile-activity-description span:first-child { font-weight: 600; display: inline; }

.profile-activity-contribution { padding: 20px; margin-top: 10px; border-radius: 8px; background-color: #f7f7f7; }

@media (min-width: 768px) { .profile-activity-contribution { margin-top: 0; margin-left: 50px; }
  [dir="rtl"] .profile-activity-contribution { margin-left: 0; margin-right: 50px; } }

.profile-activity::before { position: absolute; left: 0; width: 28px; border-radius: 50%; content: ""; background-size: 14px 14px; background-repeat: no-repeat; background-color: #ffffff; background-position: 50% 50%; text-align: center; line-height: 40px; font-size: 16px; color: #ccc; font-family: "copenhagen-icons"; }

[dir="rtl"] .profile-activity::before { right: 0; }

@media (min-width: 768px) { .profile-activity::before { left: -14px; }
  [dir="rtl"] .profile-activity::before { right: -14px; } }

.profile-articles > .profile-contribution::before, .profile-activity-list > li[class$="-article"]::before { content: "\1f4c4"; }

.profile-posts > .profile-contribution::before, .profile-activity-list > li[class$="-post"]::before { content: "\1f4d4"; }

.profile-comments > .profile-contribution::before, .profile-activity-list > li[class$="-comment"]::before { content: "\1f4ac"; line-height: 35px; }

/***** Search results *****/
.search-results { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 1024px) { .search-results { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.search-results-column { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 1024px) { .search-results-column { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; } }

.search-results-list { margin-bottom: 25px; }

.search-results-list > li { border-bottom: 1px solid #ddd; padding: 20px 0; }

.search-results-list > li:first-child { border-top: 1px solid #ddd; }

.search-result-description { margin-top: 15px; }

.search-result-votes, .search-result-meta-count { color: #666; display: inline-block; font-size: 13px; font-weight: 300; padding: 4px 5px; position: relative; }

.search-result-votes::before, .search-result-meta-count::before { color: #0072ef; }

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count { margin-left: 5px; }

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before { margin-right: 3px; }

[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count { margin-right: 5px; }

[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before { margin-left: 3px; }

.search-result-votes::before { content: "\1F44D"; }

.search-result-meta-count::before { content: "\1F4AC"; }

.search-result .meta-group { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.search-result-breadcrumbs { margin: 0; }

.search-result-breadcrumbs li:last-child::after { content: "·"; display: inline-block; margin: 0 5px; }

.notification-lock { display: none; position: fixed; top: 0; z-index: 3; }

.show { display: block !important; }

.hide { display: none !important; }

.opacity-0 { opacity: 0 !important; }

.opacity-1 { opacity: 1 !important; }

.fade-in { opacity: 1 !important; position: static !important; visibility: visible !important; }

.fade-out { opacity: 0 !important; position: absolute !important; visibility: hidden !important; }


html { position: relative; }

body { height: 100%; opacity: 0; overflow: auto; }

body, div, p, a, span, input, textarea, select, table, th, td, ul, ol, li, dl, dt, dd { color: #4c4c4c;font-family: 'Noto Sans',Roboto, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 {
    font-size : 30px;
    text-decoration: none;
   font-family: NeuzeitGro, sans-serif;
}

a { outline: 0; text-decoration: none; }

a:visited, a:hover, a:active, a:focus { text-decoration: none; }

a, button { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

table { display: block; height: auto !important; margin: 30px 0; overflow-x: auto; width: 100%; }

table th, table td { border: 1px solid #e8e7e3; padding: 2px; }

iframe[src*='www.youtube.com'] { width: 100%; }

/*.container-header header { background: #000; height: 68px; max-width: inherit; padding: 0; position: fixed; top: 0; width: 100%; z-index: 1; }*/
.container-header header { background: none !important; backdrop-filter: blur(10px); height: 68px; max-width: inherit; padding: 0; position: sticky; top: 0; width: 100%; z-index: 1; }

.container-header header .inner { height: 100%; margin: 0 auto; max-width: 1600px; position: relative; width: 100%; }

.container-header .logo { line-height: 0; font-size: 0; height: 100%; }

.container-header .logo a { background: url("/hc/theming_assets/01KMQE9EE613HX4MT73JCV7YYC") no-repeat; background-size: contain; background-position:left center; display: inline-block; font-size: 0; height: 40px; left: 0px; position: relative; top: 15px; width: 186px; z-index: 1; animation:none !important; margin-left:10px; }

.container-header .it-services-help-centre a { color: #fff; font-family: NeuzeitGro; font-size: 20px; line-height: 0; position: absolute; right: 70px; top: 22px; background: url("/hc/theming_assets/01KMQE9N0EQ9FQC1Z6A0BT5C8G") no-repeat; display: inline-block; font-size: 0; height: 26px; width: 26px; z-index: 1; }

/* .container-header .it-services-help-centre a { color: #fff; font-family: NeuzeitGro; font-size: 20px; line-height: 0; position: absolute; right: 100px; top: 25px; display: inline-block; font-size: 0; height: 26px; width: 26px; z-index: 1; } */

.container-header .inner > div > .btn-sign-in { display: none; text-decoration:none; }

.container-header .nav-wrapper { height: 68px; position: absolute; top: 0; width: 100%; }

.container-header .nav-button { background: url("/hc/theming_assets/01KMQE9N3VG476NGVA9W4NVE5V") no-repeat 0 10px; border: none; display: inline-block; font-size: 0; height: 100%; line-height: 0; margin: 0; padding: 0; position: absolute; right: 20px; width: 25px; margin-top:16px; }

.container-header .nav-button:focus { outline: none; }

.container-header .nav-button.active { background: url("/hc/theming_assets/01KMQE9N2QK0G7YD0BC944S90S") no-repeat 0 5px; margin-top:18px; }

.container-header .nav-menu, .container-header .nav-menu-2 .inner { background: #000000; border-top: 1px solid #000; position: absolute; top: 68px; width: 100%; }

.container-header .nav-menu a, .container-header .nav-menu-2 .inner a { color: #fff; font-family: NeuzeitGro; font-size: 18px; display: block; padding: 15px; }

.container-header .nav-menu a:hover, .container-header .nav-menu-2 .inner a:hover { text-decoration: none; }

.container-header .nav-menu a:hover, .container-header .nav-menu-2 .inner a:hover { background: #000; }

.container-header .nav-menu .login { line-height: 27px; padding: 15px; text-align: left; }

.container-header .nav-menu .user-info { display: none; }

.container-header .nav-menu-2 { display: none; }

.container-header .nav-menu {
  color:#FFF !important;
  text-align:center !important;
}

.container-header .nav-menu div {
  text-align:center;
}

/*.container-header .hero { background: url("/hc/theming_assets/01KMQE9N43K1F7N208ZA9JDE7K") no-repeat; background-size: cover; background-position: bottom; margin: 68px 0 0; padding: 0; }*/
.container-header .hero { margin: 0; padding: 0; }

.container-header form { margin: 0 auto; max-width: 768px; padding: 0 20px; top: 50px; }

.container-header form::before { color: #003467; font-size: 22px; left: inherit; right: 40px; top: 30px; }

.container-header #query { border: 2px solid #003467; border-radius: 0; padding: 10px 52px 10px 10px; height: 60px; color: #003467;  font-size: 28px; box-shadow:0 3px 8px rgba(50,50,50,0.1),0 0 0 1px rgba(50,50,50,0.1) }

.container-header .wrapper-submit { height: 60px; opacity: 0; position: absolute; right: 22px; top: 0; }

.container-header input[type='submit'] { font-size: 0; height: 100%; min-width: inherit; width: 60px; }

.container-header ::-webkit-input-placeholder { color: #003467;  font-size: 28px; text-align: center; }

.container-header ::-moz-placeholder { color: #003467;  font-size: 28px; text-align: center; }

.container-header :-ms-input-placeholder { color: #003467; font-size: 28px; text-align: center; }

.container-header :-moz-placeholder { color: #003467; font-size: 28px; text-align: center; }

_:-ms-fullscreen, :root .nav-button { background: url("/hc/theming_assets/01KMQE9N3VG476NGVA9W4NVE5V") no-repeat 0 -18px; }

_:-ms-fullscreen.active, :root .nav-button.active { background: url("/hc/theming_assets/01KMQE9N2QK0G7YD0BC944S90S") no-repeat 0 -18px; }

_:-ms-fullscreen, :root .container-footer { clear: both; }

main { position: relative; z-index: 0; }

.page-home .pre-popular-requests { margin-top: 30px; }

.page-home .pre-popular-requests ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width:100%; flex-flow: wrap; gap:10px; }

.page-home .pre-popular-requests li { background: #003467; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; min-width:32%;}

.page-home .pre-popular-requests li:hover { background: #002a53; }
/*
.page-home .pre-popular-requests li:nth-child(1) { margin: 0 5px 0 0; }

.page-home .pre-popular-requests li:nth-child(2) { margin: 0 5px 0 5px; }*/
  
.page-home .pre-popular-requests li:nth-child(3) { 
  /*margin: 0 0 0 5px;*/
  background: #3a9aa5;
}

.page-home .pre-popular-requests li:nth-child(3):hover {
  background: #32828b;
}


.page-home .pre-popular-requests ul li a { color: #003467; font-family: NeuzeitGro; font-size: 24px; line-height: 1.1; color: #fff; display: inline-block; font-family: 'Noto Sans'; height: 100%; padding: 10px; width: 100%; padding-bottom:30px; }

.page-home .popular-requests > .heading, .page-home .activity .recent-activity-header { color: #003467; font-family: NeuzeitGro; font-size: 36px; line-height: 1.2; border-bottom: 1px solid #e8e7e3; margin: 0 0 35px; }

.page-home .popular-requests .main a { color: #003467; font-family: NeuzeitGro; font-size: 24px; line-height: 1.1; display: inline-block; margin: 0 0 20px; }

.page-home .popular-requests .aside { background: #e8e7e3; margin: 20px 0 0; padding: 20px; }

.page-home .popular-requests .aside .heading { color: #003467; font-family: NeuzeitGro; font-size: 24px; line-height: 1.1; color: #4c4c4c; }

.page-home .popular-requests .aside .location, .page-home .popular-requests .aside .email, .page-home .popular-requests .aside .opening-hours, .page-home .popular-requests .aside .telephone-support, .page-home .popular-requests .aside a.service-status, .page-home .popular-requests .aside a.raise-a-request { display: block; margin-bottom: 10px; }

.page-home .popular-requests .aside .telephone-support, .page-home .popular-requests .aside .telephone-support span { font-weight: bold; }

.page-home .popular-requests .aside .btn-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 25px 0 0; text-decoration:none; }

.page-home .popular-requests .aside a { background: #003467; border: 0; border-radius: 0; color: #fff; display: inline-block; font-family: 'Noto Sans'; font-size: 22px; line-height: 1.1; padding: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.page-home .popular-requests .aside a:hover { background: #002a53; }

.page-home .popular-requests .aside a:nth-child(1) { background: #a83b3e; margin: 0 5px 0 0; }

.page-home .popular-requests .aside a:nth-child(2) { margin: 0 0 0 5px; }

.page-home .activity { border: 0; }

.page-home .activity .recent-activity-header { text-align: left; }

.page-home .activity .recent-activity-item { border-color: #e8e7e3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }

.page-home .activity .recent-activity-item:first-child { padding-top: 0; }

.page-home .activity .recent-activity-item:last-child { border: 0; }

.page-home .activity .recent-activity-item-parent { font-family: 'Noto Sans'; font-size: 16px; color: #003467; line-height: 1; margin: 0 0 2px; margin: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.page-home .activity .recent-activity-item-link { color: #003467; font-family: Arial; font-size: 16px; font-size: 18px; margin: 0 0 10px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.page-home .activity .recent-activity-item-meta { margin: 0; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.page-home .activity .recent-activity-time { font-family: Arial; font-size: 13px; }

.page-home .activity .recent-activity-item-comment { display: none; }

.page-home .activity .recent-activity-controls { border-top: 1px solid #e8e7e3; text-align: center; }

.page-home .activity .recent-activity-controls a { background: #003467; border: 0; border-radius: 0; color: #fff; display: inline-block; font-family: 'Noto Sans'; font-size: 22px; line-height: 1.1; padding: 10px; }

.page-home .activity .recent-activity-controls a:hover { background: #002a53; }

.page-home .its-internal-guides-link { margin: 20px 0 0; text-align: center; }

.page-home .its-internal-guides-link a { color: #003467; font-family: Arial; font-size: 16px; font-size: 18px; }

.container-footer { background: #e8e7e3; display: block; margin: 50px 0 0; }

.container-footer .footer { border: 0; margin: 0; }

.container-footer nav, .container-footer .copyright { text-align: center; }

.container-footer .copyright, .container-footer a { color: #003467; font-family: Arial; font-size: 13px; }

.container-footer .copyright { margin: 10px 0 0; padding: 60px 0 25px; position: relative; }

.container-footer .copyright::before { background: url("/hc/theming_assets/01KMQE9KTRB5KS2N3NEWDM9SQ9") no-repeat; background-size: contain; content: ''; display: inline-block; height: 40px; left: 50%; margin: 0 0 0 -93px; position: absolute; top: 0; width: 186px; }

.container-footer a { border-left: 1px solid #003467; display: inline-block; margin: 0 0 8px; padding: 0 10px; }

.container-footer a:first-child { border: 0; }

.page-header { display: block;  }

.page-header { color: #003467; font-family: NeuzeitGro; font-size: 36px; line-height: 1.2;
		background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 33'%3E%3Cg fill='%23b9b4b0'%3E%3Cpath d='M0 33L33 0H16.5L0 16.5zM33 33V16.5L16.5 33z'/%3E%3C/g%3E%3C/svg%3E");
		background-size:60px 60px;
		padding:30px;
		margin-bottom:20px;
 }
 
 .page-header .heading  {
	background:#101d49;
	box-shadow:7px 0 0 #101d49, -7px 0 0 #101d49;
	color:#fff !important;
	display:inline;
	text-transform:uppercase;
	font-family:NeuzeitGro,sans-serif;
  font-weight:400;
 }


.page-header .description { font-size: 18px; font-style: normal; margin: 12px 0 40px; 

	background:#fff;
	box-shadow:7px 0 0 #fff, -7px 0 0 #fff
	min-height:40px;
}

.page-category .sections, .page-section .articles, #contact-its { background: #fff; padding: 30px; border:10px solid #101d49 }

.page-section .sections-view { background: #fff; padding: 30px; border:10px solid #273587 }

.page-category-201179945 .page-header::before { background: url("/hc/theming_assets/01KMQE9HJKMZRVS64ZPJC79SA3") no-repeat 58% 50%; background-size: 151%; }

.page-category-201442349 .page-header::before { background: url("/hc/theming_assets/01KMQE9HFB5XPEKPZ9SJWQHSVH") no-repeat 58% 50%; background-size: 180%; }

.page-category .section { margin: 0 0 40px; }

.page-category .section .heading { 
	margin: 0 0 10px;
 }

.page-category .section .heading a { font-family: 'Noto Sans'; font-size: 22px; }

.page-category .section .see-all-articles { color: #003467; display: inline-block; font-size: 14px; margin: 12px 0 0; text-decoration: underline; }

/*.page-category .description, .page-section .description { display: none; }*/

.page-category .article, .page-section .article { border: 0; list-style-position: inside; list-style-type: disc; padding: 5px 0; }

.page-category .link, .page-section .link { color: #003467; font-family: Arial; font-size: 16px; }

.page-category [data-title='Promoted article'], .page-section [data-title='Promoted article'] { padding: 0 7px 0 0; position: relative; top: -3px; }

.page-category [data-title='Promoted article']::before, .page-section [data-title='Promoted article']::before { color: #003467; }

.page-article .page-header .heading, .page-new-request .page-header .heading, .page-search-results .page-header .heading, .page-error .page-header .heading { width: 100%; }

.page-article .article-body p { line-height: 1.6; margin: 20px 0 20px; }

/*.page-article .article-body a { color: #003467; text-decoration: underline; }*/

.page-article .article-body ul, .page-article .article-body ol { margin: 25px 0 25px 25px; }

.page-article .article-body li { padding: 0 0 5px; }

.page-article .article-body img { border: 4px solid #e8e7e3; }

.page-article .attachments { margin: 30px 0; }

.page-article .attachments .attachment-item .meta-data, .page-article .attachments .attachment-item .meta-data::after { font-family: Arial; font-size: 13px; }

.page-article .attachments .attachment-item a.meta-data { color: #003467; text-decoration: underline; }

.page-article footer { margin: 30px 0; }

.page-article .article-share a::before { color: #003467; }

.page-article .article-votes { padding: 30px 0 0; text-align: left; }

.page-article .article-votes .article-votes-question { color: #003467; font-family: NeuzeitGro; font-size: 24px; line-height: 1.1; color: #003467; display: inline-block; margin: 0 0 8px; }

.page-article .article-votes .article-more-questions { display: none; }

.page-article .article-votes .article-vote-label { display: inline-block; margin: 10px 0 0; }

.page-article .article-votes .article-vote { border: 0; padding: 0; min-width: inherit; }

.page-article .article-votes .article-vote:hover { background: none; }

.page-article .article-votes .article-vote::before { content: ''; display: inline-block; height: 30px; width: 30px; }

.page-article .article-votes .article-vote::after { display: none; }

.page-article .article-votes .article-vote[aria-selected='true'] { background: none; }

.page-article .article-votes .article-vote.article-vote-up { margin: 10px 0 10px 5px; }

.page-article .article-votes .article-vote.article-vote-up::before { background: url("/hc/theming_assets/01KMQE9R06Z2QVF1SB4HB2K2NX") no-repeat; }

.page-article .article-votes .article-vote.article-vote-up:hover::before { background: url("/hc/theming_assets/01KMQE9Q89FK5VDFSPMTNSC5XE") no-repeat; }

.page-article .article-votes .article-vote.article-vote-up[aria-selected='true']::before { background: url("/hc/theming_assets/01KMQE9QWB96G5ZVNTM8TV501Y") no-repeat; }

.page-article .article-votes .article-vote.article-vote-down::before { background: url("/hc/theming_assets/01KMQE9Q7YZAXYYTXAEEPWGG0E") no-repeat; position: relative; top: 8px; }

.page-article .article-votes .article-vote.article-vote-down:hover::before { background: url("/hc/theming_assets/01KMQE9QY5HYYDSP2E0DJD010A") no-repeat; }

.page-article .article-votes .article-vote.article-vote-down[aria-selected='true']::before { background: url("/hc/theming_assets/01KMQE9QX7RK4AZC5S163HFDRM") no-repeat; }

.page-article .article-relatives h3 { background: #101d49; color: #fff; display: inline-block; font-family: 'Noto Sans'; font-size: 18px; padding: 10px; display: block; }

/*.page-article .article-relatives a { color: #003467; }*/

.page-new-request .request-form { margin: 30px 0 0; }

.page-new-request .request-form label { font-family: 'Noto Sans'; font-size: 16px; }

.page-new-request .request-form input, .page-new-request .request-form textarea, .page-new-request .request-form select, .page-new-request .request-form .nesty-input { font-family: Arial; font-size: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #e8e7e3; border-color: #e8e7e3; border-radius: 0; }

.page-new-request .request-form input:focus, .page-new-request .request-form textarea:focus, .page-new-request .request-form select:focus, .page-new-request .request-form .nesty-input:focus { border: 1px solid #0072ef; }

.page-new-request .request-form input, .page-new-request .request-form select, .page-new-request .request-form .nesty-input { height: 45px; }

.page-new-request .request-form textarea { height: 135px; }

.page-new-request .request-form .form-field ~ .form-field { margin-top: 40px; }

.page-new-request .request-form .suggestion-list { margin: 30px 0 0; }

.page-new-request .request-form .suggestion-list label { font-family: 'Noto Sans'; font-size: 16px; margin: 0 0 10px; }

.page-new-request .request-form .suggestion-list a { color: #003467; font-size: 14px; }

.page-new-request .request-form .form-field p { font-family: Arial; font-size: 13px; }

.page-new-request .request-form .upload-dropzone { border: 2px solid #e8e7e3; height: 50px; }

.page-new-request .request-form .upload-dropzone #request-attachments { height: 60px; }

.page-new-request .request-form .upload-dropzone > span, .page-new-request .request-form .upload-dropzone > span a { font-size: 14px; }

.page-new-request .request-form .upload-dropzone > span { margin-top: 2px; color: #003467; }

.page-new-request .request-form .upload-dropzone > span a { color: #003467; cursor: pointer; }

.page-new-request .request-form #upload-error { border-radius: 0; }

.page-new-request .request-form #upload-error span { color: #e03b30; font-size: 13px; }

.page-new-request .request-form .upload-item { border-radius: 0; padding-top: 7px; }

.page-new-request .request-form .upload-item .upload-link::before, .page-new-request .request-form .upload-item .upload-remove::before { position: relative; top: 1px; }

.page-new-request .request-form .upload-item .upload-link { color: #4c4c4c; font-size: 14px; }

.page-new-request .request-form .upload-item .upload-link::before { left: 3px; margin-right: 10px; top: 0; }

.page-new-request .request-form .upload-item .upload-remove { top: -3px; }

.page-new-request .request-form .upload-item .upload-progress { background-color: #003467; }

.page-new-request .request-form input[type='submit'] { background: #003467; border: 0; border-radius: 0; color: #fff; display: inline-block; font-family: 'Noto Sans'; font-size: 22px; line-height: 1.1; padding: 10px; }

.page-new-request .request-form input[type='submit']:hover { background: #002a53; }

.page-new-request .request-form .notification-error { font-size: 13px; border-radius: 0; }

zd-autocomplete { border-radius: 0; margin: 0 !important; }

zd-autocomplete-header { display: none; }

zd-autocomplete-option { padding: 10px !important; }

zd-autocomplete-breadcrumbs { font-size: 13px !important; }

.breadcrumbs li, .breadcrumbs a, .breadcrumbs li a:hover, .breadcrumbs li a:visited, .breadcrumbs span { font-family: 'Noto Sans'; font-size: 16px; text-decoration: none; }

.breadcrumbs a, .breadcrumbs li a:hover, .breadcrumbs li a:visited { color: #003467; }

.breadcrumbs li + li::before { color: #4c4c4c; opacity: .5; }

.sub-nav { margin: 30px 0 35px; min-height: inherit; padding: 0; }

.sub-nav .breadcrumbs { margin: 0; }

.sub-nav .breadcrumbs li + li::before { margin: 0 2px 0 3px; }

.page-search-results .page-header .description { font-style: italic; margin: 20px 0 25px; }

.page-search-results .search-results { display: block; }

.page-search-results .search-results-list > li:first-child { border-top: 0; }

.page-search-results .search-result { border-color: #e8e7e3;  max-width: 650px; padding: 17px 0; }

.page-search-results .search-result-link {  background-color: white; color: #003467;font-family: Arial; font-size: 16px; font-size: 18px; display: inline-block margin-bottom: 5px;}

.page-search-results .search-result-votes { position: relative; top: -1px; }

.page-search-results .search-result-votes::before { background: url("/hc/theming_assets/01KMQE9QWB96G5ZVNTM8TV501Y") no-repeat; content: ''; display: inline-block; height: 18px; position: relative; top: -4px; width: 18px; }

.page-search-results .search-result-breadcrumbs a { font-family: 'Noto Sans'; font-size: 16px; }

.page-search-results .search-result-breadcrumbs li + li::before { font-size: 16px; margin: 0 7px 0 3px; }

.page-search-results .search-result-breadcrumbs li:last-child::after { display: none; }

.page-search-results .search-result-description { margin: 10px 0; }

.page-search-results .search-result .meta-data-created { font-family: Arial; font-size: 13px; display: block; }

.page-search-results a.browse { color: #003467; font-family: Arial; font-size: 16px; text-decoration: underline; }

.page-error { margin: 35px auto 0; }

.page-error .page-header .description { margin: 30px 0 35px; }

.page-error a { color: #003467; font-family: Arial; font-size: 16px; text-decoration: underline; }

.pagination { margin: 30px 0 20px; }

.pagination .pagination-first { margin: 0; }

.pagination li { border-radius: 0; height: 30px; width: 30px; }

.pagination li:hover { background: none; !important; }

.pagination li:hover a { color: #003467 !important; text-decoration: none; }

.pagination li a, .pagination li span { color: #003467; display: inline-block; height: 100%; padding: 0; padding-top: 3px; width: 100%; }

.pagination li.pagination-current { background: none; }

.pagination li.pagination-current span { border: 0; border-bottom: 2px solid #003467; }

.notification-notice { background: #fff; position: absolute; top: 0; z-index: 2; }

.notification-notice .notification-icon::before { border-color: #003467; }

.page { margin: 0 auto; max-width: 100%; padding: 0 10px; width: 100%; }
.its-logo-header {display:none}
}

/*.its-homebuttons {float:none; margin-bottom:20px; position:relative; display:inline-block; clear:none;}*/
.its-homebuttons a {
  display:inline-block;word-break:break-word;margin-bottom:20px;
}

@media (min-width: 10px) { .page-home .popular-requests .main-aside { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 40px; }
  .page-home .popular-requests .main-aside .main { margin: 0; width: 74%; }
  .page-home .main-aside .main li { min-height: 121px; }
  .page-home .main-aside .btn-group { display: block; text-decoration:none; }
  .page-home .main-aside a { margin: 0 0 10px !important; } 

  .pre-popular-requests {
    width:100%;
    padding-right:20px;
  }
  .aside {
    width:30%;
  }
}

@media (min-width: 600px) { .page-category .page-header { position: relative; }
  .page-category .page-header::before { content: ''; background-color:#fff; border: 2px solid #000; border-radius: 60px; display: inline-block; height: 120px; position: absolute; top: 10px; left: 10px; width: 120px; margin-bottom:50px; z-index:99; }
  .page-category .page-header .heading { margin: 0 0 115px 108px; position: relative; top: 15px; padding-left:15px; }
  .page-category .page-header .description { display: none; margin: 100px 0 40px; } 
  
    /*.titles {max-width:500px;}*/
}
/* 768 */
@media (min-width: 1000px) { .container-header header, .container-header .nav-wrapper { height: 90px; }
  .container-header .logo a { height: 46px; top: 26px; width: 210px; }
  .container-header .nav-wrapper { display: none; }
  .nav-wrapper, .nav-menu { display:none !important;}
  .container-header .nav-button { display: none; }
  .container-header .nav-menu-2 { background: #000000; display: block; }
  .container-header .nav-menu-2 .inner { border: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: static; margin: 0 auto; max-width: 1120px; }
  .container-header .nav-menu-2 .inner a { border-bottom: 2px solid #fff; border-right: 1px solid #fff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }
  .container-header .nav-menu-2 .inner a:hover { border-bottom: 2px solid #003467; }
  .container-header .nav-menu-2 .inner a.link-udo { border-left: 1px solid #fff; }
  .container-header .nav-menu-2 .inner a.link-sign-in { display: none; }
  .container-header .nav-menu-2 .inner .btn-sign-in { display: none; }
  .container-header .signed-in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 20px; top: 35px; }
  .container-header .signed-in .it-services-help-centre a { margin: 0 30px; position: static; }
  .container-header .signed-in .btn-sign-in { display: block !important; position: relative; top: -2px; }
  .container-header .signed-in span { color: #fff; }
  .container-header .signed-in .dropdown-toggle::after { color: #fff; }
  .container-header .it-services-help-centre a { left: inherit; position: absolute; right: 20px; right: 100px; top: 45px; background: none; font-size: 20px; height: inherit; text-align: right; width: inherit; }
  .container-header .btn-sign-in { display: block !important; }
  .container-header .btn-sign-in .login { background: none; border: 1px solid #fff; border-radius: 0; color: #fff; display: block; font-family: 'Noto Sans'; font-size: 13px; line-height: 1.6; padding: 3px; position: absolute; right: 20px; top: 32px; }
  .container-header #user-dropdown { border-radius: 0; }
  .container-header #user-dropdown a { font-size: 14px; background:none;}
  .container-header #user-dropdown a:hover { background-color:#e6e6e6;}
  .container-header .signed-in-2 { display: none !important; }
  .page-home .popular-requests .main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 40px; }
  .page-home .popular-requests li { border: 1px solid #e8e7e3; margin: 0 0 10px; width: 24%; }
  /*.page-home .popular-requests li:nth-child(5), .page-home .popular-requests li:nth-child(6), .page-home .popular-requests li:nth-child(7), .page-home .popular-requests li:nth-child(8) { margin: 0; }*/

  .page-home .popular-requests li a { position: relative; }
    /*
  .page-home .popular-requests li a::before { content: ''; display: block; height: 90px; left: 50%; margin: 0 0 0 -45px; position: absolute; top: 30px; width: 90px; }
  .page-home .popular-requests li a:hover { background: #003467; color: #fff; }
  .page-home .popular-requests li:nth-child(1) a::before { background: url("/hc/theming_assets/01KMQE9KMQX2PSYNA4450B0C4R") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(1) a:hover::before { background: url("/hc/theming_assets/01KMQE9HCA83KF5GG5YTNX0T7R") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(2) a::before { background: url("/hc/theming_assets/01KMQE9KDXR544GRV71D0XMSGD") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(2) a:hover::before { background: url("/hc/theming_assets/01KMQE9HC4RFTJVYY8SRXX68XX") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(3) a::before { background: url("/hc/theming_assets/01KMQE9H5WZPFJPH69M4MPQZ3E") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(3) a:hover::before { background: url("/hc/theming_assets/01KMQE9H2Y5CYVM4B7AJXZEMFY") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(4) a::before { background: url("/hc/theming_assets/01KMQE9KGX5BWB0PE8RG6M3EQN") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(4) a:hover::before { background: url("/hc/theming_assets/01KMQE9H9E9S73GKQ7E5XA75DW") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(5) a::before { background: url("/hc/theming_assets/01KMQE9KET6ZJ4VHS4QNR48FJX") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(5) a:hover::before { background: url("/hc/theming_assets/01KMQE9HDDH4SWEBM0R9859804") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(6) a::before { background: url("/hc/theming_assets/01KMQE9KHD4V7MVRW8HY2FEJTK") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(6) a:hover::before { background: url("/hc/theming_assets/01KMQE9HCJ7ZPA92W3ND588PR0") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(7) a::before { background: url("/hc/theming_assets/01KMQE9K84TCR3YDS3B6GKYE65") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(7) a:hover::before { background: url("/hc/theming_assets/01KMQE9KAQX6142JT8S0BHCJKQ") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(8) a::before { background: url("/hc/theming_assets/01KMQE9CCK1PMJACYW2H2AMYF6") no-repeat; background-size: cover; }
  .page-home .popular-requests li:nth-child(8) a:hover::before { background: url("/hc/theming_assets/01KMQE9HFP0ZMXQ220PSK4Q3W8") no-repeat; background-size: cover; }
    */
  .page-home .popular-requests ul li a { height: 100%; padding: 50px 10px 50px; text-align: center; width: 100%; }
      .its-homebuttons {float:right;margin-top:15px;display:flex-box !important;}

  .page-category .sections, .page-section .articles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 30px; }
  
.page-section .sections-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -webkit-justify-content: space-between; -ms-flex-pack: left; justify-content: space-between; padding: 30px; }
  
  .page-category .section { margin: 0 0 30px; width: 49%; }
  .page-section .article { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; min-width: inherit; width: 49%; }
  .container-footer .copyright::before { height: 46px; margin: 0 0 0 -105px; width: 210px; }
  .page { margin: 0 auto; max-width: 95%; padding: 0 20px; width: 100%; }
}

@media (min-width: 800px) { .page-article .content-aside { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .page-article .content { width: 67%; }
  .page-article aside { width: 30%; }
  .page-article .article-relatives { border: 10px solid #101d49; display: block; padding:10px; padding-top:0; }
  .page-article .article-relatives li { margin: 0 0 12px; padding-left:5px; }
  /*.page-article .article-relatives a { color: #003467; font-family: Arial; font-size: 16px; }*/
  .page-article .recent-articles { margin: 0 0 40px; }
.page { margin: 0 auto; max-width: 80%; padding: 0 20px; width: 100%; }
  .titles {max-width:100%;}
}




@media (max-width:650px) {
  .it-services-help-centre, .its-homebuttons {display:none !important;}
  .titles {font-size:0.5em !important;}
  
}

@media (min-width:600px) and (max-width:700px) {
  .it-services-help-centre, .its-homebuttons {display:none !important;}
  .titles {font-size:0.6em !important;}
}

@media (min-width:700px) and (max-width:850px) {
  .it-services-help-centre, .its-homebuttons {display:none !important;}
  .titles {font-size:0.7em !important;}
}

@media (max-width:1210px) {
  .it-services-help-centre, .its-homebuttons {display:none !important;}
  .its-logo-header {display:none !important;}
}

@media (min-width:1210px) {
    .its-logo-header {max-height:50px;margin-top:-15px;padding-top:0;display:block;}
}



#contact-its { margin-top:20px; margin-right:0; display:block;}



ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  border: none !important;
}

ul.img-list li {
  display: inline-block;
  height: 150px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 150px;
  border: none !important;
}

ul.img-list li img {
	height: 150px;
  width: 150px;
  border: none !important;
}

ul.img-list-section-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  border: none !important;
}

ul.img-list-section-nav li {
  display: inline-block;
  height: 100px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 100px;
  border: none !important;
}

ul.img-list-section-nav li img {
	height: 100px;
  width: 100px;
  border: none !important;
}

ul.trainingnav-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  border: none !important;
}

ul.trainingnav-list li {
  display: inline-block;
  height: 22%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 300px;
  border: none !important;
}

ul.trainingnav-list img {
	height: 150px;
  border: none !important;
}

/*span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}  */

/* below code is for testing do not use*/

/*Nav-Box Container is for the overlay to inherit the same positioning. Do not remove */ 
.nav-box-container { position: inherit; }

/*overlay positioning and background colour for on mouse hover text */

.overlay { position: absolute; top: 7px; bottom: 0; left: 7px; right: 0; height: 200px; width: 200px; opacity: 0; transition: .5s ease; background-color: #2c5799; } 

/*This sets the text box effect to appear when hovering over the nav buttons */
.nav-box-container .overlay:hover { opacity: 1 }

/*settings for text affected by anchor <a> when hovering on nav buttons */

.hoverText a:link { color: white; font-size: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; text-decoration: none; }

.hoverText a:visited { color: white; font-size: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; text-decoration: none; }

.hoverText a:active { color: white; font-size: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; text-decoration: none; }

/* ----------------------------------------------------------------------------------- */
/* Footer */

div#page_footer
{
    /* SimonT SAT04 START */
    background-color: #101d49;
    background-image: url(/hc/theming_assets/01KMQE9HFHB0NG8DYFNZKGTK4E); 
  background-repeat: no-repeat;
    background-position: right 30px top 0;
    background-size: 280px 442px;
    min-height: 443px;
    /* SimonT SAT04 END */
    width: 100%;
    /* SimonT SAT04b START */
    /*border-top: 1px solid #738495;*/
    /* SimonT SAT04b END */
    empty-cells: show;
    display: block;

        float: left;
    display: block;
    }

div#page_footer div
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    /* SimonT SAT05 START */
    margin-top: 20px;
   font-size: 18px;
    /*font-size: 15px;*/
     /* SimonT SAT05 END */
}
/* SimonT SAT06 START */
/*div#page_footer img{
    width: 130px;
    height: 135px;
    display: block;
    }*/

div#footer_nav1 {
   height: 75px;
  /*width: 320px;
   border: 5px solid green;*/
   float: right;
   top: 0px;
   position: relative;
   clear: both;
   color: #ffffff;
   font-weight: 700;
    }

div#footer_nav1 ul li:link{
    color:#ffffff;
    text-decoration: none;
    }

 div#tef img{
    width: 226px;
    height: 50px;
    top: 30px;
    position: relative;
    margin-left: 15px;
    }
div#footer_logo img{
    width: 130px;
    height: 135px;
    }    

div#footer_nav1 ul li {
    display: inline-block;
    margin: 0 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent;
    }
div#footer_nav1 ul li:hover{
    -webkit-animation: c .5s forwards cubic-bezier(.8,.37,.21,.8);
    animation: c .5s forwards cubic-bezier(.8,.37,.21,.8);
    background-size: 100% 100%;
    text-decoration: none;
    }
div#footer_nav1 ul li a{
    color: #ffffff;
    text-decoration: none;
    }    
@keyframes c {
0% {
background-position: 100% 50%;
background-size: 100% 100%;
	}
50% {
background-position: 100% 50%;
background-size: 0 100%;
	}
51% {
background-position: 0 50%;
background-size: 0 100%;
	}
100% {
background-position: 0 50%;
background-size: 100% 100%;
	}
}  
div#footer_nav2 {
margin-bottom: 10px;
font-size: 18px;
font-weight: 700;
width: 80%;
  }
div#footer_nav3 {
margin-bottom: 10px;
font-size: 18px;

}  
.footer-submenu{
   padding:0;
   margin-left: 5px;
    }
.footer-menuitem{
   list-style-type: none;
   display: inline-block; 
    } 
.footer-menuitem:last-child .footer-link-separator {
   border-left-width: 0;
}    
.footer-submenu .footer-menuitem>a {
    margin: 0 14px;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}   

.footer-link-separator{
    display: inline-block;
    opacity: .3;
    border-left: 1px dashed #eee;
    width: 1px;
    height: 1.5em;
    vertical-align: middle;
    content: "";  
    }

.footer-menuitem a:link{
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(.1em,#fff));
    background-image: linear-gradient(transparent calc(100% - .1em),#fff .1em);
    background-size: 0 100%;
    background-repeat: no-repeat;
    }

.footer-menuitem a:hover {
    color:#ffffff;
    webkit-animation: c .5s forwards cubic-bezier(.8,.37,.21,.8); 
    animation: c .5s forwards cubic-bezier(.8,.37,.21,.8);
    background-size: 100% 100%;
    }

div#links {
    margin-top: 30px;
    padding: 0px;
    color: #2041cb;
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-size: 17px;
    }

div#links a{
    text-decoration: none;
    }
div#links a:link{
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(.1em,#2041cb));
    background-image: linear-gradient(transparent calc(100% - .1em),#2041cb .1em);
    background-repeat: no-repeat;
    }

div#links a:hover {
    color:#2041cb;
    webkit-animation: c .5s forwards cubic-bezier(.8,.37,.21,.8); 
    animation: c .5s forwards cubic-bezier(.8,.37,.21,.8);
    background-size: 100% 100%;
    }    
/* SimonT SAT06 END */


/* Linkss */
@keyframes c {
0% {
background-position: 100% 50%;
background-size: 100% 100%;
	}
50% {
background-position: 100% 50%;
background-size: 0 100%;
	}
51% {
background-position: 0 50%;
background-size: 0 100%;
	}
100% {
background-position: 0 50%;
background-size: 100% 100%;
	}
}  

a{
	text-decoration: none;
	color:#2041cb;
  /*background-image: linear-gradient(transparent calc(100% - .1em),#2041cb .1em);*/
  background-repeat: no-repeat;
  background-size: 100% 100%;
	background-color: transparent;
} 

.heading a, .sub-nav a {
  background:none;
}

a:hover{
    -webkit-animation: c .5s forwards cubic-bezier(.8,.37,.21,.8);
    animation: c .5s forwards cubic-bezier(.8,.37,.21,.8);
    background-size: 100% 100%;
    text-decoration: none;
    }

a img {
  animation:none;
}
.btn-group a {
  text-decoration:none !important;
}

/* Buttons */

.btn-raise-a-request {
  background:#101d49;
  color:#fff;
  padding:15px;
}

.btn-service-status {
  background:#a83b3e;
  color:#fff;
  padding:15px;
}

.btn-service-status:hover {
    background:#bf4246;
}

.btn-raise-a-request:hover {
  background:#1b2f72;
}

/* Article */

.content-article .article-body {
  border-left: 8px solid #f7f7f7;
  padding-left:20px;
  text-align:justify;
  /*box-shadow: 0 2px 3px rgba(10,10,10,0.1),0 0 0 1px rgba(10,10,10,0.1);
  padding:20px;*/
}

.page-section ul.articles, .page-category ul.articles, .page-section ul.sections-view {
  width:100%;
}

.page-section ul.articles li, .page-category ul.articles li, .page-section ul.sections-view li {
  list-style:none;
}

.page-category ul.articles li {
  margin-left:20px;
}

.page-section ul.articles li a, .page-category ul.articles li a, .page-section ul.sections-view li a {
 background:#f7f7f7; 
  padding:15px;
  display:inline-block;
  width:100%;
  text-decoration:none;
}
.page-section ul.sections-view li a {
  margin-bottom:5px;
}

.page-section ul.articles li a:hover, .page-category ul.articles li a:hover, .page-section ul.sections-view li a:hover {
	background:#ededed;

  
}

.page-section li.promoted, .page-category li.promoted {
  list-style:none;
}

.page-section li.promoted a, .page-category li.promoted a {
  background:#f7f7f7;
  padding:15px;
}

.profile-info a, .profile-nav a, .profile-contribution-title a, .profile-contribution-breadcrumbs li a, .my-activities-nav a, .my-activities-sub-nav a, .requests-table-info a, .my-activities-table a {
  background:none;
}

.profile-contribution-breadcrumbs li a {
  	padding-bottom:10px;
}


@media screen and (max-width: 750px) {
    div#page_footer {
    background-position: right 20px top 160px;
    background-size: 180px 261px;
    }
    div#footer_nav1 ul li{
    margin: 0px;
    }
    div#footer_nav1{
    width:50%;
    }
     div#footer_nav2 > .footer-submenu {
    display: inline-grid;
    }
    div#page_footer div{
    padding: 10px 16px 0px 16px;
    }
    div#footer_nav2{
    width:60%;
    }
   .footer-link-separator{
    display:none;
    }
  div#tef img{
    margin-bottom:20px;
  }
  .footer_nav3 {
    padding-top:30px;
  }
}

@media screen and (max-width: 1024px) {
    
     div#tef img{

    top:0px;
  
    }
  
}

/* Emoji icons to replace FA */
.fa-info-circle::before {
  content:"ℹ";
}

.fa-exclamation-triangle::before {
  content:"⚠";
}

.fa-question-circle::before {
  content:"❔";
}

.fa-arrow-circle-right::before {
  content:"➡";
}

.searchbox-suggestions {
  background: #fff;
}

.searchbox-suggestions ul {
  list-style:circle;
  margin-left:30px;
}

.searchbox-suggestions ul li {
	margin:0px;
  padding:0px;
}

.searchbox-suggestions ul li a {
  display:inline-block;
  width:100%;
  padding:10px;
  border-bottom:2px solid #eee;
  margin:0px;
}

.searchbox-suggestions ul li a:hover {
  background: #eee;
}

.titles {
  text-align:left;
  padding-left:10px;
  padding-top:10px;
  margin-top:0px;
  margin-bottom:30px;
  display: inline-block;
  word-break:break-word;
}

.logotitle, .logosubtitle {
background: #101d49 !important;
box-shadow: 7px 0 0 #101d49, -7px 0 0 #101d49 !important;
color: #fff !important;
display: inline-flex !important;
text-transform: uppercase !important;
font-family: NeuzeitGro,sans-serif;
font-weight: 700 !important;
margin-top:10px !important;
font-size:2.3em !important;
z-index:999;
margin-right:20px;
  margin-bottom:0 !important;
}

.logotitle a {
  color:#FFF !important;
  display: inline !important;
  text-transform: uppercase !important;
	font-family: NeuzeitGro,sans-serif;
	font-weight: 700 !important;
  font-size:1em ;
}

.logosubtitle {
  color:#FFF !important;
  display: inline-flex !important;
  text-transform: uppercase !important;
	font-family: NeuzeitGro,sans-serif;
	font-weight: 100 !important;
  font-size:2.3em;
}

iframe#launcher {
  display:none !important;
}

.container-header .nav-menu-2 .inner .btn-sign-in {
  display:none !important;
}

.previewBar, div:has(> zd-hc-navbar) {
    position:absolute !important;
}

.article-share {
  display:none;
}