Merge upstream

hosting/static/hosting/css/landing-page.css

@@ -586,7 +586,7 @@ a.unlink:hover {
 }
 
 .dcl-order-table-total .tbl-total {
-    text-align: right;
+    text-align: center;
     color: #000;
     padding-left: 44px;
 }
@@ -614,8 +614,8 @@ a.unlink:hover {
     font-weight: 300;
     border: 1px solid #a1a1a1;
     border-radius: 3px;
-    padding: 8px 10px;
-    margin-bottom: 20px;
+    padding: 5px;
+    margin-bottom: 15px;
 }
 .card-warning-error {
     border: 1px solid #EB4D5C;
@@ -656,7 +656,7 @@ a.unlink:hover {
 
 .card-element {
     margin-bottom: 10px;
-    /* padding: 0; */
+    padding: 0;
 }
 
 .card-element label{
@@ -674,12 +674,12 @@ a.unlink:hover {
 
 #card-errors {
     clear: both;
-    padding: 0 5px 10px;
+    padding: 0 0 10px;
     color: #eb4d5c;
 }
 
 .credit-card-goup{
-    padding: 0 5px;
+    padding: 0;
 }
 
 .order-confirm-date{
@@ -879,4 +879,41 @@ a.list-group-item-danger.active:focus {
 .has-success .form-control:focus,
 .has-success .form-control:active {
     box-shadow: inset 0 0 1px rgba(0,0,0,0.25);
-}
+}
+.checkmark {
+  display: inline-block;
+}
+.checkmark:after {
+  /*Add another block-level blank space*/
+  content: '';
+  display: block;
+  /*Make it a small rectangle so the border will create an L-shape*/
+  width: 25px;
+  height: 60px;
+  /*Add a white border on the bottom and left, creating that 'L' */
+  border: solid #777;
+  border-width: 0 3px 3px 0;
+  /*Rotate the L 45 degrees to turn it into a checkmark*/
+  transform: rotate(45deg);
+}
+
+.closemark {
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    position: relative;
+}
+.closemark:before, .closemark:after {
+  position: absolute;
+  left: 25px;
+  content: ' ';
+  height: 50px;
+  width: 2px;
+  background-color: #777;
+}
+.closemark:before {
+  transform: rotate(45deg);
+}
+.closemark:after {
+  transform: rotate(-45deg);
+}