.sitemap-search-bar-container .search-bar-btn{
    width: 240px;
    height: 35px;
    outline: none;
    border: none;
    font-family: var(--site-font-family);
    letter-spacing: 1px;
    color: #262626;
}

#sitemap_search_modal {
    font-family: var(--site-font-family) !important;
}

.sitemap-search-bar-container .search-bar-btn .command {
    font-size: 12px;
    background: #2222;
}

.sitemap-search-bar-container input[name="sitemap_search"] {
    border: none;
    outline: none;
    height: 45px;
}

.sitemap-search-bar-container input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 12px;
    width: 12px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size: 12px 12px;
}

.sitemap-search-bar-container input[type="search"]::-webkit-search-cancel-button:hover {
    filter: brightness(70%) invert(1) sepia(100%) saturate(10000%) hue-rotate(330deg);
    cursor: pointer;
}

.sitemap-search-bar-container .modal .search-input {
    border: 2px solid var(--site-color);
    background: #ffff;
}

.modal-backdrop {
    z-index: 1;
}

.responsive-search-bar-btn {
    width: 40px;
    height: 40px;
    background: var(--site-light-color);
    border: thin solid var(--site-color);
}

.sitemap-search-bar-container:hover {
    cursor: pointer;
}

#sitemap_search_modal {
    z-index: 1500 !important;
    font-family: var(--site-font-family);
}

#sitemap_search_modal .modal-dialog{
    max-width: 600px;
    margin-top: 5%;
}

#sitemap_search_modal .modal-body, #sitemap_search_modal .modal-header {
    background: #f5f6f7;
}

#sitemap_search_modal .modal-body ul {
    list-style: none;
    
}

#sitemap_search_modal .modal-body .modal-dropdown-container {
    max-height: 290px;
    overflow-y: scroll;
}

#sitemap_search_modal .modal-body .modal-dropdown-container::-webkit-scrollbar {
    width: 5px;
}

#sitemap_search_modal .modal-body .modal-dropdown-container::-webkit-scrollbar-thumb {
    background: #d1d1d1;
}

#sitemap_search_modal .modal-body .modal-dropdown-container::-webkit-scrollbar-thumb:hover{
    background: #a1a1a1;
}

#sitemap_search_modal .modal-body .modal-dropdown-container li i{
    font-size: 16px;
    color: #969fafc0;
}

#sitemap_search_modal ul li[aria-selected="true"] a, #sitemap_search_modal ul li[aria-selected="true"] i{
    background: var(--site-color) !important;
    color: #ffff !important;
}

#sitemap_search_modal .modal-footer {
    max-height: 47px;
    box-shadow:  0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12);
}

#sitemap_search_modal .modal-footer .icon {
    width: 20px;
    height: 20px;
    background: #f5f6f7;
    border: 1px solid #6e6e6e69;
    color: #737577;
    box-shadow: 0px 10px 5px rgba(0,0,0,0.1) inset;
}

#sitemap_search_modal .modal-footer i, #sitemap_search_modal .modal-footer .close-icon {
    font-size: 9.5px;
}

#sitemap_search_modal .modal-footer .icon-title , #sitemap_search_modal .modal-body .no-search{
    font-size: 12px;
    color: #969faf;
}

#sitemap_search_modal .spinner-border {
    width: 20px;
    height: 20px;
    color: var(--site-color);
    border-width: 1.3px;
}

.sitemap-search-bar-container .search-bar-btn:hover {
    border-color: var(--site-color) !important;
}