@media screen {

    #search {
        position: relative;
        margin: 0 0 15px;
    }

    #header #search {
        display: flex;
        align-items: center;
        flex-grow: 2;
        justify-content: space-between;
        padding: 0 15px;
        margin: 0;
    }

    #header #search .filters.search {
        width: 100%;
    }

    #header #search .filters.search + .searchmod {
        display: none !important;
    }

    #header #search input {
        flex-grow: 2;
        width: 100%;
        border: none;
        border-radius: 8px !important;
        box-shadow: none !important;
        text-shadow: none;
    }

    #search .btn-on {
        display: none;
    }

    #search .btn-search {
        display: none;
    }

    #search .filters.search + .searchmod {
        display: none;
    }

    #search .wrapper.close {
        box-shadow: none !important;
    }

    #search #btn-search {
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px !important;
        padding: 0;
        border: none;
        border-radius: 15px 0 0 15px;
        background: transparent !important;
    }

    #search input[type="search"],
    #search input[type="text"] {
        font-size: 18px !important;
        font-weight: normal !important;
        height: 40px !important;
        padding-left: 55px !important;
        background-color: transparent;
    }

    #search .wrapper {
        position: relative;
        width: 100% !important;
        padding: 0;
        opacity: 1;
    }

    #search .wrapper > .flex {
        display: flex;
        gap: 15px 15px;
        padding: 8px 0px;
    }

    #search .input[type="text"],
    #search .input[type="search"] {
        width: 100%;
    }

    #search input[name="searchwordsugg"] {
        line-height: 27px;
        position: absolute;
        z-index: 1;
        top: 0;
        display: block;
        float: left;
        box-sizing: border-box !important; /* css3 rec */
        width: 100%;
        height: 27px;
        margin: 0;
        padding: 0 60px 0 30px;
        pointer-events: none;
        border: 1px #bfbfbf solid;
        box-shadow: none;
    }

    #search input[type="text"]:not(:placeholder-shown) + input[name="searchwordsugg"],
    #search input[type="search"]:not(:placeholder-shown) + input[name="searchwordsugg"],
    #search input[type="text"]:not([value=""]) + input[name="searchwordsugg"],
    #search input[type="search"]:not([value=""]) + input[name="searchwordsugg"],
    #search input[type="text"]:focus + input[name="searchwordsugg"],
    #search input[type="search"]:focus + input[name="searchwordsugg"] {
        display: none !important;
    }

    #search input[name="searchwordsugg"]::placeholder {
        color: #848798;
    }

    #search input[type="search"],
    #search input[type="text"] {
        padding: 0 20px 0 45px !important;
    }


    #search_field_input {
        flex-grow: 2;
        border-radius: 5px 0 0 5px;
    }

    #search_field_input + button {
        color: #848798;
        border-color: #CEDCEE;
        border-radius: 0 5px 5px 0;
        background: #fff;
    }

    .searchmod {
        width: 100% !important;
    }

    #header #offlajn-ajax-search101 {
        display: flex;
        float: none !important;
        align-items: center;
        width: 100% !important;
        /*height: 58px !important;*/
    }

    #ajax-search-button101,
    #search-form101_0,
    #search-area-close1011 {
        display: none;
    }

    .offlajn-ajax-search-inner {
        display: flex;
        flex-direction: column;
        padding: 0;
        border-radius: 8px;
    }

    #search .btn.reset,
    #search-form101 #search-area-close101 {
        line-height: 22px !important;
        position: absolute;
        top: 50%;
        right: 15px !important;
        overflow: visible;
        width: 22px !important;
        height: 22px !important;
        min-height: 22px !important;
        margin-top: -11px !important;
        padding: 0;
        text-indent: -9999px;
        border: none;
        box-shadow: none !important;
    }

    #search .btn.reset span,
    #search-form101 #search-area-close101 span {
        display: none;
    }

    #search .btn.reset:before,
    #search-area-close101:before {
        display: block;
        width: 22px;
        height: 22px;
        margin: 0;
        content: "";
        background-color: #000;
        -webkit-mask: url("../images/close.svg") no-repeat 50% 50%;
        mask: url("../images/close.svg") no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover;
    }

    #search .btn.reset:hover:before,
    #search-area-close101:hover:before {
        background-color: #5078FE;
    }

    #search-form101 input {
        border-radius: 0 !important;
    }

    #search-form101 #search-area-close101 {
        z-index: 9 !important;
    }


    #search-anything {
        width: 100%;
    }

    #search-anything + table {
        margin-top: 15px;
    }


    #search-anything label {
        font-weight: normal;
    }

    #search-anything .showfilters {
        display: none;
        width: 100%;
        min-height: 34px;
        margin: 0;
        padding: 0 15px !important;
        text-align: center;
        border-color: #EBECEE;
        border-bottom: none;
        border-radius: 5px 5px 0 0;
        background: #fff;
    }

    #search-anything .showfilters.collapsed {
        margin-bottom: 15px;
        border-bottom: 1px solid #EBECEE;
        border-radius: 5px;
    }

    #search-anything .showfilters.collapsed.in {
        margin-bottom: 0;
    }

    #search-anything .control-group {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    #search-anything .dateintervals {
        display: flex;
        gap: 2px 2px;
    }

    #search-anything .dateintervals .fields-calendar {

        background: #fff;
        /*padding: 2px;*/
        /*border: 1px solid #CEDCEE;
        border-radius: 5px;*/
        z-index: 2;
        display: flex;
        gap: 5px 5px;
        flex-wrap: wrap;
        align-items: flex-end;

    }

    #search-anything .dateintervals .fields-calendar label {
        font-size: 14px;
        margin: 0;
        display: none;
    }

    #search-anything .dateintervals .fields-calendar .field {
        display: flex;
        align-items: center;

    }


    #search-anything .dateintervals .fields-calendar .field.btns *,
    #search-anything .dateintervals .fields-calendar .field .input-append * {
        line-height: 28px !important;
        max-height: 28px !important;
        min-height: 28px !important;
    }

    #search-anything .dateintervals .fields-calendar .field .icon-calendar {
        max-height: 26px !important;
        min-height: 26px !important;
        line-height: 25px !important;
    }

    #search-anything .dateintervals .fields-calendar .input-append input {
        max-width: 120px;
    }

    #search-anything .filters_wrap .control-group:not(.bytype):not(.dateintervals) {
        margin-right: 0 !important;
        max-width: 30% !important;
    }

    .modal-body #attributes_list #search-anything .filters_wrap .control-group:not(.bytype):not(.dateintervals) {
        max-width: 100%;
    }


    #search-anything .filters_wrap .control-group select,
    #search-anything .filters_wrap .control-group .chosen-container {
        width: 200px !important;

    }

    #search-anything .filters_wrap .icon-calendar:before {

    }

    #search-anything .control-group.resetsearch {
        flex-grow: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 8px;
        align-items: flex-start;
        align-content: flex-start;
    }


    #search-anything .filters_wrap {
        margin-bottom: 15px !important;
    }

    #search-anything .control-group.orderby {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 15px !important;
        gap: 0 5px;
        border: none;
        padding: 0;
    }


    #search-anything .control-group.orderby .orderby {
        margin-bottom: 0 !important;
    }

    #search-anything .control-group.orderby .btn-secondary {
        min-height: 32px !important;
        border-radius: 5px;
    }

    .tasks.page.foritem #tasks_listing #search-anything .filters.orderby,
    #inventory.tasks #search-anything .filters.orderby {
        justify-content: space-between;
        margin-bottom: 15px !important;
        padding: 15px;
        border-radius: 16px;
        background: #fff;
        box-shadow: 10px 10px 20px 0 #EDF2FA;
    }

    .modal .tasks.page.foritem #tasks_listing #search-anything .filters.orderby,
    .modal #inventory.tasks #search-anything .filters.orderby {
        padding: 0px;
    }

    .modal .tasks.page.foritem #tasks_listing #search-anything .filters.orderby {
        flex-wrap: wrap;
        gap: 15px 15px;
        box-shadow: none;
    }

    #inventory.tasks #search-anything .filters.orderby #legend {
        padding-left: 0;
    }

    #search-anything .control-fields,
    #search-anything .control-groups {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px 15px;
    }

    #search-anything .control-fields:first-child {
        flex-grow: 2;
    }

    #search-anything .control-groups {
        flex-grow: 2;
    }

    #search-anything .form_search {
        display: flex;
        justify-content: space-between;
        gap: 15px 15px;
    }

    #search-anything .form_search .resetsearch .btn {
        font-size: 14px;
        line-height: 32px;
        min-height: 32px;
        padding: 0 15px;
        width: 100%;
        max-height: 32px;
    }

    #search-anything .orderby .controls,
    #search-anything .control-group.bytype,
    #search-anything .control-group.bytype .controls {
        display: flex;
        align-items: center;
        gap: 5px 15px;
        flex-wrap: wrap;
    }

    #search-anything .orderby .controls {
        margin-left: auto;
    }


    #search-anything .orderby .controls .controls {
        gap: 0;
    }

    #search-anything .orderby .controls .radiogroup {
        height: 34px;
        min-width: 36px;
    }


    #search-anything .control-label,
    #search-anything .search {
        display: none;
    }

    #search-anything .orderby .controls,
    #search-anything .orderby .controls label {
        align-items: stretch;
        height: 100%;
    }

    .filters.orderby .btn:not(.btn-add),
    #search-anything .displaymode .btn:not(.btn-add),
    #search-anything .displaymode button:not(.btn-add) {
        line-height: 34px;
        display: inline-block;
        overflow: hidden;
        width: 34px;
        height: 34px;
        padding: 0;
        vertical-align: middle;
        text-decoration: none;
        border: 2px solid #EBECEE;
        background: #fff;
        min-height: 0;
    }

    #search-anything .displaymode button:not(.print):before {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 6px;
        content: "";
        text-align: center;
        pointer-events: none;
        color: #000;
        background-color: #ABABAB;
        -webkit-mask: url("../images/view-list.svg") no-repeat 50% 50%;
        mask: url("../images/view-list.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    #search-anything .displaymode button.act:before {
        background-color: #5078FE;
    }

    #search-anything .displaymode button:not(.act):focus,
    #search-anything .displaymode button:not(.act):hover {
        border-color: #5078FE;
        background-color: #5078FE;
    }

    #search-anything .displaymode button:not(.act):focus:before,
    #search-anything .displaymode button:not(.act):hover:before {
        background-color: #fff;
    }

    #search-anything .displaymode button.act {
        cursor: not-allowed;
        pointer-events: none;
    }

    #search-anything .displaymode button.liststyle_grid:before {
        -webkit-mask: url("../images/view-module.svg") no-repeat 50% 50%;
        mask: url("../images/view-module.svg") no-repeat 50% 50%;
    }

    #search-anything .displaymode button.liststyle_tasks:before {
        margin-top: 6px;
        -webkit-mask: url("../images/task_todo.svg") no-repeat 50% 50%;
        mask: url("../images/task_todo.svg") no-repeat 50% 50%;
    }

    #search-anything .category_order {
        margin-left: auto;
    }

    #search-anything .orderby .controls input[type='radio'].orderby + label {
        font-size: 21px;
        line-height: 28px;
        width: 34px;
        justify-content: center;
        text-decoration: none;
        border: 2px solid #EBECEE;
        border-radius: 5px;
    }

    #search-anything .orderby .controls input[type='radio'].orderby + label:hover,
    #search-anything .orderby .controls input[type='radio'].orderby + label:focus {
        outline: none !important;
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1) !important;
    }

    #search-anything .orderby .controls input[type='radio'].orderby:checked + label {
        display: none;
    }

    #search-anything .orderby .buttons {
        padding-top: 0;
    }

    #search-anything .orderby .total_cost,
    #search-anything .orderby .tasksprogress {
        display: flex;
        align-items: center;
        margin: 0 25px;
        gap: 15px;
    }

    .modal .tasks.page.foritem #tasks_listing #search-anything .total_cost,
    .modal .tasks.page.foritem #tasks_listing #search-anything .tasksprogress {
        flex-basis: 100%;
        order: -1;
        margin: 0;
    }

    .modal .tasks.page.foritem #tasks_listing #search-anything .total_cost {
        justify-content: space-between;
        order: -2;
    }

    #search-anything .orderby .tasksprogress {
        flex-grow: 2;
        min-width: 250px;
    }

    #search-anything .orderby .total_cost .ttl {
        margin: 0 !important;
        padding: 0;
    }

    #search-anything .orderby .tasksprogress .progress,
    #search-anything .orderby .tasksprogress .h5 {
        margin: 0;
        padding: 0;
    }

    #search-anything .orderby .tasksprogress .wrap {
        flex-grow: 2;
    }

    .loading #search-anything .filters_wrap {
        background: #fff;
    }

    .loading #search-anything .filters_wrap > * {
        opacity: 0;
    }


    .loading #search-anything .control-group.orderby {
        opacity: 0;
    }


    #inventory.history.novendor .no_products_filter,
    #inventory.history.novendor #search-anything {
        display: none;
    }

    #search-anything .legend {
        margin-bottom: 0;
    }

    #vehicle_images #search-anything {
        margin-bottom: 15px;
    }


    #search .offlajn-ajax-search-container {
        width: 100% !important;
        padding: 0 !important;
    }

    #offlajn-ajax-tile-results .search-result-card .search-result-image-shadow,
    #offlajn-ajax-tile-results .search-result-card .search-result-price {
        display: none;
    }


    #offlajn-ajax-tile-results .offlajn-close-button {
        /*  display: none !important;*/
    }

    .offlajn-ajax-search-control-panel {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 2;
        width: 100%;
        margin: 0 !important;
        margin-bottom: 15px !important;
        padding: 5px 15px !important;
        border-radius: 0 !important;
    }

    #offlajn-ajax-search-page-out {
        display: none !important;
    }

    #offlajn-ajax-tile-results {
        position: absolute !important;
        z-index: 8 !important;
        top: 100%;
        left: 0;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: auto !important;
        margin-top: 0px;
        margin-bottom: 15px;
        padding: 0 10px;
        background: #fff !important;
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1);
    }

    #offlajn-ajax-search-results-inner {
        overflow-y: auto !important;
        max-height: 50vh;
    }


    #main #offlajn-ajax-tile-results .offlajn-ajax-search-control-panel .inner-control-panel .offlajn-button {
        font-size: 18px !important;
        overflow: hidden;
        width: 35px;
        height: 35px;
        color: #848798;
        background: transparent;
    }

    #main #offlajn-ajax-tile-results .offlajn-ajax-search-control-panel .inner-control-panel .offlajn-button:hover,
    #main #offlajn-ajax-tile-results .offlajn-ajax-search-control-panel .inner-control-panel .offlajn-button.pushed {
        color: #5078FE;
    }

    #main #offlajn-ajax-tile-results .search-result-link {
        display: block !important;
        float: none !important;
        width: 100%;
        margin-top: 15px !important;
        text-decoration: none !important;
    }

    #main #offlajn-ajax-tile-results .search-result-link + .search-result-link {
        margin-top: 15px !important;
    }

    #main #offlajn-ajax-search-results-inner {
        position: static !important;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }

    #main #offlajn-ajax-tile-results .search-result-card {
        display: flex !important;
        float: none !important;
        align-items: center;
        justify-content: flex-start;
        margin: 0 !important;
        border-color: #F1F4FF;
        border-radius: 16px !important;
        background: #fff !important;
        gap: 10px 10px;
        box-shadow: none !important;
    }

    #main #offlajn-ajax-tile-results {
        border-radius: 0 0 8px 8px;
        background: #F4F7FC !important;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-inner {
        font-size: 14px !important;
        width: auto !important;
        height: auto !important;
        text-align: left !important;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-divider {
        display: none !important;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-title {
        font-size: 26px;
        line-height: 1.2;
        width: auto !important;
        margin-bottom: 15px !important;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-title > span {
        white-space: initial !important;
    }

    #main #offlajn-ajax-tile-results .search-result-card img {

    }

    #main #offlajn-ajax-tile-results .search-result-card .props {
        font-size: 16px !important;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    #main #offlajn-ajax-tile-results .search-result-card .price {
        font-size: 26px !important;
        line-height: 1.2;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-image-shadow {
        display: none !important;
    }

    #main #offlajn-ajax-tile-results .offlajn-close-button {
        position: absolute;
        top: 0;
        right: 0;
    }

    #main #offlajn-ajax-tile-results #no-result-message span,
    #main #offlajn-ajax-tile-results #no-result-message {
        color: #333;
        border: none !important;
    }

    #main #offlajn-ajax-tile-results .offlajn-ajax-search-control-panel {
        margin-bottom: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    #main #offlajn-ajax-tile-results .offlajn-ajax-search-control-panel .inner-control-panel {
        margin-right: 0 !important;
        background: transparent !important;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-image {
        order: -1;

    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-image img {
        width: auto !important;
        height: auto !important;
        border-radius: 8px !important;

    }

    #main #offlajn-ajax-tile-results .offlajn-ajax-search-control-panel .offlajn-close-button {
        margin: 0 !important;
        display: none;
    }
}