1.1.1 highlighting and raising routes

static/css/styles.css

@@ -688,6 +688,40 @@ header .header-second {
     display: inline-block;
 }
 
+.control_frame{
+    display: none;
+    position: absolute;
+    background-color: white;
+    border-radius: 10px;
+    width: 282px;
+    height: 175px;
+    box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
+    z-index: 1;
+    border: 1px solid #FF613A;
+    padding: 0 10px;
+}
+
+.control_frame.show{
+    display: block;
+}
+
+button#send_upgrade {
+
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 20px;
+    text-align: center;
+    color: #FF613A;
+    width: 100%;
+    padding: 10px;
+    margin: 10px 0;
+}
+button#send_upgrade:hover {
+    background: #FF613A;
+    color: white;
+    border-radius: 15px;
+}
+
 .from_address_point_txt.red_text{
     color: #ff0000;
 }
@@ -1044,6 +1078,16 @@ input.deactive {
     background-color: white;
 }
 
+.custom-checkbox.round+label::before {
+
+    border-radius: 20px;
+    width: 25px;
+    height: 25px;
+    border: 1px solid #E0E0E0;
+    background-color: #FAFAFA;
+
+}
+
 
 
 .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
@@ -1483,6 +1527,21 @@ span.errorlist{
     position: absolute;
     bottom: 27%;
 }
+.label_text{
+    display: inline-block;
+    position: absolute;
+    bottom: 20%;
+    font-size: 14px;
+}
+
+label.route_label {
+    margin-bottom: unset;
+    padding-top: 10px;
+}
+.sub_label_text {
+    font-size: 14px;
+    margin-left: 35px;
+}
 
 /*create new route*/
 select#id_type_transport{
@@ -1995,6 +2054,7 @@ button#raise_route {
   border-radius: 10px;
   text-align: center;
   margin-bottom: 10px;
+    margin-top: 10px;
 }
 
 .edit_route{