@import "root.css?v5";

#client-view-articles{
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important ;
    font-family: 'Roto', sans-serif !important;
    fill: var(--text-color) !important;
    font-size: 1.7vmin !important;
    padding: 0 2vmin !important;
}

#client-view-articles h4, #client-view-articles h6{
    font-family: 'Roto', sans-serif !important;
}

#client-view-articles h1{
    font-family: "Segoe UI", Arial, sans-serif !important;
}

#client-view-articles input{
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--input-border-color);
    color: var(--input-color-text);
    outline: none;
    height: 100% !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

#client-view-articles .search__form {
    background: none;
}

#client-view-articles .preview{
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
    border-bottom: 1px solid var(--dashboard-line-color);
}

#client-view-articles svg{
    width: 3vmin;
    height: 2.5vmin;
    fill: var(--text-color) !important;
    vertical-align: middle;
    padding-right: 0.2%;
}

#client-view-articles h1,
#client-view-articles a,
#client-view-articles .category-header,
#client-view-articles .ticket__params .params--block .list li:before,
#client-view-articles .title-link a,
#client-view-articles .topics__list li:before,
#client-view-articles h2
{
    color: var(--link-color) !important;
}
#client-view-articles .topics__title .title-link:hover{
    text-decoration: none !important;
}

#client-view-articles .link{
    text-decoration: none !important;
}

#client-view-articles h1{
    font-size: 3.5vmin !important;
}
#client-view-articles h4{
    font-size: 2vmin !important;
    font-weight: bold !important;
    color: var(--text-color) !important;
}

#client-view-articles p{
    font-size: 1.7vmin !important;
    font-family: 'Roto', sans-serif !important;
}
#client-view-articles h6, #client-view-articles .preview .preview__title,
#client-view-articles .suggest-preview__title
{
    color: var(--text-color) !important;
}

#client-view-articles .suggest-preview
{
    border-bottom: 2px solid var(--dashboard-line-color) !important;
}

#client-view-articles .tabbed__head{
    border: none !important
}

#client-view-articles .kb-suggestions{
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

#client-view-articles .suggest-preview{
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

#client-view-articles .tabbed__head{
    justify-content: flex-start !important;
}
#client-view-articles .tabbed__head .tabbed__head_tabs li.current{
    border: none !important;
    color: var(--text-color) !important;
    background: none !important;
    box-shadow: none !important;
    font-weight: bold;
}
#client-view-articles .tabbed__head .tabbed__head_tabs li{
    padding-left: 0 !important;
    justify-content: flex-start !important;
}

#client-view-articles article,
#client-view-articles .params--block
{
    background-color: var(--bg-color) !important;
}

#client-view-articles input:focus{
    border-bottom: 2px solid var(--current-input-color) !important;
    box-shadow: none !important;
}
#client-view-articles input:hover{
    box-shadow: none !important;
}

#client-view-articles input:-webkit-autofill
{
    -webkit-text-fill-color: var(--input-color-text) !important;
    border: none;
    border-bottom: 1px solid var(--input-border-color);
    background-color: transparent !important;
    /* force away browser's autofill background */
    transition: background-color 5000s ease-in-out 0s;
}
#client-view-articles .search__form .search__submit{
    left: -3.5vmin !important;
    top: 2vmin !important;
}

#client-view-articles .tabbed__tabs .tabbed__tabs_tab{
    box-shadow: none !important;
}

#client-view-articles .preview{
    box-shadow: none !important;
}
#client-view-articles .suggest-preview__text,
#client-view-articles .preview__text
{
    padding-left: 1.5vmin !important;
}
/*#client-view-articles .topics__title{*/
/*    padding-left: 1vmin !important;*/
/*}*/

#client-view-articles .search__title{
    margin-top: 5vmin !important;
}

#client-view-articles #related-articles,
#client-view-articles .topics
{
    border: var(--related-article-border) !important;
    box-shadow: var(--related-article-box-shadow) !important;
}

#client-view-articles .block__head{
    padding: 0;
     padding-bottom: 2vmin;
     border-bottom: none !important;
     background: none !important;
     box-shadow: none !important;
    justify-content: flex-start !important;
}

#client-view-articles .header{
    border-bottom: none !important;
}

#client-view-articles .topics{
    background-color: var(--bg-color) !important;
}
#client-view-articles .title-link{
    text-decoration: none !important;
    padding-left: 1.5vmin !important;
}

#client-view-articles .notification {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--info-box-border) !important;
    box-shadow: var(--related-article-box-shadow) !important;
}
#client-view-articles .notification.blue::before,
#client-view-articles .notification.orange::before
{
    background-color: var(--info-box-color) !important;
}