0.0.37

static/css/styles(boris).css

@@ -30,6 +30,7 @@
     clear: both;
 }
 
+
 /**/
 
 .title-profile-cont{
@@ -695,12 +696,13 @@
     box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
     margin-bottom: 20px;
     border-radius: 10px;
-    padding: 20px;
+    /*padding: 20px;*/
 }
 
 .left-part-carrier-card{
-    width: 70%;
+    width: calc(70% - 20px);
     float: left;
+    padding: 20px;
 }
 
 .first-line-card-carrier{
@@ -725,8 +727,211 @@
 }
 
 .from-to-country-container-carrier{
-    width: 90%;
+    width: calc(100% - 70px);
     margin: auto;
     background: #F8F8F8;
     box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
+    padding-top: 20px;
+    padding-bottom: 20px;
+    padding-left: 35px;
+    padding-right: 35px;
+    margin-bottom: 20px;
+}
+
+.from-to-country-text.left{
+    color: #272424;
+    font-size: 16px;
+    font-weight: 500;
+    width: 46%;
+    /*padding-top: 20px;*/
+    /*padding-bottom: 20px;*/
+    /*padding-left: 80px;*/
+    float: left;
+    text-align: right;
+}
+
+.from-to-country-text.right{
+    color: #272424;
+    font-size: 16px;
+    font-weight: 500;
+    width: 46%;
+    /*padding-top: 20px;*/
+    /*padding-bottom: 20px;*/
+    /*padding-right: 80px;*/
+    float: right;
+    text-align: left;
+}
+
+
+.line_inf_about_moving{
+    width: 100%;
+    margin-bottom: 20px;
+}
+
+.container_inf_about_moving.second{
+    margin-bottom: 0;
+}
+
+.splitter-from-to-country{
+    border: 1px solid #FF613A;
+    width: 20px;
+    display: inline-block;
+    /*width: 5%;*/
+    margin-bottom: 4px;
+    margin-left: 6px;
+}
+
+.container_inf_about_moving{
+    display: block;
+    width: 100%;
+}
+
+
+.carrier_inf_moving.left{
+    width: 50%;
+    float: left;
+    text-align: left;
+}
+.carrier_inf_moving.right{
+    width: 50%;
+    float: right;
+    text-align: right;
+}
+
+.splliter-left-right-part-carrier-card{
+    border: 1px solid #E6E6E6;
+    height: 100%;
+    display: inline-block;
+    transform: rotate(180deg) ;
+    position: relative;
+    left: 70%;
+}
+
+.inf_carrier{
+    padding-top: 15px;
+    display: block;
+
+}
+
+.phones_carrier{
+    text-decoration: none;
+    color: #000000;
+    font-size: 16px;
+    padding-bottom: 10px;
+    display: block;
+}
+
+.phones_carrier_span{
+    position: relative;
+    top: 4px;
+    background: linear-gradient(99deg, #040404 2%, #f5f5f5 16%, #ffffff);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    transition: 200ms;
+}
+
+.phones_carrier_span.active{
+    background: unset;
+    -webkit-background-clip: unset;
+    -webkit-text-fill-color: unset;
+}
+
+.phones_carrier input{
+    display: none;
+}
+.email_carrier{
+    text-decoration: none;
+    color: #000000;
+    font-size: 16px;
+    padding-bottom: 10px;
+    display: block;
+}
+
+.email_carrier_span{
+    position: relative;
+    top: 6px;
+    background: linear-gradient(99deg, #040404 2%, #f5f5f5 16%, #ffffff);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    transition: 200ms;
+}
+
+.email_carrier_span.active{
+    background: unset;
+    -webkit-background-clip: unset;
+    -webkit-text-fill-color: unset;
+}
+
+.email_carrier input{
+    display: none;
+}
+
+.open_inf_carrier{
+    font-size: 16px;
+    font-weight: 500;
+    color: #272424;
+    border: 2px solid #FF613A;
+    padding: 8px 16px;
+    background: #FFFFFF;
+    transition: 200ms;
+    border-radius: 10px;
+    width: 100%;
+}
+
+.open_inf_carrier:hover{
+    background: #FF613A;
+    color: #FFFFFF;
+}
+
+
+.open_chat_carrier{
+    display: none;
+}
+
+.open_chat_carrier.active{
+    display: block;
+    font-size: 16px;
+    font-weight: 500;
+    color: #272424;
+    border: 2px solid #00a420;
+    padding: 8px 16px;
+    background: #FFFFFF;
+    transition: 200ms;
+    border-radius: 10px;
+    width: 100%;
+    margin-bottom: 10px;
+}
+
+.open_chat_carrier:hover{
+    color: #FFFFFF;
+    background: #00a420;
+}
+
+.inf_carrier_container{
+    width: calc(30% - 61px);
+    float: right;
+    padding: 20px;
+    border-left: 1px solid #E6E6E6;
+}
+
+.title_container_inf_carrier{
+    font-weight: 500;
+    font-size: 20px;
+    color: #272424;
+    padding-bottom: 10px;
+}
+
+.name_carrier{
+    font-size: 16px;
+    color: #272424;
+    font-weight: 400;
+    position: relative;
+    top: 11px;
+    left: 4px;
+}
+
+.from-to-city-text{
+    font-size: 14px;
+    color: #27242499;
+    padding-top: 10px;
 }