/*
    CRM-8930 - temp avg kb
    these rules prevents impact of migrated css from avast on avg page
*/

/*
    CRM-9947 
    Important NOTe: In statements "counter-reset: li-counter + 4" etc. when minifing, "+" mark is removed and glinches appears. Resolve it in future.
*/


body.avg-article {
    overflow-x: visible !important;
}


#articleview > .large-col.container {
    width: 68%;
    margin: 0 auto;
    padding: 0;
}

#articleview.newArticle.without-banner.without-navigation > .large-col.container.left {
    width: 100%;
}

#articleview ul {
    padding: 0;
    padding-left: 14px;
}

@media screen and (max-width: 980px) {
    #articleview > .large-col.container {
        width: 640px;
    }
}

@media screen and (max-width: 768px) {
    #articleview > .large-col.container {
        width: 100%;
    }
}

.article-page .article-load#overlay {
    background-color: rgba(255,255,255,0.7) !important;
    z-index: 2000 !important;
    height: 100vmax !important;
}

.relative {
    position: relative;
}

.article-page .article-load #load {
    top: 45% !important;
}

.article.faq h1,
.article.faq h2,
.article.faq .faq-expand,
.article.faq .faq-item,
.article.faq .article-content > p,
.article.faq .options-heading,
.article.faq .article-content > .options,migrated_avast_article {
    padding-left: 0px;
    padding-right: 0px
}


.article.faq .applies-to {
    margin-left: 0;
    margin-right: 0;
}

.article {
    padding: 0 !important;
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .article {
        padding: 0 !important;
        margin-left: 0;
        margin-right: 0;
    }
}

.article-nav {
    width: 230px;
}

.article-nav ul {
    margin-top: 0px;
}

a.article-nav-link {
    color: #41424e !important;
    font-family: AVGSans,Verdana,Arial,Helvetica,sans-serif !important;
}

article-nav-link.article-nav-active {
   color: #000000 !important;
}

.article-nav-slider {
    background-color: #dcdcdc;
}

.article-nav-header {
    font-size: 16px !important;
    padding-top: 20px !important;
    font-weight: bold;
    padding-bottom: 20px;
}

.article-nav-items, .article-nav-items li {
    padding: 0;
}

.article-nav-items li {
    padding-top: 15px;
}

#articleview.newArticle .faqs .faq-item h3 {
    background-image: url("../img/article/expand_icon.png");
    font-weight: 300;
}

#articleview.newArticle .faqs .faq-item h3.faq-active {
    background-image: url("../img/article/colapse_icon.png");
}

#articleview.newArticle .faqs .faq-button {
    background-image: url("../img/article/plus.png");
}

#articleview.newArticle .faqs .faq-button.expanded {
    background-image: url("../img/article/minus.png");
}

#articleview.newArticle .faqs .faq-button {
    color: #0087ff !important;
}

.article-nav-knob {
    background-color: #45a21f;
}

.applies-to, .article .applies-to .conditions_subheader {
    font-size: 13px !important;
}

#articleview.newArticle h2 {
    font-weight: bold;
    padding-top: 30px;
}

#articleview.newArticle.howToArticle h2 {
    padding-top: 40px;
}

.article .options-header-item.active {
    border-bottom: 4px solid #45a21f;
    color: #45a21f;
}

@media screen and (max-width: 768px) {
    #articleview.newArticle .faq-item ol > li::before {
        left: -2em;
    }
}

#articleview.newArticle .article-side-box {
    display: none;
}

#articleview.newArticle .article .options-header {
    margin: 0 0 30px 0;
    max-width: 100%;
    width: 100%;
    padding: 0;
}

#articleview.newArticle .faq-expand {
    margin: 40px 0 10px 0;
}

#articleview.newArticle .article .inline-icon {
    display: inline !important;
    margin: 0 2px !important;
    height: 16px !important;
    width: auto !important;
    vertical-align: baseline !important
}

.article .applies-to .conditions ul li {
    padding-bottom: 0 !important;
}

#articleview.newArticle .article a.dl {
    background-color: #0072D1;
    text-decoration: none !important;
    padding: 18px 76px 16px 52px;

    background-image: url('../img/article/download.svg');
    background-position: right 52px center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

#articleview.newArticle .article a.dl:hover {
    background-color: #3aa9fe;
    border-radius: 4px;
}

#articleview.newArticle .article a.btn {
    font-size: .9375rem;
    display: inline-block;
    border: 0;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .1s ease-in-out;

    background-color: #0072D1;
    text-decoration: none !important;
    padding: 18px 52px 16px;
}

#articleview.newArticle .article a.btn:hover {
    background-color: #3aa9fe;
    border-radius: 4px;
}

#articleview.newArticle .article a.btn:after {
    content: '';
    display: none
}

#articleview.newArticle .article a.arr {
    font-size: .9375rem;
    display: inline-block;
    border: 0;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .1s ease-in-out;

    background-color: #0072D1;
    text-decoration: none !important;
    padding: 18px 76px 16px 52px;

    background-image: url('../img/article/next-arrow.svg');
    background-position: right 52px center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

#articleview.newArticle .article a.arr:hover {
    background-color: #3aa9fe;
    border-radius: 4px;
}

#articleview.newArticle .article a.arr:after {
    content: '';
    display: none
}

#articleview.newArticle .article a.pop {
    font-size: .9375rem;
    display: inline-block;
    border: 0;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .1s ease-in-out;

    background-color: #0072D1;
    text-decoration: none !important;
    padding: 18px 76px 16px 52px;

    background-image: url('../img/article/external-link.svg');
    background-position: right 52px center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

#articleview.newArticle .article a.pop:hover {
    background-color: #3aa9fe;
    border-radius: 4px;
}

#articleview.newArticle .article a.pop:after {
    content: '';
    display: none
}

#articleview.newArticle .article ol li {
    padding-left: 0px;
}

#articleview.newArticle  ol > li::before {
    left: -3em;
}

#articleview.newArticle ol > li ul,
#articleview.newArticle .menu > ul,
#articleview.newArticle .collapsible ul,
#articleview.newArticle ul ul {
    padding-left: 16px !important;
}

#articleview.newArticle ol {
    margin-left: 3em;
}

#articleview.newArticle .article-side-box-banner {
    margin-top: 26px;
}

#articleview.newArticle .article .options-header.sticky {
    top: -1px;
}

#articleview.newArticle .faqs .collapsible-open {
    padding: 0 0px 20px 51px;
}

#articleview.newArticle .faqs .faq-item h3 {
    padding-right: 0px;
}

#articleview .article-aside {
    width: auto;
}

@media screen and (max-width:1199px) {
    #articleview.newArticle .article .options-header {
        margin-left:0 !important;
        width:100% !important;
    }
}

#articleview .childs_2 .options-header-item {
    width: 50%;
}
#articleview .childs_3 .options-header-item {
    width: 33%;
}
#articleview .childs_4 .options-header-item {
    width: 25%;
}
#articleview .childs_5 .options-header-item {
    width: 20%;
}
#articleview .childs_6 .options-header-item {
    width: 16.6666666667%;
}

@media screen and (max-width:320px) {
    #articleview .childs_2 .options-header-item,
    #articleview .childs_3 .options-header-item,
    #articleview .childs_4 .options-header-item,
    #articleview .childs_5 .options-header-item,
    #articleview .childs_6 .options-header-item {
        width: 100%;
    }
}

#expandButton {
    cursor: pointer;
    border-radius: 4px;
}

#articleview.newArticle .article code {
    padding: 0.1em .4em;
}

#articleview.newArticle .article ol li {
padding-top: 5px;
}

[id*="articleview"] ol {
    margin-left: 3em !important;
}


[id*="articleview"].newArticle ol[style*="list-style-type: upper-alpha"] {
    counter-reset: listStyle;
}

[id*="articleview"].newArticle ol[style*="list-style-type: upper-alpha"] > li {
    counter-increment: listStyle;
}

[id*="articleview"].newArticle ol[style*="list-style-type: upper-alpha"] > li::before {
    content: counter(listStyle, upper-alpha);
}

[id*="articleview"].newArticle ol[start*="1"] {
    counter-reset: li-counter;
}

[id*="articleview"].newArticle ol[start*="2"] {
    counter-reset: li-counter 1;
}

[id*="articleview"].newArticle ol[start*="3"] {
    counter-reset: li-counter 2;
}

[id*="articleview"].newArticle ol[start*="4"] {
    counter-reset: li-counter 3;
}

[id*="articleview"].newArticle ol[start*="5"] {
    counter-reset: li-counter 4;
}

[id*="articleview"].newArticle ol[start*="6"] {
    counter-reset: li-counter 5;
}

[id*="articleview"].newArticle ol[start*="7"] {
    counter-reset: li-counter 6;
}

[id*="articleview"].newArticle ol[start*="8"] {
    counter-reset: li-counter 7;
}

[id*="articleview"].newArticle ol[start*="9"] {
    counter-reset: li-counter 8;
}

[id*="articleview"].newArticle ol[start*="10"] {
    counter-reset: li-counter 9;
}

[id*="articleview"].newArticle ol[start*="11"] {
    counter-reset: li-counter 10;
}

[id*="articleview"].newArticle ol[start*="12"] {
    counter-reset: li-counter 11;
}

[id*="articleview"].newArticle ol[start*="13"] {
    counter-reset: li-counter 12;
}

[id*="articleview"].newArticle ol[start*="14"] {
    counter-reset: li-counter 13;
}

[id*="articleview"].newArticle ol[start*="15"] {
    counter-reset: li-counter 14;
}

[id*="articleview"].newArticle ol[start*="16"] {
    counter-reset: li-counter 15;
}

[id*="articleview"].newArticle ol[start*="17"] {
    counter-reset: li-counter 16;
}

[id*="articleview"].newArticle ol[start*="18"] {
    counter-reset: li-counter 17;
}

[id*="articleview"].newArticle ol[start*="19"] {
    counter-reset: li-counter 18;
}

[id*="articleview"].newArticle ol[start*="20"] {
    counter-reset: li-counter 19;
}