@media screen {
    .details-page a.wishlist:before {
        width: 24px;
        height: 24px;
    }

    .details-page a.wishlist,
    .details-page .vehicle-title button.actions {
        position: relative;
        top: 0;
        left: 0;
        border: 1px solid #d7dae3 !important;
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .details-page a.wishlist:focus,
    .details-page .vehicle-title button.actions:focus,
    .details-page a.wishlist:hover,
    .details-page .vehicle-title button.actions:hover {
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1) !important;
    }

    .details-page .vehicle-title button.actions:after {
        margin: 2px 0 0 2px;
    }

    .details-page .vehicle-title {
        display: flex;
        align-items: center;
        flex-grow: 2;
        gap: 10px 10px;
    }

    .details-page .vehicle-title .page-header span {
        word-break: break-all;
    }

    .details-page .vehicle-title button {
        display: inline;
        min-width: 28px;
    }

    .details-page .vehicle-title .vehicle_category {
        padding: 0 8px;
        border: 1px solid #d7dae3 !important;
        border-radius: 10px;
    }

    .details-page .vehicle-header .vehicle_labels {
        padding: 0 2px 0 12px;
        border: 1px solid #d7dae3 !important;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #content .details-page .vehicle-header .vehicle_labels.loading:after {
        height: 100% !important;
    }

    .details-page .vehicle-header .vehicle_labels .ttl {
        margin: 0 8px 0 0;
        color: #5A738E;
    }

    .details-page .vehicle-header .vehicle_labels .val {
        height: 100%;
        padding: 2px 0;
        display: flex;
        gap: 5px 5px;
        line-height: 1;
        font-size: 14px;
    }

    .details-page .vehicle-header .vehicle_labels .vehicle-label {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .details-page .vehicle-header .vehicle_labels .btn {
        position: relative;
        margin: 2px 4px 2px 10px;
        height: calc(100% - 4px);
        aspect-ratio: 1 / 1;
        padding: 0;
    }

    .details-page .vehicle-header .vehicle_labels .btn:before {
        display: block;
        width: 26px;
        height: 26px;
        content: "";
        background-color: #5A738E;
        -webkit-mask: url("../images/icons/labelsedit.svg") no-repeat 100% 100%;
        mask: url("../images/icons/labelsedit.svg") no-repeat 100% 100%;
        mask-size: contain;
        -webkit-mask-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        pointer-events: none;
        margin: -13px 0 0 -13px;
    }

    .details-page .vehicle-header .vehicle_labels .btn:hover:before {
        background-color: #5078FE;
    }

    .details-page .table__items {
        padding-bottom: 15px !important;
        display: flex;
        flex-direction: column;
    }

    .details-page #nhtsaitems .items {
    }

    .details-page #nhtsaitems .item + .item {
        margin-top: 25px;
        border-top: 1px solid #CEDCEE;
        padding-top: 15px;
    }

    .details-page .cover_page {
        display: grid;
        grid-template-columns: 30% calc(70% - 15px);;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-auto-rows: auto;
        grid-auto-flow: dense;
    }

    .details-page .product_cover_image,
    .details-page .prod_map_wrap,
    .details-page .product_after_images {
        grid-column: 1;
    }

    .details-page .prod_map_wrap {
        grid-row: 2;
    }

    .details-page .product_after_images {
        grid-row: 3;
    }

    .details-page.has_checklist_list_history .product_after_images {
        grid-row: 3  / span 2;
    }

    .details-page .product_modules,
    .details-page .product_tasks,
    .details-page .product_add_data,
    .details-page .checklist_list_history,
    .details-page .product_reviews {
        grid-column: 2;
    }

    .details-page .product_modules {
        grid-row: 1 / span 2;
    }

    .details-page .product_tasks {
        max-height: 400px;
        overflow-y: auto;
    }

    .details-page .product_reviews:last-child,
    .details-page .product_add_data {
        grid-row: 3;
    }

    .details-page .product_tasks + .product_reviews:last-child {
        grid-row: 2;
    }

    .details-page .prod_map_wrap + .product_reviews:last-child,
    .details-page .product_after_images + .product_reviews:last-child {
        grid-row: 1;
    }

    .details-page .checklist_list_history.attributgr {
        margin-bottom: 0;
    }

    .details-page .product_modules > .mod {
        display: flex;
        flex-direction: column;
    }

    .details-page .product_modules > .mod > div:not(.modtitle) {
        flex-grow: 2;
    }

    .details-page .right_col {
        padding-left: 0;
    }

    .details-page .vehicle-body {
        padding-bottom: 25px;
    }

    .details-page .statuses_history_wrap {
    }

    .details-page .statuses_history {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
        margin-left: auto;
        gap: 10px 8px;
        flex-grow: 2;
    }

    .details-page .statuses_history .item {
        font-size: 14px;
        display: flex;
        align-items: center;
        flex-direction: column;
        min-width: 80px;
        min-height: 42px;
        border-radius: 10px;
        background: #d7dae3;
        gap: 5px 0;
    }

    .details-page .statuses_history .status {
        font-size: 12px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 80px;
        padding: 0;
        text-align: center;
        color: #818181;
    }

    .details-page .statuses_history .item a,
    .details-page .statuses_history .item .wrap {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%;
        text-decoration: none !important;
        gap: 5px 10px;
        padding: 5px 10px;
        border-radius: 10px;
    }

    .details-page .statuses_history .item a:not(.active):hover,
    .details-page .statuses_history .item a:not(.active):focus {
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1);
    }

    .details-page .statuses_history .date {
        line-height: 1;
        color: #818181;
    }

    .details-page .statuses_history .vehicle_status.active .status,
    .details-page .statuses_history .vehicle_status.active .date {
        color: #333;
    }

    .details-page .product_modules .mod {
        height: 100%;
    }

    .details-page .quickicons .circle .diag:before {
        width: 60px;
        height: 60px;
        margin-left: -30px;
    }

    .details-page .quickicons .circle.loaded .diag:before {
        display: none;
    }

    .details-page .vehicle-header {
        display: flex;
        flex-direction: column;
        gap: 15px 15px;
    }

    .details-page .vehicle-header_line_one,
    .details-page .vehicle-header_line_two {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 15px;
        align-items: stretch;
    }

    .details-page .vehicle-header_line_two {
        flex-wrap: nowrap;
    }

    .details-page .vehicle-header_line_one {
        justify-content: space-between;
    }

    .details-page .vehicle-header_line_two {
        align-items: stretch;
        justify-content: space-between;
        position: relative;
    }

    .details-page .vehicle-header_line_two > * {
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding: 10px 15px 15px 15px;
        border-radius: 12px;
        background: #F1F4FF;
        gap: 5px 0;
    }

    .details-page .vehicle-header_line_two .sold {
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        height: auto;
        background: transparent;
        color: #ff0000;
        font-weight: bold;
    }

    .details-page .vehicle-header_line_one .ttl,
    .details-page .vehicle-header_line_two .ttl {
        font-size: 16px;
        font-weight: 500;
        margin: 0;
    }

    .details-page .vehicle-header_line_two .ttl + * {
        display: flex;
        align-items: center;
        flex-grow: 2;
    }

    .details-page .vehicle-header_line_two .locations ul{

    }

    .details-page .vehicle-header_line_two .val > div {
        border: 1px solid #BEC4C8;
        display: flex;
        align-items: center;
        border-radius: 10px;
        padding: 5px 5px;
        min-height: 42px !important;
    }

    .details-page .vehicle-header_line_two .locations {
        order: 1;
    }

    .details-page .vehicle-header_line_two .locations li > * {
        min-width: 110px;
        background: #fff;
        border-radius: 10px;
        padding: 5px 5px;
        min-height: 42px !important;
    }

    .details-page .vehicle-header_line_two .locations li * {
        border-radius: 10px;
        line-height: 1.1 !important;
    }

    .details-page  .locations  .vendor_name{
        display: flex;
        align-items: center;
    }

    .details-page .vehicle-header_line_two .total_cost {
        flex-grow: 2;
        order: 2;
        max-width: 280px;
    }

    .details-page .vehicle-header_line_two #statuses_history_form {
        order: 10;
        margin-left: auto;
        flex-grow: 2;
    }

    .details-page .button-bar {
        align-items: center;
        border-radius: 5px;
        gap: 0 15px;
    }

    .details-page .button-bar nav {
        flex-grow: 2;
        width: auto;
    }

    .details-page .button-bar ul {
        margin: 0;
    }

    .details-page .prod_map {
        min-height: 280px;
        height: 100%;
        margin-bottom: 0;
        border-radius: 12px;
    }

    .details-page .product_transfers {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .details-page .product_transfers .wrap {
        flex-grow: 2;
    }

    .details-page .tasks_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .details-page .reviews_items {
        max-height: 180px;
        overflow-y: auto;
        margin-bottom: 15px;
    }

    .details-page .product_tasks.scroll-scrolly_visible,
    .details-page .reviews_items.scroll-scrolly_visible {
        padding-right: 12px;
    }

    .details-page .product_transfers,
    .details-page .checklist_list_history {
        margin-bottom: 0;
        padding: 15px;
        border-radius: 16px;
        background: #F1F4FF;
        box-shadow: none;
    }

    .details-page .table__items_wrap .h5,
    .details-page .product_history .h5,
    .details-page .product_transfers .h5,
    .details-page .checklist_list_history .h5,
    .details-page .reviews .h3 {
        font-size: 18px;
        margin: 0 0 10px;
        color: #262833;
        background: transparent;
    }

    .details-page .table__items,
    .details-page .tasks_list {
        margin-bottom: 0;
    }

    .details-page #tasks_listing {
        height: 100%;
    }

    .details-page #tasks_list {
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        min-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .details-page .tasks_list {
        width: 100%;
    }

    .details-page .mainimg,
    .details-page .product_images {
        margin-bottom: 25px;
    }

    .details-page .product_transfers table.grid tr:last-child td:first-child {
        border-radius: 0 0 0 12px;
    }

    .details-page .product_transfers table.grid tr:last-child td:last-child {
        border-radius: 0 0 12px 0;
    }

    .details-page #vehicleTabs {
        margin: 0 -10px;
        padding-top: 10px;
        align-items: stretch;
    }

    .details-page #vehicleTabs:before,
    .details-page #vehicleTabs:after {
        display: none;
    }

    .details-page #vehicleTabs.nav-tabs > li {
        margin: 0;
        padding: 0;
    }

    .details-page #vehicleTabs.nav-tabs > li > a {
        margin: 0 10px;
        min-height: 100%;
    }

    .details-page .file-preview {
        border: none !important;
    }

    .details-page .mainimg {
        position: relative;
    }

    .details-page .mainimg .count_images {
        font-size: 14px;
        line-height: 30px;
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        padding: 0;
        text-align: center;
        color: #333;
        border-radius: 50%;
        background: #fff;
        box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.1) !important;
    }

    .details-page .mainimg img {
        position: relative;
        z-index: 2;
        width: 100%;
        border-radius: 12px;
        border: 1px solid #ddd;
    }

    .details-page .mainimg:before {
        z-index: 1 !important;
    }

    .details-page .mainimg:after {
        display: none;
    }

    .details-page .modtitle .readmore {
        font-size: 18px;
        font-weight: normal;
        min-width: 130px;
        text-align: right;
        color: #9AA9AD;
    }

    .details-page .product_transfers .ttl .h5 {
        margin: 0;
    }

    .details-page .checklist_list_history .wrap,
    .details-page .product_transfers .wrap {
        padding: 0 5px 5px;
        border-radius: 12px;
        background: #fff;
    }

    .details-page .checklist_list_history .wrap {
        padding: 15px;
    }

    .details-page .product_transfers th {
        padding: 10px 15px;
    }

    .details-page .left_col > div + div,
    .details-page .right_col > div + div {
        margin-top: 25px;
    }

    .details-page .checklist_list_history ul {
        margin: 0;
        padding: 0;
    }

    .details-page .transfers__items {
        max-height: 250px;
        overflow-y: auto;
    }

    .details-page.has_checklist_list_history .transfers__items {
        max-height: 450px;
        overflow-y: auto;
    }

    .details-page .table__items_wrap,
    .details-page .product_history,
    .details-page #details,
    .details-page #editproductform {
        padding: 15px;
        border-radius: 16px;
        background: #F1F4FF;
    }

    .details-page .table__items_wrap .ttl {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .details-page .table__items,
    .details-page #editproductform {
        /*overflow: hidden;*/
        padding: 15px;
        border-radius: 16px;
        background: #fff;
    }

    .details-page #editproductform .row.flex {
    }

    .details-page .item .info .vehicle_params ul {
        border-top: 0;
    }

    .details-page .item .info .product_prices span.val,
    .details-page .item .info .vehicle_params .val {
        font-weight: 500;
    }

    .details-page .product_prices {
        margin-bottom: 25px;
    }

    .details-page .product_prices .row > * {
        width: auto;
        max-width: 33%;
    }

    .details-page .product_prices .detail-label {
        flex-grow: 2;
        max-width: none;
        width: auto;
    }

    .details-page .product_prices .data > .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .details-page .data.price .val .controls {
        position: relative;
        display: flex;
    }

    .details-page .mce-tinymce {
        overflow: hidden;
        border-radius: 12px;
    }

    .details-page .product_images .grayblock {
        margin: 0 0 15px;
        background: #F1F4FF;
    }

    .details-page .upload_images .controls .file-input .file-preview {
        flex-grow: 3;
        min-height: 220px;
        padding: 0;
        border: none;
    }

    .details-page .data.old_price {
        display: none;
    }

    .details-page .product_prices #currency_id + .chosen-container,
    .details-page .product_prices #currency_id {
        display: none !important;
    }

    .details-page .upload_images .controls .file-input {
        margin-bottom: 15px;
    }

    .details-page .upload_images .file-drop-zone {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .details-page .prod_map_wrap {
        position: relative;
    }

    .details-page .prod_map_info {
        margin-bottom: 0;
        padding: 15px;
        border-radius: 16px 16px 0 0;
        background: #F1F4FF;
    }

    .details-page .upload_images .file-input .file-drop-zone {
        border: none;
    }

    .details-page .upload_images .file-input .file-drop-zone-title {
        display: none;
    }

    .details-page .upload_images .file-input:hover .file-drop-zone-title {
        display: block;
    }

    .details-page a.wishlist {
        width: 34px;
        height: 34px;
    }

    .checklist_page .vehicle-header .h2 a {
        text-decoration: underline;
    }

    .checklist_page #formbuttons {
        margin-bottom: 0;
    }

    .checklist_page,
    .checklist_page * {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .checklist_page #printarea1 {
        pointer-events: none;
    }

    .checklist_page .checklist_page_wrap {
        min-height: 180px;
    }

    .checklist_page .prod_attributes .attributes_descr,
    .checklist_page .prod_attributes .legend {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        pointer-events: none;
        touch-action: none;
        -webkit-touch-callout: none;
    }

    .checklist_page .prod_attributes .legend {
        display: none;
    }

    .checklist_page .prod_attributes .prod_attributes_heatmap + .legend {
        display: flex;
    }

    .checklist_page.extended-checklist .prod_attributes__legend .el.normal,
    .checklist_page.extended-checklist .prod_attributes__legend .el.fine {
        display: none;
    }

    .modal .checklist_page .img_thumbs img {
        width: 100%;
    }

    .checklist_page .reviews_items {
        max-height: 280px;
        overflow-y: auto;
        margin-bottom: 15px;
    }

    #printarea .checklist_page .reviews_items {
        max-height: none;
    }

    .checklist_page #attributgr__vehicle-needs .wrap {
        display: grid;
        grid-column-gap: 15px;
        grid-row-gap: 0;
        grid-template-columns: repeat(2, 1fr);
        justify-items: stretch;
    }

    .checklist_page #attributgr__vehicle-needs .wrap .attribut {
        width: 100%;
        margin-top: 0;
        padding: 5px 0 5px;
        border: none;
        border-top: 1px solid #CEDCEE;
    }

    .modal .checklist_page #attributgr__vehicle-needs .wrap .attribut:first-child {
        border-top: none;
    }

    .checklist_page_wrap .extrafields ul,
    .checklist_page_wrap .extrafields ul li + li {
        padding: 5px 0 5px;
        border-top: 1px solid #CEDCEE;
    }

    .checklist_page_wrap .extrafields ul {
        margin: 0;
        padding: 0;
        border-top: none;
    }

    .checklist_page_wrap .extrafields ul .val {
        font-weight: 500;
    }

    .checklist_page .vehicle-header .h2,
    .checklist_page .vehicle-header .h2 a,
    .details-page .page-header {
        font-size: 24px;
        margin: 0;
        color: #262833;
    }

    .checklist_page .vehicle-header .h2 {
        margin-bottom: 25px;
    }

    .checklist_page.print .display_params .controls {
        display: flex;
        gap: 5px 8px;
    }

    #checklistAddImages .upload_images .file-input .file-caption-info,
    .checklist_page .upload_images .file-input .file-caption-info {
        display: initial;
    }

    .modal .checklist_page.print #search_displaymode .display_params {
        text-align: right;
    }

    .history__items .change-status .error,
    .history__items .change-status-error .val span{
        color:red;

    }
}