html {
    overflow-x: hidden;
}

html body{
    position: sticky;
}

.masonry__item article {
    overflow: hidden;
}

.masonry__item a{
    /*
    height: 200px;
    max-height: 200px;
    */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.masonry__item a{
    /*
    max-height: 200px;
    */
}

.item-list .masonry__item a{
    height: 180px;
    /*
    max-height: 200px;
    */
}

.masonry__item a.block img{

    /*
    height: 100%;
    width: auto;
    max-width: fit-content;
    */
}

.masonry__item .date{
    height: 26px;
    width: 100%;
    display: block;
}

.article-title{
    margin-bottom: 0;
}

.article-date{
    display: block;
    margin-bottom: 30px;
}

.blog-header{
    padding-left: 15px;
    padding-right: 0;
}

@media (max-width: 1200px) {
    .blog-header{
        padding-right: 15px;
    }
}

.blog-header h2{
    color: gray;
}

.sidebar__widget:not(:last-child){
    margin-bottom: 2.5em;
}

.keywords .btn {
    margin: 3px;
    background-color: white;
    border: 1px solid #e3e3e3;
    font-weight: normal;
    font-size: inherit;
    color: #36404a !important;
}

.keywords .btn.active {
    color: white !important;
    border: 1px solid transparent !important;
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

.btn-group-toggle .btn {
    color: white !important;
    border: 1px solid transparent !important;
}

.btn-group-toggle .btn:not(.active){
    background-color: white !important;
    border: 1px solid #e3e3e3 !important;
    color: #36404a !important;
}

.boxed.boxed--sm{
    padding-top: calc(1.23809524em - 10px);
}

.display-none{
    display: none;
}

a.youtube-title{
    text-decoration: none;
}

div.youtube-title{
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 1em;
    display: inline-flex;
}

h3.youtube-title{
    margin-bottom: 0.5em;
}

.tag-actions{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.youtube-form{
    display: flex;
    flex-direction: row;
}

.youtube-form{
    display: flex;
    flex-direction: row;
}

.youtube-form div.form-group{
    width: 100%;
    max-width: 450px;
    min-width: 150px;
    margin-right: 15px;
    margin-bottom: 15px;
    display: flex;
}

@media (max-width: 576px) {
    .youtube-form{
        flex-wrap: wrap;
    }

    .youtube-form div.form-group{
        margin-right: 0;
    }
}

.nav-container.nav-container--sidebar div.nav-sidebar-column{
    max-height: calc(100% - 65px);
}

.content .container.m-t-60{
    max-width: 100%;
}

.bg--dark.sma-navbar .sma-navbar-audit-form-container{
    width: 350px;
}

#report-form .audit-search-field{
    width: calc(100% - 125px);
}

.m-l-0{
    margin-left: 0!important;
}

.m-r-0{
    margin-right: 0!important;
}

footer{
    position: sticky;
}

.file-zoom-dialog .file-preview-other .file-other-icon{
    font-size: 45vmin;
}

.file-thumbnail-footer .file-footer-caption{
    max-width: 148px    ;
}

.progress-bar{
    line-height: 22px;
}

/*@media (max-width: 725px){*/
/*    .sma-logo-container {*/
/*        display: none;*/
/*    }*/
/*}*/

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

.keywords label.btn{
    white-space: pre-wrap;
    box-sizing: content-box;
    height: auto;
    padding-top: 0.649em;
    padding-bottom: 0.649em;
    max-width: calc(100% - 3 * 1.23809524em);
    overflow: hidden;
}

@media (max-width: 991px) {
    #search-result .col-md-6{
        padding-left: 0;
        padding-right: 0;
    }
}

/*body .sma-navbar{*/
/*    align-items: center;*/
/*    display: inline-flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*}*/


.sma-navbar-menu-links li{
    line-height: 30px;
}

.dropdown .dropdown__trigger.js-full-nam./e{
    display: inline-flex;
}

.dropdown .dropdown__trigger.js-full-name::after{
    bottom: 0;
}

.flex-divider{
    width: 100%;
    max-width: calc(100vw - 1200px);
}

.article-content{
    margin: 0 auto;
    max-width: 100vw;
}

.dataTables_filter label input[type="search"]{
    max-width: calc(100% - 40px - 0.5em);
}

.pagination li.page-item{
    cursor: pointer;

}

.statistic-inputs-container{
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.statistic-inputs-container > div{
    margin: 0 20px;
}

#statistic-table-container{
    overflow-x: overlay;
}

.input-group-prepend span.input-group-text{
    white-space: nowrap;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome, Edge, Opera and Firefox */
}

.table thead th.sorting {
    background-image: url(../../../img/sort_both.png);
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

.table thead th.sorting_desc {
    background-image: url(../../../img/sort_desc.png);
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

.table thead th.sorting_asc {
    background-image: url(../../../img/sort_asc.png);
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

.budge-pricing{
    background: var(--theme-color);
    padding: 7px 12px;
    margin-bottom: 20px;
    border-radius: 15px;
}

.plan-title{
    height: 50px;
}

@media (max-width: 768px) and (min-width: 768px) {
    .container.pos-vertical {
        max-width: 750px;
    }
}

.report-custom-title{
    max-width: calc(100vw - 25px);
}

@media(max-width: 576px) {
    .report-custom-title{
        padding: 5px;
    }
}

#embedded-text-container{
    margin: 0 15px;
}


.container.size-limited{
    max-width: 100%;
}

#form-container{
    display: flow-root;
}

#form-container form textarea,
#result-container textarea{
    resize: vertical;
}

#form-container form textarea:disabled{
    opacity: 0.5;
}

#result-container textarea{
    min-height: 50vh;
}

#form-container form .row,
#description-statistic-container .row{
    margin-right: 0;
    margin-left: 0;
}

#form-container .row.form-group{
    width: 100%;
    margin-bottom: 10px;
}

#form-container form .form-flex-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#form-container form .form-flex-row div.form-group:first-child{
    width: calc(100% - 30px);
}

#form-container form .input-label{
    font-size: larger;
    color: var(--theme-color);
}

#description-generator .tag-actions {
    justify-content: flex-end;
}

h3 + form.form-inline{
    margin-top: 0;
}

.tooltip-inner{
    display: inline-block;
    max-width: 350px;
    width: fit-content;
}

#description-statistic-container{
    font-size: larger;
}

#description-statistic-container .statistic-text{
    font-size: larger;
}

#description-statistic-container .header{
    font-weight: 300;
}

.d-inline-block{
    display: inline-block;
}

.d-table-row{
    display: table-row;
}

.f-s-small{
    font-size: small;
}

.f-s-smaller{
    font-size: smaller;
}

.keywords-list div:last-child:not(.row){
    padding-right: 0;
    padding-left: 8px;
}

.keywords-list div:nth-child(3){
    padding-left: 0;
    padding-right: 8px;
}

.keywords-list div:nth-child(4){
    padding-right: 4px;
    padding-left: 4px;;
}

@media(max-width: 1200px) {
    .keywords-list div,
    .keywords-list div:last-child:not(.row),
    .keywords-list div:nth-child(3),
    .keywords-list div:nth-child(4){
        padding-left: 0;
        padding-right: 0;
    }
}

.font-weight-bold{
    font-weight: bold;
}

.c-black{
    color: black;
}

.d-inline-flex{
    display: inline-flex;
}

#keyword-usage-counter{
    display: inline-flex;
    flex-direction: column;
}

@media (max-width: 991px) {
    #description-statistic-container .col-xs-12{
        width: 100%;
        text-align: left;
    }
}

.keyword{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-weight: 300;
    font-size: smaller;
}

.f-w-300{
    font-weight: 300;
}

.w-fit-content{
    width: fit-content;
}

.website-score-message{
    font-size: 1.3em;
}

.field-tooltip{
    margin-top: -10px;
    font-size: small;
}

/*.full-width-section{*/
/*    width: 100vw;*/
/*    padding-left: 15px;*/
/*    padding-right: 15px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/

/*.with-sidebar{*/
/*    left: 321px;*/
/*    margin-left: -35px;*/
/*    width: calc(100vw - 286px);*/
/*}*/

/*body.hasScroll .with-sidebar{*/
/*    width: calc(100vw - 286px - 15px);*/
/*}*/

/*@media (max-width: 1024px){*/
/*    .with-sidebar{*/
/*        margin-left: -60px;*/
/*        width: calc(100vw - 262px);*/
/*    }*/

/*    body.hasScroll .with-sidebar{*/
/*        width: calc(100vw - 262px - 15px);*/
/*    }*/
/*}*/

/*@media (max-width: 991px){*/
/*    .with-sidebar{*/
/*        margin-left: -85px;*/
/*        width: calc(100vw - 50px);*/
/*    }*/

/*    body.hasScroll .with-sidebar{*/
/*        width: calc(100vw - 50px - 15px);*/
/*        left: 135px;*/
/*    }*/
/*}*/

/*.without-sidebar{*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/

/*body.hasScroll .without-sidebar{*/
/*    width: calc(100vw - 15px);*/
/*}*/

/*section.full-width-section + .after-full-width-section{*/
/*    margin-top: 350px;*/
/*}*/

/*@media (max-width: 1160px){*/
/*    section.full-width-section.with-sidebar + .after-full-width-section{*/
/*        margin-top: 400px;*/
/*    }*/
/*}*/

/*@media (max-width: 450px){*/
/*    section.full-width-section + .after-full-width-section,*/
/*    section.full-width-section.with-sidebar + .after-full-width-section{*/
/*        margin-top: 400px;*/
/*    }*/
/*}*/

/*@media (max-width: 400px){*/
/*    section.full-width-section + .after-full-width-section{*/
/*        margin-top: 450px;*/
/*    }*/
/*}*/

/*@media (max-width: 410px){*/
/*    section.full-width-section.with-sidebar + .after-full-width-section{*/
/*        margin-top: 470px;*/
/*    }*/
/*}*/

/*@media (max-width: 350px){*/
/*    section.full-width-section + .after-full-width-section,*/
/*    section.full-width-section.with-sidebar + .after-full-width-section*/
/*    {*/
/*        margin-top: 500px;*/
/*    }*/
/*}*/

/*@media (max-width: 290px){*/
/*    section.full-width-section.with-sidebar + .after-full-width-section*/
/*    {*/
/*        margin-top: 550px;*/
/*    }*/
/*}*/

.article__body ol{
    /*
    list-style-position: inside;
    */
    margin-left: 20px;
    list-style-position: outside;
}
.article__body ul{ /* hardcode .bullets class */
    list-style: inside;
    list-style-position: outside;
    margin-left: 20px;
}

ol li:not(:last-child) {
    margin-bottom: 1.85714286em;
}

article .article__body ol { /* not for ul only */
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: 400;
    color: #808080;
}