﻿.dnnSearchBoxPanel {
    width: 100%;
    /*max-width: 980px;*/
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dnnSearchBoxPanel,
.dnnSearchResultPanel{
    border: 1px solid #F5D6D6;
    background: #FFF5F5;
    border-radius: 8px;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li{
    background-color: #ca7777;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active{
    background-color: #600000;
}

    .dnnSearchBoxPanel .dnnSearchBox {
        display: flex;
        border: 1px solid #F2E3DA ;
        box-shadow: none;
        flex-grow: 1;
        align-items: center;
        border-radius: 4px;
        height: 40px;
        padding: 0;
    }

    /*.dnnSearchBoxPanel > div {
        margin-left: 10px;
    }*/

.dnnSearchResultAdvancedTip {
    /*float: right;*/
    font-family: inherit;
    display: block;
    /*margin: 10px 13px 0 0;*/
    font-weight: 500;
    color: #D61C26!important;
    order: 1;
    font-size: 16px;
    line-height: 24px;
    margin-left: 20px;
    text-decoration: underline;
    font-family: inherit;
}

.dnnSearchResultAdvancedTip:active,
.dnnSearchResultAdvancedTip:visited,
.dnnSearchResultAdvancedTip:focus,
.dnnSearchResultAdvancedTip:hover{
    color: #D61C26 !important;
    text-decoration: underline !important;
}

.dnnSearchResultPanel {
    width: 100%;
    /*max-width: 980px;*/
    margin: 24px 0 0 0;
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
}

    .dnnSearchResultPanel .selectize-control {
        width: 100px;
    }

    .dnnSearchResultPanel .dnnRight {
        /*margin-right: 10px;*/
        float: none;
    }

    .dnnSearchResultPanel .dnnRight:not(:first-of-type){
        display: none;
    }

    .dnnSearchResultPanel .dnnSearchResultSortOptions {
        margin: 0 0 0 0;
        /*padding: 0 5px 0 0;*/
        list-style-type: none;
        /*border: 1px solid #ccc;*/
        border-radius: 4px;
        overflow: hidden;
        display: flex;
    }

        .dnnSearchResultPanel .dnnSearchResultSortOptions > li {
            list-style: none;
            /*display: inline-block;
            margin: 0 -5px 0 0;
            padding: 0;
            border-left: 1px solid #ccc;*/
            padding: 8px 12px;
        }

            .dnnSearchResultPanel .dnnSearchResultSortOptions > li:first-child {
                border-left: none;
            }

            .dnnSearchResultPanel .dnnSearchResultSortOptions > li > a,
            .dnnSearchResultPanel .dnnSearchResultSortOptions > li > a:hover {
                /*display: block;
                padding: 7px 15px 7px 15px;
                margin: 0;
                color: #666;
                background: #fff;
                background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
                /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
                /*background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
                /*background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
                font-family: inherit;
                font-size: 16px;
                line-height: 24px;
                color: #fff !important;
                font-weight: 600;
            }

            .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a,
            .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover {
                /*background-color: #e8f1fa;
                background: -moz-linear-gradient(top, #ccc 0%, #fff 100%); /* FF3.6+ */
                /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#fff)); /* Chrome,Safari4+ */
                /*background: -webkit-linear-gradient(top, #ccc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
                /*background: linear-gradient(top, #ccc 0%,#fff 100%); /* W3C */
            }

    .dnnSearchResultPanel > .dnnRight > span.dnnSearchResultCountPerPage {
        display: inline-block;
        margin: 10px 5px 0 0;
        color: #666;
        vertical-align: top;
    }

.dnnSearchResultContainer {
    margin: 16px 0 0 0;
}

.dnnSearchLoading {
    position: absolute;
    background-color: #fff;
    background-color: rgba(255,255,255,0.7);
    background-image: url(../../../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 30px 0 0 0;
}


.dnnSearchResultContainer .dnnSearchResultItem {
    width: 100%;
    margin: 0 0 30px 0;
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.dnnSearchResultContainer .dnnSearchResultItem > a {
    font-family: "Roboto Slab";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: fit-content;
    margin-top: 4px;
}

.dnnSearchResultContainer .dnnSearchResultItem:last-child {
    margin: 0;
}

    .dnnSearchResultItem-Title a {
        color: var(--text-mi, #182940) !important;
        /* font-family: inherit; */
        font-family: "Roboto Slab";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        width: fit-content;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Link a{
        color: var(--blue, #0765E3);
        font-family: inherit;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .dnnSearchBox_advanced_query,
    .dnnSearchBoxClearAdvanced {
        display: none !important;
    }

        .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title b {
            font-style: italic;
        }

    .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Description {
        color: #182940;
        margin: 0 0 8px 0;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 0;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem b {
        font-weight: 500;
    }

        .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b {
            color: #240507;
        }

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others,
    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others{
        display: flex;
        gap: 5px;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others span {
        font-family: inherit;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.5;
        color: #240507;
    }

    /* .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others > span:not(:last-of-type),
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others > a:not(:last-of-type),
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others > label{
        display: none;
    } */

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others span + label {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 400;
        color: #182940;
        margin: 0;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others a {
        font-family: inherit;
        font-weight: 400;
        color: #182940 !important;
        font-size: 16px;
        line-height: 1.5;
    }

.dnnSearchResultContainer > .dnnSearchResultItem-Subset {
    margin-bottom: 30px;
}

.dnnSearchResultContainer .dnnSearchResultItem ~ .dnnSearchResultItem-Subset {
    margin-top: -20px;
}

    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Title {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        margin: 0 0 8px 0;
    }

    /* .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Title a{
        font-family: inherit;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #273564;
    } */

    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description {
        font-size: 16px;
        line-height: 24px;
        color: #273564;
        margin: 0 0 8px 0;
    }

        .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description b {
            color: #273564;
        }

    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others span {
        font-family: inherit;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #273564;
    }

    /* .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others > span:not(:last-of-type),
    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others > a:not(:last-of-type),
    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others > label{
        display: none;
    } */


    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others span + label {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        color: #273564;
        margin: 0;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others a {
        margin-left: 5px;
        font-family: inherit;
        font-weight: 400;
        color: #273564;
        font-size: 16px;
        line-height: 24px;
    }


.dnnSearchResultPager {
    margin: 24px 0 0 0;
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dnnSearchResultPager .dnnLeft,
.dnnSearchResultPager .dnnRight{
    float: none;
}

.dnnSearchResultPager .dnnLeft span{
    color: #626365;
    /* Body/body-02 */
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42; /* 142.857% */
    letter-spacing: 0.25px;
}

/* .dnnSearchResultPager .dnnLeft > span::before{
    content: "";
    display: block;
    background: url("/Portals/_default/Skins/NhaNhacHue/assets/images/icon-result-search-2.png") no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    padding: 5px;
    margin-right: 8px;
    flex: none;
} */

.dnnSearchResultPager .dnnLeft > span,
.dnnSearchResultPager .dnnRight{
    display: flex;
    align-items: center;
    gap: 4px
}

.dnnSearchResultPager .dnnRight span{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #273564;
    margin: 0;
}

.dnnSearchResultPager .dnnClear{
    display: none;
}

.dnnSearchResultPager.dnnSearchResultPagerTop {
    border-top: none;
    border-bottom: none;
    margin: 24px 0 0 0;
    padding: 0;
}

    .dnnSearchResultPager span {
        display: inline-block;
        color: #666;
        margin: 6px 3px 0 0;
        vertical-align: top;
    }

    .dnnSearchResultPager span.dnnPager-current {
        margin: 0;

    }

    .dnnSearchResultPager a {
        font-family: inherit;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.42857;
        color: #182940 !important;
        border: none;
        background: none;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }

    .dnnSearchResultPager a:nth-of-type(1),
    .dnnSearchResultPager a:nth-of-type(2),
    .dnnSearchResultPager a:nth-last-of-type(1),
    .dnnSearchResultPager a:nth-last-of-type(2) {
        font-size: 0 !important;
        display: flex;
    }

    .dnnSearchResultPager a::before {
        display: block;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
    }

    .dnnSearchResultPager a:nth-of-type(2)::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0834 3.58341C13.2361 3.73919 13.3216 3.94862 13.3216 4.16675C13.3216 4.38487 13.2361 4.59431 13.0834 4.75008L7.8501 10.0001L13.1001 15.2501C13.2356 15.4105 13.3055 15.616 13.296 15.8258C13.2864 16.0355 13.198 16.2339 13.0486 16.3813C12.8991 16.5286 12.6994 16.6142 12.4896 16.6208C12.2798 16.6273 12.0752 16.5545 11.9168 16.4167L6.08343 10.5834C5.93074 10.4276 5.84521 10.2182 5.84521 10.0001C5.84521 9.78195 5.93074 9.57252 6.08343 9.41675L11.9168 3.58341C11.9942 3.50531 12.0864 3.44331 12.1879 3.401C12.2895 3.3587 12.3984 3.33691 12.5084 3.33691C12.6184 3.33691 12.7274 3.3587 12.8289 3.401C12.9305 3.44331 13.0226 3.50531 13.1001 3.58341H13.0834Z" fill="%23182940"/></svg>');
    }

    .dnnSearchResultPager a:nth-of-type(1)::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.99987 2.50002C4.79514 2.49854 4.59703 2.57248 4.44333 2.70774C4.28963 2.84299 4.1911 3.0301 4.16654 3.23336V16.6667C4.15328 16.8877 4.22836 17.1049 4.37526 17.2706C4.52216 17.4362 4.72886 17.5368 4.94987 17.55C5.17089 17.5633 5.38812 17.4882 5.55377 17.3413C5.71943 17.1944 5.81994 16.9877 5.83321 16.7667V3.33336C5.83321 3.11234 5.74541 2.90038 5.58913 2.7441C5.43285 2.58782 5.22089 2.50002 4.99987 2.50002ZM15.5832 2.75002C15.4409 2.6079 15.252 2.52203 15.0514 2.50824C14.8508 2.49446 14.6519 2.55369 14.4915 2.67502L14.4082 2.74169L7.74154 9.40835C7.59843 9.55217 7.51269 9.74325 7.50042 9.94576C7.48815 10.1483 7.55018 10.3483 7.67487 10.5084L7.74154 10.5917L14.4082 17.2584C14.557 17.4132 14.7597 17.5047 14.9743 17.5137C15.1888 17.5227 15.3985 17.4485 15.5597 17.3067C15.7209 17.1648 15.8211 16.9662 15.8395 16.7523C15.8578 16.5383 15.7929 16.3256 15.6582 16.1584L15.5915 16.075L9.49987 10L15.5832 3.91669C15.7359 3.76091 15.8214 3.55148 15.8214 3.33336C15.8214 3.11523 15.7359 2.9058 15.5832 2.75002Z" fill="%23182940"/></svg>');
    }

    .dnnSearchResultPager a:nth-last-of-type(2)::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.91652 3.58341C6.76383 3.73919 6.67831 3.94862 6.67831 4.16675C6.67831 4.38487 6.76383 4.59431 6.91652 4.75008L12.1582 10.0001L6.90819 15.2501C6.82153 15.3254 6.75137 15.4178 6.70212 15.5216C6.65287 15.6253 6.62559 15.7381 6.62199 15.8529C6.61839 15.9676 6.63855 16.0819 6.6812 16.1885C6.72386 16.2951 6.78808 16.3918 6.86985 16.4724C6.95162 16.553 7.04917 16.6159 7.15638 16.657C7.26359 16.6982 7.37814 16.7167 7.49285 16.7115C7.60756 16.7062 7.71995 16.6774 7.82297 16.6266C7.92599 16.5759 8.01742 16.5045 8.09152 16.4167L13.9249 10.5834C14.0775 10.4276 14.1631 10.2182 14.1631 10.0001C14.1631 9.78195 14.0775 9.57252 13.9249 9.41675L8.09152 3.58341C8.01405 3.50531 7.92188 3.44331 7.82034 3.401C7.71879 3.3587 7.60986 3.33691 7.49985 3.33691C7.38984 3.33691 7.28092 3.3587 7.17937 3.401C7.07782 3.44331 6.98566 3.50531 6.90819 3.58341H6.91652Z" fill="%23182940"/></svg>');
    }

    .dnnSearchResultPager a:nth-last-of-type(1)::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9999 2.50002C15.2047 2.49854 15.4028 2.57248 15.5565 2.70774C15.7102 2.84299 15.8087 3.0301 15.8333 3.23336V16.6667C15.8465 16.8877 15.7714 17.1049 15.6245 17.2706C15.4776 17.4362 15.2709 17.5368 15.0499 17.55C14.8289 17.5633 14.6117 17.4882 14.446 17.3413C14.2804 17.1944 14.1799 16.9877 14.1666 16.7667V3.33336C14.1666 3.11234 14.2544 2.90038 14.4107 2.7441C14.567 2.58782 14.7789 2.50002 14.9999 2.50002ZM4.4166 2.75002C4.55735 2.60885 4.74405 2.52281 4.94282 2.50752C5.14158 2.49223 5.33924 2.5487 5.49993 2.66669L5.58326 2.73336L12.2499 9.40002C12.393 9.54383 12.4788 9.73491 12.491 9.93743C12.5033 10.1399 12.4413 10.34 12.3166 10.5L12.2499 10.5834L5.58326 17.25C5.43452 17.4049 5.23174 17.4963 5.0172 17.5054C4.80267 17.5144 4.59293 17.4402 4.43174 17.2983C4.27054 17.1565 4.17032 16.9579 4.15197 16.744C4.13363 16.53 4.19857 16.3172 4.33326 16.15L4.39993 16.0667L10.4999 10L4.4166 3.91669C4.26391 3.76091 4.17838 3.55148 4.17838 3.33336C4.17838 3.11523 4.26391 2.9058 4.4166 2.75002Z" fill="%23182940"/></svg>');
    }

    .dnnSearchResultPager .page_disabled:not(:nth-of-type(1), :nth-of-type(2), :nth-last-of-type(1), :nth-last-of-type(2)) {
        background: #0765E3;
        border-radius: 4px;
        color: #FFF !important;
    }

#dnnSearchResultAdvancedForm {
    margin: 20px 0 0 0;
    width: 450px;
}

    #dnnSearchResultAdvancedForm .dnnFormItem {
        margin-bottom: 10px;
    }

    #dnnSearchResultAdvancedForm .dnnFormItem:last-of-type {
        margin: 22px 0;
    }

    #dnnSearchResultAdvancedForm.dnnForm .dnnFormItem > .selectize-control {
        width: 235px;
        margin-bottom: 0;
    }

    #dnnSearchResultAdvancedForm .dnnActions {
        margin: 10px 0 5px 20px;
        padding: 0;
    }

#dnnSearchResult-advancedTipContainer {
    /*margin-right: 10px;*/
    display: none;
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
}

.dnnSearchResult-hint-tbl {
    margin: 20px 0 10px 0;
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    border: none;
}

.DnnModule-SearchResults{
    margin-bottom: 80px;
}

/***************************************************************************************/

.dnnSearchBoxPanel .dnnSearchBox > input[type="text"],
.dnnSearchBoxPanel .dnnSearchBox > input[type="text"]:focus{
    position: relative !important;
    height: auto;
    font-size: 16px;
    line-height: 1.5;
    background: none;
    color: var(--text-mi, #182940);
    font-family: inherit;
    padding: 8px 12px;
    width: 100% !important;
}

.dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchBoxClearText.dnnShow{
    position: relative;
    right: auto !important;
    margin: 0;
}

.dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchButton{
    display: none;
}

.dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced{
    position: relative;
    top: auto;
    right: auto;
    height: 40px;
    display: flex;
    align-items: center;
    flex: 0 0 115px;
    border-left: 1px solid #F2E3DA ;
}

.dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_dropdown{
    top: calc(100% + 3px);
    border-radius: 4px;
    box-shadow: 0px 0px 4px 0px #F5D6D6;
    border: none;
    padding: 20px;
    margin-right: -15px;
}

.dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label{
    font-size: 16px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    padding: 8px 25px 8px 12px;
    margin-right: 4px;
    color: #273564;
    border-left: none;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem{
    display: flex;
    flex-direction: column;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem label,
.dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions,
.dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li,
.dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li a{
    margin: 0;
}

.dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li a{
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 7px 16px;
    border-radius: 4px;
}

.dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li:not(:last-child){
    margin-right: 8px;
}

.dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li:first-child a{
    color: var(--white);
    background-color: #D61C26 ;
    border: 1px solid #D61C26 ;
}

.dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li:last-child a{
    color: #363636;
    background: var(--white);
    border: 1px solid #E8EBED;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnLabel{
    width: 100%;
    float: unset;
    text-align: left;
    padding-right: 0;
    margin-right: 0;
    margin-top: 0;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnLabel > label{
    margin-bottom: 8px;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem:not(:last-of-type) .dnnLabel > label > span{
    color: var(--text, #201E20);
    text-align: center;
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnLabel a.dnnFormHelp,
.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnLabel .dnnTooltip{
    display: none;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnTagsInput,
.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm,
.dnnSearchBoxPanel #dnnSearchResultAdvancedForm.dnnForm .dnnFormItem > .selectize-control,
.dnnSearchBoxPanel div.dnnTagsInput > div > input{
    width: 100% !important;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnTagsInput{
    padding: 0;
}

.dnnSearchBoxPanel div.dnnTagsInput > div > input{
    padding: 0;
    margin: 0;
}

.dnnSearchBoxPanel .dnnFormItem > .selectize-control, .dnnFormItem select{
    max-width: 100%;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced #dnnSearchResultAdvancedForm {
    margin: 0;
    width: 414px !important;
}

.dnnSearchBoxPanel div.dnnTagsInput div{
    float: unset;
    line-height: 0;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem:last-of-type{
    flex-direction: row-reverse;
}

.dnnSearchBoxPanel .dnnFormItem input[type="checkbox"] + span{
    margin: 0;
}

.dnnSearchBoxPanel .dnnCheckbox .mark{
    margin: 0;
    padding: 0;
}

.dnnSearchBoxPanel div.dnnTagsInput,
.dnnSearchBoxPanel .selectize-control.single .selectize-input,
.dnnSearchBoxPanel .selectize-control.multi .selectize-input.has-items{
    box-shadow: none;
    border: 1px solid #F2E3DA ;
    border-radius: 4px;
    background: var(--white);
    padding: 8px 16px !important;
}

#dnnSearchResultAdvancedForm.dnnForm .dnnFormItem > .selectize-control,
.dnnSearchBoxPanel .dnnSearchResultAdvancedForm{
    line-height: 0;
}

.dnnSearchBoxPanel div.dnnTagsInput > div > input,
.dnnSearchBoxPanel .selectize-input .item,
.dnnSearchBoxPanel .selectize-control.show-checkbox .items .summary{
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #0F1E33;
}

.dnnSearchBoxPanel div.dnnTagsInput > div > input::placeholder,
.dnnSearchBoxPanel div.dnnTagsInput > div > input:-ms-input-placeholder,
.dnnSearchBoxPanel div.dnnTagsInput > div > input::-webkit-input-placeholder,
.dnnSearchBoxPanel div.dnnTagsInput > div > input::-moz-placeholder{
    font-family: inherit;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #0F1E33;
}


.dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label.dnnExpanded{
    color: #273564 !important;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnLabel > .dnnBoxLabel{
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 500;
    color: #273564;
    margin-left: 5px;
}

.dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchBoxClearText.dnnShow{
    background: url("/Portals/_default/Skins/NhaNhacHue/assets/images/clearText.png") center center no-repeat;
    background-size: 100% 100%;
}

.dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchBoxClearText.dnnShow::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4.39996 4.55L4.46996 4.47C4.59756 4.34238 4.7669 4.26505 4.9469 4.25219C5.12691 4.23933 5.30552 4.29181 5.44996 4.4L5.52996 4.47L12 10.94L18.47 4.47C18.5386 4.39631 18.6214 4.33721 18.7134 4.29622C18.8054 4.25523 18.9047 4.23319 19.0054 4.23141C19.1061 4.22963 19.2062 4.24816 19.2996 4.28588C19.3929 4.3236 19.4778 4.37974 19.549 4.45096C19.6202 4.52218 19.6764 4.60701 19.7141 4.7004C19.7518 4.79379 19.7703 4.89382 19.7686 4.99452C19.7668 5.09523 19.7447 5.19454 19.7037 5.28654C19.6628 5.37854 19.6037 5.46134 19.53 5.53L13.06 12L19.53 18.47C19.8 18.74 19.83 19.15 19.6 19.45L19.53 19.53C19.4024 19.6576 19.233 19.735 19.053 19.7478C18.873 19.7607 18.6944 19.7082 18.55 19.6L18.47 19.53L12 13.06L5.52996 19.53C5.38779 19.6625 5.19974 19.7346 5.00544 19.7312C4.81114 19.7277 4.62575 19.649 4.48834 19.5116C4.35093 19.3742 4.27222 19.1888 4.26879 18.9945C4.26536 18.8002 4.33748 18.6122 4.46996 18.47L10.94 12L4.46996 5.53C4.34234 5.4024 4.26501 5.23307 4.25215 5.05306C4.23929 4.87305 4.29177 4.69444 4.39996 4.55Z" fill="%23101828"/></svg>');
}

.dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchBoxClearText{
    width: 21px;
    height: 21px;
}

.dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_635_74011" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_635_74011)"><path d="M11.9996 14.6615C11.8855 14.6615 11.7749 14.6423 11.6679 14.6038C11.5608 14.5654 11.4605 14.4993 11.3669 14.4058L6.85732 9.89616C6.71246 9.75129 6.64259 9.57822 6.64772 9.37693C6.65284 9.17565 6.72784 9.00257 6.87272 8.85771C7.01759 8.71284 7.19322 8.64041 7.39962 8.64041C7.60602 8.64041 7.78166 8.71284 7.92652 8.85771L11.9996 12.9308L16.0881 8.84233C16.233 8.69747 16.406 8.62759 16.6073 8.63271C16.8086 8.63784 16.9817 8.71284 17.1265 8.85771C17.2714 9.00257 17.3438 9.17822 17.3438 9.38463C17.3438 9.59103 17.2714 9.76667 17.1265 9.91153L12.6323 14.4058C12.5387 14.4993 12.44 14.5654 12.3361 14.6038C12.2323 14.6423 12.1201 14.6615 11.9996 14.6615Z" fill="%23001533"/></g></svg>') no-repeat;
    background-position: right 52%;
    height: auto;
    user-select: none;
    font-family: inherit;
}

.dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label.dnnExpanded{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_635_74011" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_635_74011)"><path d="M11.9996 14.6615C11.8855 14.6615 11.7749 14.6423 11.6679 14.6038C11.5608 14.5654 11.4605 14.4993 11.3669 14.4058L6.85732 9.89616C6.71246 9.75129 6.64259 9.57822 6.64772 9.37693C6.65284 9.17565 6.72784 9.00257 6.87272 8.85771C7.01759 8.71284 7.19322 8.64041 7.39962 8.64041C7.60602 8.64041 7.78166 8.71284 7.92652 8.85771L11.9996 12.9308L16.0881 8.84233C16.233 8.69747 16.406 8.62759 16.6073 8.63271C16.8086 8.63784 16.9817 8.71284 17.1265 8.85771C17.2714 9.00257 17.3438 9.17822 17.3438 9.38463C17.3438 9.59103 17.2714 9.76667 17.1265 9.91153L12.6323 14.4058C12.5387 14.4993 12.44 14.5654 12.3361 14.6038C12.2323 14.6423 12.1201 14.6615 11.9996 14.6615Z" fill="%23001533"/></g></svg>') no-repeat;
    background-position: right 52%;
}

.dnnSearchBoxPanel .selectize-control.single .selectize-input,
.dnnSearchBoxPanel .selectize-control.multi .selectize-input.has-items{
    caret-color: transparent;
}

.dnnSearchBoxPanel .dnnTableDisplay th{
    background: #FCE6E8;
    border: 1px solid #F2E3DA;
    padding: 13px 12px;
    text-shadow: none;
    font-family: inherit;
}

.dnnSearchBoxPanel .dnnTableDisplay tr td {
    border: 1px solid #F2E3DA !important;
    width: auto !important;
}

.dnnSearchBoxPanel .dnnTableDisplay td{
    background: var(--white) !important;
    border: 1px solid #F2E3DA;
    padding: 12px;
}

.dnnSearchBoxPanel .dnnTableDisplay th > span, .dnnTableDisplay th > a {
    display: block;
    padding: 0;
}

.ModSearchResultsC {
    display: flex;
    flex-direction: column;
}

/************************************Search Results********************************/

@media screen and (max-width:1550px){
    .dnnSearchBoxPanel {
        padding: 15px 20px;
    }

    .dnnSearchBoxPanel .dnnSearchBox{
        height: 45px;
    }

    .dnnSearchBoxPanel .dnnSearchBox > input[type="text"], .dnnSearchBoxPanel .dnnSearchBox > input[type="text"]:focus {
        height: 43px;
    }

    .dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchBoxClearText {
        width: 17px;
        height: 17px;
    }

    /* .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label {
        background-size: 12%;
    } */

    .dnnSearchResultPanel {
        padding: 7.5px 20px;
    }
}

@media screen and (max-width:1442px){
    .dnnSearchBoxPanel .dnnSearchBox > input[type="text"], .dnnSearchBoxPanel .dnnSearchBox > input[type="text"]:focus,
    .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label,
    .dnnSearchResultAdvancedTip,
    .dnnSearchResultPanel .dnnSearchResultSortOptions > li > a, .dnnSearchResultPanel .dnnSearchResultSortOptions > li > a:hover,
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Link a,
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description,
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others span,
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others a,
    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others span,
    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others a,
    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description,
    .dnnSearchResultPager .dnnRight span{
        font-size: 15px;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title, .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title a,
    .dnnSearchResultPager .dnnLeft span{
        font-size: 18px;
    }
}

@media screen and (max-width:1367px){

}

@media screen and (max-width:1024px){

}

@media screen and (max-width: 992px){

}

@media screen and (max-width: 800px){

}

@media screen and (max-width: 768px){
    .dnnSearchBoxPanel .dnnSearchBox_advanced #dnnSearchResultAdvancedForm {
        margin: 0;
        width: 300px !important;
    }
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 540px) {
    .dnnSearchBoxPanel .dnnSearchBox{
        width: 100%;
    }

    .dnnSearchResultAdvancedTip{
        margin-left: 0;
        margin-top: 10px;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others, 
    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 426px){
    .dnnSearchBoxPanel .dnnSearchBox{
        height: 100%;
        flex-wrap: wrap;
    }

    .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced{
        width: 100%;
        margin-left: 0;
        border-top: 1px solid #D6DDED;
    }

    .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label{
        border-left: none;
        padding-left: 0;
    }

    .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_dropdown{
        top: calc(100% + 10px);
        margin-left: -15px;
        width: calc(100% + 30px);
    }

    .dnnSearchBoxPanel .dnnSearchBox_advanced #dnnSearchResultAdvancedForm{
        width: 100% !important;
    }

    .dnnSearchResultPager .dnnLeft span,
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title, 
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title a {
        font-size: 16px;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Link a,
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description,
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others span,
    .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Title a{
        font-size: 15px;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title, 
    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title a{
        margin-bottom: 0;
    }

    .dnnSearchResultPager .dnnLeft > span::before {
        width: 15.57px;
        height: 17.52px;
    }

    .dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li a{
        padding: 6px 10px;
    }
    
}

@media screen and (max-width: 376px){
    .dnnSearchBoxPanel {
        padding: 15px;
    }
}

@media screen and (max-width: 360px){

    .dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li:not(:last-child){
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 320px) {

}

/* search dnn update longNN date 03/04/2023 */
.sp{
    font-weight: 700;
}
.number-star{
    display: flex;
    font-weight: 700;
}
.number-stars {
    margin-left: 12px;
}
.info4 {
    border-radius: 8px;
    border: 1px solid #D3C9F3;
}
.dnnSearchResultContainer > .col-md-4 {
    display: none;
}
.dnnSearchResultContainer > .col-md-4:nth-of-type(2) {
    display: block !important;
}
.ResultMap{
    line-height: 28px;
    color: #7C1600;
    font-size: 22px;
    display: none;
    margin-top: 0;
    font-family: inherit;
    font-weight: 700;
}
.ResultMap:nth-of-type(1){
    display: block;
}
.dnnSearchResultContainer >.dnnSearchResult > .dnnSearchResultItem{
    border: none;
    margin-bottom: 48px;
    position: relative;
    min-height: 155px;
}
.dnnSearchResultContainer >.dnnSearchResult > .dnnSearchResultItem:first-child{
    border-top: none;
}
.dnnSearchResultContainer >.dnnSearchResult > .dnnSearchResultItem> .dnnSearchResultItem-Description{
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    width: 78%;
    -webkit-box-orient: vertical;
    text-align: justify;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    font-family: inherit;
}
.dnnSearchResultContainer >.dnnSearchResult > .dnnSearchResultItem> .dnnSearchResultItem-Others{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    font-family: inherit;
}
.dnnSearchResultContainer .thumb1{
    display: none;
}
.dnnSearchResultContainer .thumb1:nth-of-type(1){
    display: block;
}
.dnnSearchResultContainer .thumb{
    border-radius: 0 0 4px 4px;
    width: 100%;
}
.dnnSearchResultContainer .imgthumba{
    padding: 0;
    top: 0;
    height: 100%;
    right: 0;
    width: 20%;
    position: absolute;
    display: block;
}

.dnnSearchResultContainer .imgthumb0{
    border-radius: 8px;
    height: 100%;
    width: 100%;
}
.dnnSearchResultContainer >.dnnSearchResult > .dnnSearchResultItem > .dnnSearchResultItem-Title a {
    font-size: 18px;
    line-height: 1.4;
    font-family: inherit;
    font-weight: 700;
    color: #7C1600
}
.dnnSearchResultContainer >.dnnSearchResult > .dnnSearchResultItem > .dnnSearchResultItem-Link a {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    font-family: inherit;
    color: #ba600e;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ResultImage_icon {
    display: flex;
    align-items: center;
}
.fa-file-image-o{
    padding-right: 5px;
    font-size: 24px;
}
.dnnSearchResultContainer > .col-md-4 >.info4{
    padding: 20px;
}
.dnnSearchResultContainer > .col-md-4 >.info4 > iframe{
    display: none;
}
.dnnSearchResultContainer > .col-md-4 >.info4 > iframe:nth-of-type(1){
    padding-top: 5px;
    display: block;
}
.dnnSearchResultContainer > .col-md-4 >.info4 > .if{
    display: none !important;
}
.dnnSearchResultContainer > .col-md-4 >.info4 > .description-info{
    padding-top: 12px;
    display: none;
}
.pad{
    padding-top: 5px;
}

.dnnSearchResultContainer > .col-md-4 >.info4 > .description-info:nth-of-type(1){
    display: block !important;
}
.dnnSearchResultContainer > .col-md-4 >.info4 > span.tiennghi {
    display: none;
}
.dnnSearchResultContainer > .col-md-4 >.info4 > span.tiennghi:nth-of-type(1){
    display: block !important;
}
.stt{
    font-size: 16px;
    font-weight: 700;
    color: #00BF91
}
.icon-tiennghi{
    margin-left: 5px;
    margin-right: 5px;
}
.dnnSearchResultContainer > .dnnSearchResult > .dnnSearchResultItem > .dnnSearchResultItem-Title, .dnnSearchResultContainer > .dnnSearchResult > .dnnSearchResultItem > .dnnSearchResultItem-Link{
    width: 78%;
    margin-bottom: 8px;
}
.dnnSearchResultItem-Others > .boldd{
    font-weight: 700;
}
.name-map {
    display: block;
    padding-top: 15px;
    font-family: inherit;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #FF7757; 
    margin-bottom: 8px;
}
.fanpage > a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.fanpage > a:hover{
    color: var(--primary);
}
.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title .dnnSearchResultItem-Link a {
    text-decoration: underline;
    color: #0765E3 !important;
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: 0.25px;
}



/***************************************************************************************/


/*@media only screen and (max-width: 715px) {
    .dnnSearchBox_advanced_dropdown {             
        width: 420px;       
        left: -254px;     
    }
}

@media only screen and (max-width: 580px) {

    #dnnSearchResultAdvancedForm {
        width: 250px; 
    }

    .dnnSearchBox_advanced_dropdown {
        left:-150px !important;
        width: 250px;            
    }

    #dnnSearchResultAdvancedForm .dnnLabel {
        white-space: nowrap;
        margin-right: 1em;
        text-align: left;
        float:none;
        display:block;
        width:100%;
    }

    #dnnSearchResultAdvancedForm .dnnLabel label {
        margin-right:.3em;
    }

    #dnnSearchResultAdvancedForm .dnnFormHelp {
        position:relative !important;
        width:20px;
    }

    #dnnSearchResultAdvancedForm .dnnTooltip {
        left:30% !important;
        white-space:normal;
    }

    #dnnSearchResultAdvancedForm .dnnCheckbox {
        position: absolute;
        top: -8px;
        left: 135px;
    }
}

@media only screen and (max-width: 475px) {
    .dnnSearchBox_advanced_dropdown {            
        left: -48px !important;
    }    
}


@media only screen and (max-width: 390px) {
    .dnnSearchBox_advanced_dropdown {
        left: -5px !important;
    }
}*/



