diff --git a/static/v2/css/widgets/w_route_card.css b/static/v2/css/widgets/w_route_card.css
index 1f9b376..d9df96d 100644
--- a/static/v2/css/widgets/w_route_card.css
+++ b/static/v2/css/widgets/w_route_card.css
@@ -65,6 +65,104 @@
         --route-text-container-bg: #FFFFFF;
         --route-text-img-filter: unset;
     }
+    &.disabled{
+        --route-card-bg: #FFFFFF;
+        --card-splitter-bg: #E6E6E6;
+        --route-text-container-bg: #F1F1F1;
+        --route-text-img-filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(256%) hue-rotate(113deg) brightness(115%) contrast(89%);
+        .route_card_info_data{
+            .route_card_text_container{
+                color: #A9A9A9!important;
+            }
+        }
+        .card_owner_type.mover, .card_owner_type.customer{
+            --route-owner-type-color: #A9A9A9!important;
+        }
+        .route_btn.inactive, .route_btn, .route_btn.solid{
+            --route-btn-bg: #FFF;
+            &.solid{
+                --route-btn-bg: #A9A9A9;
+                &:hover{
+                    --route-btn-hover-bg: #A9A9A9!important;
+                    --route-btn-hover-text-color: #FFF!important;
+                }
+                .route_btn_title{
+                    --route-btn-title-color: #FFF!important;
+                }
+            }
+            --route-btn-border: 1.5px solid #A9A9A9;
+            --route-btn-text-data-color: #A9A9A9!important;
+
+            --route-btn-hover-text-color: #A9A9A9!important;
+            box-shadow: none!important;
+            &:hover{
+                --route-btn-hover-bg: #FFF!important;
+            }
+            .route_btn_title{
+                --route-btn-title-color: #A9A9A9!important;
+            }
+        }
+        .route_btn img{
+            filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(270%) hue-rotate(138deg) brightness(90%) contrast(83%);
+        }
+        --route-cargo-type-color: #A9A9A9;
+        .route_card_owner_avatar{
+            filter: grayscale(1);
+        }
+        .card_owner_name, div.orange{
+            color: #A9A9A9!important;
+        }
+        .route_card_route_data{
+            .route_way_data{
+                .route_transport{
+                    .route_transport_name{
+                        color: #A9A9A9!important;
+                    }
+                    img{
+                        filter: grayscale(1);
+                    }
+                }
+            }
+            .from_to_place_data{
+                .label{
+                    color: #A9A9A9!important;
+                }
+                .place{
+                    .place_title{
+                        color: #A9A9A9!important;
+                    }
+                    .country{
+                        .country_code{
+                            color: #A9A9A9!important;
+                        }
+                    }
+                    img{
+                        filter: grayscale(1);
+                    }
+                }
+            }
+        }
+        .route_number{
+            color: #A9A9A9!important;
+        }
+        .route_date_data{
+            color: #A9A9A9!important;
+        }
+        .way_progress_line_container{
+            .way_progress_arrows_line{display: none!important;}
+            .way_progress_line{
+                background: #A9A9A9;
+            }
+            .way_progress_round:first-of-type, .way_progress_round:last-of-type{
+                border: 3px solid #A9A9A9;
+            }
+        }
+        .route_card_actions_container{
+            .delete_route{
+                color: #FF613A;
+            }
+        }
+    }
     .route_card_info_data{
         &.mobile{display: none}
         @media (max-width: 1024px) {
@@ -421,7 +519,7 @@
             }
         }
         .way_progress_line{
-            width: calc(100% - 10px);
+            width: calc(100% - 20px);
             margin-left: 11px;
             height: 4px;
             position: absolute;
diff --git a/static/v2/js/widgets/w_route_card.js b/static/v2/js/widgets/w_route_card.js
index 1901924..49a9414 100644
--- a/static/v2/js/widgets/w_route_card.js
+++ b/static/v2/js/widgets/w_route_card.js
@@ -1,5 +1,5 @@
 function changeRoute(el) {
-    if (!el) return;
+    if (!el || el.closest('.disabled')) return;
     let $parent = el.closest(".w_route_card")
     if (!$parent) return;
 
@@ -47,7 +47,7 @@ function deleteRoute(el) {
 }
 
 function raiseRoute(el) {
-    if (!el || el.dataset.actions_count === '0') return;
+    if (!el || el.dataset.actions_count === '0' || el.closest('.disabled')) return;
     let $parent = el.closest(".w_route_card")
     if (!$parent) return;
 
@@ -90,7 +90,7 @@ function raiseRoute(el) {
 }
 
 function highlightRoute(el) {
-    if (!el || el.dataset.actions_count === '0') return;
+    if (!el || el.dataset.actions_count === '0' || el.closest('.disabled')) return;
     let $parent = el.closest(".w_route_card")
     if (!$parent) return;
 
diff --git a/templates/v2/widgets/w_route_card.html b/templates/v2/widgets/w_route_card.html
index 673c9cb..9b37192 100644
--- a/templates/v2/widgets/w_route_card.html
+++ b/templates/v2/widgets/w_route_card.html
@@ -1,7 +1,7 @@
 {% load i18n %}
 {% load static %}
 
-<div class="w_customer_route_card w_route_card{% if route.is_highlighted_now %} highlighted{% endif %}" data-route_id="{{ route.id }}" data-owner_type="{{ route.owner_type }}">
+<div class="w_customer_route_card w_route_card{% if route.is_highlighted_now %} highlighted{% endif %}{% if now_DT > route.arrival_DT %} disabled{% endif %}" data-route_id="{{ route.id }}" data-owner_type="{{ route.owner_type }}">
     {% include 'v2/content_widgets/w_route_card/route_card_info_data.html' %}
     {% include 'v2/content_widgets/w_route_card/route_card_route_data.html' %}
     {% include 'v2/content_widgets/w_route_card/route_card_actions_container.html' %}
diff --git a/templates/v2/widgets/w_route_card_for_search.html b/templates/v2/widgets/w_route_card_for_search.html
index 99238f5..b431b6b 100644
--- a/templates/v2/widgets/w_route_card_for_search.html
+++ b/templates/v2/widgets/w_route_card_for_search.html
@@ -1,7 +1,7 @@
 {% load i18n %}
 {% load static %}
 
-<div class="w_customer_route_card w_route_card{% if route.is_highlighted_now %} highlighted{% endif %}" data-route_id="{{ route.id }}" data-owner_type="{{ route.owner_type }}">
+<div class="w_customer_route_card w_route_card{% if route.is_highlighted_now %} highlighted{% endif %}{% if now_DT > route.arrival_DT %} disabled{% endif %}" data-route_id="{{ route.id }}" data-owner_type="{{ route.owner_type }}">
     {% include 'v2/content_widgets/w_route_card/route_card_info_data_for_search.html' %}
     {% include 'v2/content_widgets/w_route_card/route_card_route_data.html' %}
     {% include 'v2/content_widgets/w_route_card/route_card_actions_container_for_search.html' %}