.searchresults .headline_search {
    font-size: 1.4em;
    font-weight: bolder;
    margin-top: 1em;
    display: block;
    overflow: hidden;
    color: black;
    width: 721px;
    padding: 20px 0 0px 0px;
}


    .searchresults .headline_search.document {
        font-size: 1.4em;
        font-weight: bolder;
        margin-top: 1em;
        display: flex;
        overflow: hidden;
        color: black;
        width: 721px;
        padding: 20px 0 0px 19px;
    }

.empty_padding_when_paging_or_zero_result {
    padding: 30px 0 20px 0;
}

.empty_padding_top {
    padding: 20px 20px 20px 20px;
}

.empty_padding {
    padding: 0 0 20px 7px;
}

.tips_link::before {
    content: "\f105";
    font-family: font-awesome;
    color: #006A7D;
    margin-right: 0.1em;
    display: inline-block;
}

.headline_search.document::before {
    font-family: 'font-awesome';
    margin: 4px 10px 0 0;
    font-size: 26px;
    float: left;
    color: black;
}

.extended-click-area:hover .introduction_searchresult.external-warning-introduction {
    text-decoration: none;
}

.searchresults .headline_search.empty_set {
    font-size: 1.4em;
    font-weight: bolder;
    margin-top: 1em;
    display: block;
    overflow: hidden;
    color: black;
    width: 721px;
    padding: 20px 0 0px 48px;
}



.help_text {
    font-family: 'open-sans';
    font-size: calc((16 / 16) * 1rem);
    color: #008299;
    padding:0 0 0 5px;
    display:block;
    text-align:right;
}

@media screen and (min-width: 700px) {
    .help_icon {
        font-family: 'open-sans';
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background: #008299;
        color: white;
    }

    .searchresults .headline {
        font-size: 1.4em;
        font-weight: bolder;
        margin-top: 1em;
        display: block;
    }

    
    .searchresults .introduction_searchresult {
        margin: 0.2em 0;
        padding-left: 42px;
        width: 721px;
        /*padding:20px 62px;*/
        padding: 0px 0 0px 50px;
        font-size:1em;
    }

    .link_help {
        padding: -0.8em 9.2em 17.5em 0;
    }

    .square_area {
        width: 650px;
        white-space: normal;
        word-wrap: break-word;
        padding-left: 42px;
    }

    .link-list-items a {
        padding: -0.8em 0.4em 0.2em 0;
        line-height: 1.33;
        font-size: 1.0em;
        display: inline-block;
        color: #006A7D;
        text-decoration: none;
        margin-bottom: 1px;
        margin-top: 1px;
    }



        .link-list-items a::before {
            font-family: 'font-awesome';
            content: "\f105";
            color: #006A7D;
            display: contents;
        }

    [href$='.pdf']::before, .link-list-items [href$='.pdf']::after {
        content: '\f1c1';
    }

    .link-list-items a[href^=http]::after, .link-list-items a[href$='pdf']::after, .link-list-items a[href$='.xls']::after, .link-list-items a[href$='.xlsx']::after,
    .link-list-items a[href$='.docx']::after {
        font-family: 'font-awesome';
        margin-right: 0.32em;
        margin-left: 0.32em;
        transform: scale(1.05);
        overflow: hidden;
    }

    .link-list-items [href$='.pdf']::after {
        content: '\f1c1';
    }


    .link-list-items [href$='.docx']::after {
        content: '\f1c2';
    }

    .link-list-items [href$='.xlsx']::after, .link-list-items [href$='.xls']::after {
        content: '\f1c3';
    }

    .link-list-items [href^=http]::after {
        content: '\f08e';
    }

    .link-list-items a::after {
        margin-left: 0.25em;
    }

    .link-list-items a:hover, .link-list a:focus {
        text-decoration: underline;
    }
    .square_box {
        list-style: none;
        padding: 0px 0 0px 8px;
        justify-content: space-between;
    }

    .square {
        width: 100%;
        border-left: solid var(--color-bluishCyan-100) 1px;
        margin: 0 2px;
        height: 20px;
        padding-left: 1%;
        padding-right: 1%;
        border-radius: 1px;
        display: inline;
        white-space: nowrap;
        margin-bottom: 9px;
        list-style: none;
        border-spacing: 20px;
        color: #006A7D;
        line-height: 22px;
        font-size: 1em;
        text-transform: uppercase
    }

    .square_border_last {
        width: 100%;
        border-left: solid var(--color-bluishCyan-100) 1px;
        border-right: solid var(--color-bluishCyan-100) 1px;
        margin: 0 2px;
        height: 20px;
        padding-left: 1%;
        padding-right: 1%;
        border-radius: 1px;
        display: inline;
        white-space: nowrap;
        margin-bottom: 9px;
        list-style: none;
        border-spacing: 20px;
        color: #006A7D;
        line-height: 22px;
        font-size: 16px;
    }

    #calender_page {
        content: url("/Static/gfx/icons/icon_search/kalander_S.svg");
        margin: 3px 5px 0px 0px;
        font-size: 26px;
        float: left;
        color: black;
        padding: 23px 0 0px 14px;
    }

    #ffs_page {
        content: url("/Static/gfx/icons/icon_search/paragraf_S.svg");
        margin: 3px 5px 0px 0px;
        font-size: 26px;
        float: left;
        color: black;
        padding: 23px 0 0px 14px;
    }

    #standard_page {
        content: url("/Static/gfx/icons/icon_search/sidor_S.svg");
        /*margin: 0px 10px 0 0;
    font-size: 24px;
    float: left;*/
        margin: 3px 5px 0px 0px;
        font-size: 26px;
        float: left;
        color: black;
        padding: 23px 0 0px 14px;
    }

    #warnings_page {
        content: url("/Static/gfx/icons/icon_search/varning_S.svg");
        margin: 3px 5px 0px 0px;
        font-size: 26px;
        float: left;
        color: black;
        padding: 23px 0 0px 14px;
    }

    #empty_set::before {
        content: '';
        margin: 0px 10px 0 0;
        font-size: 24px;
        float: left;
    }

    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 5; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        overflow-y: auto;
    }

    /* Modal Content */
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        overflow-y: auto;
        max-height: 90%;
        max-width: 750px;
        overflow: auto;
        position: relative;
        top: 50%;
        float: left;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    /* The Close Button */
    .close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

        .close:hover,
        .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }


    .modal_rel_or_date {
        display: none;
    }

    .modal_mobile {
        display: none;
    }

    .modal_category {
        display: none;
    }


    .ui-autocomplete input:placeholder-shown {
        font-style: italic;
    }

    .ui-autocomplete input[type=search] {
        width: 28.32em;
        padding: 0.75em 0 0.72em 0.75em;
        border: none;
        margin: 0;
        border-right: none;
        font-size: 1.12em;
        line-height: 1.0;
        border-radius: 0;
        font-family: 'myriad';
        font-family: 'Open Sans';
        font-weight: 500;
        height: 50%;
        border-top: 1px solid #ccc;
        top: 20px;
        border: 0.16em solid #ccc;
        border-bottom: 0.16em solid var(--color-bluishCyan-100);
        border-right: none;
    }


    .ui-autocomplete > li > div {
        position: absolute;
    }

    .ui-autocomplete > li {
        padding: 1em 0 0.6em;
        text-align: left;
        border: 0.07em solid #ccc;
        font-size: 1.2em;
        margin: 0px -49px 0px;
        background: rgba(255,255,255,0.98);
        z-index: 999;
    }

    .ui-autocomplete input[type=search]:focus-visible + .search-border-page {
        border-right: 2px solid var(--color-gray-200);
        top: 5px;
        bottom: 6px;
        position: absolute;
        right: 5px;
    }


    .facet_item_square {
        width: 100%;
        margin: 0 2px;
        height: 20px;
        padding-left: 1%;
        padding-right: 1%;
        border-radius: 25px;
        display: inline;
        white-space: nowrap;
        margin-bottom: 9px;
        list-style: none;
        border-spacing: 20px;
        font-size: 14px;
        background: #008da9;
        color: #FFFFFF;
        font-weight:500;
    }

    .facet_item_square_area {
        width: 650px;
        white-space: normal;
        word-wrap: break-word;
        margin: 0 -7px;
    }

    #facet_item_id {
        font-size: 14px;
        width: 100%;
        padding-bottom: 5px;
        font-weight: 600;
        padding: 2px 0.75em 2px 0.5em;
    }

    .link_help_section {
        padding-top: 5px;
    }

    .facett_link::before{
        content:'';
    }

    ul.facet_list_item {
        list-style-type: none;
        padding: 0;
        margin: 0;
        margin-top: 60px;
    }

    .form_section {
        width:681px;

    }
}