framework7_rails 1.4.0 → 1.6.0

data/vendor/assets/stylesheets/framework7.ios.css

@@ -1,21 +1,22 @@
 /**
- * Framework7 1.4.0
- * Full Featured Mobile HTML Framework For Building iOS & Android Apps
- *
+ * Framework7 1.6.0
+ * Full featured mobile HTML framework for building iOS & Android apps
+ * 
  * iOS Theme
  *
- * http://www.idangero.us/framework7
- *
- * Copyright 2015, Vladimir Kharlampidi
+ * http://framework7.io/
+ * 
+ * Copyright 2017, Vladimir Kharlampidi
  * The iDangero.us
  * http://www.idangero.us/
- *
+ * 
  * Licensed under MIT
- *
- * Released on: December 7, 2015
+ * 
+ * Released on: April 10, 2017
  */
 html,
-body {
+body,
+.framework7-root {
   position: relative;
   height: 100%;
   width: 100%;
@@ -33,15 +34,20 @@ body {
   background: #fff;
   overflow: hidden;
 }
+.framework7-root {
+  overflow: hidden;
+}
 @media all and (width: 1024px) and (height: 691px) and (orientation: landscape) {
   html,
-  body {
+  body,
+  .framework7-root {
     height: 671px;
   }
 }
 @media all and (width: 1024px) and (height: 692px) and (orientation: landscape) {
   html,
-  body {
+  body,
+  .framework7-root {
     height: 672px;
   }
 }
@@ -136,6 +142,14 @@ p {
 .row.no-gutter .col-75 {
   width: 75%;
 }
+.row .col-70 {
+  width: 70%;
+  width: -webkit-calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
+  width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
+}
+.row.no-gutter .col-70 {
+  width: 70%;
+}
 .row .col-66 {
   width: 66.66666666666666%;
   width: -webkit-calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
@@ -144,6 +158,14 @@ p {
 .row.no-gutter .col-66 {
   width: 66.66666666666666%;
 }
+.row .col-65 {
+  width: 65%;
+  width: -webkit-calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
+  width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
+}
+.row.no-gutter .col-65 {
+  width: 65%;
+}
 .row .col-60 {
   width: 60%;
   width: -webkit-calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
@@ -152,6 +174,14 @@ p {
 .row.no-gutter .col-60 {
   width: 60%;
 }
+.row .col-55 {
+  width: 55%;
+  width: -webkit-calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
+  width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
+}
+.row.no-gutter .col-55 {
+  width: 55%;
+}
 .row .col-50 {
   width: 50%;
   width: -webkit-calc((100% - 15px*1) / 2);
@@ -160,6 +190,14 @@ p {
 .row.no-gutter .col-50 {
   width: 50%;
 }
+.row .col-45 {
+  width: 45%;
+  width: -webkit-calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
+  width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
+}
+.row.no-gutter .col-45 {
+  width: 45%;
+}
 .row .col-40 {
   width: 40%;
   width: -webkit-calc((100% - 15px*1.5) / 2.5);
@@ -168,6 +206,14 @@ p {
 .row.no-gutter .col-40 {
   width: 40%;
 }
+.row .col-35 {
+  width: 35%;
+  width: -webkit-calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
+  width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
+}
+.row.no-gutter .col-35 {
+  width: 35%;
+}
 .row .col-33 {
   width: 33.333333333333336%;
   width: -webkit-calc((100% - 15px*2) / 3);
@@ -176,6 +222,14 @@ p {
 .row.no-gutter .col-33 {
   width: 33.333333333333336%;
 }
+.row .col-30 {
+  width: 30%;
+  width: -webkit-calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
+  width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
+}
+.row.no-gutter .col-30 {
+  width: 30%;
+}
 .row .col-25 {
   width: 25%;
   width: -webkit-calc((100% - 15px*3) / 4);
@@ -366,6 +420,66 @@ p {
 .row.no-gutter .col-auto:nth-last-child(15) ~ .col-auto {
   width: 6.66666667%;
 }
+.row .col-auto:nth-last-child(16),
+.row .col-auto:nth-last-child(16) ~ .col-auto {
+  width: 6.25%;
+  width: -webkit-calc((100% - 15px*15) / 16);
+  width: calc((100% - 15px*15) / 16);
+}
+.row.no-gutter .col-auto:nth-last-child(16),
+.row.no-gutter .col-auto:nth-last-child(16) ~ .col-auto {
+  width: 6.25%;
+}
+.row .col-auto:nth-last-child(17),
+.row .col-auto:nth-last-child(17) ~ .col-auto {
+  width: 5.88235294%;
+  width: -webkit-calc((100% - 15px*16) / 17);
+  width: calc((100% - 15px*16) / 17);
+}
+.row.no-gutter .col-auto:nth-last-child(17),
+.row.no-gutter .col-auto:nth-last-child(17) ~ .col-auto {
+  width: 5.88235294%;
+}
+.row .col-auto:nth-last-child(18),
+.row .col-auto:nth-last-child(18) ~ .col-auto {
+  width: 5.55555556%;
+  width: -webkit-calc((100% - 15px*17) / 18);
+  width: calc((100% - 15px*17) / 18);
+}
+.row.no-gutter .col-auto:nth-last-child(18),
+.row.no-gutter .col-auto:nth-last-child(18) ~ .col-auto {
+  width: 5.55555556%;
+}
+.row .col-auto:nth-last-child(19),
+.row .col-auto:nth-last-child(19) ~ .col-auto {
+  width: 5.26315789%;
+  width: -webkit-calc((100% - 15px*18) / 19);
+  width: calc((100% - 15px*18) / 19);
+}
+.row.no-gutter .col-auto:nth-last-child(19),
+.row.no-gutter .col-auto:nth-last-child(19) ~ .col-auto {
+  width: 5.26315789%;
+}
+.row .col-auto:nth-last-child(20),
+.row .col-auto:nth-last-child(20) ~ .col-auto {
+  width: 5%;
+  width: -webkit-calc((100% - 15px*19) / 20);
+  width: calc((100% - 15px*19) / 20);
+}
+.row.no-gutter .col-auto:nth-last-child(20),
+.row.no-gutter .col-auto:nth-last-child(20) ~ .col-auto {
+  width: 5%;
+}
+.row .col-auto:nth-last-child(21),
+.row .col-auto:nth-last-child(21) ~ .col-auto {
+  width: 4.76190476%;
+  width: -webkit-calc((100% - 15px*20) / 21);
+  width: calc((100% - 15px*20) / 21);
+}
+.row.no-gutter .col-auto:nth-last-child(21),
+.row.no-gutter .col-auto:nth-last-child(21) ~ .col-auto {
+  width: 4.76190476%;
+}
 @media all and (min-width: 768px) {
   .row .tablet-100 {
     width: 100%;
@@ -415,6 +529,14 @@ p {
   .row.no-gutter .tablet-75 {
     width: 75%;
   }
+  .row .tablet-70 {
+    width: 70%;
+    width: -webkit-calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
+    width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
+  }
+  .row.no-gutter .tablet-70 {
+    width: 70%;
+  }
   .row .tablet-66 {
     width: 66.66666666666666%;
     width: -webkit-calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
@@ -423,6 +545,14 @@ p {
   .row.no-gutter .tablet-66 {
     width: 66.66666666666666%;
   }
+  .row .tablet-65 {
+    width: 65%;
+    width: -webkit-calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
+    width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
+  }
+  .row.no-gutter .tablet-65 {
+    width: 65%;
+  }
   .row .tablet-60 {
     width: 60%;
     width: -webkit-calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
@@ -431,6 +561,14 @@ p {
   .row.no-gutter .tablet-60 {
     width: 60%;
   }
+  .row .tablet-55 {
+    width: 55%;
+    width: -webkit-calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
+    width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
+  }
+  .row.no-gutter .tablet-55 {
+    width: 55%;
+  }
   .row .tablet-50 {
     width: 50%;
     width: -webkit-calc((100% - 15px*1) / 2);
@@ -439,6 +577,14 @@ p {
   .row.no-gutter .tablet-50 {
     width: 50%;
   }
+  .row .tablet-45 {
+    width: 45%;
+    width: -webkit-calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
+    width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
+  }
+  .row.no-gutter .tablet-45 {
+    width: 45%;
+  }
   .row .tablet-40 {
     width: 40%;
     width: -webkit-calc((100% - 15px*1.5) / 2.5);
@@ -447,6 +593,14 @@ p {
   .row.no-gutter .tablet-40 {
     width: 40%;
   }
+  .row .tablet-35 {
+    width: 35%;
+    width: -webkit-calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
+    width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
+  }
+  .row.no-gutter .tablet-35 {
+    width: 35%;
+  }
   .row .tablet-33 {
     width: 33.333333333333336%;
     width: -webkit-calc((100% - 15px*2) / 3);
@@ -455,6 +609,14 @@ p {
   .row.no-gutter .tablet-33 {
     width: 33.333333333333336%;
   }
+  .row .tablet-30 {
+    width: 30%;
+    width: -webkit-calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
+    width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
+  }
+  .row.no-gutter .tablet-30 {
+    width: 30%;
+  }
   .row .tablet-25 {
     width: 25%;
     width: -webkit-calc((100% - 15px*3) / 4);
@@ -645,12 +807,71 @@ p {
   .row.no-gutter .tablet-auto:nth-last-child(15) ~ .tablet-auto {
     width: 6.66666667%;
   }
+  .row .tablet-auto:nth-last-child(16),
+  .row .tablet-auto:nth-last-child(16) ~ .col-auto {
+    width: 6.25%;
+    width: -webkit-calc((100% - 15px*15) / 16);
+    width: calc((100% - 15px*15) / 16);
+  }
+  .row.no-gutter .tablet-auto:nth-last-child(16),
+  .row.no-gutter .tablet-auto:nth-last-child(16) ~ .tablet-auto {
+    width: 6.25%;
+  }
+  .row .tablet-auto:nth-last-child(17),
+  .row .tablet-auto:nth-last-child(17) ~ .col-auto {
+    width: 5.88235294%;
+    width: -webkit-calc((100% - 15px*16) / 17);
+    width: calc((100% - 15px*16) / 17);
+  }
+  .row.no-gutter .tablet-auto:nth-last-child(17),
+  .row.no-gutter .tablet-auto:nth-last-child(17) ~ .tablet-auto {
+    width: 5.88235294%;
+  }
+  .row .tablet-auto:nth-last-child(18),
+  .row .tablet-auto:nth-last-child(18) ~ .col-auto {
+    width: 5.55555556%;
+    width: -webkit-calc((100% - 15px*17) / 18);
+    width: calc((100% - 15px*17) / 18);
+  }
+  .row.no-gutter .tablet-auto:nth-last-child(18),
+  .row.no-gutter .tablet-auto:nth-last-child(18) ~ .tablet-auto {
+    width: 5.55555556%;
+  }
+  .row .tablet-auto:nth-last-child(19),
+  .row .tablet-auto:nth-last-child(19) ~ .col-auto {
+    width: 5.26315789%;
+    width: -webkit-calc((100% - 15px*18) / 19);
+    width: calc((100% - 15px*18) / 19);
+  }
+  .row.no-gutter .tablet-auto:nth-last-child(19),
+  .row.no-gutter .tablet-auto:nth-last-child(19) ~ .tablet-auto {
+    width: 5.26315789%;
+  }
+  .row .tablet-auto:nth-last-child(20),
+  .row .tablet-auto:nth-last-child(20) ~ .col-auto {
+    width: 5%;
+    width: -webkit-calc((100% - 15px*19) / 20);
+    width: calc((100% - 15px*19) / 20);
+  }
+  .row.no-gutter .tablet-auto:nth-last-child(20),
+  .row.no-gutter .tablet-auto:nth-last-child(20) ~ .tablet-auto {
+    width: 5%;
+  }
+  .row .tablet-auto:nth-last-child(21),
+  .row .tablet-auto:nth-last-child(21) ~ .col-auto {
+    width: 4.76190476%;
+    width: -webkit-calc((100% - 15px*20) / 21);
+    width: calc((100% - 15px*20) / 21);
+  }
+  .row.no-gutter .tablet-auto:nth-last-child(21),
+  .row.no-gutter .tablet-auto:nth-last-child(21) ~ .tablet-auto {
+    width: 4.76190476%;
+  }
 }
 /* === Views === */
 .views,
 .view {
   position: relative;
-  width: 100%;
   height: 100%;
   z-index: 5000;
 }
@@ -661,6 +882,7 @@ p {
 .view {
   overflow: hidden;
   box-sizing: border-box;
+  width: 100%;
 }
 /* === Pages === */
 .pages {
@@ -909,6 +1131,8 @@ html.android .page-from-center-to-right:before {
   z-index: 500;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .navbar b,
 .toolbar b {
@@ -1052,6 +1276,16 @@ html.pixel-ratio-3 .navbar:after {
 html.ios-gt-8 .navbar .center {
   font-weight: 600;
 }
+.navbar .center .subtitle {
+  color: #6d6d72;
+  display: block;
+  line-height: 1;
+  bottom: 3px;
+  font-size: 10px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
 .navbar .left,
 .navbar .right {
   -webkit-flex-shrink: 0;
@@ -1278,6 +1512,35 @@ html.pixel-ratio-3 .toolbar:before {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.subnavbar input[type="text"],
+.navbar input[type="text"],
+.subnavbar input[type="password"],
+.navbar input[type="password"],
+.subnavbar input[type="search"],
+.navbar input[type="search"],
+.subnavbar input[type="email"],
+.navbar input[type="email"],
+.subnavbar input[type="tel"],
+.navbar input[type="tel"],
+.subnavbar input[type="url"],
+.navbar input[type="url"] {
+  box-sizing: border-box;
+  width: 100%;
+  height: 28px;
+  display: block;
+  border: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  appearance: none;
+  border-radius: 5px;
+  font-family: inherit;
+  color: #000;
+  font-size: 14px;
+  font-weight: normal;
+  padding: 0 8px;
+  background-color: #fff;
+}
 @media all and (min-width: 768px) {
   .tabbar .toolbar-inner {
     -webkit-box-pack: center;
@@ -1509,6 +1772,10 @@ html.pixel-ratio-3 .toolbar:before {
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
 }
+.navbar.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 .page.no-navbar .page-content {
   padding-top: 0;
 }
@@ -1535,6 +1802,11 @@ html.pixel-ratio-3 .toolbar:before {
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
 }
+.toolbar.not-animated,
+.tabbar.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 .page.no-toolbar .page-content,
 .page.no-tabbar .page-content {
   padding-bottom: 0;
@@ -1591,7 +1863,7 @@ html.pixel-ratio-3 .searchbar:after {
 .searchbar input[type="search"] {
   box-sizing: border-box;
   width: 100%;
-  height: 100%;
+  height: 28px;
   display: block;
   border: none;
   -webkit-appearance: none;
@@ -1603,8 +1875,10 @@ html.pixel-ratio-3 .searchbar:after {
   color: #000;
   font-size: 14px;
   font-weight: normal;
-  padding: 0 28px;
+  padding: 0 8px;
   background-color: #fff;
+  padding: 0 28px;
+  height: 100%;
   background-repeat: no-repeat;
   background-position: 8px center;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");
@@ -1720,6 +1994,10 @@ html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:acti
   transform: translate3d(0, 0, 0);
   -webkit-transition-duration: 0ms;
   transition-duration: 0ms;
+  background: #fff;
+}
+.messagebar:before {
+  display: none;
 }
 .messagebar textarea {
   -webkit-appearance: none;
@@ -1731,13 +2009,13 @@ html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:acti
   box-sizing: border-box;
   border: 1px solid #c8c8cd;
   background: #fff;
-  border-radius: 5px;
+  border-radius: 17px;
   box-shadow: none;
   display: block;
-  padding: 3px 8px 3px;
+  padding: 6px 15px;
   margin: 0;
   width: 100%;
-  height: 28px;
+  height: 34px;
   color: #000;
   font-size: 17px;
   line-height: 20px;
@@ -1766,10 +2044,8 @@ html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:acti
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
 }
-.messagebar ~ .page-content {
-  padding-bottom: 44px;
-}
-.page.no-toolbar .messagebar ~ .page-content {
+.page.no-toolbar .messagebar ~ .page-content,
+.page.no-tabbar .messagebar ~ .page-content {
   padding-bottom: 44px;
 }
 .hidden-toolbar .messagebar {
@@ -1817,59 +2093,9 @@ i.icon.icon-camera {
 i.icon.icon-f7 {
   width: 29px;
   height: 29px;
-  background-image: url("../assets/i-f7-ios.png");
+  background-image: url("../img/i-f7-ios.png");
   border-radius: 6px;
 }
-i.icon.icon-form-name {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-name-ios.svg");
-}
-i.icon.icon-form-password {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-password-ios.svg");
-}
-i.icon.icon-form-email {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-email-ios.svg");
-}
-i.icon.icon-form-calendar {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-calendar-ios.svg");
-}
-i.icon.icon-form-tel {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-tel-ios.svg");
-}
-i.icon.icon-form-gender {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-gender-ios.svg");
-}
-i.icon.icon-form-toggle {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-toggle-ios.svg");
-}
-i.icon.icon-form-comment {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-comment-ios.svg");
-}
-i.icon.icon-form-settings {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-settings-ios.svg");
-}
-i.icon.icon-form-url {
-  width: 29px;
-  height: 29px;
-  background-image: url("../assets/i-form-url-ios.svg");
-}
 i.icon.icon-next,
 i.icon.icon-prev {
   width: 15px;
@@ -1889,6 +2115,31 @@ i.icon.icon-plus {
   text-align: center;
   font-weight: 100;
 }
+.navbar .framework7-icons,
+.navbar .f7-icons,
+.toolbar .framework7-icons,
+.toolbar .f7-icons {
+  font-size: 22px;
+}
+.tabbar .framework7-icons,
+.tabbar .f7-icons,
+.tabbar-labels .framework7-icons,
+.tabbar-labels .f7-icons {
+  font-size: 25px;
+}
+.item-media .framework7-icons,
+.item-media .f7-icons {
+  font-size: 29px;
+}
+.button .framework7-icons,
+.button .f7-icons {
+  font-size: 22px;
+}
+.item-actions .framework7-icons,
+.item-actions .f7-icons {
+  font-size: 23px;
+  vertical-align: top;
+}
 .badge {
   font-size: 13px;
   display: inline-block;
@@ -1904,7 +2155,9 @@ i.icon.icon-plus {
 .item-after .badge {
   min-width: 20px;
 }
-.icon .badge {
+.icon .badge,
+.f7-icons .badge,
+.framework7-icons .badge {
   position: absolute;
   left: 100%;
   margin-left: -10px;
@@ -1915,6 +2168,102 @@ i.icon.icon-plus {
   border-radius: 16px;
   padding: 0px 4px;
   min-width: 16px;
+  font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+/* === Chips === */
+.chip {
+  font-size: 14px;
+  font-weight: normal;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.37);
+  display: inline-block;
+  height: 23px;
+  line-height: 23px;
+  border-radius: 5px;
+  padding: 0 6px;
+  box-sizing: border-box;
+  vertical-align: middle;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  margin: 2px 0;
+}
+.chip-media {
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+  border-radius: 50%;
+  text-align: center;
+  line-height: 16px;
+  color: #fff;
+  font-size: 12px;
+  box-sizing: border-box;
+  -webkit-flex-shrink: 0;
+  -ms-flex: 0 0 auto;
+  flex-shrink: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+.chip-media img {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+  height: auto;
+  border-radius: 50%;
+  display: block;
+}
+.chip-media + .chip-label {
+  margin-left: 4px;
+}
+.chip-media i.icon {
+  font-size: 16px;
+  height: 16px;
+}
+.chip-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  position: relative;
+  -webkit-flex-shrink: 1;
+  -ms-flex: 0 1 auto;
+  flex-shrink: 1;
+  min-width: 0;
+}
+.chip-delete {
+  margin-right: -6px;
+  width: 23px;
+  height: 23px;
+  text-align: center;
+  line-height: 23px;
+  cursor: pointer;
+  -webkit-flex-shrink: 0;
+  -ms-flex: 0 0 auto;
+  flex-shrink: 0;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23fff'%2F%3E%3Cline%20stroke%3D'%23000'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+  background-position: center;
+  -webkit-background-size: 13px 13px;
+  background-size: 13px 13px;
+  opacity: 0.7;
+}
+html:not(.watch-active-state) .chip-delete:active,
+.chip-delete.active-state {
+  opacity: 1;
 }
 /* === Content Block === */
 .content-block {
@@ -1923,6 +2272,16 @@ i.icon.icon-plus {
   color: #6d6d72;
   box-sizing: border-box;
 }
+.content-block.no-hairlines:before,
+.content-block.no-hairlines ul:before,
+.content-block.no-hairlines .content-block-inner:before {
+  display: none;
+}
+.content-block.no-hairlines:after,
+.content-block.no-hairlines ul:after,
+.content-block.no-hairlines .content-block-inner:after {
+  display: none;
+}
 .content-block-title {
   position: relative;
   overflow: hidden;
@@ -1937,7 +2296,8 @@ i.icon.icon-plus {
 }
 .content-block-title + .list-block,
 .content-block-title + .content-block,
-.content-block-title + .card {
+.content-block-title + .card,
+.content-block-title + .timeline {
   margin-top: 10px;
 }
 .content-block-inner {
@@ -2206,7 +2566,7 @@ html.pixel-ratio-3 .list-block ul:after {
 .list-block .item-media i + i {
   margin-left: 5px;
 }
-.list-block .item-media i + assets {
+.list-block .item-media i + img {
   margin-left: 5px;
 }
 .list-block .item-media + .item-inner {
@@ -2279,7 +2639,8 @@ html.pixel-ratio-3 .list-block .item-inner:after {
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
-  margin-left: 5px;
+  margin-left: auto;
+  padding-left: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
@@ -2294,13 +2655,60 @@ html.pixel-ratio-3 .list-block .item-inner:after {
   position: relative;
   display: block;
 }
-.list-block .item-link {
+.list-block .item-actions {
+  margin-left: auto;
+  padding-left: 15px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+}
+.list-block .item-actions a {
+  min-width: 23px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition-duration: 300ms;
+  transition-duration: 300ms;
+}
+html:not(.watch-active-state) .list-block .item-actions a:active,
+.list-block .item-actions a.active-state {
+  opacity: 0.3;
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
+.list-block .item-actions a + a {
+  margin-left: 8px;
+}
+.list-block .item-after + .item-actions {
+  margin-left: 0;
+}
+.list-block .item-link,
+.list-block .list-button {
   -webkit-transition-duration: 300ms;
   transition-duration: 300ms;
   display: block;
   color: inherit;
 }
-.list-block .item-link .item-inner {
+.list-block .item-link .item-inner,
+.list-block .list-button .item-inner {
   padding-right: 35px;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
   background-size: 10px 20px;
@@ -2310,23 +2718,27 @@ html.pixel-ratio-3 .list-block .item-inner:after {
   background-position: calc(100% - 15px) center;
 }
 html:not(.watch-active-state) .list-block .item-link:active,
-.list-block .item-link.active-state {
+html:not(.watch-active-state) .list-block .list-button:active,
+.list-block .item-link.active-state,
+.list-block .list-button.active-state {
   -webkit-transition-duration: 0ms;
   transition-duration: 0ms;
   background-color: #d9d9d9;
 }
 html:not(.watch-active-state) .list-block .item-link:active .item-inner:after,
-.list-block .item-link.active-state .item-inner:after {
+html:not(.watch-active-state) .list-block .list-button:active .item-inner:after,
+.list-block .item-link.active-state .item-inner:after,
+.list-block .list-button.active-state .item-inner:after {
   background-color: transparent;
 }
-.list-block .item-link.list-button {
+.list-block .list-button {
   padding: 0 15px;
   text-align: center;
   color: #007aff;
   display: block;
   line-height: 43px;
 }
-.list-block .item-link.list-button:after {
+.list-block .list-button:after {
   content: '';
   position: absolute;
   left: 0;
@@ -2341,11 +2753,11 @@ html:not(.watch-active-state) .list-block .item-link:active .item-inner:after,
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
 }
-html.pixel-ratio-2 .list-block .item-link.list-button:after {
+html.pixel-ratio-2 .list-block .list-button:after {
   -webkit-transform: scaleY(0.5);
   transform: scaleY(0.5);
 }
-html.pixel-ratio-3 .list-block .item-link.list-button:after {
+html.pixel-ratio-3 .list-block .list-button:after {
   -webkit-transform: scaleY(0.33);
   transform: scaleY(0.33);
 }
@@ -2512,8 +2924,8 @@ html.ios-gt-8 .list-block li.media-item .item-title {
   padding-top: 9px;
   padding-bottom: 10px;
 }
-.list-block.media-list .item-media assets,
-.list-block li.media-item .item-media assets {
+.list-block.media-list .item-media img,
+.list-block li.media-item .item-media img {
   display: block;
 }
 .list-block.media-list .item-title-row,
@@ -2670,6 +3082,23 @@ html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
   -webkit-transform: scaleY(0.33);
   transform: scaleY(0.33);
 }
+.list-block.no-hairlines:before,
+.list-block.no-hairlines ul:before,
+.list-block.no-hairlines .content-block-inner:before {
+  display: none;
+}
+.list-block.no-hairlines:after,
+.list-block.no-hairlines ul:after,
+.list-block.no-hairlines .content-block-inner:after {
+  display: none;
+}
+.list-block.no-hairlines-between .item-inner:after,
+.list-block.no-hairlines-between .list-button:after,
+.list-block.no-hairlines-between .item-divider:after,
+.list-block.no-hairlines-between .list-group-title:after,
+.list-block.no-hairlines-between .list-group-title:after {
+  display: none;
+}
 /* === Contacts === */
 .contacts-content {
   background: #fff;
@@ -2903,7 +3332,7 @@ html:not(.watch-active-state) .button:active,
 .button.button-fill {
   color: #fff;
   background: #007aff;
-  border: none;
+  border-color: transparent;
 }
 html:not(.watch-active-state) .button.button-fill:active,
 .button.button-fill.active-state {
@@ -3009,12 +3438,21 @@ html:not(.watch-active-state) .button.button-fill:active,
   -moz-appearance: none;
   -ms-appearance: none;
   appearance: none;
-  border: none;
   height: 28px;
   width: 28px;
-  position: relative;
-  background: none;
-}
+  border-radius: 28px;
+  background: #fff;
+  z-index: 10;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+  border: 0;
+  outline: 0;
+  position: absolute;
+  box-sizing: border-box;
+  content: ' ';
+  position: relative;
+  cursor: pointer;
+  margin-top: -1px;
+}
 .range-slider input[type="range"]::-webkit-slider-thumb:after {
   height: 28px;
   width: 28px;
@@ -3092,18 +3530,33 @@ html:not(.watch-active-state) .button.button-fill:active,
 .range-slider input[type="range"]::-ms-fill-upper {
   background: #b7b8b7;
 }
-label.label-checkbox {
+.form-checkbox {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+label.label-checkbox,
+.form-checkbox {
   cursor: pointer;
 }
-label.label-checkbox i.icon-form-checkbox {
+label.label-checkbox input[type="checkbox"],
+.form-checkbox input[type="checkbox"],
+label.label-checkbox input[type="radio"],
+.form-checkbox input[type="radio"] {
+  display: none;
+}
+label.label-checkbox i.icon-form-checkbox,
+.form-checkbox i {
   width: 22px;
   height: 22px;
   position: relative;
   border-radius: 22px;
   border: 1px solid #c7c7cc;
   box-sizing: border-box;
+  display: block;
 }
-label.label-checkbox i.icon-form-checkbox:after {
+label.label-checkbox i.icon-form-checkbox:after,
+.form-checkbox i:after {
   content: ' ';
   position: absolute;
   left: 50%;
@@ -3113,26 +3566,53 @@ label.label-checkbox i.icon-form-checkbox:after {
   width: 12px;
   height: 9px;
 }
-label.label-checkbox input[type="checkbox"],
-label.label-checkbox input[type="radio"] {
-  display: none;
-}
 label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
-label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
+label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
+.form-checkbox input[type="checkbox"]:checked ~ i {
   border: none;
   background-color: #007aff;
 }
 label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox:after,
-label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox:after {
+label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox:after,
+.form-checkbox input[type="checkbox"]:checked ~ i:after {
   background: no-repeat center;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");
   -webkit-background-size: 12px 9px;
   background-size: 12px 9px;
 }
-label.label-radio {
+.form-radio {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+}
+.form-radio i {
+  width: 22px;
+  height: 22px;
+  position: relative;
+  border-radius: 4px;
+  border: 1px solid #c7c7cc;
+  box-sizing: border-box;
+  display: block;
+}
+label.label-radio,
+.form-radio {
   cursor: pointer;
 }
 label.label-radio input[type="checkbox"],
+.form-radio input[type="checkbox"],
+label.label-radio input[type="radio"],
+.form-radio input[type="radio"] {
+  display: none;
+}
+.form-radio input[type="radio"]:checked ~ i,
+label.label-radio input[type="checkbox"]:checked ~ .item-inner,
+label.label-radio input[type="radio"]:checked ~ .item-inner {
+  background: no-repeat center;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
+  -webkit-background-size: 13px 10px;
+  background-size: 13px 10px;
+}
+label.label-radio input[type="checkbox"],
 label.label-radio input[type="radio"] {
   display: none;
 }
@@ -3142,13 +3622,9 @@ label.label-radio input[type="radio"] ~ .item-inner {
 }
 label.label-radio input[type="checkbox"]:checked ~ .item-inner,
 label.label-radio input[type="radio"]:checked ~ .item-inner {
-  background: no-repeat center;
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
   background-position: 90% center;
   background-position: -webkit-calc(100% - 15px) center;
   background-position: calc(100% - 15px) center;
-  -webkit-background-size: 13px 10px;
-  background-size: 13px 10px;
 }
 label.label-checkbox,
 label.label-radio {
@@ -3172,6 +3648,230 @@ label.label-radio.active-state .item-inner:after {
 .smart-select select {
   display: none;
 }
+/* === Floating Action Button === */
+.floating-button {
+  position: absolute;
+  right: 15px;
+  bottom: 15px;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  z-index: 1500;
+  background-color: #007aff;
+  color: #fff;
+  overflow: hidden;
+  -webkit-transition-duration: 300ms;
+  transition-duration: 300ms;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+html:not(.watch-active-state) .floating-button:active,
+.floating-button.active-state {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+  background: #0066d6;
+}
+.toolbar-fixed .floating-button,
+.toolbar-through .floating-button {
+  bottom: 59px;
+}
+.tabbar-labels-fixed .floating-button,
+.tabbar-labels-through .floating-button {
+  bottom: 65px;
+}
+@media (min-width: 768px) {
+  .tabbar-labels-fixed .floating-button,
+  .tabbar-labels-through .floating-button {
+    bottom: 71px;
+  }
+}
+.floating-button-toolbar,
+.speed-dial {
+  position: absolute;
+  right: 15px;
+  bottom: 15px;
+  z-index: 1500;
+}
+.toolbar-fixed .floating-button-toolbar,
+.toolbar-fixed .speed-dial,
+.toolbar-through .floating-button-toolbar,
+.toolbar-through .speed-dial {
+  bottom: 59px;
+}
+.tabbar-labels-fixed .floating-button-toolbar,
+.tabbar-labels-fixed .speed-dial,
+.tabbar-labels-through .floating-button-toolbar,
+.tabbar-labels-through .speed-dial {
+  bottom: 65px;
+}
+@media (min-width: 768px) {
+  .tabbar-labels-fixed .floating-button-toolbar,
+  .tabbar-labels-fixed .speed-dial,
+  .tabbar-labels-through .floating-button-toolbar,
+  .tabbar-labels-through .speed-dial {
+    bottom: 71px;
+  }
+}
+.floating-button-toolbar .floating-button,
+.speed-dial .floating-button {
+  right: 0;
+  bottom: 0;
+  position: relative;
+}
+.speed-dial .floating-button i {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
+  transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
+  -webkit-transition-duration: 300ms;
+  transition-duration: 300ms;
+}
+.speed-dial .floating-button i + i {
+  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
+  transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
+  opacity: 0;
+}
+.speed-dial.speed-dial-opened .floating-button i {
+  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
+  transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
+  opacity: 0;
+}
+.speed-dial.speed-dial-opened .floating-button i + i {
+  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
+  transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
+  opacity: 1;
+}
+.speed-dial-buttons {
+  position: absolute;
+  width: 40px;
+  left: 50%;
+  margin-left: -20px;
+  bottom: 100%;
+  margin-bottom: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+  -moz-box-orient: vertical;
+  -moz-box-direction: reverse;
+  -ms-flex-direction: column-reverse;
+  -webkit-flex-direction: column-reverse;
+  flex-direction: column-reverse;
+  visibility: hidden;
+  pointer-events: none;
+}
+.speed-dial-buttons a {
+  width: 40px;
+  height: 40px;
+  opacity: 0;
+  color: #fff;
+  border-radius: 50%;
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+  background-color: #007aff;
+  -webkit-transition-duration: 300ms;
+  transition-duration: 300ms;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transform: translate3d(0, 8px, 0) scale(0.3);
+  transform: translate3d(0, 8px, 0) scale(0.3);
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+.speed-dial-buttons a + a {
+  margin-bottom: 16px;
+}
+html:not(.watch-active-state) .speed-dial-buttons a:active,
+.speed-dial-buttons a.active-state {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+  background: #0066d6;
+}
+.speed-dial-opened .speed-dial-buttons {
+  visibility: visible;
+  pointer-events: auto;
+}
+.speed-dial-opened .speed-dial-buttons a {
+  opacity: 1;
+  -webkit-transform: translate3d(0, 0, 0) scaleY(1);
+  transform: translate3d(0, 0, 0) scaleY(1);
+}
+.speed-dial-opened .speed-dial-buttons a:nth-child(2) {
+  -webkit-transition-delay: 50ms;
+  transition-delay: 50ms;
+}
+.speed-dial-opened .speed-dial-buttons a:nth-child(3) {
+  -webkit-transition-delay: 100ms;
+  transition-delay: 100ms;
+}
+.speed-dial-opened .speed-dial-buttons a:nth-child(4) {
+  -webkit-transition-delay: 150ms;
+  transition-delay: 150ms;
+}
+.speed-dial-opened .speed-dial-buttons a:nth-child(5) {
+  -webkit-transition-delay: 200ms;
+  transition-delay: 200ms;
+}
+.speed-dial-opened .speed-dial-buttons a:nth-child(6) {
+  -webkit-transition-delay: 250ms;
+  transition-delay: 250ms;
+}
+.floating-button-to-popover.floating-button-to-popover {
+  -webkit-transition-duration: 300ms;
+  transition-duration: 300ms;
+}
+.floating-button-to-popover.floating-button-to-popover-in {
+  -webkit-transition-duration: 100ms;
+  transition-duration: 100ms;
+}
+.floating-button-to-popover.floating-button-to-popover-in i {
+  opacity: 0;
+  -webkit-transition-duration: 100ms;
+  transition-duration: 100ms;
+}
+.floating-button-to-popover.floating-button-to-popover-scale {
+  border-radius: 0;
+  -webkit-transition-duration: 300ms;
+  transition-duration: 300ms;
+  box-shadow: none;
+}
+.floating-button-to-popover.floating-button-to-popover-out {
+  -webkit-transition-delay: 0ms;
+  transition-delay: 0ms;
+  -webkit-transition-duration: 300ms;
+  transition-duration: 300ms;
+}
+.floating-button-to-popover.floating-button-to-popover-out i {
+  opacity: 1;
+  -webkit-transition-duration: 100ms;
+  transition-duration: 100ms;
+  -webkit-transition-delay: 200ms;
+  transition-delay: 200ms;
+}
 /* === Accordion === */
 .list-block .accordion-item-toggle {
   cursor: pointer;
@@ -3449,7 +4149,8 @@ html.pixel-ratio-3 .card-footer:before {
 /* === Modals === */
 .modal-overlay,
 .preloader-indicator-overlay,
-.popup-overlay {
+.popup-overlay,
+.picker-modal-overlay {
   position: absolute;
   left: 0;
   top: 0;
@@ -3462,12 +4163,23 @@ html.pixel-ratio-3 .card-footer:before {
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
 }
+.modal-overlay.not-animated,
+.preloader-indicator-overlay.not-animated,
+.popup-overlay.not-animated,
+.picker-modal-overlay.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 .modal-overlay.modal-overlay-visible,
 .preloader-indicator-overlay.modal-overlay-visible,
-.popup-overlay.modal-overlay-visible {
+.popup-overlay.modal-overlay-visible,
+.picker-modal-overlay.modal-overlay-visible {
   visibility: visible;
   opacity: 1;
 }
+.picker-modal-overlay {
+  z-index: 12000;
+}
 .popup-overlay {
   z-index: 10500;
 }
@@ -3683,6 +4395,9 @@ html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
   width: 100%;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
+  max-height: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
 }
 @media (min-width: 496px) {
   .actions-modal {
@@ -3691,16 +4406,22 @@ html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
     margin-left: -240px;
   }
 }
-.actions-modal.modal-in {
+.actions-modal.modal-in,
+.actions-modal.modal-out {
   -webkit-transition-duration: 300ms;
   transition-duration: 300ms;
+}
+.actions-modal.modal-in.not-animated,
+.actions-modal.modal-out.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
+.actions-modal.modal-in {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
 .actions-modal.modal-out {
   z-index: 13499;
-  -webkit-transition-duration: 300ms;
-  transition-duration: 300ms;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
 }
@@ -3888,6 +4609,10 @@ input.modal-text-input + input.modal-text-input {
   transition-duration: 300ms;
   opacity: 1;
 }
+.popover.modal-in.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 .popover .list-block {
   margin: 0;
 }
@@ -4042,6 +4767,13 @@ html.pixel-ratio-3 .actions-popover-label:after {
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
 }
+.popup.modal-in.not-animated,
+.login-screen.modal-in.not-animated,
+.popup.modal-out.not-animated,
+.login-screen.modal-out.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 .popup.modal-in,
 .login-screen.modal-in {
   -webkit-transform: translate3d(0, 0, 0);
@@ -4139,6 +4871,11 @@ html.with-statusbar-overlay .popup.tablet-fullscreen {
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
 }
+.picker-modal.modal-in.not-animated,
+.picker-modal.modal-out.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 .picker-modal.modal-in {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
@@ -4275,6 +5012,14 @@ html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after {
   opacity: 0;
   z-index: 5999;
   display: none;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  -webkit-transition-duration: 400ms;
+  transition-duration: 400ms;
+}
+.panel-overlay.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
 }
 .panel {
   z-index: 1000;
@@ -4292,19 +5037,33 @@ html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after {
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
 }
+.panel.not-animated {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
+.panel.panel-left {
+  left: 0;
+}
 .panel.panel-left.panel-cover {
   z-index: 6000;
-  left: -260px;
+  -webkit-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
 }
-.panel.panel-left.panel-reveal {
-  left: 0;
+.panel.panel-right {
+  right: 0;
 }
 .panel.panel-right.panel-cover {
   z-index: 6000;
-  right: -260px;
+  -webkit-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
 }
-.panel.panel-right.panel-reveal {
-  right: 0;
+.panel.panel-visible-by-breakpoint {
+  display: block;
+  -webkit-transform: translate3d(0, 0, 0) !important;
+  transform: translate3d(0, 0, 0) !important;
+}
+.panel.panel-visible-by-breakpoint.panel-cover {
+  z-index: 5900;
 }
 body.with-panel-left-cover .views,
 body.with-panel-right-cover .views {
@@ -4314,6 +5073,7 @@ body.with-panel-right-cover .views {
 body.with-panel-left-cover .panel-overlay,
 body.with-panel-right-cover .panel-overlay {
   display: block;
+  opacity: 1;
 }
 body.with-panel-left-reveal .views,
 body.with-panel-right-reveal .views {
@@ -4323,32 +5083,44 @@ body.with-panel-right-reveal .views {
   -moz-transition-property: -moz-transform;
   transition-property: transform;
 }
+body.with-panel-left-reveal .panel.not-animated ~ .views,
+body.with-panel-right-reveal .panel.not-animated ~ .views {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 body.with-panel-left-reveal .panel-overlay,
 body.with-panel-right-reveal .panel-overlay {
+  background: rgba(0, 0, 0, 0);
   display: block;
+  opacity: 0;
 }
 body.with-panel-left-reveal .views {
   -webkit-transform: translate3d(260px, 0, 0);
   transform: translate3d(260px, 0, 0);
 }
 body.with-panel-left-reveal .panel-overlay {
-  margin-left: 260px;
-}
-body.with-panel-left-cover .panel-left {
   -webkit-transform: translate3d(260px, 0, 0);
   transform: translate3d(260px, 0, 0);
 }
+body.with-panel-left-cover .panel.panel-left {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
 body.with-panel-right-reveal .views {
   -webkit-transform: translate3d(-260px, 0, 0);
   transform: translate3d(-260px, 0, 0);
 }
 body.with-panel-right-reveal .panel-overlay {
-  margin-left: -260px;
-}
-body.with-panel-right-cover .panel-right {
   -webkit-transform: translate3d(-260px, 0, 0);
   transform: translate3d(-260px, 0, 0);
 }
+body.with-panel-right-cover .panel.panel-right {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+body.panel-closing .panel-overlay {
+  display: block;
+}
 body.panel-closing .views {
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
@@ -4356,6 +5128,10 @@ body.panel-closing .views {
   -moz-transition-property: -moz-transform;
   transition-property: transform;
 }
+body.panel-closing .panel.not-animated ~ .views {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 /* === Images Lazy Loading === */
 .lazy-loaded.lazy-fadeIn {
   -webkit-animation: lazyFadeIn 600ms;
@@ -4406,6 +5182,10 @@ body.panel-closing .views {
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
 }
+.tabs-animated-wrap.not-animated > .tabs {
+  -webkit-transition-duration: 0ms;
+  transition-duration: 0ms;
+}
 .tabs-swipeable-wrap {
   height: 100%;
 }
@@ -4468,14 +5248,16 @@ html.ios-gt-8 .messages-date {
   line-height: 1.2;
   word-break: break-word;
 }
+.message .message-text img {
+  max-width: 100%;
+  height: auto;
+}
 .message.message-pic .message-text {
   padding: 0;
   background: none;
 }
-.message.message-pic assets {
+.message.message-pic img {
   display: block;
-  height: auto;
-  max-width: 100%;
   border-radius: 16px;
 }
 .message-name {
@@ -4512,6 +5294,17 @@ html.ios-gt-8 .messages-date {
 .message-hide-avatar .message-avatar {
   opacity: 0;
 }
+.message-date {
+  font-size: 12px;
+  margin-top: 4px;
+  opacity: 0.8;
+}
+.message-pic img + .message-date {
+  margin-top: 8px;
+}
+.message-sent .message-date {
+  text-align: right;
+}
 .message-sent {
   -ms-flex-item-align: end;
   -webkit-align-self: flex-end;
@@ -4548,8 +5341,8 @@ html.ios-gt-8 .messages-date {
   border-radius: 16px 16px 0 16px;
   -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m96 70c-6-2-12-10-12-19v-16l-14 27s8 8 26 8z'/></svg>") 50% 56% 46% 42%;
 }
-.message-sent.message-last.message-pic assets,
-.message-sent.message-with-tail.message-pic assets {
+.message-sent.message-last.message-pic img,
+.message-sent.message-with-tail.message-pic img {
   border-radius: 16px 16px 0 16px;
 }
 .message-received {
@@ -4587,8 +5380,8 @@ html.ios-gt-8 .messages-date {
   border-radius: 16px 16px 16px 0;
   -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m0 70c6-2 12-10 12-19v-16l14 27s-8 8-26 8z'/></svg>") 50% 42% 46% 56%;
 }
-.message-received.message-last.message-pic assets,
-.message-received.message-with-tail.message-pic assets {
+.message-received.message-last.message-pic img,
+.message-received.message-with-tail.message-pic img {
   border-radius: 16px 16px 16px 0;
 }
 .message-last {
@@ -4619,7 +5412,7 @@ html.ios-gt-8 .messages-date {
   display: block;
 }
 html.retina.ios-6 .message,
-html.retina.ios-6 .message.message-pic assets {
+html.retina.ios-6 .message.message-pic img {
   -webkit-mask-box-image: none;
   border-radius: 16px;
 }
@@ -4656,14 +5449,14 @@ html.retina.ios-6 .message.message-pic assets {
   }
 }
 /* === Statusbar overlay === */
-html.with-statusbar-overlay body {
+html.with-statusbar-overlay .framework7-root {
   padding-top: 20px;
   box-sizing: border-box;
 }
-html.with-statusbar-overlay body .statusbar-overlay {
+html.with-statusbar-overlay .framework7-root .statusbar-overlay {
   display: block;
 }
-html.with-statusbar-overlay body .panel {
+html.with-statusbar-overlay .framework7-root .panel {
   padding-top: 20px;
 }
 .statusbar-overlay {
@@ -4690,9 +5483,6 @@ html.with-statusbar-overlay body .panel {
   -webkit-animation: preloader-spin 1s steps(12, end) infinite;
   animation: preloader-spin 1s steps(12, end) infinite;
 }
-.preloader-white {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
 @-webkit-keyframes preloader-spin {
   100% {
     -webkit-transform: rotate(360deg);
@@ -4748,7 +5538,8 @@ html.with-statusbar-overlay body .panel {
   -webkit-animation: progressbar-infinite 1s linear infinite;
   animation: progressbar-infinite 1s linear infinite;
 }
-html.with-statusbar-overlay body > .progressbar-infinite {
+html.with-statusbar-overlay body > .progressbar-infinite,
+html.with-statusbar-overlay .framework7-root > .progressbar-infinite {
   top: 20px;
 }
 .progressbar-infinite.color-multi {
@@ -4770,7 +5561,8 @@ html.with-statusbar-overlay body > .progressbar-infinite {
   -webkit-animation: progressbar-infinite-multicolor 3s linear infinite;
   animation: progressbar-infinite-multicolor 3s linear infinite;
 }
-html.with-statusbar-overlay body > .progressbar-infinite.color-multi {
+html.with-statusbar-overlay body > .progressbar-infinite.color-multi,
+html.with-statusbar-overlay .framework7-root > .progressbar-infinite.color-multi {
   top: 20px;
 }
 body > .progressbar,
@@ -4779,12 +5571,14 @@ body > .progressbar,
 .page > .progressbar,
 .panel > .progressbar,
 .popup > .progressbar,
+.framework7-root > .progressbar,
 body > .progressbar-infinite,
 .view > .progressbar-infinite,
 .views > .progressbar-infinite,
 .page > .progressbar-infinite,
 .panel > .progressbar-infinite,
-.popup > .progressbar-infinite {
+.popup > .progressbar-infinite,
+.framework7-root > .progressbar-infinite {
   position: absolute;
   left: 0;
   top: 0;
@@ -4799,6 +5593,7 @@ body > .progressbar-infinite,
   -webkit-animation: progressbar-out 300ms forwards;
   animation: progressbar-out 300ms forwards;
 }
+html.with-statusbar-overlay .framework7-root > .progressbar,
 html.with-statusbar-overlay body > .progressbar {
   top: 20px;
 }
@@ -4943,6 +5738,11 @@ html.with-statusbar-overlay body > .progressbar {
   -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
   transform: rotate(180deg) translate3d(0, 0, 0);
 }
+/* === Infinite Scroll Preloader === */
+.infinite-scroll-preloader {
+  text-align: center;
+  padding: 5px 0;
+}
 /* === Autocomplete === */
 .autocomplete-page .autocomplete-found {
   display: block;
@@ -5022,13 +5822,605 @@ html.ios-gt-8 .autocomplete-dropdown .list-block b {
 .list-block .item-content-dropdown-expand .item-input {
   width: 100%;
 }
-/* === Swiper === */
-.swiper-container {
-  margin: 0 auto;
-  position: relative;
-  overflow: hidden;
-  /* Fix of Webkit flickering */
-  z-index: 1;
+/* === Timeline === */
+.timeline {
+  margin: 35px 0;
+  padding: 0 15px;
+  box-sizing: border-box;
+}
+.content-block-inner .timeline {
+  padding: 0;
+  margin: 0;
+}
+.timeline-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  overflow: hidden;
+  padding: 2px 0px 15px;
+  box-sizing: border-box;
+  position: relative;
+}
+.timeline-item:last-child {
+  padding-bottom: 2px;
+}
+.timeline-item-date {
+  -webkit-flex-shrink: 0;
+  -ms-flex: 0 0 auto;
+  flex-shrink: 0;
+  width: 50px;
+  text-align: right;
+  box-sizing: border-box;
+}
+.timeline-item-date small {
+  font-size: 10px;
+}
+.timeline-item-content {
+  margin: 2px;
+  min-width: 0;
+  position: relative;
+  -webkit-flex-shrink: 10;
+  -ms-flex: 0 10 auto;
+  flex-shrink: 10;
+}
+.timeline-item-content p:first-child,
+.timeline-item-content ul:first-child,
+.timeline-item-content ol:first-child,
+.timeline-item-content h1:first-child,
+.timeline-item-content h2:first-child,
+.timeline-item-content h3:first-child,
+.timeline-item-content h4:first-child {
+  margin-top: 0;
+}
+.timeline-item-content p:last-child,
+.timeline-item-content ul:last-child,
+.timeline-item-content ol:last-child,
+.timeline-item-content h1:last-child,
+.timeline-item-content h2:last-child,
+.timeline-item-content h3:last-child,
+.timeline-item-content h4:last-child {
+  margin-bottom: 0;
+}
+.timeline-item-content .card,
+.timeline-item-content.card,
+.timeline-item-content .list-block,
+.timeline-item-content.list-block,
+.timeline-item-content .content-block,
+.timeline-item-content.content-block {
+  margin: 0;
+  width: 100%;
+}
+.timeline-item-content .card + .card,
+.timeline-item-content .list-block + .card,
+.timeline-item-content .content-block + .card,
+.timeline-item-content .card + .list-block,
+.timeline-item-content .list-block + .list-block,
+.timeline-item-content .content-block + .list-block,
+.timeline-item-content .card + .content-block,
+.timeline-item-content .list-block + .content-block,
+.timeline-item-content .content-block + .content-block {
+  margin: 15px 0 0;
+}
+.timeline-item-inner {
+  border-radius: 7px;
+  padding: 8px 15px;
+  background: #fff;
+  box-sizing: border-box;
+}
+.timeline-item-inner .content-block {
+  padding: 0;
+  color: inherit;
+}
+.timeline-item-inner .content-block-inner {
+  padding-left: 0;
+  padding-right: 0;
+  margin: 0;
+}
+.timeline-item-inner .content-block-inner:before {
+  display: none;
+}
+.timeline-item-inner .content-block-inner:after {
+  display: none;
+}
+.timeline-item-inner .list-block ul:before {
+  display: none;
+}
+.timeline-item-inner .list-block ul:after {
+  display: none;
+}
+.content-block-inner .timeline-item-inner {
+  border-radius: 3px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+.timeline-item-inner + .timeline-item-inner {
+  margin-top: 15px;
+}
+.timeline-item-divider {
+  width: 1px;
+  margin: 0 15px;
+  position: relative;
+  width: 10px;
+  height: 10px;
+  background: #bbb;
+  border-radius: 50%;
+  margin-top: 3px;
+  -webkit-flex-shrink: 0;
+  -ms-flex: 0 0 auto;
+  flex-shrink: 0;
+}
+.timeline-item-divider:after,
+.timeline-item-divider:before {
+  content: ' ';
+  width: 1px;
+  height: 100vh;
+  position: absolute;
+  left: 50%;
+  background: inherit;
+  -webkit-transform: translate3d(-50%, 0, 0);
+  transform: translate3d(-50%, 0, 0);
+}
+.timeline-item-divider:after {
+  top: 100%;
+}
+.timeline-item-divider:before {
+  bottom: 100%;
+}
+.timeline-item:last-child .timeline-item-divider:after {
+  display: none;
+}
+.timeline-item:first-child .timeline-item-divider:before {
+  display: none;
+}
+.timeline-item-time {
+  margin-top: 15px;
+  font-size: 13px;
+  color: #6d6d72;
+}
+.timeline-item-time:first-child,
+.timeline-item-time:last-child {
+  margin-top: 0;
+}
+.timeline-item-title + .timeline-item-time {
+  margin-top: 0;
+}
+.timeline-item-title {
+  font-size: 17px;
+  font-weight: 500;
+}
+html.ios-gt-8 .timeline-item-title {
+  font-weight: 600;
+}
+.timeline-item-subtitle {
+  font-size: 15px;
+}
+.timeline-sides .timeline-item {
+  margin-left: -moz-calc(50% - (30px + 10px) / 2 - 50px);
+  margin-left: -webkit-calc(50% - (30px + 10px) / 2 - 50px);
+  margin-left: calc(50% - (30px + 10px) / 2 - 50px);
+  margin-right: 0;
+}
+.timeline-sides .timeline-item .timeline-item-date {
+  text-align: right;
+}
+.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
+  -webkit-box-direction: reverse;
+  -moz-box-direction: reverse;
+  -ms-flex-direction: row-reverse;
+  -webkit-flex-direction: row-reverse;
+  flex-direction: row-reverse;
+  margin-right: -moz-calc(50% - (30px + 10px) / 2 - 50px);
+  margin-right: -webkit-calc(50% - (30px + 10px) / 2 - 50px);
+  margin-right: calc(50% - (30px + 10px) / 2 - 50px);
+  margin-left: 0;
+}
+.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
+  text-align: left;
+}
+.timeline-sides .timeline-item-left {
+  -webkit-box-direction: reverse;
+  -moz-box-direction: reverse;
+  -ms-flex-direction: row-reverse;
+  -webkit-flex-direction: row-reverse;
+  flex-direction: row-reverse;
+  margin-right: -moz-calc(50% - (30px + 10px) / 2 - 50px);
+  margin-right: -webkit-calc(50% - (30px + 10px) / 2 - 50px);
+  margin-right: calc(50% - (30px + 10px) / 2 - 50px);
+  margin-left: 0;
+}
+.timeline-sides .timeline-item-left .timeline-item-date {
+  text-align: left;
+}
+.timeline-sides .timeline-item-right {
+  margin-left: -moz-calc(50% - (30px + 10px) / 2 - 50px);
+  margin-left: -webkit-calc(50% - (30px + 10px) / 2 - 50px);
+  margin-left: calc(50% - (30px + 10px) / 2 - 50px);
+  margin-right: 0;
+}
+.timeline-sides .timeline-item-right .timeline-item-date {
+  text-align: right;
+}
+@media (min-width: 768px) {
+  .tablet-sides .timeline-item {
+    margin-left: -moz-calc(50% - (30px + 10px) / 2 - 50px);
+    margin-left: -webkit-calc(50% - (30px + 10px) / 2 - 50px);
+    margin-left: calc(50% - (30px + 10px) / 2 - 50px);
+    margin-right: 0;
+  }
+  .tablet-sides .timeline-item .timeline-item-date {
+    text-align: right;
+  }
+  .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
+    -webkit-box-direction: reverse;
+    -moz-box-direction: reverse;
+    -ms-flex-direction: row-reverse;
+    -webkit-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+    margin-right: -moz-calc(50% - (30px + 10px) / 2 - 50px);
+    margin-right: -webkit-calc(50% - (30px + 10px) / 2 - 50px);
+    margin-right: calc(50% - (30px + 10px) / 2 - 50px);
+    margin-left: 0;
+  }
+  .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
+    text-align: left;
+  }
+  .tablet-sides .timeline-item-left {
+    -webkit-box-direction: reverse;
+    -moz-box-direction: reverse;
+    -ms-flex-direction: row-reverse;
+    -webkit-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+    margin-right: -moz-calc(50% - (30px + 10px) / 2 - 50px);
+    margin-right: -webkit-calc(50% - (30px + 10px) / 2 - 50px);
+    margin-right: calc(50% - (30px + 10px) / 2 - 50px);
+    margin-left: 0;
+  }
+  .tablet-sides .timeline-item-left .timeline-item-date {
+    text-align: left;
+  }
+  .tablet-sides .timeline-item-right {
+    margin-left: -moz-calc(50% - (30px + 10px) / 2 - 50px);
+    margin-left: -webkit-calc(50% - (30px + 10px) / 2 - 50px);
+    margin-left: calc(50% - (30px + 10px) / 2 - 50px);
+    margin-right: 0;
+  }
+  .tablet-sides .timeline-item-right .timeline-item-date {
+    text-align: right;
+  }
+}
+.timeline-horizontal {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+.timeline-horizontal .timeline-item {
+  display: block;
+  width: 33.33333333vw;
+  margin: 0;
+  padding: 0;
+  -webkit-flex-shrink: 0;
+  -ms-flex: 0 0 auto;
+  flex-shrink: 0;
+  padding-top: 34px;
+  padding-bottom: 10px;
+  position: relative;
+  height: 100%;
+}
+.timeline-horizontal .timeline-item:after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 0;
+  left: auto;
+  bottom: auto;
+  width: 1px;
+  height: 100%;
+  background-color: #c4c4c4;
+  display: block;
+  z-index: 15;
+  -webkit-transform-origin: 100% 50%;
+  transform-origin: 100% 50%;
+}
+html.pixel-ratio-2 .timeline-horizontal .timeline-item:after {
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+}
+html.pixel-ratio-3 .timeline-horizontal .timeline-item:after {
+  -webkit-transform: scaleX(0.33);
+  transform: scaleX(0.33);
+}
+.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after {
+  display: none;
+}
+.timeline-horizontal .timeline-item-date {
+  background: #f7f7f8;
+  width: auto;
+  text-align: left;
+  padding: 0px 10px;
+  line-height: 34px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 34px;
+}
+.timeline-horizontal .timeline-item-date:after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  right: auto;
+  top: auto;
+  height: 1px;
+  width: 100%;
+  background-color: #c4c4c4;
+  display: block;
+  z-index: 15;
+  -webkit-transform-origin: 50% 100%;
+  transform-origin: 50% 100%;
+}
+html.pixel-ratio-2 .timeline-horizontal .timeline-item-date:after {
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+html.pixel-ratio-3 .timeline-horizontal .timeline-item-date:after {
+  -webkit-transform: scaleY(0.33);
+  transform: scaleY(0.33);
+}
+.timeline-horizontal .timeline-item-content {
+  padding: 10px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  margin: 0;
+  height: -webkit-calc(100% - 10px);
+  height: -moz-calc(100% - 10px);
+  height: calc(100% - 10px);
+}
+.timeline-horizontal .timeline-item-divider {
+  display: none;
+}
+.timeline-horizontal.col-100 .timeline-item {
+  width: 100vw;
+}
+.timeline-horizontal.col-95 .timeline-item {
+  width: 95vw;
+}
+.timeline-horizontal.col-90 .timeline-item {
+  width: 90vw;
+}
+.timeline-horizontal.col-85 .timeline-item {
+  width: 85vw;
+}
+.timeline-horizontal.col-80 .timeline-item {
+  width: 80vw;
+}
+.timeline-horizontal.col-75 .timeline-item {
+  width: 75vw;
+}
+.timeline-horizontal.col-70 .timeline-item {
+  width: 70vw;
+}
+.timeline-horizontal.col-66 .timeline-item {
+  width: 66.66666666666666vw;
+}
+.timeline-horizontal.col-65 .timeline-item {
+  width: 65vw;
+}
+.timeline-horizontal.col-60 .timeline-item {
+  width: 60vw;
+}
+.timeline-horizontal.col-55 .timeline-item {
+  width: 55vw;
+}
+.timeline-horizontal.col-50 .timeline-item {
+  width: 50vw;
+}
+.timeline-horizontal.col-45 .timeline-item {
+  width: 45vw;
+}
+.timeline-horizontal.col-40 .timeline-item {
+  width: 40vw;
+}
+.timeline-horizontal.col-35 .timeline-item {
+  width: 35vw;
+}
+.timeline-horizontal.col-33 .timeline-item {
+  width: 33.333333333333336vw;
+}
+.timeline-horizontal.col-30 .timeline-item {
+  width: 30vw;
+}
+.timeline-horizontal.col-25 .timeline-item {
+  width: 25vw;
+}
+.timeline-horizontal.col-20 .timeline-item {
+  width: 20vw;
+}
+.timeline-horizontal.col-15 .timeline-item {
+  width: 15vw;
+}
+.timeline-horizontal.col-10 .timeline-item {
+  width: 10vw;
+}
+.timeline-horizontal.col-5 .timeline-item {
+  width: 5vw;
+}
+@media all and (min-width: 768px) {
+  .timeline-horizontal.tablet-100 .timeline-item {
+    width: 100vw;
+  }
+  .timeline-horizontal.tablet-95 .timeline-item {
+    width: 95vw;
+  }
+  .timeline-horizontal.tablet-90 .timeline-item {
+    width: 90vw;
+  }
+  .timeline-horizontal.tablet-85 .timeline-item {
+    width: 85vw;
+  }
+  .timeline-horizontal.tablet-80 .timeline-item {
+    width: 80vw;
+  }
+  .timeline-horizontal.tablet-75 .timeline-item {
+    width: 75vw;
+  }
+  .timeline-horizontal.tablet-70 .timeline-item {
+    width: 70vw;
+  }
+  .timeline-horizontal.tablet-66 .timeline-item {
+    width: 66.66666666666666vw;
+  }
+  .timeline-horizontal.tablet-65 .timeline-item {
+    width: 65vw;
+  }
+  .timeline-horizontal.tablet-60 .timeline-item {
+    width: 60vw;
+  }
+  .timeline-horizontal.tablet-55 .timeline-item {
+    width: 55vw;
+  }
+  .timeline-horizontal.tablet-50 .timeline-item {
+    width: 50vw;
+  }
+  .timeline-horizontal.tablet-45 .timeline-item {
+    width: 45vw;
+  }
+  .timeline-horizontal.tablet-40 .timeline-item {
+    width: 40vw;
+  }
+  .timeline-horizontal.tablet-35 .timeline-item {
+    width: 35vw;
+  }
+  .timeline-horizontal.tablet-33 .timeline-item {
+    width: 33.333333333333336vw;
+  }
+  .timeline-horizontal.tablet-30 .timeline-item {
+    width: 30vw;
+  }
+  .timeline-horizontal.tablet-25 .timeline-item {
+    width: 25vw;
+  }
+  .timeline-horizontal.tablet-20 .timeline-item {
+    width: 20vw;
+  }
+  .timeline-horizontal.tablet-15 .timeline-item {
+    width: 15vw;
+  }
+  .timeline-horizontal.tablet-10 .timeline-item {
+    width: 10vw;
+  }
+  .timeline-horizontal.tablet-5 .timeline-item {
+    width: 5vw;
+  }
+}
+.timeline-year,
+.timeline-month {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  -ms-flex: 0 0 auto;
+  flex-shrink: 0;
+  padding-top: 24px;
+  position: relative;
+  box-sizing: border-box;
+  height: 100%;
+}
+.timeline-year:after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 0;
+  left: auto;
+  bottom: auto;
+  width: 1px;
+  height: 100%;
+  background-color: #c4c4c4;
+  display: block;
+  z-index: 15;
+  -webkit-transform-origin: 100% 50%;
+  transform-origin: 100% 50%;
+}
+html.pixel-ratio-2 .timeline-year:after {
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+}
+html.pixel-ratio-3 .timeline-year:after {
+  -webkit-transform: scaleX(0.33);
+  transform: scaleX(0.33);
+}
+.timeline-year:last-child:after {
+  display: none;
+}
+.timeline-month .timeline-item:before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: auto;
+  right: auto;
+  height: 1px;
+  width: 100%;
+  background-color: #c4c4c4;
+  display: block;
+  z-index: 15;
+  -webkit-transform-origin: 50% 0%;
+  transform-origin: 50% 0%;
+}
+html.pixel-ratio-2 .timeline-month .timeline-item:before {
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+html.pixel-ratio-3 .timeline-month .timeline-item:before {
+  -webkit-transform: scaleY(0.33);
+  transform: scaleY(0.33);
+}
+.timeline-year-title,
+.timeline-month-title {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  line-height: 24px;
+  height: 24px;
+  padding: 0 10px;
+  box-sizing: border-box;
+  background: #f7f7f8;
+}
+.timeline-year-title span,
+.timeline-month-title span {
+  display: inline-block;
+  position: -webkit-sticky;
+  position: -moz-sticky;
+  position: sticky;
+  left: 10px;
+}
+.timeline-year-title {
+  font-size: 16px;
+}
+.timeline-year-title span {
+  margin-top: 3px;
+}
+.timeline-month-title span {
+  margin-top: -2px;
+}
+/* === Swiper === */
+.swiper-container {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  /* Fix of Webkit flickering */
+  z-index: 1;
 }
 .swiper-container-no-flexbox .swiper-slide {
   float: left;
@@ -5175,6 +6567,15 @@ html.ios-gt-8 .autocomplete-dropdown .list-block b {
 .swiper-pagination.swiper-pagination-hidden {
   opacity: 0;
 }
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
 .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
@@ -5183,11 +6584,24 @@ html.ios-gt-8 .autocomplete-dropdown .list-block b {
   background: #000;
   opacity: 0.2;
 }
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
 .swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff;
 }
-.swiper-container-vertical > .swiper-pagination {
+.swiper-container-vertical > .swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   -webkit-transform: translate3d(0px, -50%, 0);
@@ -5196,17 +6610,53 @@ html.ios-gt-8 .autocomplete-dropdown .list-block b {
   -ms-transform: translate3d(0px, -50%, 0);
   transform: translate3d(0px, -50%, 0);
 }
-.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 5px 0;
   display: block;
 }
-.swiper-container-horizontal > .swiper-pagination {
-  bottom: 10px;
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 5px;
+}
+/* Progress */
+.swiper-pagination-progress {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+.swiper-pagination-progress .swiper-pagination-progressbar {
+  background: #007aff;
+  position: absolute;
   left: 0;
+  top: 0;
   width: 100%;
+  height: 100%;
+  -webkit-transform: scale(0);
+  -ms-transform: scale(0);
+  -o-transform: scale(0);
+  transform: scale(0);
+  -webkit-transform-origin: left top;
+  -moz-transform-origin: left top;
+  -ms-transform-origin: left top;
+  -o-transform-origin: left top;
+  transform-origin: left top;
+}
+.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
+  -webkit-transform-origin: right top;
+  -moz-transform-origin: right top;
+  -ms-transform-origin: right top;
+  -o-transform-origin: right top;
+  transform-origin: right top;
+}
+.swiper-container-horizontal > .swiper-pagination-progress {
+  width: 100%;
+  height: 4px;
+  left: 0;
+  top: 0;
 }
-.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
-  margin: 0 5px;
+.swiper-container-vertical > .swiper-pagination-progress {
+  width: 4px;
+  height: 100%;
+  left: 0;
+  top: 0;
 }
 /* 3D Container */
 .swiper-container-3d {
@@ -5288,46 +6738,58 @@ html.ios-gt-8 .autocomplete-dropdown .list-block b {
   /* Firefox 16+, IE10, Opera 12.50+ */
 }
 /* Coverflow */
-.swiper-container-coverflow .swiper-wrapper {
+.swiper-container-coverflow .swiper-wrapper,
+.swiper-container-flip .swiper-wrapper {
   /* Windows 8 IE 10 fix */
   -ms-perspective: 1200px;
 }
-/* Fade */
-.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-  -webkit-transition-timing-function: ease-out;
-  -moz-transition-timing-function: ease-out;
-  -ms-transition-timing-function: ease-out;
-  -o-transition-timing-function: ease-out;
-  transition-timing-function: ease-out;
+/* Cube + Flip */
+.swiper-container-cube,
+.swiper-container-flip {
+  overflow: visible;
 }
-.swiper-container-fade .swiper-slide {
+.swiper-container-cube .swiper-slide,
+.swiper-container-flip .swiper-slide {
   pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
 }
-.swiper-container-fade .swiper-slide .swiper-slide {
+.swiper-container-cube .swiper-slide .swiper-slide,
+.swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none;
 }
-.swiper-container-fade .swiper-slide-active,
-.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
 }
-/* Cube */
-.swiper-container-cube {
-  overflow: visible;
+.swiper-container-cube .swiper-slide-shadow-top,
+.swiper-container-flip .swiper-slide-shadow-top,
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right,
+.swiper-container-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
+/* Cube */
 .swiper-container-cube .swiper-slide {
-  pointer-events: none;
   visibility: hidden;
   -webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  backface-visibility: hidden;
   width: 100%;
   height: 100%;
-  z-index: 1;
 }
 .swiper-container-cube.swiper-container-rtl .swiper-slide {
   -webkit-transform-origin: 100% 0;
@@ -5342,27 +6804,66 @@ html.ios-gt-8 .autocomplete-dropdown .list-block b {
   pointer-events: auto;
   visibility: visible;
 }
-.swiper-container-cube .swiper-slide-shadow-top,
-.swiper-container-cube .swiper-slide-shadow-bottom,
-.swiper-container-cube .swiper-slide-shadow-left,
-.swiper-container-cube .swiper-slide-shadow-right {
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0.6;
+  -webkit-filter: blur(50px);
+  filter: blur(50px);
   z-index: 0;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  backface-visibility: hidden;
 }
-.swiper-container-cube .swiper-cube-shadow {
-  position: absolute;
-  left: 0;
-  bottom: 0px;
-  width: 100%;
-  height: 100%;
-  background: #000;
-  opacity: 0.6;
-  -webkit-filter: blur(50px);
-  filter: blur(50px);
-  z-index: 0;
+/* Fade */
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -ms-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.swiper-container-fade .swiper-slide {
+  pointer-events: none;
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+}
+.swiper-container-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
 }
 /* Scrollbar */
 .swiper-scrollbar {
@@ -5419,31 +6920,37 @@ html.ios-gt-8 .autocomplete-dropdown .list-block b {
   height: 100%;
   z-index: 11500;
 }
-body > .photo-browser {
+body > .photo-browser,
+.framework7-root > .photo-browser {
   opacity: 0;
   display: none;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
-body > .photo-browser.photo-browser-in {
+body > .photo-browser.photo-browser-in,
+.framework7-root > .photo-browser.photo-browser-in {
   display: block;
   -webkit-animation: photoBrowserIn 400ms forwards;
   animation: photoBrowserIn 400ms forwards;
 }
-body > .photo-browser.photo-browser-out {
+body > .photo-browser.photo-browser-out,
+.framework7-root > .photo-browser.photo-browser-out {
   display: block;
   -webkit-animation: photoBrowserOut 400ms forwards;
   animation: photoBrowserOut 400ms forwards;
 }
-html.with-statusbar-overlay body > .photo-browser {
+html.with-statusbar-overlay body > .photo-browser,
+html.with-statusbar-overlay .framework7-root > .photo-browser {
   height: -webkit-calc(100% - 20px);
   height: calc(100% - 20px);
   top: 20px;
 }
 .popup > .photo-browser .navbar,
 body > .photo-browser .navbar,
+.framework7-root > .photo-browser .navbar,
 .popup > .photo-browser .toolbar,
-body > .photo-browser .toolbar {
+body > .photo-browser .toolbar,
+.framework7-root > .photo-browser .toolbar {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
@@ -5585,26 +7092,27 @@ body > .photo-browser .toolbar {
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
 }
-.photo-browser-slide span.photo-browser-zoom-container {
-  width: 100%;
-  text-align: center;
+.photo-browser-slide span.swiper-zoom-container {
   display: none;
 }
-.photo-browser-slide assets {
+.photo-browser-slide img {
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 100%;
   display: none;
 }
-.photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container,
-.photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container,
-.photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container {
-  display: block;
+.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,
+.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,
+.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
 }
-.photo-browser-slide.swiper-slide-active assets,
-.photo-browser-slide.swiper-slide-next assets,
-.photo-browser-slide.swiper-slide-prev assets {
+.photo-browser-slide.swiper-slide-active img,
+.photo-browser-slide.swiper-slide-next img,
+.photo-browser-slide.swiper-slide-prev img {
   display: inline;
 }
 .photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
@@ -5753,7 +7261,6 @@ body > .photo-browser .toolbar {
 .picker-item {
   height: 36px;
   line-height: 36px;
-  padding: 0 10px;
   white-space: nowrap;
   position: relative;
   overflow: hidden;
@@ -5766,6 +7273,9 @@ body > .photo-browser .toolbar {
   -webkit-transition-duration: 300ms;
   transition-duration: 300ms;
 }
+.picker-item span {
+  padding: 0 10px;
+}
 .picker-items-col-absolute .picker-item {
   position: absolute;
 }
@@ -6176,24 +7686,23 @@ html.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calendar-week-da
   top: 0;
   width: 100%;
   z-index: 20000;
-  color: #fff;
   font-size: 14px;
   margin: 0;
   border: none;
   display: none;
   box-sizing: border-box;
   max-height: 100%;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
   -webkit-transition-duration: 450ms;
   transition-duration: 450ms;
-  background: rgba(0, 0, 0, 0.85);
   -webkit-perspective: 1200px;
   perspective: 1200px;
+  padding-top: 8px;
+  padding-bottom: 8px;
 }
 .notifications.list-block > ul {
   background: none;
-  margin: 0;
+  margin: 0 auto;
+  max-width: 584px;
 }
 .notifications.list-block > ul:before {
   display: none;
@@ -6207,33 +7716,69 @@ html.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calendar-week-da
   transform: translate3d(0, -20px, 0);
 }
 .notifications .item-content {
+  padding-left: 8px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
 }
-.notifications .item-text,
-.notifications .item-subtitle,
-.notifications .item-title {
-  font-size: 14px;
+.notifications .item-title-row {
+  margin-bottom: 8px;
+}
+.notifications .item-title-row:before {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 36px;
+  border-radius: 12px 12px 0 0;
+  z-index: -1;
+  background: #fff;
+  content: '';
+  width: 100%;
 }
 .notifications .item-title {
-  font-weight: 500;
+  font-weight: 400 !important;
+  height: 36px;
+  text-transform: uppercase;
+  line-height: 35px;
+  font-size: 13px;
 }
 html.ios-gt-8 .notifications .item-title {
+  font-weight: 400 !important;
+}
+.notifications .item-subtitle {
+  font-size: 15px;
+  font-weight: 500;
+}
+html.ios-gt-8 .notifications .item-subtitle {
   font-weight: 600;
 }
 .notifications .item-text {
+  font-size: 14px;
+  color: inherit;
   height: auto;
-  color: #d2d2d2;
   line-height: inherit;
 }
-.notifications .item-text,
-.notifications .item-subtitle {
-  font-weight: 300;
+.notifications .item-subtitle:first-child,
+.notifications .item-text:first-child {
+  margin-top: 8px;
+}
+.notifications .item-content,
+.notifications .item-inner {
+  min-height: 0;
+}
+.notifications .item-inner {
+  position: static;
 }
 .notifications .item-inner:after {
-  background-color: rgba(255, 255, 255, 0.2);
+  display: none;
+}
+.notifications .item-media {
+  width: 20px;
+}
+.notifications .item-media img {
+  max-width: 20px;
+  max-height: 20px;
 }
 .notifications .item-media i.icon {
   width: 20px;
@@ -6243,18 +7788,33 @@ html.ios-gt-8 .notifications .item-title {
   background-position: center;
   background-repeat: no-repeat;
 }
+.notifications .item-media + .item-inner {
+  margin-left: 8px;
+  overflow: visible;
+}
+.notifications li.notification-item {
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
+}
+.notifications li.notification-item .item-inner {
+  padding-top: 0;
+}
 .notifications li.notification-item .item-media {
-  padding-top: 13px;
+  padding-top: 8px;
+}
+.notifications .item-after {
+  margin-top: auto;
+  margin-bottom: auto;
 }
 .notifications .close-notification {
-  width: 19px;
-  height: 19px;
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2019%2019'%3E%3Cg%3E%3Cpath%20fill%3D'%23bcbfc4'%20d%3D'M9.5%2C1C14.2%2C1%2C18%2C4.8%2C18%2C9.5S14.2%2C18%2C9.5%2C18S1%2C14.2%2C1%2C9.5S4.8%2C1%2C9.5%2C1%20M9.5%2C0C4.3%2C0%2C0%2C4.3%2C0%2C9.5%20S4.3%2C19%2C9.5%2C19S19%2C14.7%2C19%2C9.5S14.7%2C0%2C9.5%2C0L9.5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23bcbfc4'%20stroke-miterlimit%3D'10'%20x1%3D'5.2'%20y1%3D'5.2'%20x2%3D'13.8'%20y2%3D'13.8'%2F%3E%3Cline%20stroke%3D'%23bcbfc4'%20stroke-miterlimit%3D'10'%20x1%3D'14.1'%20y1%3D'4.9'%20x2%3D'4.9'%20y2%3D'14.1'%2F%3E%3C%2Fsvg%3E");
+  width: 22px;
+  height: 22px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: center top;
   background-repeat: no-repeat;
   -webkit-background-size: 100% auto;
   background-size: 100% auto;
   position: relative;
+  opacity: 0.2;
 }
 .notifications .close-notification span {
   position: absolute;
@@ -6267,12 +7827,23 @@ html.ios-gt-8 .notifications .item-title {
 }
 .notifications .notification-item {
   max-width: 568px;
-  margin: 0 auto;
+  margin: 0 auto 8px;
   -webkit-transition-duration: 450ms;
   transition-duration: 450ms;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   opacity: 1;
+  background: rgba(250, 250, 250, 0.95);
+  border-radius: 12px;
+  width: -webkit-calc(100% - 16px);
+  width: -moz-calc(100% - 16px);
+  width: calc(100% - 16px);
+  position: absolute;
+  left: 8px;
+  top: 0;
+}
+.notifications .notification-item:last-child {
+  margin-bottom: 0;
 }
 .notifications .notification-hidden {
   opacity: 0;
@@ -6318,3 +7889,378 @@ html.ios-gt-8 .notifications .item-title {
 [disabled] [disabled] {
   opacity: 1;
 }
+.data-table {
+  overflow-x: auto;
+}
+.data-table table {
+  width: 100%;
+  border: none;
+  padding: 0;
+  margin: 0;
+  border-collapse: collapse;
+  text-align: left;
+}
+.data-table thead {
+  font-size: 12px;
+}
+.data-table thead th,
+.data-table thead td {
+  font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  line-height: 16px;
+}
+html.ios-gt-8 .data-table thead th,
+html.ios-gt-8 .data-table thead td {
+  font-weight: 600;
+}
+.data-table thead th:not(.sortable-active),
+.data-table thead td:not(.sortable-active) {
+  color: #8e8e93;
+}
+.data-table thead i.icon,
+.data-table thead i.f7-icons {
+  font-size: 18px;
+  width: 18px;
+  height: 18px;
+  vertical-align: top;
+}
+.data-table tbody tr.data-table-row-selected {
+  background: #f7f7f8;
+}
+.data-table tbody td:before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: auto;
+  right: auto;
+  height: 1px;
+  width: 100%;
+  background-color: #c8c7cc;
+  display: block;
+  z-index: 15;
+  -webkit-transform-origin: 50% 0%;
+  transform-origin: 50% 0%;
+}
+html.pixel-ratio-2 .data-table tbody td:before {
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+html.pixel-ratio-3 .data-table tbody td:before {
+  -webkit-transform: scaleY(0.33);
+  transform: scaleY(0.33);
+}
+html:not(.ios):not(.android) .data-table tbody tr:hover {
+  background: #f7f7f8;
+}
+.data-table th,
+.data-table td {
+  padding: 0;
+  position: relative;
+  padding-left: 15px;
+  padding-right: 15px;
+  height: 44px;
+}
+.data-table th.numeric-cell,
+.data-table td.numeric-cell {
+  text-align: right;
+}
+.data-table th.checkbox-cell,
+.data-table td.checkbox-cell {
+  padding-right: 7px;
+  width: 22px;
+  overflow: visible;
+}
+.data-table th.checkbox-cell + td,
+.data-table td.checkbox-cell + td,
+.data-table th.checkbox-cell + th,
+.data-table td.checkbox-cell + th {
+  padding-left: 8px;
+}
+.data-table th.actions-cell,
+.data-table td.actions-cell {
+  text-align: right;
+  white-space: nowrap;
+}
+.data-table th.actions-cell a.link,
+.data-table td.actions-cell a.link {
+  position: relative;
+  z-index: 1;
+  cursor: pointer;
+}
+.data-table th.actions-cell a.link + a.link,
+.data-table td.actions-cell a.link + a.link {
+  margin-left: 15px;
+}
+.data-table th.actions-cell a.icon-only,
+.data-table td.actions-cell a.icon-only {
+  width: 18px;
+  height: 18px;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+  line-height: 18px;
+  text-align: center;
+  font-size: 0;
+}
+.data-table th.actions-cell a.icon-only i,
+.data-table td.actions-cell a.icon-only i {
+  font-size: 18px;
+  vertical-align: middle;
+}
+.data-table .sortable-cell {
+  cursor: pointer;
+  position: relative;
+}
+.data-table .sortable-cell:not(.numeric-cell):after,
+.data-table .sortable-cell.numeric-cell:before {
+  content: '';
+  display: inline-block;
+  vertical-align: top;
+  width: 16px;
+  height: 16px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+  background-size: 100% auto;
+  background-position: center;
+  background-repeat: no-repeat;
+  font-size: 0;
+  -webkit-transition-duration: 300ms;
+  transition-duration: 300ms;
+  -webkit-transform: rotate(0);
+  transform: rotate(0);
+  opacity: 0;
+}
+html:not(.ios):not(.android) .data-table .sortable-cell:not(.sortable-active):hover:after,
+html:not(.ios):not(.android) .data-table .sortable-cell:not(.sortable-active):hover:before {
+  opacity: 0.54;
+}
+.data-table .sortable-cell.sortable-active:after,
+.data-table .sortable-cell.sortable-active:before {
+  opacity: 0.87;
+}
+.data-table .sortable-cell.sortable-desc:after,
+.data-table .sortable-cell.sortable-desc:before {
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+.data-table .sortable-cell:not(.numeric-cell):after {
+  margin-left: 5px;
+}
+.data-table .sortable-cell.numeric-cell:before {
+  margin-right: 5px;
+}
+.data-table.card .card-header,
+.card .data-table .card-header,
+.data-table.card .card-footer,
+.card .data-table .card-footer {
+  padding-left: 15px;
+  padding-right: 8px;
+}
+.data-table.card .card-header,
+.card .data-table .card-header {
+  height: 64px;
+}
+.data-table.card .card-content,
+.card .data-table .card-content {
+  overflow-x: auto;
+}
+.data-table .data-table-title {
+  font-size: 17px;
+  font-weight: 500;
+}
+html.ios-gt-8 .data-table .data-table-title {
+  font-weight: 600;
+}
+.data-table .data-table-links,
+.data-table .data-table-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+}
+.data-table .data-table-links a.link,
+.data-table .data-table-actions a.link {
+  cursor: pointer;
+}
+.data-table .data-table-links a.link + a.link,
+.data-table .data-table-actions a.link + a.link {
+  margin-left: 15px;
+}
+.data-table .data-table-actions {
+  margin-left: auto;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+.data-table .data-table-actions a.link {
+  min-width: 0;
+  cursor: pointer;
+}
+.data-table .data-table-actions a.link.icon-only {
+  width: 44px;
+  height: 44px;
+  line-height: 1;
+}
+.data-table .data-table-actions i.icon,
+.data-table .data-table-actions i.f7-icons {
+  font-size: 22px;
+}
+.data-table .data-table-header,
+.data-table .data-table-header-selected {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  width: 100%;
+}
+.data-table .card-header > .data-table-header,
+.data-table .card-header > .data-table-header-selected {
+  padding-left: 15px;
+  padding-right: 8px;
+  margin-left: -15px;
+  margin-right: -8px;
+  height: 100%;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.data-table .data-table-header-selected {
+  display: none;
+  background: rgba(0, 122, 255, 0.1);
+}
+.data-table.data-table-has-checked .data-table-header {
+  display: none;
+}
+.data-table.data-table-has-checked .data-table-header-selected {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+.data-table .data-table-title-selected {
+  color: #007aff;
+  font-size: 14px;
+}
+@media (max-width: 480px) and (orientation: portrait) {
+  .data-table.data-table-collapsible thead {
+    display: none;
+  }
+  .data-table.data-table-collapsible tbody,
+  .data-table.data-table-collapsible tr,
+  .data-table.data-table-collapsible td {
+    display: block;
+  }
+  .data-table.data-table-collapsible tr {
+    position: relative;
+  }
+  .data-table.data-table-collapsible tr:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: auto;
+    right: auto;
+    height: 1px;
+    width: 100%;
+    background-color: #c8c7cc;
+    display: block;
+    z-index: 15;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+  }
+  html.pixel-ratio-2 .data-table.data-table-collapsible tr:before {
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+  }
+  html.pixel-ratio-3 .data-table.data-table-collapsible tr:before {
+    -webkit-transform: scaleY(0.33);
+    transform: scaleY(0.33);
+  }
+  .data-table.data-table-collapsible tr:hover {
+    background-color: inherit;
+  }
+  .data-table.data-table-collapsible td {
+    text-align: left;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -ms-flex-line-pack: center;
+    -webkit-align-content: center;
+    align-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+  }
+  .data-table.data-table-collapsible td:before {
+    display: none;
+  }
+  .data-table.data-table-collapsible td:not(.checkbox-cell) {
+    font-size: 17px;
+    line-height: 17px;
+  }
+  .data-table.data-table-collapsible td:not(.checkbox-cell):before {
+    width: 40%;
+    display: block;
+    content: attr(data-collapsible-title);
+    position: relative;
+    height: auto;
+    background: none;
+    -webkit-transform: none !important;
+    transform: none !important;
+    color: #8e8e93;
+    font-weight: 500;
+    font-size: 12px;
+    margin-right: 16px;
+    -webkit-flex-shrink: 0;
+    -ms-flex: 0 0 auto;
+    flex-shrink: 0;
+  }
+  html.ios-gt-8 .data-table.data-table-collapsible td:not(.checkbox-cell):before {
+    font-weight: 600;
+  }
+  .data-table.data-table-collapsible td.checkbox-cell {
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+  .data-table.data-table-collapsible td.checkbox-cell + td {
+    padding-left: 16px;
+  }
+  .data-table.data-table-collapsible td.checkbox-cell ~ td {
+    margin-left: 32px;
+  }
+}
+.data-table .tablet-only,
+.data-table .tablet-landscape-only {
+  display: none;
+}
+@media (min-width: 768px) {
+  .data-table .tablet-only {
+    display: table-cell;
+  }
+}
+@media (min-width: 768px) and (orientation: landscape) {
+  .data-table .tablet-landscape-only {
+    display: table-cell;
+  }
+}