/* Custom Stylesheet hash:16171991621711626342 dated 03 Sep, 2024 13:41:43+UTC */
* {
  margin: 0;
}
a {
  color: #3978FC;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.wrap--login .layout__item {
    line-height: normal;
}
/*******************header******************/
.header__top {
  background-color: #3978FC;
}
.logo {
    margin-top: 0;
    display: flex;
}
.logo a {
    height: 26px;
}
.help-suffix {
  display: inline;
  position: relative;
  top: 1px;
  margin-left: 8px;
  border-left: 1px solid #7FA7FC;
  padding: 0 8px 0;
  height: 22px !important;
}
.menu a, .menu__link {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 0 20px !important;
  vertical-align: middle;
}
.menu span {
    color: #FFFFFF;
}
.menu a:hover {
    color: #FFFFFF;
    opacity: 0.6; 
    padding: 0;
}
.menu__link.active {
    background-color: inherit;
}
.nav__menu a {
    font-weight: 600;
    color: #333;
    margin: 5px auto !important;
    padding: 0;
}
.nav__menu.open {
    width: 200px;
    padding: 8px 20px;
}
.nav__menu a:hover {
    color: #3978FC;
    background-color: inherit !important;
    background: inherit !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
/****************************main*******************/
.wrap--body {
    margin-top: 38px;
}
.search--home {
    background-color: #FAF9FE;
    padding: 100px 0 140px;
}
.heading--kilo {
    color: #333333;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 49px;
    margin-bottom: 25px;
}
form#search-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.search--home .inputaddon__field {
    box-sizing: border-box;
    height: 44px;
    width: 508px;
    border: 1px solid #9AAAC6;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-right: 10px;
}
::placeholder {
    color: #9AAAC6;
}
.search .inputaddon__item.button {
    min-height: 44px;
    width: 106px;
    border-radius: 5px;
    background: #3978FC;
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
}
.listing--ruled > * {
    border: none;
}
.popular-article:before {
    content: "";
    display: block;
    background: linear-gradient(270deg, rgba(198,198,199,0) 0%, rgba(198,198,199,0.4) 49.41%, rgba(198,198,199,0) 100%);
    width: 100%;
    height: 1px;
    position: relative;
    top: -10px;
}
.home-category:after {
    display: block;
    height: 1px;
    width: 100%;
    background: linear-gradient(270deg, rgba(198,198,199,0) 0%, rgba(198,198,199,0.4) 49.41%, rgba(198,198,199,0) 100%);
}
.home-category:last-child:after {
    display: none;
}
h1.layout__item {
    margin-bottom: 16px;
}
.layout__item {
    margin-bottom: 40px;
    letter-spacing: 0;
    line-height: 41px;
}
.breadcrumb {
    font-size: 16px;
    margin: 0 0 10px;
}
.listing a:hover {
  text-decoration: underline;
}
/****************** section *************/
.wrap--section {
    margin-top: 30px;
}
.wrap--section h1 {
  margin-bottom: 30px;
}
.inputaddon__field ~ .inputaddon__item--borderless {
    display: none;
}
.inputaddon__field--wide {
    height: 40px;
    width: 200px;
    border-radius: 4px;
    background-color: #FFFFFF;
}
.search-wrapslim {
    border-right: none !important;
    margin-right: 0;
    padding-right: 0;
}
.listing h2.heading {
    color: #3978FC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
}
.listing p {
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}
/*****************************article *******************/
.wrap--article {
  margin-top: 30px;
}
.article__content ol {
    margin: 0 0 0 24px;
}
#article .u-mtop {
    margin-top: 0 !important;
}
#article .section--aside {
    padding-top: 54px;
}
.article__content ol li {
    list-style-type: initial;
}
.article__content p {
    margin: 0;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}
.article__content li {
    line-height: 26px;
}
.article .article__tags {
    margin: 0 !important;
}
.article .article__vote {
    margin: 0 0 45px 0!important;
}

.article .author.media li {
    padding: 0;
}
.article .author.media li::before {
    display: none;
}
.article .author.media li.u-textsmall {
    font-weight: 400;
    color: #9AAAC6;
    font-size: 13px !important;
    letter-spacing: 0;
    line-height: 20px;
}
.article .author.media span {
    color: #9AAAC6;
    font-size: 13px !important;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
    margin-left: 0 !important;
}
.article .share {
    margin-top: 0 !important;
    line-height: normal;
}
div#disabled-comments {
    color: #333333;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    padding: 15px;
    background-color: #FAF9FE;
}
.wrap--article .listing {
    color: #3978FC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
}
.wrap--article .listing li {
    margin-bottom: 0 !important;
    padding: 10px 0;
    line-height: 30px;
}
.wrap--article .listing li:before {
    content: "";
    display: block;
    background: linear-gradient(270deg, rgba(198,198,199,0) 0%, rgba(198,198,199,0.4) 49.41%, rgba(198,198,199,0) 100%);
    width: 100%;
    height: 1px;
    position: relative;
    top: -10px;
}
/************************* submit a ticket *******************/
.wrap--new-conversation h1.ruled {
  color: #333333;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 49px;
  text-align: center;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  padding-top: 60px;
  padding-bottom: 0;
}
.wrap--new-conversation .layout {
  box-sizing: border-box;
  max-width: 621px;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 40px 50px 0;
  margin: 30px auto 40px;
}
.wrap--new-conversation .layout .textfield__label {
    margin-bottom: 0 !important;
    line-height: 22px;
}
.wrap--new-conversation .layout aside {
    display: none;
}
.wrap--new-conversation .layout #request-subject {
  width: 100%;
}
.wrap--new-conversation .layout  textarea {
  width: 100%;
  box-sizing: border-box;
  height: 151px;
  border: 1px solid #9AAAC6;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin-top: 10px;
  margin-bottom: 20px;
  resize: vertical;
}
.wrap--new-conversation .layout .file-btn {
  width: 100%;
  box-sizing: border-box;
  height: 88px;
  border: 1px dashed #9AAAC6;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin-top: 10px;
  padding: 22px;
  margin-bottom: 20px;
}
.wrap--new-conversation .layout .file-btn span.button.u-textsmall {
  box-sizing: border-box;
  height: 44px;
  width: 127px;
  border: 1px solid #9AAAC6;
  border-radius: 5px;
  color: #333333;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 42px;
  text-align: center;
  outline: none;
}
.wrap--new-conversation .layout main#new-conversation-view {
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.wrap--new-conversation .layout input {
  box-sizing: border-box;
  height: 44px;
  border: 1px solid #9AAAC6;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin-top: 10px;
}
.wrap--new-conversation .layout .u-inlineblock {
    width: 100%;
    font-size: 16px;
    letter-spacing: 0;
}
.wrap--new-conversation .layout .icon {
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  border: 1px solid #9AAAC6;
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #333333;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 20px !important;
}
.wrap--new-conversation .layout input {
    margin-bottom: 20px !important;
}
.wrap--new-conversation .layout .select {
  color: #333333;
  height: 42px;
  border: none;
  background: #FFFFFF;
}
.wrap--new-conversation .layout .icon option {
    min-height: 42px !important;
}
.wrap--new-conversation .layout input:focus {
  border: 2px solid #3978FC;
  box-shadow: none !important;
}
.wrap--new-conversation .layout select:focus {
  border: 2px solid #3978FC;
  box-shadow: none !important;
}
.wrap--new-conversation .layout textarea:focus {
  border: 2px solid #3978FC;
  box-shadow: none !important;
}
.wrap--new-conversation .layout .is-active {
  border: 1px dashed #3978FC;
  box-shadow: none !important;
}
.wrap--new-conversation .layout .icon:before {
  content: ' ';
  display: block;
  background-image: none !important;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  top: 16px;
  margin-right: 6px;
}
.wrap--new-conversation .layout .textfield__label {
    width: 100% !important;
}
.wrap--new-conversation .layout [class~="lg-plus-5/6"], [class~="lg-plus-10/12"] {
  width: 100% !important;
}
.wrap--new-conversation .layout input[type="submit"] {
  height: 44px;
  width: 120px;
  border-radius: 5px;
  background-color: #3978FC;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 42px;
  text-align: center;
  margin: 30px auto 8px;
  margin-left: calc(50% - 60px);
  border: none;
  outline: none;
}
.wrap--new-conversation .layout input[type="checkbox"] {
  height: 20px;
  width: 20px;
  border: 1px solid #9AAAC6;
  border-radius: 4px;
  background-color: #FFFFFF;  
  margin-right: 10px !important;
}
.wrap--new-conversation .layout .u-clickable {
  margin-right: 3px;
}
.wrap--new-conversation .layout .u-mrightsmall {
    margin-top: 0 !important;
}
.wrap--new-conversation .layout .textfield__label {
  color: #ffffff;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: baseline;
}
.wrap--new-conversation .layout label[class~="lg-plus-8/12"], label[class~="lg-plus-9/12"], label[class~="lg-plus-10/12"], label.u-inlineblock, label.u-mzero, label.u-mbottomsmall {
    color: #333333 !important;
    display: block !important;
}
.wrap--new-conversation .layout label.textfield__label[for="captchas"] {
  display: block !important;
  color: #333333 !important;
  margin-top: 20px;
}
.wrap--new-conversation .layout label.js-required-checkbox label.u-inlineblock.u-clickable.u-textnormal {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}
.wrap--new-conversation .layout label.js-required-checkbox label.u-inlineblock.u-clickable.u-textnormal input[type="checkbox"] {
  float: left;
  margin-top: 0;
}
.wrap--new-conversation .layout label.js-required-checkbox label.u-inlineblock.u-clickable.u-textnormal a {
    display: contents;
}
.wrap--new-conversation .layout [class~="lg-plus-9/12"] {
    width: 100% !important;
}
.wrap--new-conversation--anonymous .layout [class~="lg-plus-8/12"]:nth-child(3) {
  max-width: 250px !important;
  float: left;
  margin-right: 19px;
}
.wrap--new-conversation--anonymous .layout [class~="lg-plus-8/12"]:nth-child(4) input {
  width: 250px !important;
}
.recaptcha-notify {
  max-width: 370px;
  text-align: center;
  line-height: 30px;
  margin: 0 auto 60px;
  color: #9AAAC6;
  font-size: 14px;
  letter-spacing: 0;
}
.textfield__label + .textfield__label {
    margin-top: 0;
}
.wrap--new-conversation .layout label.textfield__label--error {
  color: #FF5065 !important;
}
.wrap--new-conversation .layout label.textfield__label--error input {
  border: 1px solid #FF5065 !important;
  box-shadow: none !important;
}
.wrap--new-conversation .layout label.textfield__label--error textarea {
  border: 1px solid #FF5065 !important;
  box-shadow: none !important;
}
@media (max-width:700px) {
    .wrap--new-conversation--anonymous .layout [class~="lg-plus-8/12"]:nth-child(3) {
      max-width: 100% !important;
      float: none;
      margin-right: 0;
    }
    .wrap--new-conversation--anonymous .layout [class~="lg-plus-8/12"]:nth-child(4) input {
      width: 100% !important;
    }
}
/*************  to apply unique styles, I used the class assigned to the page article-308,
if the styles of this page have changed check the inspector if this class is present in the code of the page,
if it is not, you must replace it in the styles with the new.
You can find it here: 
                      <div id="article">		
                          .....
                        <div class="wrap wrap--body wrap--article article-308">...
                          ......
************/
.article-308 .section--aside {
  display: none;
}
.article-308 .layout__item {
  width: 100% !important;
}
.article-308 ul li {
  list-style-type: initial !important;
}
.article-308 ol li {
  list-style-type: decimal !important;
}
.search--home {
  padding: 100px 0 65px;
}
.how_contact_qb_support_link {
  padding-top: 54px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.discord_link {
padding-top: 20px;
margin-bottom: 35px;
}
.how_contact_qb_support_link a {
  color: #3978FC;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
}
.how_contact_qb_support_link a svg {
  margin-left: 10px;
  top: 2px;
  position: relative;
}
html, .select, .drill-default {
	font-family: Open Sans, sans-serif;
}
a, a:hover, a:focus, a:active, .u-visuallink, .u-visuallink:hover,
.heading--blue,
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active,
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-selected,
.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab,
.tab__notCurrent a:hover {
	color: #2866e0;
}

.button--primary,
.button--primary:hover:enabled,
.button--primary:focus:enabled,
.button--primary:active:enabled,
.nav__menu a:hover, .nav__menu a:active, .dd__link:hover,
.fr-popup .fr-checkbox input:checked + span,
.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after,
.fr-image-resizer .fr-handler,
.fr-image-progress-bar-layer > div.fr-loader span,
.autocomplete--field__item:hover, .autocomplete--field__item.is-selected {
	background-color: #2866e0;
}

.textfield:focus,
.search-wrapslim .inputaddon__field:focus,
.file-btn:focus, .file-btn.is-active, .dz-drag-hover {
	border-color: #2866e0;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 4px -1px #2866e0;
}

.button--primary:focus:enabled, .button--primary:active:enabled,
.select:focus, .drill-default:focus, .drill-default.drill-focus {
	box-shadow: 0 0 3px 0 #2866e0;
}

.tab > li,
.textfield.picker__input--active,
.textfield--heading:focus,
.pager__selected,
.tab__notCurrent:hover,
.picker__select--month:focus, .picker__select--year:focus,
.picker__day--highlighted, .picker__day--selected:hover,
.picker--focused .picker__day--selected, .picker__button--clear:focus,
.picker__button--close:focus,
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus,
.fr-popup .fr-checkbox input:checked + span,
.fr-popup .fr-checkbox input:focus + span,
.fr-image-resizer, .fr-image-upload-layer.fr-drop,
table td.fr-selected-cell, table th.fr-selected-cell,
.fr-table-resizer div,
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
	border-color: #2866e0;
}

input[type="checkbox"].switch:focus + div {
	box-shadow: 0 0 .2em 1px #2866e0, 0 1px 1px hsla(0,0%,100%,.6);
}

.picker__day--today:before,
.picker__button--today:before {
	border-top-color: #2866e0;
}