489495df
MSV FM
MSV FM
/* Base styles */
*, input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #fff;
color: #313131;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
margin: 0;
padding-bottom: 0;
min-width: 300px;
}
.center {
text-align: center;
}
.hide {
display: none;
}
.overflow {
overflow: hidden;
}
.underline {
text-decoration: underline;
}
/* ====================================================
Content frame
==================================================== */
.header-nav, .header-search, .row, .row-dark, .row-white, .row-support-wrap {
padding-right: 20px;
padding-left: 20px;
}
.header-inner, .row-supports, .wrap {
max-width: 956px;
margin: 0 auto;
padding: 0 20px;
}
main .wrap {
padding-top: 3em;
padding-bottom: 5em;
clear: both;
max-width: 1280px;
}
main .wrap.last-content-row {
padding-bottom: 200px;
}
/* different rows */
main .knowledge-base .wrap {
padding-bottom: 0.8em;
padding-top: 0.2em;
}
main .question-section .wrap {
padding-bottom: 2.8em;
padding-top: 3.5em;
}
main .question-section .columns {
padding: 3.9em;
}
main .row.submit-request .wrap {
padding-top: 1.6em;
}
/* ====================================================
General_styling
==================================================== */
.center {
text-align: center;
}
.clear_align {
text-align: initial;
}
.transition-slow {
transition: all 200ms ease 0s;
}
img {
max-width: 100%;
vertical-align: middle;
}
img[width], img[height] {
max-width: none;
}
.img_subheading {
max-width: 40px;
}
.img_heading {
max-width: 80px;
}
figure > img {
display: block;
}
a, .article-body a.duda-link {
color: #F66035;
text-decoration: none;
}
a:focus, a:hover {
color: #f4400d;
}
p {
margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}
.article-body h3, .article-body h2, .article-body h4, .article-body h5, .article-body h6 {
font-weight: 600;
}
ul, ol {
margin: 0;
padding: 0;
}
dl, ol, ul {
letter-spacing: .32px;
}
ul {
list-style: none;
}
table {
border-collapse: collapse;
text-align: left;
width: 100%;
}
[dir=rtl] table {
text-align: right;
}
td, th {
border-color: #ddd;
border-style: solid;
padding: 12px;
}
th {
border-width: 1px 1px;
color: #505f63;
font-size: 16px;
font-weight: normal;
white-space: nowrap;
text-align: inherit;
background-color: #ecedef;
}
td {
border-width: 0 0 1px 0;
}
input, label {
display: inline-block;
vertical-align: middle;
}
label, select {
font-size: 16px;
}
input[type="checkbox"] + label {
margin-left: 5px;
}
[dir=rtl] input[type="checkbox"] + label {
margin-left: 0;
margin-right: 5px;
}
textarea {
height: 100px;
padding: 7px 10px;
resize: vertical;
}
textarea, input[type=text] {
width: 100%;
}
input, textarea, select {
color: #555;
font-style: normal;
}
input:focus, textarea:focus, select:focus {
/*outline: none;*/
border: none;
}
input::-ms-clear {
display: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: #A1ABB0;
}
:-ms-input-placeholder {
color: #A1ABB0;
}
::-moz-placeholder {
color: #A1ABB0;
opacity: 1;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px 10px;
min-width: 141px;
background: url("//theme.zdassets.com/theme_assets/71353/27f536d448438fdd88b4004a3223bcc153fb621d.svg") no-repeat #fff;
background-size: 10px 5px;
background-position: calc(100% - 10px) 50%;
}
select::-ms-expand {
display: none;
}
[dir=rtl] select {
background-position: 10px 50%;
}
/* Forms */
.container h1 {
text-align: center;
}
.form {
max-width: 505px;
margin: auto;
}
.form-field ~ .form-field {
margin-top: .6em;
}
.form-field label {
display: block;
font-weight: 400;
margin-bottom: 2px;
}
.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: #bebebe;
font-size: 11px;
}
.form-field input[type=number], .form-field input.datepicker {
width: 150px;
}
.form-field input.partialcreditcardinputfield {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUOMvdktENwyAMBTNCR8gIGcGjMIo3YwQmOGUERnA/oLQUkZIoUqrYfyednwWepnOLGYeiOOY9ksc+2g/JLMRKM4zI8jvtpQUUJRR1OzUvGZFCJI/y23lpvlRUMu1n4tKSDU8Lu76oGIaO8otEFM+KYaz4r37zVm4+vdO3EgOClFvdIUp1buNipo+DYp+fv+rxx/njAwhDYpguqyfMVKQgdRaSPwAAAABJRU5ErkJggg==") no-repeat 10px 10px;
background-size: 14px;
padding-left: 28px;
}
[dir=rtl] .form-field input.partialcreditcardinputfield {
padding-left: 0;
padding-right: 28px;
background-position: right 10px top 10px;
}
.form-field .nesty-input {
height: 37px;
line-height: 37px;
}
.form-field .nesty-input:focus {
outline: none;
border: 1px solid #999;
}
.form form + form {
margin-top: 25px;
}
.searchbox {
margin: 25px 0;
}
.searchbox-suggestions {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px 20px;
}
.searchbox-suggestions li {
padding: 5px 0;
}
[data-loading="true"] input, [data-loading="true"] textarea {
background: transparent url("//theme.zdassets.com/theme_assets/71353/6aae8ce36967837f706ac36deff4b753e43977a4.gif") 99% 50% no-repeat;
background-size: 16px 16px;
}
.form footer {
padding-top: 30px;
text-align: center;
}
.form footer a {
color: #ccc;
cursor: pointer;
margin-right: 15px;
}
/* dropdown top menu lang */
.dropdown-menu-end {
left:15px;
right: auto;
min-width: 108px;
}
.dropdown-menu {
border: 1px solid #ccc;
border-radius: 0;
box-shadow: none;
}
.user-login .dropdown-menu-end { left:-4px;}
.user-nav li.menu-item .dropdown-menu a {
color: #2F373A;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 4px 4px 4px 12px;
font-weight: 500;
}
.user-nav li.menu-item .dropdown-menu::before, .user-nav li.menu-item .dropdown-menu::after {
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.user-nav li.menu-item .dropdown-menu::after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ccc;
border-image: none;
border-style: inset inset solid;
border-width: 7px;
left: 9px;
top: -14px;
z-index: 88;
}
.user-nav li.menu-item .dropdown-menu::before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
border-style: inset inset solid;
border-width: 6px;
left: 10px;
top: -12px;
z-index: 89;
}
.user-nav li.menu-item .dropdown-menu a[role="menuitem"]:hover {
color: #2F373A;
background: inherit;
border-radius: inherit;
}
/* Labels */
.label, .request-status, .post-overview-status > span, .post-status > span {
border-radius: 20px;
display: inline-block;
font-size: 10px;
padding: 3px 10px;
text-transform: uppercase;
white-space: nowrap;
}
/* Metadata */
.meta, .meta-group {
color: #ccc;
display: inline-block;
font-size: 11px;
}
.meta-group * + *:before {
content: "\2022";
font-size: 8px;
margin: 0 10px;
}
/* Helper classes */
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clear-padding.clear-margin {
margin: 0;
}
.clear-padding, main #question-section .columns.clear-padding {
padding: 0;
}
/* Social share links */
.share {
white-space: nowrap;
}
.share li, .share a {
display: inline-block;
}
.share a {
height: 30px;
line-height: 30px;
overflow: hidden;
vertical-align: middle;
width: 30px;
}
.share a:before {
background: #ccc;
border-radius: 50%;
color: #fff;
display: inline-block;
font-family: "entypo";
text-align: center;
width: 100%;
}
.share a:hover {
text-decoration: none;
}
.share-twitter:before {
content: "\F309";
}
.share-facebook:before {
content: "\F30C";
}
.share-linkedin:before {
content: "\F318";
}
.share-googleplus:before {
content: "\F30F";
}
/* Pagination */
.pagination {
margin: 20px 0 0;
text-align: center;
}
.pagination * {
display: inline-block;
}
.pagination li {
border: 1px solid #ddd;
float: left;
margin-left: -1px;
}
[dir=rtl] .pagination li {
float: right;
}
.pagination a, .pagination span {
color: inherit;
font-size: 12px;
padding: 5px 12px;
}
.pagination-current {
background-color: #f9f9f9;
color: #bebebe;
}
.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;
}
/* Content styles */
.content-body {
word-wrap: break-word;
line-height: 1.7;
}
.content-body img {
max-width: 100%;
}
hr {
border: none;
border-bottom: 1px solid #ddd;
margin: 0px 0px 20px 0px;
clear: both;
}
.content-body pre {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px 15px;
overflow: auto;
white-space: pre;
}
.content-body blockquote {
border-left: 1px solid #eee;
color: #bebebe;
font-style: italic;
padding: 0 15px;
}
.vote {
display: inline-block;
text-align: center;
width: 35px;
}
.vote a {
outline: none;
text-decoration: none;
}
.vote-sum {
display: block;
font-weight: bold;
margin: 3px 0;
}
[dir=rtl] .vote-sum {
direction: ltr;
unicode-bidi: bidi-override;
}
.vote-up:before, .vote-down:before {
border-radius: 50%;
border: 1px solid #ddd;
color: #222222;
display: inline-block;
font-family: "entypo";
font-size: 15px;
height: 18px;
line-height: 18px;
width: 18px;
}
.vote-up:hover:before, .vote-down:hover:before {
border-color: #bbb;
}
.vote-up:before {
content: "\E763";
}
.vote-down:before {
content: "\E760";
}
.vote-voted:before, .vote-voted:hover:before {
border-color: #222222;
}
/*
* Column size - Article Pages
*/
.main-column {
float: left;
width: 67.2%;
}
.side-column {
float: right;
width: 25%;
}
/* ====================================================
Sub Nav
==================================================== */
.sub-nav {
margin-bottom: 15px;
}
.sub-nav form {
display: none;
}
.page-header {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
min-height: 50px;
padding-bottom: 15px;
}
.page-header > * {
display: table-cell;
vertical-align: middle;
}
.page-header > *:first-child {
width: 100%;
}
.page-header + p {
color: #bebebe;
margin: -15px 0 20px 0;
}
.page-header h1 {
font-size: 20px;
font-weight: 400;
}
/* ====================================================
Header
==================================================== */
.header {
position: relative;
background: -webkit-linear-gradient(135deg, #8D90FB 0%, #F586C3 100%);
background: linear-gradient(315deg, #8D90FB 0%, #F586C3 100%);
/* box-shadow: 13px 13px 17px 0 rgba(197,200,210,0.56); */
}
@media(min-width:768px) {
.homepage .header {
min-height: 490px;
}
}
.header .header-nav {
min-height: 68px;
}
.logo {
float: left;
}
.logo a {
display: block;
line-height: 56px;
}
.logo a svg {
width: auto;
height: 34px;
padding-right: 5px;
vertical-align: middle;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
@media (max-width: 64em) {
.logo {
width: 150px;
height: auto;
}
.logo a {
line-height: 64px;
}
.logo a svg {
margin-top: 0;
height: 29px;
}
}
@media (max-width: 40em) {
.logo a svg {
padding: 0;
height: 23px;
}
}
@media (min-width: 670px) {
.logo a {
padding: 0 calc(10px + (100vw - 670px) * .040541);
}
}
@media (min-width: 1023px) {
.logo a {
padding: 0 17px;
}
}
@media (min-width: 1200px) {
.logo a {
padding: 0 25px;
}
}
/* header left menu */
.header-menu {
display: none;
}
@media(min-width:980px) {
.header-menu {
display: block;
float: left;
margin: 18px 1em 0 2em;
list-style: none;
}
.header-menu li {
padding: 0 0 0 1.8vw;
float: left;
}
.header-menu a, #user #user-name, .user-nav li.menu-item a {
text-decoration: none;
color: #fff;
}
.header-menu a:hover, .header-menu a:active, #user #user-name:hover, #user #user-name:active, .user-nav li.menu-item a:active, .user-nav li.menu-item a:hover {
text-decoration: underline;
}
}
.user-nav {
float: right;
margin-top: 17px;
}
/* header nav */
.user-nav li.menu-item a {
display: block;
line-height: 31px;
margin: 0 15px;
color: #fff;
font-size: 14px;
}
.user-nav li.menu-item a.dropdown-toggle {
color: #fff;
}
.user-nav li.menu-item.submit-ticket a {
padding: 0 8px;
border: #7d7d7d 2px solid;
}
.user-nav li.menu-item.submit-ticket a:active, .user-nav li.menu-item.submit-ticket a:hover {
background: #ed7233;
border-color: #ed7233;
color: #fff;
}
.user-nav .language-switch .dropdown-menu {
border-radius: 6px;
}
.user-nav li.menu-item.user-login a {
color: #3C3F44;
font-weight: 500;
text-decoration: none;
text-transform: capitalize;
}
.user-nav li.menu-item.user-login a:hover, .user-nav li.menu-item.user-login a:active {
color: #F66035;
text-decoration: underline;
}
body:not(.homepage) .home-hero {
display: none;
}
.home-hero img {
max-width: 240px;
height: auto;
}
/* header search */
.header-search {
padding-bottom: 42px;
}
.header-search a {
color: #fff;
font-size: 25px;
font-weight: bold;
letter-spacing: 0.01em;
line-height: 1.4;
text-align: center;
display: block;
margin: 15px 0;
}
.homepage .header-search a {
font-size: 34px;
}
@media(min-width:768px) {
.header {
padding-top: 20px;
}
.user-nav li.menu-item a {
font-size: 16px;
}
.home-hero {
margin-top: 20px;
}
.home-hero img {
max-width: none;
}
.header-search a {
font-size: 35px;
margin-bottom: 20px;
}
.homepage .header-search a {
font-size: 45px;
margin-bottom: 30px;
}
}
.header-search a:hover {
text-decoration: none;
}
/* ====================================================
Search
==================================================== */
/*
.search {
display: block;
position: relative;
}
.search:before {
content: "\1F50D";
font-family: "entypo";
color: #ec7131;
font-size: 26px;
font-weight: bold;
left: 22px;
line-height: 60px;
position: absolute;
top: 0;
}
.search input[type="search"] {
font-size: 20px;
padding: 6px 20px 6px 58px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: none;
background-color: #fff;
box-shadow: inset 0px 3px 0px 0px rgba(49, 47, 46, 0.1);
width: 100%;
height: 60px;
font-style: normal;
-webkit-appearance: none;
appearance: none;
}
.search input[type="text"] {
border-radius: 20px;
font-size: 18px;
padding: 6px 45px 6px 20px;
width: 450px;
}
.search input[type=submit], .search-box input[type="submit"] {
display: none;
}
*/
/* Search box */
.search-box {
position: relative;
}
.search-box:before {
content: "\1F50D";
font-family: 'entypo';
font-size: 1.25em;
line-height: 0;
position: absolute;
text-align: center;
top: 50%;
width: 2.5em;
z-index: 1;
}
.search-box input {
line-height: 1.2em;
font-weight: lighter;
padding: .75em 2.7em;
width: 100%;
-webkit-appearance: none;
}
/* header search default tag */
.header-search-form .search {
border: none;
padding: 0;
position: relative;
display: block;
margin: .8em auto 0;
width: 420px;
max-width: 100%;
}
.header-search-form .search #query {
-webkit-appearance: none;
appearance: none;
outline: none;
display: block;
font-family: Montserrat, sans-serif;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 500;
letter-spacing: 0.032px;
background: #fff;
color: #617379;
padding: 0 8px 0 52px;
line-height: 50px;
height: 50px;
width: 100%;
border-radius: 26px;
border: 1px solid #D8DDE1;
box-shadow: none;
}
.header-search-form .search #query {
border: none;
}
.header-search-form .search input[type=submit] {
border: none;
background: transparent no-repeat 100% 50%;
background-size: 16px 16px;
width: 16px;
text-indent: -2000em;
overflow: hidden;
-webkit-appearance: none;
appearance: none;
position: absolute;
top: 0;
margin: 0;
left: 20px;
height: 50px !important;
}
/*------ Swiftype search by Bryan ------*/
span.st-ui-type-heading, span.st-ui-type-detail-bold, span.st-ui-type-detail {
font-family: Montserrat, sans-serif !important;
}
.st-install-RzZzeGPA-oUU3aQcJvPC .st-ui-result span.st-ui-type-heading {
font-size: 20px;
font-weight: 600;
}
.st-ui-injected-overlay-container .st-ui-footer a.st-ui-pagination-link, .st-install-RzZzeGPA-oUU3aQcJvPC .st-ui-result span.st-ui-type-heading {
color: #ed7233 !important;
}
span.st-ui-type-detail-bold {
color: #303030;
font-weight: 600;
font-size: 14px;
}
span.st-ui-type-detail {
font-size: 12px;
color: #515a64;
}
.st-ui-injected-overlay-container .st-ui-footer .st-ui-pagination a.st-ui-pagination-link span.st-ui-arrow {
border-color: #ed7233;
}
.st-ui-injected-overlay-container .st-ui-footer span.st-ui-pagination-link, .st-ui-injected-overlay-container .st-ui-footer .st-ui-pagination-link.active {
color: #515a64 !important;
}
a.st-ui-result:hover span.st-ui-type-detail, a.st-ui-result:hover span.st-ui-type-detail-bold {
color: #303030 !important;
}
a.st-ui-result span.st-ui-type-detail {
max-height: 80px;
}
.st-ui-injected-overlay-container section.st-ui-header, .st-ui-injected-overlay-container section.st-ui-footer {
color: #eaeaea;
}
.st-query-present {
color: #515a64;
}
div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading, section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading {
font-size: 16px;
}
div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail, section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail {
font-size: 12px;
}
/* instant search */
zd-autocomplete {
border-radius: 0;
margin: -10px 0 0;
min-width: 200px;
}
zd-autocomplete-header {
display: none;
}
zd-autocomplete-option {
color: #ec7131;
font-size: 15px;
padding: 5px 20px;
border-bottom: 1px solid #e0e6eb;
}
zd-autocomplete-option zd-autocomplete-breadcrumbs {
color: rgba(34, 34, 34, 0.5);
}
@media(min-width:564px) {
zd-autocomplete {
margin-left: 16px;
max-width: 380px;
}
}
.user-avatar {
left: -5px;
max-height: 20px;
position: relative;
top: -1px;
max-width: 20px;
overflow: hidden;
background-color: #999;
line-height: 20em;
}
button, [role=button], [type=button], [type=submit], #zd-edit-user-close {
background: transparent;
border: 1px solid;
border-color: rgba(0, 0, 0, 0.17);
border-radius: 2px;
color: #252525;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: normal;
height: 33px;
line-height: 31px;
padding: 0 10px;
position: relative;
vertical-align: middle;
white-space: nowrap;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
input[type=submit][disabled] {
opacity: .4;
}
a[role="button"]:hover {
text-decoration: none;
}
/*
* Dropdown carets
*/
button, [role=button], [type=button], [type=submit] {
background: #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #f4f4f4 50%, #ededed 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #f4f4f4 50%, #ededed 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #f4f4f4 50%, #ededed 100%);
background-image: -o-linear-gradient(top, #fff 0%, #f4f4f4 50%, #ededed 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(50%, #f4f4f4), color-stop(100%, #ededed));
background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 50%, #ededed 100%);
border-radius: 3px;
}
#user .dropdown-toggle:hover, .comment-form-controls input[type=submit]:hover, button:hover, [role=button]:hover, [type=button]:hover, [type=submit]:hover {
text-decoration: none;
}
#user .dropdown-toggle:active, .comment-form-controls input[type=submit]:active, button:active, [role=button]:active, [type=button]:active, [type=submit]:active {
background: #eee;
border-color: #ddd;
box-shadow: inset 0 -2px #ddd;
}
.dropdown-toggle {
display: inline-block;
}
.dropdown-toggle:hover {
text-decoration: none;
}
.header .dropdown-toggle:after {
font-family: "entypo";
font-size: 13px;
color: #fff;
}
nav li.submit-a-request, nav li.uni, nav li.language-switch, nav li.menu-trial {
display: none;
}
#user #user-name {
max-width: 80px;
}
@media(min-width:480px) {
nav li.language-switch {
display: inline-block;
}
}
@media(min-width:640px) {
nav li.submit-a-request {
display: inline-block;
}
#user #user-name {
max-width: 120px;
}
}
#user .dropdown-toggle, #user .dropdown-toggle:hover, #user .dropdown-toggle:active, .user-nav li.menu-item.user-login a, .user-nav li.menu-item.user-login #user-menu a {
background: transparent;
border: none;
box-shadow: none;
color: #fff;
font-size: 14px;
}
@media(min-width:768px) {
#user .dropdown-toggle, #user .dropdown-toggle:hover, #user .dropdown-toggle:active, .user-nav li.menu-item.user-login a {
font-size: 16px;
}
}
@media(min-width:1024px) {
nav li.menu-trial {
display: inline-block;
}
}
@media(min-width: 1148px) {
nav li.uni {
display:inline-block;
}
}
.user-nav li.menu-item.user-login #user-menu a {
color: #2F373A;
text-decoration: none;
}
.user-nav li.menu-item.user-login a:hover {
text-decoration: underline;
color: #fff;
}
#user .dropdown-toggle .user-avatar {
border-radius: 50%;
}
.user-nav li.menu-item.user-login #user-menu a:hover {
color: #2F373A;
text-decoration: underline;
}
#user #user-dropdown {
border-radius: 6px;
margin-top: 0;
min-width: 164px;
}
.header-announcement {
padding: 2em 0 0;
text-align: center;
color: #fff;
line-height: 1.3;
}
.header-announcement h4 {
margin: 0;
line-height: 1.8;
font-weight: 700;
}
.header-announcement a {
color: #e1eded;
text-decoration: underline;
}
.header-announcement a:hover {
text-decoration: none;
}
.section-subscribe .dropdown-toggle, .article-subscribe, .article-unsubscribe {
background: #fafafa;
color: #1a74b0;
border: 0;
box-shadow: none;
}
.article-subscribe:hover, .article-unsubscribe:hover {
box-shadow: none;
}
.topic-follow [role=button], .post-follow [role=button] {
padding: 0 10px !important;
}
/* orange button */
.orange {
color: #ec7131;
}
.orange-button, #new_request footer input[type="submit"] {
font-size: 1em;
line-height: 1.1;
margin: 1.5em 0;
font-weight: 600;
color: #fff;
padding: 1em 3.1em;
box-shadow: 0.707px 0.707px 1px 0px rgba(128, 131, 133, 0.35);
background: #f66035 !important;
text-align: center;
border: none;
border-radius: 3em;
height: auto;
text-transform: uppercase;
}
.orange-button:hover, #new_request footer input[type="submit"]:hover, #new_request footer input[type="submit"]:active, #new_request footer input[type="submit"]:focus {
background: #f66035;
box-shadow: 0.707px 0.707px 1px 0px rgba(128, 131, 133, 0.35);
color: #fff;
}
dl.request-details + a[role="button"] {
font-size: 0.868em;
margin: 0;
width: 100%;
padding: 1em;
white-space: normal;
}
#new_request footer input[type="submit"] {
width: 236px;
margin-bottom: 0;
}
/* switch buttons */
.wlreseller .direct, .wlreseller .user-nav li.menu-item a.direct {
display: none;
}
.wlreseller .reseller.hidden, .wlreseller li.menu-item.submit-ticket .reseller.hidden {
display: inline-block;
}
@media (max-width: 410px){
li.menu-item.menu-trial {
display:none;
}
}
/* ====================================================
Home
==================================================== */
.knowledge-base h2 {
font-size: 1.24em;
color: #3C3F44;
padding: 0 0 0.14em;
text-align: center;
}
/* hp cats */
ul.category-list {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -10px 2em;
}
.category-list li {
margin: 0 10px 20px;
padding: 0;
box-sizing: border-box;
height: 100px;
border: 1px solid #EBEDEF;
width: 100%;
text-align: center;
vertical-align: top;
font-size: 16px;
transition: all 200ms ease;
}
.category-list li:hover {
box-shadow: 12px 8px 20px 0 rgba(182, 140, 224, 0.54);
border: 1px solid #EBEDEF;
}
.category-list li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100px;
width: 100%;
overflow: hidden;
text-align: center;
padding: 14px 20px;
margin-bottom: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.category-list li a h3, .category-list li a div h4 {
color: #2F373A;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.0115em;
text-decoration: none;
text-transform: uppercase;
line-height: 1.4;
margin: 0;
}
.category-list li a:hover, .category-list li a h3:hover {
text-decoration: none;
}
/* cats hover */
.category-list li a div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 16px 20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
will-change: opacity, visibility;
cursor: pointer;
text-align: left;
}
.category-list li a:active div, .category-list li a:hover div {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.category-list li a div h4 {
color: #fff;
margin-bottom: 0.64em;
padding-right: 10px;
letter-spacing: 0.015em;
}
.category-list li a div p {
color: #fff;
font-size: 12px;
letter-spacing: 0.024em;
line-height: 1.3;
}
/* hover white arrow */
/*
.category-list li a div::after {
content: '';
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIgMGwtMS40MSAxLjQxTDE0LjE3IDVIMHYyaDE0LjE3bC0zLjU4IDMuNTlMMTIgMTJsNi02eiIvPjwvc3ZnPg==) no-repeat 100% 50%;
width: 15px;
height: 10px;
display: block;
background-size: 15px 10px;
position: absolute;
top: 14px;
right: 25px;
-webkit-transform: translateX(-28px);
transform: translateX(-28px);
opacity: 0;
will-change: opacity, transform;
-webkit-transition: opacity 0.2s ease-in 0.04s, -webkit-transform 0.4s ease-out 0.04s;
transition: opacity 0.2s ease-in 0.04s, transform 0.4s ease-out 0.04s;
}
.category-list li a:hover div::after, .category-list li a:active div::after {
right: 24px;
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
*/
@media(min-width:540px) {
.category-list li {
width: 200px;
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px);
}
}
@media(min-width:768px) {
.category-list li {
width: 290px;
width: -webkit-calc(33.333% - 20px);
width: calc(33.333% - 20px);
}
}
/* ====================================================
Navigation pages: Home, Category and Section
==================================================== */
.knowledge-base h1 {
letter-spacing: 1px;
margin-bottom: 10px;
margin-top: 36px;
}
.knowledge-base:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.community h4 {
float: right;
margin: 0;
}
[dir=rtl] .community h4 {
float: left;
}
.trending-questions + h4 {
margin-top: 65px;
}
.community, .section-tree, .subtle-wrap, .article-sidebar section {}
.subtle-wrap {
margin-top: 11px;
}
.community .recent-activity, .community-homepage .recent-activity {
padding: 0;
width: auto;
}
.community h2 {
border-bottom: 1px solid;
border-bottom-color: #ececec;
border-bottom-color: rgba(0, 0, 0, 0.07);
font-size: 16px;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 12px;
text-transform: uppercase;
}
.community h2 a {
font-size: 12px;
margin-left: 5px;
}
.community-homepage h2 {
display: none;
}
.community h4 a {
font-size: 11px;
font-weight: normal;
margin-left: 5px;
}
.section-tree .section {
display: inline-block;
margin: 0 0 30px;
vertical-align: top;
width: 49%;
}
.knowledge-base h4:before, .community h4:before {
color: #313131;
font-family: "entypo";
font-size: 20px;
margin-right: 10px;
vertical-align: middle;
}
.article-promoted span {
cursor: default;
margin-right: 5px;
position: relative;
}
.article-promoted span:before, .article-promoted span:after {
display: none;
position: absolute;
}
.article-promoted span:hover:before, .article-promoted span:hover:after {
display: block;
}
.article-promoted span:before {
background-color: #222;
background-color: rgba(0, 0, 0, 0.85);
border-radius: 4px;
color: #fff;
content: attr(data-title);
left: -10px;
margin-top: 5px;
padding: 3px 10px;
top: 100%;
white-space: nowrap;
z-index: 1;
}
.article-promoted span:after {
border-bottom: 5px solid;
border-bottom-color: #222;
border-bottom-color: rgba(0, 0, 0, 0.85);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: -5px;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
width: 0;
}
.category-description, .section-description {
color: #313131;
font-size: 14px;
line-height: normal;
margin-top: 0;
margin-bottom: 21px;
}
.category-description:empty, .section-description:empty {
display: none;
}
.section-subscribe, .section-unsubscribe {
float: right;
margin-top: 5px;
}
.category-list a, .section-list a {
color: inherit;
display: inline-block;
font-size: 18px;
margin-bottom: 10px;
}
/* ====================================================
Article
==================================================== */
/* Paola/Alec commented this out to fix capitalization of the headers
.article-header h1 {
text-transform: capitalize;
}
*/
.article-author {
font-weight: bold;
}
.article-metadata {
float: left;
padding-left: 55px;
position: relative;
}
.article-avatar {
left: 0;
position: absolute;
top: 0;
}
.article-avatar img {
max-height: 38px;
max-width: 38px;
}
.article-updated {
color: #8e8e8e;
font-size: 12px;
margin-top: 5px;
}
.article-subscribe, .article-unsubscribe {
float: right;
}
.article-sidebar {
margin-top: -12px;
}
.article-sidebar h3 {
border-bottom: 1px solid #ddd;
color: #313131;
font-size: 1.24em;
margin-bottom: .5em;
margin-top: 0.3em;
padding-bottom: .34em;
}
.article-sidebar ul {
margin-bottom: 40px;
font-size: 14px;
}
.article-body, .results-item, .search-result-description {
line-height: 1.75;
word-wrap: break-word;
font-size: 14px;
}
.article-body a, .results-item a {
color: #617379;
text-decoration: underline;
}
.article-body a:hover, .results-item a:hover, .search-result .search-result-link:hover {
color: #F66035;
}
.article-body ul.article-table-of-contents {
list-style: none;
margin: 0 0 1.4em;
padding: 0;
}
.article-body ul.article-table-of-contents li {
margin: 0;
padding-left: 0;
}
.article-body ul.article-table-of-contents li > ul {
list-style-type: circle;
margin: 0 0 0 2em;
}
.article-body ul.article-table-of-contents li::before {
display: none;
}
ul.article-table-of-contents a {
color: #313131;
}
.article-body h2 {
font-size: 1.24em;
margin: 1em 0 1.2em;
color: #3C3F44;
padding-bottom: .34em;
border-bottom: 1px solid #ddd;
}
.article-body h2 + hr {
display: none;
}
.article-body h2 strong {
font-weight: 400;
}
.article-body h3 {
color: #313131;
font-size: 1.1em;
margin: 1em 0 0.24em;
}
.article-body h2:first-child {
margin-top: 0;
}
.article-body img {
height: auto;
margin: 1em 0;
max-width: 100%;
}
.article-body ol li img {
margin: 0 .3em;
}
.article-body ul li img {
margin: 1em 0 1em -1em;
max-width: calc(100% + 1em);
}
.article-body pre {
background-color: #fbfbfb;
background-color: rgba(0, 0, 0, 0.02);
border: 1px solid;
border-color: #ececec;
border-color: rgba(0, 0, 0, 0.07);
border-radius: 3px;
padding: 10px 15px;
overflow: auto;
white-space: pre-wrap;
}
.article-body blockquote {
border-left: 1px solid;
border-color: #ececec;
border-color: rgba(0, 0, 0, 0.07);
color: #8e8e8e;
font-style: italic;
margin: 20px 0;
padding-left: 20px;
}
/* new styled bullets */
.article-body ul, .article-body ol {
list-style: none;
margin: 20px 0;
padding: 0;
}
.article-body ul li > ul, .article-body li > ol {
margin: 1em 0 0;
}
.article-body ol li > ol {
margin-bottom: 1.5em;
}
.article-body li {
margin-bottom: 1em;
padding-left: 20px;
position: relative;
}
.article-body li::before {
content: '';
height: 7px;
width: 7px;
background-color: #EBEDEF;
border-radius: 50%;
position: absolute;
left: 0;
top: .64em;
}
.article-body ol {
counter-reset: olist-counter;
}
.article-body ol > li {
padding-left: 44px;
}
.article-body ol > li::before {
content: counter(olist-counter, decimal);
counter-increment: olist-counter;
height: 30px;
width: 30px;
color: #617379;
font-size: 16px;
font-weight: 500;
line-height: 31px;
text-align: center;
top: -2px;
}
.article-body table {
table-layout: auto;
border-color: #ddd;
}
.article-body table tr {
vertical-align: top;
}
.article-body td {
border-width: 1px;
}
.article-footer {
margin: 50px 0 25px;
}
.article-footer .share {
float: right;
margin-bottom: 1em;
}
/* article votes */
.article-votes {
clear: both;
margin-top: 3em;
border-top: 1px solid #B3BAC3;
padding-top: 1.5em;
}
.article-votes-controls {
margin-top: 1em;
}
.article-vote {
float: left;
position: relative;
}
.article-vote small {
color: #8e8e8e;
display: block;
}
.article-vote a:hover {
text-decoration: none;
}
.article-votes-count {
vertical-align: text-top;
line-height: 1;
}
.article-vote-up, .article-vote-down {
height: 19px;
width: 19px;
padding: 0;
margin-right: 0.8em;
line-height: 19px;
}
.article-vote-down {
margin-right: 1.2em;
}
.article-vote-up::before, .article-vote-down::before {
content: '';
display: inline-block;
height: 19px;
line-height: 19px;
width: 19px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyNy4zMjElIiB5MT0iMCUiIHgyPSI3Ni4zNjIlIiB5Mj0iOTMuODQxJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGODYxNDgiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkRCMzc2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0yIDloM3Y2SDJ6Ii8+PHBhdGggZD0iTTE1Ljg4OSA1YTMuMTEgMy4xMSAwIDAgMSAyLjM1NiAxLjAzMSAyLjk1IDIuOTUgMCAwIDEgLjcyIDIuNDJMMTcuNTUgMTQuNDVjLS4yMyAxLjQ4LTEuNTQyIDIuNTY3LTMuMDY0IDIuNTVINS4xMjdhMS4wMTMgMS4wMTMgMCAwIDEtMS4wMjUtMVY4YzAtLjE0LjAzLS4yNzguMDg4LS40MDZsMy4wNzYtN0M3LjQzMS4yMzMgNy43OTggMCA4LjIwMyAwYzIuMjY2IDAgNC4xMDIgMS43OSA0LjEwMiA0djFoMy41ODR6TTYuMTUzIDE1aDguMzQ0Yy41MTEuMDA2Ljk0OS0uMzU3IDEuMDI2LS44NTJsMS40MTUtNS45OThhLjk4My45ODMgMCAwIDAtLjI0LS44MDZBMS4wNDQgMS4wNDQgMCAwIDAgMTUuOSA3SDExLjI4YTEuMDEzIDEuMDEzIDAgMCAxLTEuMDI2LTFWNGMwLS44OTMtLjYtMS42NDktMS40MjctMS45MDZMNi4xNTMgOC4yMTJWMTV6TTQuMDUgOUgyLjc4N2MtLjU1MiAwLS43MzYuMDkxLS43MzYuNjk4djQuNjEzYzAgLjU1My4xODQuNjg5LjczNi42ODlINC4wNVY5em0xLjA3NiA4SDIuMDUxQy43MjQgMTcgMCAxNiAwIDE1VjljMC0xLjQwNi44MDctMiAyLjA1LTJoMy4wNzdjLjU2NiAwIDEuMDI2LjQ0OCAxLjAyNiAxdjhjMCAuNTUyLS40NiAxLTEuMDI2IDF6IiBmaWxsPSIjMzEzMTMxIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+) no-repeat 50% 50%;
background-size: 19px 17px;
}
.article-vote-down::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyNy4zMjElIiB5MT0iMCUiIHgyPSI3Ni4zNjIlIiB5Mj0iOTMuODQxJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGODYxNDgiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkRCMzc2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0xNCAyaDN2NmgtM3oiLz48cGF0aCBkPSJNMy4xMTEgMTJBMy4xMSAzLjExIDAgMCAxIC43NTUgMTAuOTdhMi45NSAyLjk1IDAgMCAxLS43Mi0yLjQyTDEuNDUgMi41NUMxLjY4IDEuMDcxIDIuOTkyLS4wMTcgNC41MTQgMGg5LjM1OWMuNTY2IDAgMS4wMjUuNDQ4IDEuMDI1IDF2OGMwIC4xNC0uMDMuMjc4LS4wODguNDA2bC0zLjA3NiA3YTEuMDI3IDEuMDI3IDAgMCAxLS45MzcuNTk0Yy0yLjI2NiAwLTQuMTAyLTEuNzktNC4xMDItNHYtMUgzLjExMXptOS43MzYtMTBINC41MDNhMS4wMTkgMS4wMTkgMCAwIDAtMS4wMjYuODUyTDIuMDYyIDguODVhLjk4My45ODMgMCAwIDAgLjI0LjgwN2MuMTk4LjIyLjQ4NS4zNDcuNzk3LjM0M0g3LjcyYy41NjcgMCAxLjAyNi40NDggMS4wMjYgMXYyYzAgLjg5My42IDEuNjQ5IDEuNDI3IDEuOTA2bDIuNjc0LTYuMTE4VjJ6bTIuMTAyIDZoMS4yNjRjLjU1MiAwIC43MzYtLjA5MS43MzYtLjY5OFYyLjY4OWMwLS41NTItLjE4NC0uNjg5LS43MzYtLjY4OUgxNC45NXY2em0tMS4wNzYtOGgzLjA3NkMxOC4yNzYgMCAxOSAxIDE5IDJ2NmMwIDEuNDA2LS44MDcgMi0yLjA1IDJoLTMuMDc3YTEuMDEzIDEuMDEzIDAgMCAxLTEuMDI2LTFWMWMwLS41NTIuNDYtMSAxLjAyNi0xeiIgZmlsbD0iIzMxMzEzMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==); /*content: "\E760";*/
}
.article-vote-up:hover::before, .article-vote-up[aria-selected="true"]::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNS4xMTMgOEgxLjIxOHY3LjgyaDE0LjUyOEwxNy42ODMgN2wtNi4yODUtMS4xODNMMTAuMDA3LjgyOUg4LjI3eiIvPjxwYXRoIGQ9Ik0xNS44ODkgNWEzLjExIDMuMTEgMCAwIDEgMi4zNTYgMS4wMzEgMi45NSAyLjk1IDAgMCAxIC43MiAyLjQyTDE3LjU1IDE0LjQ1Yy0uMjMgMS40OC0xLjU0MiAyLjU2Ny0zLjA2NCAyLjU1SDUuMTI3YTEuMDEzIDEuMDEzIDAgMCAxLTEuMDI1LTFWOGMwLS4xNC4wMy0uMjc4LjA4OC0uNDA2bDMuMDc2LTdDNy40MzEuMjMzIDcuNzk4IDAgOC4yMDMgMGMyLjI2NiAwIDQuMTAyIDEuNzkgNC4xMDIgNHYxaDMuNTg0ek02LjE1MyAxNWg4LjM0NGMuNTExLjAwNi45NDktLjM1NyAxLjAyNi0uODUybDEuNDE1LTUuOTk4YS45ODMuOTgzIDAgMCAwLS4yNC0uODA2QTEuMDQ0IDEuMDQ0IDAgMCAwIDE1LjkgN0gxMS4yOGExLjAxMyAxLjAxMyAwIDAgMS0xLjAyNi0xVjRjMC0uODkzLS42LTEuNjQ5LTEuNDI3LTEuOTA2TDYuMTUzIDguMjEyVjE1ek00LjA1IDlIMi43ODdjLS41NTIgMC0uNzM2LjA5MS0uNzM2LjY5OHY0LjYxM2MwIC41NTMuMTg0LjY4OS43MzYuNjg5SDQuMDVWOXptMS4wNzYgOEgyLjA1MUMuNzI0IDE3IDAgMTYgMCAxNVY5YzAtMS40MDYuODA3LTIgMi4wNS0yaDMuMDc3Yy41NjYgMCAxLjAyNi40NDggMS4wMjYgMXY4YzAgLjU1Mi0uNDYgMS0xLjAyNiAxeiIgZmlsbD0iIzMxMzEzMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==);
}
.article-vote-down:hover::before, .article-vote-down[aria-selected="true"]::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTMuNTcgOC44MmgzLjg5NVYxSDIuOTM3TDEgOS44Mmw2LjI4NSAxLjE4NCAxLjM5IDQuOTg4aDEuNzM4eiIvPjxwYXRoIGQ9Ik0zLjExMSAxMkEzLjExIDMuMTEgMCAwIDEgLjc1NSAxMC45N2EyLjk1IDIuOTUgMCAwIDEtLjcyLTIuNDJMMS40NSAyLjU1QzEuNjggMS4wNzEgMi45OTItLjAxNyA0LjUxNCAwaDkuMzU5Yy41NjYgMCAxLjAyNS40NDggMS4wMjUgMXY4YzAgLjE0LS4wMy4yNzgtLjA4OC40MDZsLTMuMDc2IDdhMS4wMjcgMS4wMjcgMCAwIDEtLjkzNy41OTRjLTIuMjY2IDAtNC4xMDItMS43OS00LjEwMi00di0xSDMuMTExem05LjczNi0xMEg0LjUwM2ExLjAxOSAxLjAxOSAwIDAgMC0xLjAyNi44NTJMMi4wNjIgOC44NWEuOTgzLjk4MyAwIDAgMCAuMjQuODA3Yy4xOTguMjIuNDg1LjM0Ny43OTcuMzQzSDcuNzJjLjU2NyAwIDEuMDI2LjQ0OCAxLjAyNiAxdjJjMCAuODkzLjYgMS42NDkgMS40MjcgMS45MDZsMi42NzQtNi4xMThWMnptMi4xMDIgNmgxLjI2NGMuNTUyIDAgLjczNi0uMDkxLjczNi0uNjk4VjIuNjg5YzAtLjU1Mi0uMTg0LS42ODktLjczNi0uNjg5SDE0Ljk1djZ6bS0xLjA3Ni04aDMuMDc2QzE4LjI3NiAwIDE5IDEgMTkgMnY2YzAgMS40MDYtLjgwNyAyLTIuMDUgMmgtMy4wNzdhMS4wMTMgMS4wMTMgMCAwIDEtMS4wMjYtMVYxYzAtLjU1Mi40Ni0xIDEuMDI2LTF6IiBmaWxsPSIjMzEzMTMxIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+);
}
.article-voted {
box-shadow: inset 1px 1px 5px #666;
opacity: 1;
}
.article-vote-up.article-voted {
box-shadow: inset 1px 1px 5px #526f00;
background-color: #6b9100 !important;
}
.article-vote-down.article-voted {
box-shadow: inset 1px 1px 5px #99260e;
background-color: #b7391e !important;
}
/* eof votes */
.article-more-questions {
margin-bottom: 30px;
}
.article-comments {
margin-top: 50px;
}
.article-comments .subtle-wrap {
padding: 30px 30px 5px;
}
.recent-articles li, .related-articles li {
line-height: 1.375;
margin-bottom: .6em;
}
.related-articles li a {
color: #222;
}
/* ====================================================
Forms
==================================================== */
label {
display: inline-block;
font-size: 16px;
vertical-align: middle;
}
input[type=checkbox] + label {
display: inline-block;
margin-left: 5px;
}
input, textarea, select {
border: none;
outline: none;
padding: 10px;
vertical-align: middle;
background-color: #fff;
line-height: 1.24;
border-radius: 0;
}
textarea {
height: 100px;
padding: 7px 10px;
resize: vertical;
}
textarea, input[type=text] {
width: 100%;
}
input, textarea, select {
color: #252525;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
/* ====================================================
Comments - Used in the Article page and Request page
==================================================== */
.comment, .comment-form {
position: relative;
padding-bottom: 40px;
}
.comment-avatar img, .profile-avatar .avatar {
border-radius: 6px;
max-height: 68px;
max-width: 68px;
}
.profile-nav.nav-spaced {
margin: 2em 0 1em;
}
.profile-info .options {
margin-bottom: 2em;
}
.visibility-internal-icon:before {
content: "\1F512";
display: inline-block;
font-family: "entypo";
text-align: center;
width: 13px;
font-size: .48em;
vertical-align: super;
color: #222;
}
.article-promoted span, .visibility-internal {
cursor: default;
position: relative;
}
.article-promoted span:before, .article-promoted span:after, .visibility-internal:before, .visibility-internal:after {
display: none;
font-size: 13px;
font-weight: normal;
position: absolute;
}
.article-promoted span:before, .visibility-internal:before {
background: #222;
border-radius: 3px;
color: #fff;
content: attr(data-title);
left: -10px;
margin-top: 5px;
padding: 3px 10px;
text-transform: none;
top: 100%;
white-space: nowrap;
z-index: 1;
}
.article-promoted span:after, .visibility-internal:after {
border-bottom: 5px solid #222;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: -5px;
content: '';
height: 0;
left: 50%;
margin-left: -5px;
width: 0;
}
.article-promoted span:hover:before, .article-promoted span:hover:after, .visibility-internal:hover:before, .visibility-internal:hover:after {
display: block;
}
/* Comments - Article, Request and Post pages */
/*.comment-list {
margin-bottom: 25px;
}
.comment-list > * {
border-bottom: 1px solid #ddd;
padding: 25px 0;
}
.comment-list > *:first-child {
border-top: 1px solid #ddd;
}
.comment-list-header {
margin-bottom: 18px;
}
.comment-list-header > * {
display: inline-block;
margin: 0;
}
.comment-sorter {
float: right;
}
.comment-sorter a {
color: #999;
text-decoration: none;
padding-left: 20px;
}
[dir=rtl] .comment-sorter {
float: left;
}
[dir=rtl] .comment-sorter a {
padding-left: 0;
padding-right: 20px;
}
.comment-sorter [aria-selected=true] {
font-weight: bold;
color: #333;
}
.comment, .comment-form {
display: table;
table-layout: auto;
width: 100%;
word-wrap: break-word;
}
.comment > *, .comment-form > * {
display: table-cell;
vertical-align: top;
}
.comment-vote, .comment-bookmark {
text-align: center;
width: 50px;
}
.comment-bookmark:before {
color: #77a500;
content: "\1F516";
font-family: "entypo";
font-size: 23px;
line-height: 1.1;
}
.comment-avatar {
position: relative;
width: 85px;
}
.comment-avatar-agent:after {
background-color: transparent;
background-image: url("//theme.zdassets.com/theme_assets/71353/823f3892f5e99cb9eda4a864e6089407e4553d9b.png");
background-image: url("//theme.zdassets.com/theme_assets/71353/b7b159357f6a1f0630bade7816c85d4c27c808a2.svg");
background-repeat: no-repeat;
background-size: 15px;
content: " ";
height: 15px;
left: 55px;
position: absolute;
top: 55px;
width: 15px;
}
[dir=rtl] .comment-avatar-agent:after {
left: auto;
right: 55px;
}
.comment-header {
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
}
.comment-published, .comment-pending, .comment-official {
border: 1px solid transparent;
float: right;
font-size: 11px;
padding: 1px 5px;
}
[dir=rtl] .comment-published, [dir=rtl] .comment-pending, [dir=rtl] .comment-official {
float: left;
}
.comment-published {
color: #bebebe;
}
.comment-published:before {
content: " ";
display: inline-block;
width: 5px;
}
.comment-pending, .comment-official {
border-color: currentcolor;
border-radius: 2px;
}
.comment-pending {
color: #eec100;
}
.comment-official {
color: #77a500;
}
.comment-form textarea {
display: block;
border-radius: 2px 2px 0 0;
border-width: 1px;
}
.comment-ccs + textarea, .comment-attachments {
margin-top: 10px;
}
.comment-form-controls {
display: none;
margin-top: 10px;
text-align: right;
}
[dir=rtl] .comment-form-controls {
text-align: left;
}
.comment-form-controls input[type=submit] {
margin-left: 15px;
}
[dir=rtl] .comment-form-controls input[type=submit] {
margin-left: 0;
margin-right: 15px;
}
.comment-screencasts, .comment-mark-as-solved {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
[dir=rtl] .comment-screencasts, [dir=rtl] .comment-mark-as-solved {
margin-left: 20px;
}
.comment-actions {
float: right;
color: #999;
}
[dir=rtl] .comment-actions {
float: left;
}
.comment-actions .dropdown-toggle:before {
content: "\2699";
font-size: 11px;
font-family: "entypo";
}*/
/***** 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: lighten($text_color, 20%);
display: inline-block;
font-weight: 300;
font-size: 13px;
margin-bottom: 0;
}
.comment-callout a {
color: $brand_color;
}
.comment-sorter {
display: inline-block;
float: right;
}
.comment-sorter a {
color: lighten($text_color, 20%);
font-weight: 300;
font-size: 13px;
text-decoration: none;
}
[dir="rtl"] .comment-sorter {
float: left;
}
.comment-wrapper {
display: flex;
position: relative;
}
.comment-wrapper.comment-official {
border: 1px solid $brand_color;
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 {
align-items: flex-end;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.comment-author {
justify-content: space-between;
}
}
.comment-avatar {
margin-right: 10px;
}
[dir="rtl"] .comment-avatar {
margin-left: 10px;
margin-right: 0;
}
.comment-meta {
flex: 1 0 auto;
}
.comment-labels {
flex-basis: 100%;
}
@media (min-width: 768px) {
.comment-labels {
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: 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: $brand_color;
}
.comment-body {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
word-break: break-word;
font-family: $text_font;
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, .comment-body li > ul, .comment-body li > ol {
margin: 0;
}
.comment-body ul {
list-style-type: disc;
}
.comment-body a:visited {
color: darken($link_color, 20%);
}
.comment-body code {
background: darken($background_color, 3%);
border: 1px solid #ddd;
border-radius: 3px;
padding: 0 5px;
margin: 0 2px;
}
.comment-body pre {
background: darken($background_color, 3%);
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px 15px;
overflow: auto;
white-space: pre;
}
.comment-body blockquote {
border-left: 1px solid #ddd;
color: lighten($text_color, 20%);
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: lighten($text_color, 20%);
display: block;
margin: 3px 0;
}
[dir="rtl"] .vote-sum {
direction: ltr;
unicode-bidi: bidi-override;
}
.vote-up:hover::before, .vote-down:hover::before {
color: $brand_color;
}
.vote-up::before, .vote-down::before {
color: lighten($text_color, 20%);
font-size: 24px;
}
.vote-up::before {
content: "\2B06";
}
.vote-down::before {
content: "\2B07";
}
.vote-voted::before {
color: $brand_color;
}
.vote-voted:hover::before {
color: darken($brand_color, 20%);
}
.comment-actions-container {
display:flex;
align-items: center;
}
.comment-actions-container .comment-actions.actions {
margin-left: 1em;
}
/* eof comments */
.attachment-list, .screencast-list {
font-size: 11px;
margin-top: 25px;
}
.attachment-list span, .screencast-list span {
color: #999;
}
[dir=rtl] .attachment-list span, [dir=rtl] .screencast-list span {
direction: rtl;
unicode-bidi: bidi-override;
}
.attachment-list li, .screencast-list li {
margin-bottom: 10px;
}
.attachment-list li:before, .screencast-list li:before {
border-radius: 3px;
color: #bbb;
font-family: "entypo";
margin-right: 5px;
padding: 5px;
}
.attachment-list li:before {
content: "\1F4CE";
}
.screencast-list li:before {
content: "\1F4BB";
}
.request-table-toolbar {
background: #f9f9f9;
display: table;
padding: 8px;
width: 100%;
}
.request-table-filters {
display: table-cell;
text-align: right;
}
[dir=rtl] .request-table-filters {
text-align: left;
}
.request-table-filters label:before {
content: " ";
width: 25px;
display: inline-block;
}
.requests-search {
border-radius: 20px;
outline: none;
padding: 6px 15px;
}
.organization-subscribe, .organization-unsubscribe {
margin-left: 15px;
background: #444;
color: #fff;
}
.my-activities-following-header {
margin-bottom: 15px;
}
.request-id {
color: #bebebe;
}
.request-details {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 12px;
margin: 0 0 30px;
padding: 15px 20px;
}
.request-details dt ~ dt, .request-details form dt {
font-weight: bold;
margin-top: 15px;
}
.request-details dd {
margin: 2px 0 0;
word-wrap: break-word;
}
.request-details dd ul {
margin: 10px 0;
}
.request-details dd li {
list-style-type: disc;
list-style-position: inside;
margin: 0 0 3px 0;
}
.request-details .nested-field-tag:before {
content: " > ";
}
.request-details .nested-field-tag:first-child:before {
content: "";
}
.request-details .attachment-list li, .request-details .request-collaborators li {
list-style: none;
}
.request-status {
color: #fff;
border-radius: 3px;
}
.request-open {
background: #59bbe0;
}
.request-answered {
background: #f5ca00;
}
.request-solved {
background: #828282;
}
.request-details .request-collaborators {
font-size: 0;
}
.request-details .request-collaborators li {
font-size: 12px;
border-radius: 2px;
display: inline-block;
padding: 5px 6px;
background-color: #ececec;
margin: 0 5px 5px 0;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.request .comment a {
color: #222;
text-decoration: underline;
}
/* Community */
.post-to-community a {
padding-left: 20px;
padding-right: 20px;
}
.post-to-community a:before {
content: "\2b\00a0";
position: relative;
top: -1px;
}
/* Community topics page */
.topic-list li {
display: inline-block;
padding: 0 100px 30px 0;
vertical-align: top;
width: 49.5%;
}
.topic-list li h3, .topic-list li p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.topic-list li p {
color: #bebebe;
}
.topic-list li .meta-group {
margin-top: 5px;
}
[dir=rtl] .topic-list li {
padding: 0 0 30px 100px;
}
/* Community topic page */
.topic-header {
margin-bottom: 15px;
}
.topic-header > * {
display: table-cell;
vertical-align: middle;
}
.topic-filters {
width: 100%;
}
.topic-filters > * {
display: inline-block;
font-weight: bolder;
margin-right: 20px;
}
[dir=rtl] .topic-filters > * {
margin-right: 0;
margin-left: 20px;
}
.post-overview {
border-bottom: 1px solid #ddd;
padding: 16px 0;
}
.post-overview-info {
display: inline-block;
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
}
.post-overview-info a {
font-size: 16px;
}
.post-overview-info .meta-group {
display: block;
margin-top: 5px;
}
.post-pinned .post-overview-info:before {
content: "\2605";
margin-right: 5px;
color: #ec7131;
}
.post-overview-status {
float: right;
margin: 0 10px;
}
.post-overview-status > span {
color: #fff;
}
[dir=rtl] .post-overview-status {
float: left;
}
.post-overview-count {
background: #f9f9f9;
border-radius: 3px;
color: #bebebe;
float: right;
font-size: 10px;
margin-left: 10px;
min-width: 90px;
padding: 10px 15px;
text-align: center;
text-transform: uppercase;
}
.post-overview-count strong {
color: #222222;
display: block;
font-size: 13px;
}
[dir=rtl] .post-overview-count strong {
direction: ltr;
unicode-bidi: bidi-override;
}
[dir=rtl] .post-overview-count {
float: left;
margin-left: 0;
margin-right: 10px;
}
/* Community post page */
.post-actions .dropdown-toggle {
font-size: 11px;
font-weight: bold;
}
.post-actions .dropdown-toggle:before {
content: "\2699\00a0\00a0";
font: 11px bold;
font-family: "entypo";
}
.post {
display: table;
margin-bottom: 50px;
table-layout: fixed;
width: 100%;
}
.post-vote, .post-container {
display: table-cell;
vertical-align: top;
}
.post-vote {
width: 45px;
padding-top: 5px;
}
.post-header {
margin-bottom: 25px;
}
.post-header h1 {
margin: 0 0 10px;
overflow: hidden;
text-overflow: ellipsis;
}
.post-info {
display: table;
width: 100%;
}
.post-info > * {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
}
.post-avatar {
min-width: 55px;
position: relative;
}
.post-avatar img {
border-radius: 3px;
max-height: 38px;
max-width: 38px;
}
.post-avatar-agent:after {
background-color: transparent;
background-image: url("//theme.zdassets.com/theme_assets/71353/823f3892f5e99cb9eda4a864e6089407e4553d9b.png");
background-image: url("//theme.zdassets.com/theme_assets/71353/b7b159357f6a1f0630bade7816c85d4c27c808a2.svg");
background-repeat: no-repeat;
background-size: 14px;
position: relative;
display: block;
width: 15px;
height: 15px;
left: 28px;
top: -10.5px;
content: " ";
}
[dir=rtl] .post-avatar-agent:after {
left: auto;
right: 28px;
}
.post-meta {
width: 100%;
max-width: 0;
}
.post-author {
display: block;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.post-status > span {
color: #fff;
margin: 0 10px;
}
.post-planned {
background-color: #3eaae5;
}
.post-not-planned {
background-color: #b5b5b5;
}
.post-completed {
background-color: #669600;
}
.post-answered {
background-color: #669600;
}
.post-share {
margin-top: 30px;
text-align: right;
}
[dir=rtl] .post-share {
text-align: left;
}
/* Community post page and topic page */
.topic-follow [role=button], .post-follow [role=button] {
border-radius: 3px;
font-size: 12px;
padding: 4px 10px;
}
.topic-follow [role=button]:after, .post-follow [role=button]:after {
content: attr(data-follower-count);
font-family: inherit;
color: #222222;
display: inline-block;
border-left: 1px solid #ddd;
margin-left: 10px;
padding-left: 10px;
}
[dir=rtl] .topic-follow [role=button]:after, [dir=rtl] .post-follow [role=button]:after {
border-left: 0;
border-right: 1px solid #ddd;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
}
.topic-follow [role=button][aria-selected=true], .post-follow [role=button][aria-selected=true] {
background: #f9f9f9;
color: #222222;
}
/*.search-results-column {
max-width: 660px;
}*/
body.community-enabled .search-results-column {
display: inline-block;
vertical-align: top;
width: 450px;
}
body.community-enabled .search-results-column + .search-results-column {
margin-left: 35px;
}
[dir=rtl] body.community-enabled .search-results-column + .search-results-column {
margin-left: 0;
margin-right: 35px;
}
.search-results-subheading {
padding-bottom: 10px;
margin-bottom: 0;
margin-top: 0;
}
.search-results-subheading-link {
font-size: 13px;
font-weight: normal;
margin-left: 5px;
}
.search-results-list {
margin-bottom: 25px;
}
.search-results-list > * {
padding: 20px 0 12px;
}
.search-results-list > *:first-child {}
.search-result-link {}
.search-result-description, .search-result-meta {
overflow: hidden;
text-overflow: ellipsis;
}
.search-result-description {
padding-top: 1em;
}
.search-result-meta-name, .search-result-meta-time, .search-result-meta-count {
color: #bebebe;
}
.search-result-meta-time:before, .search-result-meta-count:before {
display: inline-block;
content: "\2022";
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
[dir=ltr] .search-result-meta-time:before, [dir=ltr] .search-result-meta-count:before {
padding-right: 5px;
}
[dir=rtl] .search-result-meta-time:before, [dir=rtl] .search-result-meta-count:before {
padding-left: 5px;
}
.search-result-votes {
background: #a8d119;
border-radius: 2px;
color: #fff;
display: inline-block;
line-height: 1;
padding: 4px 5px;
position: relative;
top: -2px;
}
.search-result-votes:before {
content: "\1F44D";
font-family: "entypo";
}
[dir=ltr] .search-result-votes {
margin-left: 5px;
}
[dir=ltr] .search-result-votes:before {
margin-right: 3px;
}
[dir=rtl] .search-result-votes {
margin-right: 5px;
}
[dir=rtl] .search-result-votes:before {
margin-left: 3px;
}
.chat {
background: #f6f6f6;
border: 1px solid #e0e0e0;
border-bottom: 0;
border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
cursor: pointer;
font-size: 13px;
line-height: 35px;
padding: 0 15px;
position: fixed;
right: 85px;
-webkit-transition: bottom .5s ease-in, color .5s ease-in;
-moz-transition: bottom .5s ease-in, color .5s ease-in;
-ms-transition: bottom .5s ease-in, color .5s ease-in;
-o-transition: bottom .5s ease-in, color .5s ease-in;
transition: bottom .5s ease-in, color .5s ease-in;
}
.chat:before {
content: "\E720";
font-family: "entypo";
font-size: 16px;
margin-right: 10px;
vertical-align: middle;
}
.chat:hover {
text-decoration: none;
}
.chat-available {
bottom: 0;
}
.chat-unavailable {
color: #808080;
cursor: default !important;
bottom: -50px;
}
/* promoted articles on homepage */
.promoted-articles > h3 {
color: #313131;
font-size: 40px;
margin: 0.2em 0 0;
}
.promoted-articles li {
margin-bottom: 1.3em;
}
.promoted-articles li h4 {
color: #313131;
font-size: 1.1em;
margin: 0 0 0.5em;
}
.promoted-articles p, .search-result p {
margin-bottom: 0;
padding-top: 0;
}
.promoted-articles li h4 a {
color: #313131;
}
/* homepage, custom_updates and recent activity */
.community-homepage > h4 {
color: #313131;
font-size: 1.1em;
margin: 0.64em 0 1.1em;
}
.recent-activity-header {
margin-top: 0;
font-size: 15px;
}
.recent-activity-item {
word-wrap: break-word;
}
.recent-activity-item ~ .recent-activity-item {
margin-top: 2em;
}
.recent-activity-item-parent {
color: #222222;
font-size: 12px;
text-decoration: none;
display: block;
}
.recent-activity-item-parent:hover {
text-decoration: underline;
}
a.recent-activity-item-link {
display: block;
color: #222;
}
a.recent-activity-item-link:hover, .promoted-articles h4 a:hover {
color: #ec7131;
text-decoration: none;
}
.recent-activity-item-meta, .custom-updates a .updated {
font-size: 16px;
color: #a8a8a8;
font-style: italic;
}
.recent-activity-item-time {
display: inline-block;
}
.recent-activity-item-comment {
display: none;
}
.recent-activity-item-comment:before {
display: inline-block;
content: "\2022";
}
.recent-activity-item-comment span:before {
font-family: "entypo";
content: "\00a0\00a0\e718";
display: inline-block;
vertical-align: middle;
padding-right: 3px;
}
[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment, [data-recent-activity-action="post_comment_added"] .recent-activity-item-comment, [data-recent-activity-action="answer_added"] .recent-activity-item-comment {
display: inline-block;
}
.recent-activity-controls, .recent-activity-loader {
padding-top: 20px;
font-size: 12px;
}
.recent-activity-loader {
display: inline-block;
position: relative;
}
.recent-activity-loader:before {
display: block;
position: absolute;
content: "\0020";
width: 50%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%);
animation: recent-activity-loader .5s infinite;
-webkit-animation: recent-activity-loader .5s infinite;
}
@keyframes recent-activity-loader {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@-webkit-keyframes recent-activity-loader {
0% {
left: 0;
}
100% {
left: 100%;
}
}
.escalation-badge, a.escalation-badge {
background-color: #95be22;
border-color: #95be22;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #ffffff;
font-size: 11px;
margin: 0 3px;
padding: 1px 3px;
text-decoration: none;
vertical-align: baseline;
}
/* custom updates homepage */
.custom-updates a {
color: #222;
text-decoration: none;
}
.custom-updates li ~ li {
margin-top: 1.750em;
}
.custom-updates p {
margin: 0;
}
.custom-updates p strong {
font-weight: 600;
}
.star::before, .article-promoted span {
display: inline-block;
width: 11px;
height: 10px;
margin-right: .6em;
content: '';
background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDExIDEwIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2ZmNjczYjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9InN0YXIiIGRhdGEtbmFtZT0ic3RhciIgY2xhc3M9ImNscy0xIiBkPSJNMTI0MC41LDE1NTJsMS43LDMuMjksMy44LDAuNTMtMi43NSwyLjU2LDAuNjUsMy42Mi0zLjQtMS43MS0zLjM5LDEuNzEsMC42NC0zLjYyLTIuNzQtMi41NiwzLjc5LS41M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjM1IC0xNTUyKSIvPg0KPC9zdmc+') no-repeat 50% 50%;
background-size: 11px 10px;
padding-bottom: .18em;
}
.article-promoted span b {
display: none;
}
.article-promoted span {
margin-left: -1.06em;
position: absolute;
margin-top: .2em;
}
.see-all-articles {
display: inline-block;
text-decoration: none;
color: #F66035;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.26px;
line-height: 1;
}
.custom-updates a .more {
color: #ec7131;
}
.custom-updates a .more:hover, .see-all-articles:hover {
text-decoration: underline;
}
.more a.see-all-articles::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iI0Y2NjAzNSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIgMGwtMS40MSAxLjQxTDE0LjE3IDVIMHYyaDE0LjE3bC0zLjU4IDMuNTlMMTIgMTJsNi02eiIvPjwvc3ZnPg==);
margin-left: 0;
}
/* question hp section */
.question-section {
padding-top: 0px;
text-align: center;
}
.question-section .row {
margin-bottom: 30px;
}
.question-section h2 {
color: #3C3F44;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.32px;
}
/* ====================================================
API pages
==================================================== */
.api-page td {
border-width: 0 0 1px 0 !important;
padding: 0px 10px;
margin: 0px; /*white-space: nowrap !important;*/
}
.api-page td.number {
width: 50px !important;
user-select: none !important;
}
.api-page div.alt1 {
background-color: #fff !important;
}
.api-page div.alt2 {
background-color: #eee !important;
}
.api-page div.syntaxhighlighter div.lines {
overflow-x: scroll;
}
.api-page .column-main.columns::before {
background-color: rgba(0, 0, 0, 0);
}
.api-page {
width: 100%;
}
.api-page div.clearfix {
margin: auto;
width: 90%;
max-width: 2048px;
}
.api-page div.content-body.article-body {
width: calc(100% - 19em);
float: left;
}
.api-page article.main-column {
width: 100%;
}
.api-page .ink-active-menu div.hidden-content {
display: none;
background-color: rgba(0, 0, 0, 0);
padding: 8px 8px;
border-radius: 2px;
}
.api-page pre {
background-color: rgba(0, 0, 0, 0);
font: 100%/1.5 monospace;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.0) 50%);
background-image: linear-gradient(rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.0) 50%);
background-size: 100% 3em;
margin: 0 auto;
padding-top: 0px;
padding-bottom: 0px;
border: 1px solid rgba(0, 0, 0, .3);
border-left: 4px solid rgba(0, 0, 0, .3);
border-right: 0px;
}
.api-page ul.ink-active-menu > li {
list-style-type: none;
}
.api-page ul.ink-active-menu > li {
list-style-type: none;
}
.api-page ul.ink-active-menu > li > h3 {
color: #ec7131;
}
.api-page ul.ink-active-menu > li > h3:hover {
cursor: pointer;
text-decoration: underline;
}
.api-page div.ink-menu-icon {
float: left;
font-size: 30px;
transform: rotate(270deg);
transform-origin: center;
margin-right: 5px;
margin-left: 0px;
margin-top: -8px;
-webkit-transition: transform .2s, margin .2s;
transition: transform .2s, margin .2s;
}
.api-page div.ink-menu-icon.active-menu-open {
transform: rotate(90deg);
margin-left: 5px;
margin-right: 0px;
}
/*floating menu*/
.api-page ul.ink-floating-menu {
position: relative;
float: left;
overflow: hidden;
border-right-color: rgba(0, 0, 0, 0.1);
border-right-style: solid;
border-right-width: .5px;
width: 15em;
line-height: 1em;
height: 100%;
font-size: 15px;
list-style-type: none;
margin-top: 6px;
margin-right: 15px;
margin-left: 0px;
padding-right: 10px;
}
.api-page ul.ink-floating-menu > a {
font-size: 1.3em;
font-weight: normal;
display: block;
padding-bottom: 10px;
margin-top: 1em
}
.api-page ul.ink-floating-menu > li > a {
font-size: 16px;
}
.api-page ul.ink-floating-menu li {
padding: 5px 0px 2px 0px;
margin: 0px;
list-style-type: disc;
}
.api-page ul.ink-floating-menu li.floating-section-li > a {
pointer-events: none;
color: inherit;
}
.api-page ul.ink-floating-menu li ul {
margin-left: 10px;
padding-left: 10px;
margin-top: 2px;
list-style-type: disc;
}
.api-page ul.ink-floating-menu li ul ul li {
list-style-type: circle;
}
/*hide the sidebar when the floating menu loads*/
.api-page ul.ink-floating-menu, .api-page ul.hidden-content {
padding-left: 0px;
}
/*hide the back to top link when not mobile*/
.api-page a.backToTopLink {
display: none;
}
.api-page footer.article-footer {
clear: both;
}
.api-page .column-menu {
display: none;
}
.api-page .ink-active-menu h3:before {
content: '\A0\A0\E75C';
color: #222;
font-family: entypo;
font-size: 17px;
margin-right: 8px;
margin-top: 12px;
width: 20px;
height: 20px;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: all .1s ease-in 0s;
-ms-transform-origin: 56% 50% 0;
-webkit-transform-origin: 56% 50% 0;
transform-origin: 56% 50% 0;
float: left;
display: inline-block;
text-decoration: none;
}
.api-page .ink-active-menu h3.selected:before {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
margin-top: 6px;
}
.api-page .columns.column-main {
clear: both;
width: 100%;
padding-right: 0;
padding-left: 3em;
}
.api-page a.backToTopLink {
display: block;
width: 100px;
text-align: center;
text-decoration: none;
}
.api-page .ink-active-menu a.backToTopLink:before {
content: '\A0\A0\E75C';
color: #222;
font-family: entypo;
font-size: 17px;
margin-left: 45px;
margin-top: 20px;
margin-bottom: -10px;
width: 20px;
height: 20px;
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
transition: all .1s ease-in 0s;
-ms-transform-origin: 56% 50% 0;
-webkit-transform-origin: 56% 50% 0;
transform-origin: 56% 50% 0;
clear: both;
display: block;
text-align: center;
text-decoration: none;
}
/*media queries to make the floating menu responsive*/
@media(max-width: 800px) {
.api-page ul.ink-floating-menu {
position: relative;
top: 0px !important;
height: auto;
overflow-y: auto;
width: 100%;
clear: both;
border-right-width: 0px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: .5px rgba(0, 0, 0, 0.1) solid;
}
.api-page main.api-page {
margin-left: inherit;
padding-left: inherit;
}
/*show back to top link in mobile*/
.api-page a.backToTopLink {
display: block;
}
.api-page div.content-body.article-body {
width: 100%;
clear: both;
float: none;
}
.api-page .columns.column-main {
clear: both;
width: 100%;
padding-left: 0px;
}
}
@media (min-width: 1100px) {
.api-page ul.ink-floating-menu {
width: 16em;
}
}
/* supports footer */
.footer > .clearfix.row-support-wrap {
position: relative;
border-top: 1px solid #EBEDEF;
padding-top: 4em;
}
.homepage .footer > .clearfix.row-support-wrap, .submit-page .footer > .clearfix.row-support-wrap {
background-color: #fff;
border: none;
padding-top: 0;
}
.footer .row-supports .columns {
color: #313131;
line-height: 1.375;
letter-spacing: 0.02em;
padding: 0 2em 5.5em 3em;
}
.footer .row-supports .columns.footer-livechat {
/*border-left: 1px solid #ddd;*/
border-right: 1px solid #ddd;
padding-left: 0;
}
/*.footer .row-supports .columns.footer-troubleshoot {
padding-right: 3em;
padding-left: 0;
}*/
.footer .row-supports .columns.footer-support {
/*padding-right: 2em;*/
}
.row-supports .columns h4 {
color: #313131;
font-size: 25px;
display: block;
padding-left: 36px;
margin: 2.76em 0 .6em;
background: url('data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iV2ViX0Jyb3dzZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwLjMgOTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMC4zIDk3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjIyMjIyO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNSw5MS43Yy0zLjYtMy41LTMuNi05LjIsMC0xMi42TDUyLjYsMzNjMi40LTIuMywzLjYtNS43LDMuNC05LjFjLTAuNC01LjcsMS42LTExLjUsNi4xLTE1LjkNCgljNS41LTUuMywxMy4xLTcuMSwyMC4xLTUuNGMwLjUsMC4xLDAuNywwLjcsMC4zLDEuMWwtOC42LDguNGMtMi41LDIuNC0yLjUsNi42LDAsOWwzLjksMy44YzIuNSwyLjQsNi44LDIuNSw5LjMsMGw5LjEtOC44DQoJYzAuMy0wLjMsMS0wLjIsMS4xLDAuMmMyLjMsNy4xLDAuNywxNS4xLTUuMSwyMC43Yy00LjcsNC42LTExLjIsNi42LTE3LjMsNS44Yy0zLjctMC40LTcuMywwLjctOS45LDMuM0wxOCw5MS42DQoJQzE0LjQsOTUuMiw4LjYsOTUuMiw1LDkxLjd6IE04LjgsODcuOWMxLjUsMS41LDQuMiwxLjUsNS43LDBjMS41LTEuNSwxLjUtNCwwLTUuNWMtMS41LTEuNS00LjItMS41LTUuNywwDQoJQzcuMyw4My45LDcuMyw4Ni40LDguOCw4Ny45eiIvPg0KPC9zdmc+') no-repeat 0 8px;
background-size: 24px 24px;
}
.row-supports .columns.footer-livechat h4 {
background: url('data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iV2ViX0Jyb3dzZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwLjMgOTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMC4zIDk3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjIyMjIyO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODUuNiwyNi44aC04Ljd2MjIuNWMwLDcuNi01LjYsMTMuNS0xMywxMy41SDI5LjJ2OWMwLDQuOSwzLjksOSw4LjcsOWg0My40bDEzLDEzLjVWMzUuOA0KCUM5NC4zLDMwLjksOTAuNCwyNi44LDg1LjYsMjYuOHoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02My45LDQuM0gxNi4yYy00LjgsMC04LjcsNC04LjcsOXY1OC40bDEzLTEzLjVoNDMuNGM0LjgsMCw4LjctNCw4LjctOXYtMzZDNzIuNiw4LjQsNjguNyw0LjMsNjMuOSw0LjN6Ii8+DQo8L3N2Zz4=') no-repeat 0 8px;
background-size: 24px 25px;
}
.row-supports .columns.footer-support h4 {
background: url('data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iV2ViX0Jyb3dzZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwLjMgOTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMC4zIDk3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMjIyMjIyO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODUuOSw1MC42YzAtMC40LDAuMS0wLjcsMC4xLTEuMWMwLTE5LjctMTYtMzUuNy0zNS43LTM1LjdjLTE5LjcsMC0zNS43LDE2LTM1LjcsMzUuN2MwLDAuNCwwLDAuNywwLjEsMS4xSDguNg0KCWMwLTAuNC0wLjEtMC43LTAuMS0xLjFjMC0yMy4zLDE4LjctNDIuMSw0MS44LTQyLjFjMjMuMSwwLDQxLjgsMTguOSw0MS44LDQyLjFjMCwwLjQsMCwwLjctMC4xLDEuMUg4NS45eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjgsNjcuOWgtNC4xYy02LjgsMC0xMi4yLTUuOC0xMi4yLTEzYzAtNy4yLDUuNS0xMywxMi4yLTEzaDJMMTguOCw2Ny45eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTg0LDQxLjloMmM2LjgsMCwxMi4yLDUuOCwxMi4yLDEzYzAsNy4yLTUuNSwxMy0xMi4yLDEzaC00LjFMODQsNDEuOXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01Mi43LDc4LjZoOS41YzEuOCwwLDMuMywxLjUsMy4zLDMuM3YxLjljMCwxLjgtMS41LDMuMy0zLjMsMy4zaC05LjVjLTEuOCwwLTMuMy0xLjUtMy4zLTMuM1Y4Mg0KCUM0OS40LDgwLjEsNTAuOSw3OC42LDUyLjcsNzguNnoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05MC4xLDY3LjljMCwwLTEuNiwxOC45LTI2LjUsMTcuM3YtNC4zYzcuNCwwLjgsMjAuMS0yLjYsMjIuNC0xMyIvPg0KPC9zdmc+') no-repeat 0 6px;
background-size: 28px 24px;
padding-left: 42px;
}
.row-supports .columns h4 + p {
margin: 0 0 .2em;
}
.footer-support-link {
bottom: 3.5em;
position: absolute;
}
.footer-support-link a {
text-decoration: none;
}
.footer-note {
background: #222;
color: #fff;
font-weight: 600;
height: 34px;
left: 50%;
line-height: 34px;
position: absolute;
text-align: center;
width: 364px;
margin-left: -182px;
border-radius: 2px 2px 0 0;
}
.footer-note:after {
content: '';
position: absolute;
display: block;
right: 0;
/*width: 0;
height: 0;
border-top: 9px solid #222;
border-left: 11px solid transparent;*/
width: 11px;
height: 9px;
background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTEgOSI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICMyMjI7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGlkPSJSZWN0YW5nbGVfMzE1X2NvcHkiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDMxNSBjb3B5IiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMzIzLDI3Njh2OXMtMS43LTIuMTItMy41NC00LjQxYy0yLjE0LTIuNjctNy40Ni00LjU5LTcuNDYtNC41OWgxMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzEyIC0yNzY4KSIvPg0KPC9zdmc+') no-repeat 0 0;
background-size: 11px 9px;
}
/* resource center line */
.row-resource-center {
box-shadow: 18px 14px 27px 0 rgba(0, 0, 0, 0.12);
background: -webkit-linear-gradient(297.59deg, #F86148 0%, #FDB376 100%);
background: linear-gradient(152.41deg, #F86148 0%, #FDB376 100%);
line-height: 1.4;
padding: 2.16em 0;
color: #fff;
font-weight: 500;
font-size: 14px;
}
.footer .row-resource-center .medium-8 {
letter-spacing: 0.28px;
width: calc(100% - 10em);
}
.row-resource-center strong {
font-weight: 600;
}
.footer .row-resource-center .medium-4 {
text-align: right;
width: calc(10em);
}
.row-resource-center .medium-4 a {
letter-spacing: normal;
text-decoration: none;
color: #fff;
white-space: nowrap;
}
/* white arrow on link */
.row-resource-center .medium-4 a::after, .footer-support-link a::after, .error-page a::after, .email-support a::after, a.see-all-articles::after {
content: '';
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIgMGwtMS40MSAxLjQxTDE0LjE3IDVIMHYyaDE0LjE3bC0zLjU4IDMuNTlMMTIgMTJsNi02eiIvPjwvc3ZnPg==) no-repeat 100% 50%;
background-size: 18px 12px;
display: inline-block;
height: 12px;
margin-left: 0.6em;
width: 18px;
vertical-align: middle;
will-change: transform;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
.row-resource-center .medium-4 a:hover::after, .footer-support-link a:hover::after, .error-page a:hover::after, .email-support a:hover::after, a.see-all-articles:hover::after {
-webkit-transform: translateX(7px);
transform: translateX(7px);
}
/* ====================================================
Inner Pages
==================================================== */
/* breadcrumbs */
main .breadcrumbs .wrap {
padding: .68em 20px;
}
.breadcrumbs nav {
margin-bottom: 0;
padding: 0 20px;
}
.breadcrumbs li {
display: inline;
font-size: 12px;
color: #3C3F44;
font-weight: 600;
letter-spacing: 0.24px;
line-height: 20px;
}
.breadcrumbs li:first-child {
text-transform: capitalize;
}
.breadcrumbs li a {
color: #3C3F44;
font-weight: 400;
}
.breadcrumbs li + li::before {
color: #3C3F44;
font-weight: 400;
content: "/";
margin: 0 0.8em 0;
}
/* menu pages */
.breadcrumbs + .row .wrap {
position: relative;
}
/* left border */
.column-main.columns::before {
background: #dedede;
content: '';
height: -webkit-calc(100% + 200px);
height: calc(100% + 200px);
margin-left: -3rem;
position: absolute;
width: 1px;
box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.26);
}
.columns.column-main {
float: right;
width: 80%;
padding-right: 0;
padding-left: 3rem;
}
.columns.column-menu {
width: 20%;
float: left;
padding-left: 0;
padding-right: 1rem;
}
/* main col */
.column-main h1, a.st-search-result-link, .search-result h1 {
color: #313131;
font-size: 1.563em;
line-height: 1;
margin: 0 0 0.5em;
text-decoration: none;
}
.section-tree, i.category-empty {
display: block;
padding-top: 21px;
}
.section-tree h3, .search-result h3 {
margin: 0 0 0.92em;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.32px;
line-height: 1.2;
color: #3C3F44;
}
.search-result h3 {
margin-bottom: 0.25em;
}
.search-result .breadcrumbs {
line-height: 1.4;
}
.search-result .breadcrumbs li + li::before {
content: '>';
margin: 0 5px 0 0;
}
.search-result .breadcrumbs li:not(:last-child), .search-result .breadcrumbs li + li::before {
/* margin-right: 10px; */
}
.section h3 a, .search-result h3 a {
display: block;
color: #3C3F44;
}
.section-tree ul, ul.article-list {
color: #222;
font-size: 16px;
list-style-position: outside;
list-style-type: none;
}
.article-list li, .community li {
line-height: normal;
margin-bottom: 0;
padding: 0 2em 0 0;
}
.article-list li a, .community li a {
padding-bottom: 1.2em;
display: block;
color: #617379;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.26px;
}
/* hiding /hc/en-us/articles/226794267-Self-guided-help article link */
.article-list li a[href*="226794267"] {
display: none;
}
/* side menu */
.category-tree a.category_title, #filters-container h4 {
color: #313131;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.25px;
padding: 0.4em 0 1.6em 1rem;
}
#filters-container h4 {
margin: 0;
padding-left: 0;
}
.menu-item-cat a, .section-menu a {
display: block;
line-height: 1.2;
padding: 0 0 1.2em 1rem;
}
.category-tree .section-menu a, .category-label, .source-label, .category-label-clear, .source-label-clear {
color: #3C3F44;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.26px;
}
.category-tree a.active-cat, .category-tree a.active-sub {
color: #F66035;
}
a.toggle {
display: block;
overflow: hidden;
position: absolute;
text-decoration: none;
text-indent: -200em;
}
a.toggle::after {
content: '\A0\A0\E75C';
color: #222;
font-family: entypo;
font-size: 13px;
left: 0;
top: 0.32em;
width: 18px;
height: 18px;
line-height: 1;
position: absolute;
text-indent: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: all .2s ease-in 0s;
text-align: left;
}
a.toggle.open:after, .menu-item-cat.active-menu-item .toggle:not(.open):after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
left: -5px;
}
/* active open cats */
.menu-item-cat.active-menu-item ~ .section-menu.hide {
display: block;
}
/* contributions page */
main .contributions-page .wrap {
padding-bottom: 200px;
}
.my-activities-nav {
margin-bottom: 5em;
text-align: center;
display: none;
}
.my-activities-sub-nav {
margin-bottom: 1em;
}
/* Navigation menus */
.nav li, .nav-bordered li, .nav-spaced li {
display: inline-block;
font-weight: bold;
}
.nav li a, .nav-bordered li a, .nav-spaced li a {
font-weight: normal;
}
.nav-bordered li + li {
border: #ddd;
border: solid;
border-width: 0 0 0 1px;
margin: 0 0 0 30px;
padding: 0 0 0 30px;
}
[dir=rtl] .nav-bordered li + li {
border-width: 0 1px 0 0;
margin: 0 30px 0 0;
padding: 0 30px 0 0;
}
.nav-spaced li + li {
margin: 0 0 0 40px;
}
[dir=rtl] .nav-spaced li + li {
margin: 0 40px 0 0;
}
.my-activities-table > p {
margin: 1em 0 0;
text-align: center;
}
/* ====================================================
Submit a request styling
==================================================== */
.submit_forms {
background: transparent;
}
.submit_forms {
position: relative;
}
.phone_call_content .medium-4 [class*=column] + [class*=column]:last-child {
float: left;
}
select.available_numbers {
width: 20em;
box-shadow: none;
padding: 0.5em 0;
font-size: 0.92em;
}
select.available_numbers option {
padding: 0;
}
form.telephone_form {
max-width: 300px;
}
.phone_call_content .padding div.row {
padding: 0;
}
.phone_call_content .padding div.row .columns {
padding: 10px;
}
div#out_of_hours {
padding: 30px;
display: none;
opacity: 0;
transition: all 3s;
}
.overlay {
position: absolute;
top: 0px;
background: #fff;
left: 0px;
padding: 0 2em 0 40px;
transition: all 1s;
right: 0;
bottom: 0;
}
div#out_of_hours.active {
opacity: 1;
display: initial;
transition: all 3s;
}
.submit-page h1 {
font-size: 1.563em;
margin-bottom: 0;
}
.submit-page h1 + p {
margin-bottom: 1.2em;
margin-top: -5px;
}
.submit-page h1 + p .submit-page .form {
max-width: 739px;
margin: 0 auto;
}
/* error */
.error-page h1 {
text-transform: capitalize;
margin-bottom: 0;
}
.error-page h2 {
margin: 0;
font-size: 1.24em;
color: #3C3F44;
}
.error {
border: 1px solid #ff3200;
-webkit-box-shadow: 0 0 3px #ff3200;
-moz-box-shadow: 0 0 3px #ff3200;
box-shadow: 0 0 3px #ff3200;
}
p.error-message {
color: red;
font-style: italic;
font-size: .7em;
margin-top: -20px;
}
#new_request input, #new_request select, #new_request textarea {
box-shadow: none;
border: 1px solid #ddd;
border-radius: 2px;
}
#new_request ul[data-hc-pills-container] input {
border: none;
}
/* ============ Contact us 02/02/2018 ============ */
.row.clearfix.contact {
padding-bottom: 2em;
}
.row.clearfix.contact .wrap {
padding-top: 0px;
}
#question-section .container {
display: block;
padding-left: 40px;
}
#question-section .contact > .columns {
text-align: left;
margin-bottom: 1em;
}
@media only screen and (min-width: 40.063em) {
#question-section .contact > .columns {
padding-right: 2em;
}
#question-section .contact > .columns.support-col-right {
padding-right: 0;
padding-left: 2em;
}
#question-section .contact > .columns.support-col-right .container {
float: right;
}
#question-section .contact > .columns.support-col-left:after {
content: '';
min-height: 60px;
height: 62%;
width: 2px;
background: #B3BAC3;
opacity: 0.5;
position: absolute;
right: -1px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.contact p {
color: #617379;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.26px;
line-height: 1.5;
margin-bottom: 0;
}
.support_icons {
float: left;
margin-left: -40px;
margin-right: 16px;
max-width: 24px;
}
.row.contact h3 {
color: #313131;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.84px;
line-height: 1;
margin: 0 0 0.8em;
}
a.reset_color {
text-decoration: initial;
color: inherit;
}
a.reset_color:hover {
text-decoration: initial;
}
/* ====================================================
Thank you styling
==================================================== */
.success img {
height: 90px;
}
/* ============ NEW JOTFORM SUBMIT A REQUEST 02/02/2018 ============ */
/* ======================== */
.jotform iframe {
max-width: 960px !important;
margin-left: auto;
margin-right: auto;
width: 100% !important;
min-width: initial !important;
}
/* ============ Talkdesk contact que page / call us 02/02/2018 ============ */
/* ======================== */
/*------ phone form styling ------*/
/* phone call lock */
@supports (-webkit-filter: blur(5px)) {
.phone_call_content.blurlocked {
-webkit-filter: blur(5px);
filter: blur(5px);
}
}
@supports not (-webkit-filter: blur(5px)) {
.phone_call_content.blurlocked {
display: none;
}
}
.phone_call_content {
padding-top: 50px;
}
.phone_call_content input, .phone_call_content label {
display: block;
}
.phone_call_content label {
padding-top: 10px;
}
.phone_call_content label:first-child {
padding-top: 5px;
}
.phone_call_content .wrap {
max-width: 1280px;
}
.phone_call_content .padding .columns {
padding: 30px;
}
.phone_list {
background: white;
}
/* ======================== */
/********** Reveal Modal ************/
.support-reveal-modal-bg, .reveal-modal-bg {
position: fixed;
top: 0;
bottom: 0;
right: 0;
background: #000;
background: rgba(0, 0, 0, .45);
display: none;
left: 0;
z-index: 1;
}
.submit_forms .locked_container .support-reveal-modal-bg {
background: white;
background: rgba(255, 255, 255, .1);
display: none;
left: 0;
z-index: 1;
position: absolute;
}
.submit_forms .support-reveal-modal {
position: absolute;
}
.support-reveal-modal, .reveal-modal, dialog {
display: none;
position: fixed;
width: 100vw;
top: 2vh;
border-radius: 3px;
left: 0;
background-color: #fff;
border: 1px solid #666;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
box-shadow: 0 0 10px rgba(0, 0, 0, .4);
padding: 1.875rem;
z-index: 9;
}
@media only screen and (min-width: 40.063em) {
.support-reveal-modal, .reveal-modal, dialog {
width: 80%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto;
top: 6.25rem
}
.support-reveal-modal.tiny, .reveal-modal.tiny, dialog.tiny {
width: 30%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto
}
.support-reveal-modal.small, .reveal-modal.small, dialog.small {
width: 40%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto
}
.support-reveal-modal.medium, .reveal-modal.medium, dialog.medium {
width: 60%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto
}
.support-reveal-modal.large, .reveal-modal.large, dialog.large {
width: 70%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto
}
.support-reveal-modal.xlarge, .reveal-modal.xlarge, dialog.xlarge {
width: 95%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto
}
}
#supportPhoneModal {
max-width: 800px;
padding: 0;
max-height: 750px;
overflow: auto;
}
#supportPhoneModal .icon {
display: block;
margin: 20px auto
}
#supportPhoneModal h3 {
font-size: 1.375rem
}
#supportPhoneModal p {
font-size: 1.125rem
}
#supportPhoneModal table {
width: 77%;
display: block;
margin: 0 auto 40px;
font-weight: 300
}
@media (max-width: 40em) {
#supportPhoneModal {
height: 100vh;
overflow-y: auto;
}
#supportPhoneModal p {
font-size: .9375rem
}
#supportPhoneModal table {
display: block;
width: 100%
}
#supportPhoneModal table tr {
border-bottom: 1px solid #c7c7c7;
margin-bottom: 15px;
padding-bottom: 10px;
display: block;
float: left;
width: 100%
}
#supportPhoneModal table tr:last-child {
border-bottom: 0
}
}
#supportPhoneModal table td {
border-width: 0;
padding: 15px;
text-align: left;
font-size: 1rem;
color: #81949b
}
#supportPhoneModal table th {
border-width: 0;
}
@media (max-width: 40em) {
#supportPhoneModal table td {
display: inline-block;
float: left;
width: 45%;
padding: 5px 15px;
height: 50px
}
table td.flag-td {
width: 50px
}
table td.weight-400 {
width: 55%
}
}
.flag {
width: 40px;
height: 40px;
background: url(//du-cdn.multiscreensite.com/duda_website/img/support/flag-icons.png) no-repeat
}
.flag.england {
background-position: 0 -65px
}
.flag.france {
background-position: 0 -130px
}
.flag.israel {
background-position: 0 -195px
}
.flag.australia {
background-position: 0 -265px
}
#supportPhoneModal .bottom-modal-msg {
padding: 20px 10px;
background: #f6f6f6;
display: block
}
.phone_call_content.wrap .bottom-modal-msg {
padding: 20px 10px 0px;
display: block;
}
.support-reveal-modal.small.mustLoginModal, #mustLoginModal, #smbChatModal {
max-width: 500px;
padding: 0;
text-align: center;
}
.support-reveal-modal.small.mustLoginModal img, #mustLoginModal img, #smbChatModal img {
display: block;
margin: 40px auto 20px
}
.support-reveal-modal.small.mustLoginModal p, #mustLoginModal p, #smbChatModal p {
width: 100%;
padding: 1rem;
}
.support-reveal-modal.small.mustLoginModal h3, #mustLoginModal h3, #smbChatModal h3 {
width: 100%;
font-size: 1.6875rem;
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: 400;
color: #313131;
text-rendering: optimizeLegibility;
line-height: 1.4;
}
.support-reveal-modal.small.mustLoginModal .bottom-modal-msg, #mustLoginModal .bottom-modal-msg, #smbChatModal .bottom-modal-msg {
padding: 20px 0;
background: #f6f6f6;
display: block
}
a .locked_container.overlay {
color: initial;
}
a .locked_container.overlay:hover .orange {
text-decoration: underline;
}
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
font-size: 2.5rem;
line-height: 1;
position: absolute;
top: .5rem;
right: .6875rem;
color: #aaa;
font-weight: 700;
cursor: pointer
}
.close-reveal-modal:hover {
text-decoration: none;
}
.reveal-modal .button, .support-reveal-modal .button {
font-weight: 600;
background-image: -webkit-linear-gradient(top, #ed7233 30%, #eb6033 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ed7233), to(#eb6033));
background-image: linear-gradient(to bottom, #ed7233 30%, #eb6033 100%);
-webkit-box-shadow: 1px 1px 0 0 rgba(158, 158, 158, .3);
box-shadow: 1px 1px 0 0 rgba(158, 158, 158, .3);
letter-spacing: .3px;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: Montserrat, sans-serif;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
display: inline-block;
padding-top: .875rem;
padding-right: 1.75rem;
padding-bottom: .9375rem;
padding-left: 1.75rem;
font-size: 1rem;
background-color: #ED7233;
border-color: #d45413;
color: #fff;
-webkit-transition: background-color .3s ease-out;
transition: background-color .3s ease-out
}
/* ====================================================
Custom MEDIA
==================================================== */
/* max */
@media (max-width:1024px) {
.category-list li a div, .category-list li a:hover div::after, .category-list li a:active div::after, .category-list li a div::after {
display: none;
}
main .wrap.last-content-row, main .contributions-page .wrap {
padding-bottom: 2em;
}
.column-main.columns::before {
height: -webkit-calc(100% + 2em);
height: calc(100% + 2em);
}
input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], textarea {
border: 1px solid #ddd;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus {
border: 1px solid #ccc;
}
}
@media (min-width:768px) and (max-width:979px), (max-width:40em) {
.main-column, .side-column {
float: none;
width: 100%;
}
.article-sidebar {
margin-top: 30px;
}
.article-sidebar h3 {
border: none;
line-height: 1.2;
}
}
/* ipad portrait 768px */
@media (max-width:768px) {
.footer .row-supports .columns {
padding-right: 1em;
}
}
/* less than ipad portrait 768px */
@media (max-width:767px) {
.columns.column-main, .columns.column-menu {
float: none;
width: 100%;
padding-right: 0;
padding-left: 0;
position: relative;
}
.column-main.columns::before {
height: 1px;
margin-left: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.columns.column-menu {
padding-top: 36px;
}
.section-tree .section {
display: block;
width: 100%;
}
.column-main .section-area .section-tree, .article .column-main, .errors .column-main {
padding-bottom: 30px;
}
.article-sidebar h3 {
padding-bottom: .5em;
line-height: 1.2;
margin-top: 0.5em;
}
}
/* max 640px */
@media (max-width:40em) {
.footer .row-supports .columns.footer-livechat, .footer .row-supports .columns.footer-support {
border-right: none;
padding-left: 0;
padding-right: 0;
position: relative;
}
.footer .row-supports .columns.footer-livechat {
display: none;
}
.footer-note {
left: auto;
margin-left: 0;
padding: 0 10%;
right: -20px;
width: calc(100% + 40px);
}
.footer-note:after {
display: none;
}
.footer .row-resource-center .medium-4 {
padding: 1em 2em 0 0;
width: auto
}
.footer .row-resource-center .medium-8 {
width: auto
}
/* hide chat in footer */
.hp-articles .medium-4.columns {
display: none;
}
/* fonts */
.knowledge-base h2 {
color: #3C3F44;
padding: 0 0 0.4em;
}
a.st-search-result-link, .search-result h1 {
font-size: 1.24em;
}
.promoted-articles > h3, .column-main h1 {
font-size: 1.2em;
}
.promoted-articles li h4, .section h3 a, .search-result h3 a, .article-body h2 {
font-size: 14px;
line-height: 1.4;
}
.row-supports .columns h4, .article-sidebar h3 {
font-size: 14px;
}
.row-supports .columns.footer-livechat h4 {
background-position: 0 1px;
}
.row-supports .columns.footer-support h4 {
background-position: 0 3px;
}
/* rows */
main .wrap {
padding-bottom: 2em;
}
main .hp-articles .wrap {
padding-top: 1em;
}
main .question-section .wrap {
padding-bottom: 0.8em;
padding-top: 2.5em;
}
/* header */
.user-nav li.menu-item.submit-ticket a {
border-width: 1px;
margin-left: 0;
}
/* responsive video iframe */
.article-body iframe {
max-width: 100%;
}
.article-body table {
table-layout: auto;
}
}
@media (max-width:500px) {
#request-table td:nth-child(3n), #request-table th:nth-child(3n) {
display: none;
}
}
@media (max-width:480px) {
.form-field label {
margin-bottom: 6px;
line-height: 1.4;
}
.nav-bordered li + li {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}
.request-table-toolbar {
display: block;
}
.requests-search {
margin: 0 auto 1em;
text-align: center;
width: 88%;
display: block;
}
.request-table-filters {
display: block;
text-align: center;
}
}
@media (max-width:456px) {
.knowledge-base h2 {
line-height: 1.4;
}
/* request table linearize */
.request-table {
display: block;
margin-top: 2em;
}
.request-table thead {
display: none;
}
.request-table tr {
border-bottom: 2px solid #ddd;
display: block;
margin-bottom: 2em;
position: relative;
}
.request-table td {
display: block;
border: none;
}
.request-table tr a {
font-weight: 600;
color: #313131;
}
.request-table .request-status {
position: absolute;
right: 1em;
top: 1em;
}
}
@media (max-width:340px) {
.support-reveal-modal.small.mustLoginModal h3, #mustLoginModal h3, #smbChatModal h3 {
font-size: 1.5rem;
margin: 0 auto .5em;
}
.reveal-modal, .support-reveal-modal, dialog {
top: 0;
}
.support-reveal-modal.small.mustLoginModal p, #mustLoginModal p, #smbChatModal p {
width: 100%;
padding: 0 1rem;
line-height: 1.4;
}
}
/* ----- hiding links ----- */
.hidden, .user-nav li.menu-item a.hidden {
display: none;
}
/* ============ Answer bot (answerbot) styling by Bryan 11-22-2017 ============ */
div#zd-abm-feedback-yes:hover, div#zd-abm-feedback-no:hover {
background: #ed7233;
border-color: #ed7233;
color: #fff;
}
/* ----- zingtree custom styling by bryan ----- */
.zingtree-hc article.main-column {
width: 100%;
}
.zingtree-hc aside.article-sidebar.side-column {
display: none;
}
.zingtree-hc .main-column header {
display: none;
}
/*--ful--*/
main .full-width-article .wrap {
max-width: none;
padding: 0;
}
main .full-width-article .columns.column-main, main .full-width-article article.main-column {
width: 100%;
float: none;
padding: 0;
}
main .full-width-article .column-main.columns:before, main .full-width-article .main-column header {
display: none;
}
/* prev built on full class */
body.zingtree-hc-full .breadcrumbs {
display: none;
}
.zingtree-hc-full .last-content-row.wrap, .zingtree-hc-full .columns.column-main, .zingtree-hc-full article.main-column {
width: 100%;
padding-left: 0;
max-width: none;
}
/* hide sidebars */
.zingtree-hc-full .column-menu.columns, .zingtree-hc-full .clearfix.wrap.last-content-row::after, .zingtree-hc-full aside.article-sidebar.side-column {
display: none;
}
.zingtree-hc-full .main-column header {
display: none;
}
.zingtree-hc-full .clearfix.wrap.last-content-row {
padding-top: 0;
}
.zingtree-hc-full .article {
background: #fafafa;
}
.zingtree-hc-full .footer > .clearfix.row-support-wrap {
background: #fff;
}
.zingtree-hc-full .email-support a {
color: #ec7131;
text-decoration: none;
}
.zingtree-hc-full .email-support p {
margin: 0;
}
.zingtree-hc-full .email-support {
text-align: center;
margin-bottom: 3em;
}
/*------ zingtree 2.0 ------*/
.zingtree-hc-full .header-search-form, .zingtree-hc-full .header-inner h1 {
display: none;
}
.zingtree-hc-full .header-inner {
margin-top: 50px;
}
.zingtree-hc-full .header-search {
background: url("//theme.zdassets.com/theme_assets/71353/bc45f6bf288a9bd1e0496dafefeccb10c5cca326.jpg") !important;
background-size: cover !important;
}
.zingtree-hc-full .header-inner .title::after {
content: "Troubleshooting Self Help Guide";
color: #fff;
font-size: 50px;
font-weight: 900;
left: 25%;
margin-right: auto;
text-align: center;
display: block;
}
.zingtree-hc-full .hc-link {
display: initial;
}
.zingtree-hc-full .ts-link {
display: none;
}
.hc-link {
display: none;
}
/* troubleshooter backlinks */
.ts-inner {
text-align: center;
margin-top: 20px;
margin-bottom: -20px;
}
/* -----
.ts-inner a {
color: white;
font-weight: 500;
font-style: italic;
}
ts old link ----- */
.ts-inner a {
padding: 10px;
margin-top: 30px;
font-style: normal;
background-image: linear-gradient(to bottom, #ed7233 30%, #eb6033 100%);
color: rgb(255, 255, 255);
}
.ts-inner a:hover {
padding: 10px;
margin-top: 30px;
background: #ec7131;
text-decoration: none;
color: rgb(255, 255, 255);
}
/*ink - CSS style for warning*/
div.note.important.deprecated-article {
background-color: #ffcccc;
border-radius: 5px;
padding: 10px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
/*------ ts page email link ------*/
.tc-email-support-wrapper, .tc-email-support-wrapper a {
display: block;
}
.tc-email-support-wrapper {
margin-bottom: -36px;
height: auto;
width: 100%;
max-width: 1100px;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: right;
}
.tc-email-support-wrapper a {
margin-right: 39px;
z-index: 999999;
text-align: right;
position: relative;
display: inline-block;
}
/* ============ New search CSS 8-17-2017 ============ */
/*------ Results styling ------*/
a.st-search-result-link, .search-result .search-result-link {
color: #617379;
font-weight: 400;
}
p.sub-result, .search-result .sub-result {
font-style: italic;
color: #282828;
font-size: 1rem;
margin-bottom: 2px;
}
.search-result .breadcrumbs li, .search-result .breadcrumbs li a, .search-result .sub-result a {
font-size: 13px;
color: #282828;
}
.search-result .breadcrumbs li a:hover, .search-result .sub-result a:hover {
color: #ec7131;
}
p.fallback {
margin-bottom: 0;
max-width: 500ch;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.st-page {
text-align: center;
}
.results-item {
margin-bottom: 30px;
}
/*------ filters CSS ------*/
#filters-container input[type='checkbox'] {
display: none;
}
.category-filter:checked + .category-label, .source-filter:checked + .source-label, .category-filter-clear:checked + .category-label-clear, .source-filter-clear:checked + .source-label-clear {
background: #ed7131;
border-radius: 50px;
color: white;
}
.category-label, .source-label, .category-label-clear, .source-label-clear {
line-height: 1.2;
cursor: pointer;
padding: 0.4em 0.8em;
}
div#filters-container .filter-row {
padding-bottom: 1em;
}
input[type=checkbox] + label {
margin-left: 0;
}
/* ============ swiftype autocomplete CSS ============ */
/*------ default autocomplete CSS ------*/
form input.st-search-input {
font-size: 12px;
padding: 5px 9px 5px 27px;
height: 18px;
width: 200px;
color: #666;
border: 1px solid #ccc;
outline: none;
background: #fcfcfc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU0j0oRWEcx/Hj3ifvlMHL7C1lY7mDwUBKkoksBjKJxWIQu7xlOybDLVGukhhMZDFbxGBS8nIjKR3E96nf0dPjuuVfn+6tc35P//P8/yYMw8CpbgygGQlcYw8H+Ai8MvotxQImgt81hk1M4cEPF2IV43jCGo7wjk5MYhhlGMKbG+7BKO4wiGPn8DO1vIN+jGA9fpjQaUksecG4zjGPL3VQ5IZb9OAw+LtO1FkjatxwUuEoTzjSbRu9/xO+0W97nnArqvXuoxve1/9p1OUIlmNGU7EX9+KGt3GKNuyiC5WoQAe2NJFP3PpzzmoR0khpxle6h3pnkeKJPCPjbtglerVFfWhSVxfqJtK4qrChTMY4XdjVm9O21aIA92LrFcv6HHtAsclxQVnxa0WfsqgDUib4X9muStCA2W8BBgDJ0EeGeFZ8WAAAAABJRU5ErkJggg==) no-repeat 7px 7px;
}
.swiftype-widget .autocomplete {
background-color: #fff;
margin: 5px 0 0;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
position: absolute;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.swiftype-widget .autocomplete ul, .swiftype-widget .autocomplete {
font-family: Montserrat, sans-serif;
display: block;
list-style-type: none;
text-align: left;
padding: 0;
}
.swiftype-widget .autocomplete ul {
background-color: #fff;
margin: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.swiftype-widget .autocomplete li {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
cursor: pointer;
padding: 10px 8px;
font-size: 13px;
list-style-type: none;
background-image: none;
margin: 0;
}
.swiftype-widget .autocomplete li:first-child {
border-top: 1px solid #fff;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-ms-border-radius: 3px 3px 0 0;
-o-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.swiftype-widget .autocomplete li:last-child {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-ms-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.swiftype-widget .autocomplete li.active {
border-bottom: 1px solid #E0E6EB;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(224, 230, 235);
background-color: rgba(0, 0, 0, 0.05);
background: rgba(0, 0, 0, 0.05);
}
/* ============ Result section CSS ============ */
/*------ title CSS ------*/
.swiftype-widget .autocomplete li p {
font-size: 13px;
line-height: 16px;
margin: 0;
padding: 0;
}
.swiftype-widget .autocomplete li p.title {
margin-bottom: 0;
font-weight: 400;
color: #ed7233;
}
.st-search-result-link-plain p {
width: auto;
display: inline-block;
}
.swiftype-widget .autocomplete li p.title em {
font-style: normal;
font-weight: bold;
}
/*------ for mini URL result ------*/
a.st-search-result-link-plain, .search-result .more a {
font-size: .8em;
font-weight: 600;
color: #afafaf;
}
/*------ result-section container CSS ------*/
p.st-ui-type-section {
font-size: 10px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #303030 !important;
}
/*------ highlights ------*/
.swiftype-widget .autocomplete em, #st-results-container em, #st-result-summary em, .search-result-description em {
background: #EBEDEF !important;
font-style: normal;
font-weight: 600;
color: #617379;
padding: 0.2em 0.4em;
border-radius: 0.4em;
text-shadow: 0 1px 0 #fff;
}
.swiftype-widget .autocomplete .autocomplete_result, #st-result-summary em {
padding: 0px 15px;
}
/*------ css for results count ------*/
#st-result-summary, #st-results-container h2 {
font-size: 1rem;
line-height: 1;
margin-top: 0;
margin-bottom: 1.8em;
font-weight: 500;
}
#st-result-summary span {
font-weight: 600;
}
a.st-prev, .st-next {
margin: 0px 5px;
}
/* error 404 */
.sections.errors img.error404-img {
display: block;
margin: 0 auto 3em;
max-width: 100%;
height: auto;
}
.sections.errors h1 {
color: #313131;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.7px;
line-height: 1.5;
text-align: center;
margin: 0 0 1em;
}
.sections.errors p {
text-align: center;
margin: 1em;
}
/* notifications new css */
.imessage {
line-height: 19px;
clear: both;
border: 1px solid #ebedef;
background-color: #fff;
padding: 16px 20px 16px 26px;
margin: 1.4em 0;
position: relative;
box-sizing: border-box;
}
.imessage.ibg {
background-color: #f1f2f3;
border: 1px solid #f1f2f3;
}
.imessage a {
color: #313131;
text-decoration: underline;
}
.imessage a:hover {
color: #f66035;
}
.imessage::before {
content: '';
left: -1px;
top: -1px;
bottom: -1px;
width: 6px;
position: absolute;
background: -webkit-linear-gradient(top, #FFEF92 0%, #FFDB59 100%);
background: linear-gradient(180deg, #FFEF92 0%, #FFDB59 100%);
}
.imessage.itip::before {
background: -webkit-linear-gradient(307.12deg, #F55170 0%, #FDC28C 100%);
background: linear-gradient(142.88deg, #F55170 0%, #FDC28C 100%);
}
.imessage.inote::before {
background: -webkit-linear-gradient(135deg, #8D90FB 0%, #F586C3 100%);
background: linear-gradient(315deg, #8D90FB 0%, #F586C3 100%);
}
.imessage-name {
color: #2F373A;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.15px;
text-transform: uppercase;
}
.imessage-content {
color: #313131;
font-size: 13px;
}
.imessage-plan {
color: #2F373A;
font-size: 10px;
font-weight: 600;
letter-spacing: 1.15px;
text-transform: uppercase;
}
.imessage p, .imessage-content div, .imessage blockquote, .imessage ul, .imessage ol, .imessage dl, .imessage form, .imessage table {
margin: .5em 0 0;
}
@media (min-width: 480px) {
.imessage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.imessage-content {
padding-left: 20px;
}
.imessage p:first-child {
margin: 0;
}
}
/* eof notifications */
img.hidden, h1.hidden {
display: none;
}
/* pop articles on hp */
main .popular-articles .wrap {
padding-top: 3em;
padding-bottom: 2.4em;
}
.popular-articles li, .popular-articles ul, .popular-articles h4 {
display: inline;
margin: 0;
}
.popular-articles h2 {
margin: 0;
color: #2F373A;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.261em;
padding-right: 1em;
white-space: nowrap;
padding-bottom: .5em;
}
.popular-articles li {
padding-right: .5em;
padding-bottom: .5em;
}
.popular-articles li::after {
content: '|';
opacity: .5;
color: #617379;
font-weight: 400;
font-size: 18px;
padding-left: .8em;
}
.popular-articles li:last-child::after {
display: none;
}
.popular-articles li a {
color: #617379;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.032em;
text-decoration: underline;
}
.popular-articles li a:hover {
text-decoration: none;
}
@media(min-width:768px) {
main .popular-articles .wrap {
padding-top: 4.5em;
padding-bottom: 3.6em;
}
.popular-articles h2 {
font-size: 18px;
}
.popular-articles li a {
font-size: 16px;
}
}
@media(min-width:1024px) {
.popular-articles .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
/* hide first title, without this the title will display twice*/
div.article-reayS h1 {
display: none !important;
}
/* Footer */
.social-icons {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
width: 100%;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center
}
.social-icons .icon {
float: right;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 100%;
text-align: center;
font-size: 15px;
color: #000;
margin: 0 7px
}
@media (max-width:64em) {
.social-icons .icon {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 13px
}
}
.social-icons .icon.facebook {
background-color: white
}
.social-icons .icon.twitter {
background-color: white
}
.social-icons .icon.linkedin {
background-color: white
}
.social-icons .icon.youtube {
background-color: white
}
@media screen and (max-width:0em), screen and (min-width:40em) {
.show-for-small-only {
display: none !important
}
}
@media print, screen and (min-width:40em) {
.hide-for-medium {
display: none !important
}
}
@media screen and (max-width:39.99875em) {
.hide-for-small-only, .show-for-medium {
display: none !important
}
}
@media screen and (min-width:40em) and (max-width:63.99875em) {
.hide-for-medium-only {
display: none !important
}
}
@media screen and (max-width:39.99875em), screen and (min-width:64em) {
.show-for-medium-only {
display: none !important
}
}
@media print, screen and (min-width:64em) {
.hide-for-large {
display: none !important
}
}
@media screen and (max-width:63.99875em) {
.show-for-large {
display: none !important
}
}
@media screen and (min-width:64em) and (max-width:74.99875em) {
.hide-for-large-only {
display: none !important
}
}
@media screen and (max-width:63.99875em), screen and (min-width:75em) {
.show-for-large-only {
display: none !important
}
}
.uppercase {
text-transform: uppercase;
}
ol.no-bullet, ul.no-bullet {
margin-left: 0;
list-style: none;
}
.footer .row {
margin-left: -12px;
margin-right: -12px;
padding-right: 0;
padding-left: 0;
}
.row::after, .row::before {
display: table;
content: ' ';
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.column, .columns {
width: 100%;
float: left;
padding-right: .625rem;
padding-left: .625rem
}
.columns {
padding-left: 12px;
padding-right: 12px;
}
.small-12 {
width: 100%;
}
.column, .column:last-child:not(:first-child), .columns, .columns:last-child:not(:first-child) {
float: left;
clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right;
}
/* duda footer itself */
.footer {
float: right;
width: 100%;
background-color: #2D373A;
color: #FFFfff;
position: relative;
z-index: 2;
overflow: hidden;
font-family:Poppins, sans-serif;
font-size:16px;
font-weight:300px;
padding: 80px 0px 60px 0px;
}
.footer-wrap {
margin: 0 auto;
padding: 0 20px;
width: 100%;
max-width: 1280px;
}
.footer .lists {
display: block;
margin: 0 -25px;
}
.footer .lists > li {
float: left;
list-style: none;
padding: 0 25px;
min-height: 300px;
}
@media (max-width:64em) {
.footer .lists > li {
display: block;
width: 100%;
min-height: auto;
}
}
@media (min-width:64em) {
.footer .lists > li {
min-height: 0;
width: 25%;
}
}
.footer .lists > li ul {
color: #fff;
margin-bottom: 40px;
}
@media(min-width: 64em) {
.footer .lists > li ul { min-height: 186px;}
}
.footer .lists > li ul.active {
padding-bottom: 20px
}
/* collapsed */
@media (max-width:64em) {
.footer .lists > li ul {
border-bottom: 1px solid rgba(7, 8, 9, .2);
margin: 0
}
.footer .lists > li ul.active > li:not(.uppercase) {
display: block
}
.footer .lists > li ul.active > li.uppercase:after {
transform: rotateX(180deg)
}
.footer .lists > li ul > li {
font-size: 14px
}
.footer .lists > li ul > li.uppercase {
cursor: pointer
}
.footer .lists > li ul > li.uppercase:after {
content: "\f107";
font-family: FontAwesome;
float: right;
margin-top: 6px;
transition: transform ease .3s;
font-size: 20px
}
.footer .lists > li ul > li:not(.uppercase) {
display: none
}
}
.footer .lists > li ul > li strong {
letter-spacing: 1.5px;
line-height: 46px
}
.footer .lists > li ul > li a {
font-weight: 300;
color: #FFF;
line-height: 35px;
}
.footer .lists > li ul > li a .hiring {
background: #F66035;
font-size: 10px;
padding: 2px 8px;
border-radius: 10px;
font-weight: 600;
margin-left: 2px
}
.footer .lists > li ul > li a:hover {
color: #c7c7c7;
text-decoration: none;
}
.footer .secured {
float: right;
margin: -53px 0 0;
}
.footer .secured .item {
float: left;
margin: 0 0 0 15px
}
.footer .secured .item:last-child {
margin-top: 27px
}
footer hr {
border: .5px solid #070809;
margin: 33px 0 22px;
}
.footer .copyrights {
color: #C5C8D2;
font-size: 16px;
letter-spacing: .32px;
float: left
}
.footer .copyrights .separate {
padding: 0 11px;
color: #858791
}
@media (max-width:64em) {
.footer .copyrights .separate {
padding: 0 7px
}
.footer .copyrights {
width: 100%;
text-align: center;
letter-spacing: normal;
padding: 30px 0
}
}
.footer .social-icons {
float: right;
width: auto
}
.footer .social-icons .icon {
margin: 0 0 0 15px;
transition: all .3s ease
}
@media (max-width:64em) {
.footer .copyrights {
font-size: 14px
}
.footer .social-icons .icon {
margin: 0 0 0 12px
}
}
.footer .social-icons .icon:hover {
opacity: .8
}
@media (max-width:64em) {
.footer .social-icons {
width: 100%
}
.footer .social-icons .icon {
margin: 0 6px
}
}
/* footer lang switcher */
@media (max-width: 64em){
footer .languages {
margin-top: 30px;
}
}
@media (max-width: 40em){
footer .languages {
margin: 40px auto 0;
width:200px;
display:block;
}
}
.languages .dropdown-toggle {
height: 35px;
border: 1px solid rgba(133,135,145,.5);
display: flex;
align-items: center;
cursor: pointer;
font-weight: 500;
color:#fff;
width: 200px;
}
.languages .dropdown-toggle::after {
color: #fff;
margin: 0 11px 0 auto;
font-size:21px;
}
.languages .dropdown-toggle.lang-open::after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.languages .dropdown-toggle::before, .language-selector .dropdown-toggle::before {
display: inline-block;
content:'';
vertical-align: middle;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMWE4IDggMCAxMDggOCA4LjAxIDguMDEgMCAwMC04LTh6bTYuOTE5IDEwLjgwM2wtMi4yNzUuMzkyYy4yNi0uOTU1LjQtMS45MzkuNDE4LTIuOTI4aDIuMzk4YTcuNDE3IDcuNDE3IDAgMDEtLjU0MSAyLjUzNmgwek0xLjU0IDkuMjY3aDIuMzk4Yy4wMTcuOTkuMTU4IDEuOTczLjQxOCAyLjkyOGwtMi4yNzUtLjM5MmE3LjQxNyA3LjQxNyAwIDAxLS41NDEtMi41MzZ6bS41NDEtMy4wN2wyLjI3NS0uMzkyYy0uMjYuOTU1LS40IDEuOTM5LS40MTggMi45MjhIMS41NGMuMDMtLjg3LjIxMy0xLjcyOS41NDEtMi41MzZ6bTcuMTg2LS45MTVjLjk1OC4wMTIgMS45MTQuMSAyLjg1OC4yNmwuOTQyLjE2M2MuMjg5Ljk4NC40NDQgMi4wMDMuNDYyIDMuMDI4SDkuMjY3VjUuMjgyem0yLjk1LS4yNjVhMTguOTAyIDE4LjkwMiAwIDAwLTIuOTUtLjI2OXYtMy4yYzEuNTI4LjE0NyAyLjg1NiAxLjU0NyAzLjYwOSAzLjU4NGwtLjY2LS4xMTV6bS0zLjQ4NC0uMjY5Yy0uOTg4LjAxMy0xLjk3NC4xMDMtMi45NDkuMjdsLS42Ni4xMTNjLjc1My0yLjAzNyAyLjA4LTMuNDM4IDMuNjEtMy41ODR2My4yMDF6bS0yLjg1OC43OTVhMTguMzQgMTguMzQgMCAwMTIuODU4LS4yNjF2My40NTFINC40NzFjLjAxOC0xLjAyNS4xNzMtMi4wNDQuNDYyLTMuMDI4bC45NDItLjE2MnpNNC40NyA5LjI2N2g0LjI2MnYzLjQ1MWMtLjk1OC0uMDEyLTEuOTE0LS4xLTIuODU4LS4yNmwtLjk0Mi0uMTYzYTExLjQ0NyAxMS40NDcgMCAwMS0uNDYyLTMuMDI4aDB6bTEuMzEzIDMuNzE2Yy45NzQuMTY3IDEuOTYuMjU3IDIuOTUuMjd2My4yYy0xLjUzLS4xNDctMi44NTctMS41NDctMy42MS0zLjU4NGwuNjYuMTE0em0zLjQ4My4yN2ExOC45NjQgMTguOTY0IDAgMDAyLjk0OS0uMjdsLjY2LS4xMTRjLS43NTMgMi4wMzctMi4wOCAzLjQzOC0zLjYxIDMuNTg0di0zLjJ6bTIuODU4LS43OTZjLS45NDQuMTYyLTEuOS4yNS0yLjg1OC4yNjFWOS4yNjdoNC4yNjJhMTEuNDQ3IDExLjQ0NyAwIDAxLS40NjIgMy4wMjhsLS45NDIuMTYyem0xLjkzNy0zLjcyNGExMS45MzggMTEuOTM4IDAgMDAtLjQxOC0yLjkyOGwyLjI3NS4zOTJjLjMyOC44MDcuNTEgMS42NjYuNTQxIDIuNTM2aC0yLjM5OHpNMTUuNjUgNS42MWwtMi4xOC0uMzc3YTcuMzUzIDcuMzUzIDAgMDAtMi4xMjItMy4zMiA3LjUwMiA3LjUwMiAwIDAxNC4zMDIgMy42OTd6TTYuNjUzIDEuOTEzYTcuMzUzIDcuMzUzIDAgMDAtMi4xMjEgMy4zMkwyLjM1IDUuNjFhNy41MDIgNy41MDIgMCAwMTQuMzAyLTMuNjk3ek0yLjM1MSAxMi4zOWwyLjE4LjM3N2E3LjM1MyA3LjM1MyAwIDAwMi4xMjIgMy4zMiA3LjUwMiA3LjUwMiAwIDAxLTQuMzAyLTMuNjk3em04Ljk5NiAzLjY5N2E3LjM1MyA3LjM1MyAwIDAwMi4xMjEtMy4zMmwyLjE4MS0uMzc3YTcuNTAyIDcuNTAyIDAgMDEtNC4zMDIgMy42OTd6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuMjUiLz48L3N2Zz4=) no-repeat 50% 50%;
background-size: 18px 18px;
width: 45px;
height:18px;
}
.language-selector .dropdown-toggle::before {width: 34px;}
/* open menu */
.languages .dropdown-menu-end {
left: 0;
right: 0;
min-width: 108px;
bottom: 55px;
width: 100%;
border: 1px solid #EBEDEF;
background-color: #FFF;
box-shadow: 18px 14px 27px 0 rgba(0,0,0,.12);
padding: 22px;
}
.languages .dropdown-menu-end::after {
content:'';
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #fff;
transform: translate(-4px,30px);
}
.languages .dropdown-menu-end a {
width: 100%;
display: block;
padding: 10px 0;
color: #2F373A;
font-size: 15px;
font-weight: 600;
letter-spacing: 2.17px;
line-height: 26px;
}
.languages .dropdown-menu-end a:hover {
color: #F66035;
background: none;
}