diff --git a/apps/documenteditor/mobile/resources/css/app-ios.css b/apps/documenteditor/mobile/resources/css/app-ios.css deleted file mode 100644 index 45c50e1709..0000000000 --- a/apps/documenteditor/mobile/resources/css/app-ios.css +++ /dev/null @@ -1,7794 +0,0 @@ -html, -body, -.framework7-root { - position: relative; - height: 100%; - width: 100%; - overflow-x: hidden; -} -body { - font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif; - margin: 0; - padding: 0; - color: #000; - font-size: 14px; - line-height: 1.4; - width: 100%; - -webkit-text-size-adjust: 100%; - background: #fff; - overflow: hidden; -} -.framework7-root { - overflow: hidden; -} -@media all and (width: 1024px) and (height: 691px) and (orientation: landscape) { - html, - body, - .framework7-root { - height: 671px; - } -} -@media all and (width: 1024px) and (height: 692px) and (orientation: landscape) { - html, - body, - .framework7-root { - height: 672px; - } -} -* { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-touch-callout: none; -} -a, -input, -textarea, -select { - outline: 0; -} -a { - text-decoration: none; - color: #446995; -} -p { - margin: 1em 0; -} -/* === Grid === */ -.row { - 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-lines: multiple; - -moz-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -.row > [class*="col-"] { - box-sizing: border-box; -} -.row .col-auto { - width: 100%; -} -.row .col-100 { - width: 100%; - width: -webkit-calc((100% - 15px*0) / 1); - width: calc((100% - 15px*0) / 1); -} -.row.no-gutter .col-100 { - width: 100%; -} -.row .col-95 { - width: 95%; - width: -webkit-calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); - width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); -} -.row.no-gutter .col-95 { - width: 95%; -} -.row .col-90 { - width: 90%; - width: -webkit-calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); - width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); -} -.row.no-gutter .col-90 { - width: 90%; -} -.row .col-85 { - width: 85%; - width: -webkit-calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); - width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); -} -.row.no-gutter .col-85 { - width: 85%; -} -.row .col-80 { - width: 80%; - width: -webkit-calc((100% - 15px*0.25) / 1.25); - width: calc((100% - 15px*0.25) / 1.25); -} -.row.no-gutter .col-80 { - width: 80%; -} -.row .col-75 { - width: 75%; - width: -webkit-calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); - width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); -} -.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); - width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); -} -.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); - width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); -} -.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); - width: calc((100% - 15px*1) / 2); -} -.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); - width: calc((100% - 15px*1.5) / 2.5); -} -.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); - width: calc((100% - 15px*2) / 3); -} -.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); - width: calc((100% - 15px*3) / 4); -} -.row.no-gutter .col-25 { - width: 25%; -} -.row .col-20 { - width: 20%; - width: -webkit-calc((100% - 15px*4) / 5); - width: calc((100% - 15px*4) / 5); -} -.row.no-gutter .col-20 { - width: 20%; -} -.row .col-15 { - width: 15%; - width: -webkit-calc((100% - 15px*5.666666666666667) / 6.666666666666667); - width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); -} -.row.no-gutter .col-15 { - width: 15%; -} -.row .col-10 { - width: 10%; - width: -webkit-calc((100% - 15px*9) / 10); - width: calc((100% - 15px*9) / 10); -} -.row.no-gutter .col-10 { - width: 10%; -} -.row .col-5 { - width: 5%; - width: -webkit-calc((100% - 15px*19) / 20); - width: calc((100% - 15px*19) / 20); -} -.row.no-gutter .col-5 { - width: 5%; -} -.row .col-auto:nth-last-child(1), -.row .col-auto:nth-last-child(1) ~ .col-auto { - width: 100%; - width: -webkit-calc((100% - 15px*0) / 1); - width: calc((100% - 15px*0) / 1); -} -.row.no-gutter .col-auto:nth-last-child(1), -.row.no-gutter .col-auto:nth-last-child(1) ~ .col-auto { - width: 100%; -} -.row .col-auto:nth-last-child(2), -.row .col-auto:nth-last-child(2) ~ .col-auto { - width: 50%; - width: -webkit-calc((100% - 15px*1) / 2); - width: calc((100% - 15px*1) / 2); -} -.row.no-gutter .col-auto:nth-last-child(2), -.row.no-gutter .col-auto:nth-last-child(2) ~ .col-auto { - width: 50%; -} -.row .col-auto:nth-last-child(3), -.row .col-auto:nth-last-child(3) ~ .col-auto { - width: 33.33333333%; - width: -webkit-calc((100% - 15px*2) / 3); - width: calc((100% - 15px*2) / 3); -} -.row.no-gutter .col-auto:nth-last-child(3), -.row.no-gutter .col-auto:nth-last-child(3) ~ .col-auto { - width: 33.33333333%; -} -.row .col-auto:nth-last-child(4), -.row .col-auto:nth-last-child(4) ~ .col-auto { - width: 25%; - width: -webkit-calc((100% - 15px*3) / 4); - width: calc((100% - 15px*3) / 4); -} -.row.no-gutter .col-auto:nth-last-child(4), -.row.no-gutter .col-auto:nth-last-child(4) ~ .col-auto { - width: 25%; -} -.row .col-auto:nth-last-child(5), -.row .col-auto:nth-last-child(5) ~ .col-auto { - width: 20%; - width: -webkit-calc((100% - 15px*4) / 5); - width: calc((100% - 15px*4) / 5); -} -.row.no-gutter .col-auto:nth-last-child(5), -.row.no-gutter .col-auto:nth-last-child(5) ~ .col-auto { - width: 20%; -} -.row .col-auto:nth-last-child(6), -.row .col-auto:nth-last-child(6) ~ .col-auto { - width: 16.66666667%; - width: -webkit-calc((100% - 15px*5) / 6); - width: calc((100% - 15px*5) / 6); -} -.row.no-gutter .col-auto:nth-last-child(6), -.row.no-gutter .col-auto:nth-last-child(6) ~ .col-auto { - width: 16.66666667%; -} -.row .col-auto:nth-last-child(7), -.row .col-auto:nth-last-child(7) ~ .col-auto { - width: 14.28571429%; - width: -webkit-calc((100% - 15px*6) / 7); - width: calc((100% - 15px*6) / 7); -} -.row.no-gutter .col-auto:nth-last-child(7), -.row.no-gutter .col-auto:nth-last-child(7) ~ .col-auto { - width: 14.28571429%; -} -.row .col-auto:nth-last-child(8), -.row .col-auto:nth-last-child(8) ~ .col-auto { - width: 12.5%; - width: -webkit-calc((100% - 15px*7) / 8); - width: calc((100% - 15px*7) / 8); -} -.row.no-gutter .col-auto:nth-last-child(8), -.row.no-gutter .col-auto:nth-last-child(8) ~ .col-auto { - width: 12.5%; -} -.row .col-auto:nth-last-child(9), -.row .col-auto:nth-last-child(9) ~ .col-auto { - width: 11.11111111%; - width: -webkit-calc((100% - 15px*8) / 9); - width: calc((100% - 15px*8) / 9); -} -.row.no-gutter .col-auto:nth-last-child(9), -.row.no-gutter .col-auto:nth-last-child(9) ~ .col-auto { - width: 11.11111111%; -} -.row .col-auto:nth-last-child(10), -.row .col-auto:nth-last-child(10) ~ .col-auto { - width: 10%; - width: -webkit-calc((100% - 15px*9) / 10); - width: calc((100% - 15px*9) / 10); -} -.row.no-gutter .col-auto:nth-last-child(10), -.row.no-gutter .col-auto:nth-last-child(10) ~ .col-auto { - width: 10%; -} -.row .col-auto:nth-last-child(11), -.row .col-auto:nth-last-child(11) ~ .col-auto { - width: 9.09090909%; - width: -webkit-calc((100% - 15px*10) / 11); - width: calc((100% - 15px*10) / 11); -} -.row.no-gutter .col-auto:nth-last-child(11), -.row.no-gutter .col-auto:nth-last-child(11) ~ .col-auto { - width: 9.09090909%; -} -.row .col-auto:nth-last-child(12), -.row .col-auto:nth-last-child(12) ~ .col-auto { - width: 8.33333333%; - width: -webkit-calc((100% - 15px*11) / 12); - width: calc((100% - 15px*11) / 12); -} -.row.no-gutter .col-auto:nth-last-child(12), -.row.no-gutter .col-auto:nth-last-child(12) ~ .col-auto { - width: 8.33333333%; -} -.row .col-auto:nth-last-child(13), -.row .col-auto:nth-last-child(13) ~ .col-auto { - width: 7.69230769%; - width: -webkit-calc((100% - 15px*12) / 13); - width: calc((100% - 15px*12) / 13); -} -.row.no-gutter .col-auto:nth-last-child(13), -.row.no-gutter .col-auto:nth-last-child(13) ~ .col-auto { - width: 7.69230769%; -} -.row .col-auto:nth-last-child(14), -.row .col-auto:nth-last-child(14) ~ .col-auto { - width: 7.14285714%; - width: -webkit-calc((100% - 15px*13) / 14); - width: calc((100% - 15px*13) / 14); -} -.row.no-gutter .col-auto:nth-last-child(14), -.row.no-gutter .col-auto:nth-last-child(14) ~ .col-auto { - width: 7.14285714%; -} -.row .col-auto:nth-last-child(15), -.row .col-auto:nth-last-child(15) ~ .col-auto { - width: 6.66666667%; - width: -webkit-calc((100% - 15px*14) / 15); - width: calc((100% - 15px*14) / 15); -} -.row.no-gutter .col-auto:nth-last-child(15), -.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%; - width: -webkit-calc((100% - 15px*0) / 1); - width: calc((100% - 15px*0) / 1); - } - .row.no-gutter .tablet-100 { - width: 100%; - } - .row .tablet-95 { - width: 95%; - width: -webkit-calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); - width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); - } - .row.no-gutter .tablet-95 { - width: 95%; - } - .row .tablet-90 { - width: 90%; - width: -webkit-calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); - width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); - } - .row.no-gutter .tablet-90 { - width: 90%; - } - .row .tablet-85 { - width: 85%; - width: -webkit-calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); - width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); - } - .row.no-gutter .tablet-85 { - width: 85%; - } - .row .tablet-80 { - width: 80%; - width: -webkit-calc((100% - 15px*0.25) / 1.25); - width: calc((100% - 15px*0.25) / 1.25); - } - .row.no-gutter .tablet-80 { - width: 80%; - } - .row .tablet-75 { - width: 75%; - width: -webkit-calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); - width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); - } - .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); - width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); - } - .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); - width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); - } - .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); - width: calc((100% - 15px*1) / 2); - } - .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); - width: calc((100% - 15px*1.5) / 2.5); - } - .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); - width: calc((100% - 15px*2) / 3); - } - .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); - width: calc((100% - 15px*3) / 4); - } - .row.no-gutter .tablet-25 { - width: 25%; - } - .row .tablet-20 { - width: 20%; - width: -webkit-calc((100% - 15px*4) / 5); - width: calc((100% - 15px*4) / 5); - } - .row.no-gutter .tablet-20 { - width: 20%; - } - .row .tablet-15 { - width: 15%; - width: -webkit-calc((100% - 15px*5.666666666666667) / 6.666666666666667); - width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); - } - .row.no-gutter .tablet-15 { - width: 15%; - } - .row .tablet-10 { - width: 10%; - width: -webkit-calc((100% - 15px*9) / 10); - width: calc((100% - 15px*9) / 10); - } - .row.no-gutter .tablet-10 { - width: 10%; - } - .row .tablet-5 { - width: 5%; - width: -webkit-calc((100% - 15px*19) / 20); - width: calc((100% - 15px*19) / 20); - } - .row.no-gutter .tablet-5 { - width: 5%; - } - .row .tablet-auto:nth-last-child(1), - .row .tablet-auto:nth-last-child(1) ~ .col-auto { - width: 100%; - width: -webkit-calc((100% - 15px*0) / 1); - width: calc((100% - 15px*0) / 1); - } - .row.no-gutter .tablet-auto:nth-last-child(1), - .row.no-gutter .tablet-auto:nth-last-child(1) ~ .tablet-auto { - width: 100%; - } - .row .tablet-auto:nth-last-child(2), - .row .tablet-auto:nth-last-child(2) ~ .col-auto { - width: 50%; - width: -webkit-calc((100% - 15px*1) / 2); - width: calc((100% - 15px*1) / 2); - } - .row.no-gutter .tablet-auto:nth-last-child(2), - .row.no-gutter .tablet-auto:nth-last-child(2) ~ .tablet-auto { - width: 50%; - } - .row .tablet-auto:nth-last-child(3), - .row .tablet-auto:nth-last-child(3) ~ .col-auto { - width: 33.33333333%; - width: -webkit-calc((100% - 15px*2) / 3); - width: calc((100% - 15px*2) / 3); - } - .row.no-gutter .tablet-auto:nth-last-child(3), - .row.no-gutter .tablet-auto:nth-last-child(3) ~ .tablet-auto { - width: 33.33333333%; - } - .row .tablet-auto:nth-last-child(4), - .row .tablet-auto:nth-last-child(4) ~ .col-auto { - width: 25%; - width: -webkit-calc((100% - 15px*3) / 4); - width: calc((100% - 15px*3) / 4); - } - .row.no-gutter .tablet-auto:nth-last-child(4), - .row.no-gutter .tablet-auto:nth-last-child(4) ~ .tablet-auto { - width: 25%; - } - .row .tablet-auto:nth-last-child(5), - .row .tablet-auto:nth-last-child(5) ~ .col-auto { - width: 20%; - width: -webkit-calc((100% - 15px*4) / 5); - width: calc((100% - 15px*4) / 5); - } - .row.no-gutter .tablet-auto:nth-last-child(5), - .row.no-gutter .tablet-auto:nth-last-child(5) ~ .tablet-auto { - width: 20%; - } - .row .tablet-auto:nth-last-child(6), - .row .tablet-auto:nth-last-child(6) ~ .col-auto { - width: 16.66666667%; - width: -webkit-calc((100% - 15px*5) / 6); - width: calc((100% - 15px*5) / 6); - } - .row.no-gutter .tablet-auto:nth-last-child(6), - .row.no-gutter .tablet-auto:nth-last-child(6) ~ .tablet-auto { - width: 16.66666667%; - } - .row .tablet-auto:nth-last-child(7), - .row .tablet-auto:nth-last-child(7) ~ .col-auto { - width: 14.28571429%; - width: -webkit-calc((100% - 15px*6) / 7); - width: calc((100% - 15px*6) / 7); - } - .row.no-gutter .tablet-auto:nth-last-child(7), - .row.no-gutter .tablet-auto:nth-last-child(7) ~ .tablet-auto { - width: 14.28571429%; - } - .row .tablet-auto:nth-last-child(8), - .row .tablet-auto:nth-last-child(8) ~ .col-auto { - width: 12.5%; - width: -webkit-calc((100% - 15px*7) / 8); - width: calc((100% - 15px*7) / 8); - } - .row.no-gutter .tablet-auto:nth-last-child(8), - .row.no-gutter .tablet-auto:nth-last-child(8) ~ .tablet-auto { - width: 12.5%; - } - .row .tablet-auto:nth-last-child(9), - .row .tablet-auto:nth-last-child(9) ~ .col-auto { - width: 11.11111111%; - width: -webkit-calc((100% - 15px*8) / 9); - width: calc((100% - 15px*8) / 9); - } - .row.no-gutter .tablet-auto:nth-last-child(9), - .row.no-gutter .tablet-auto:nth-last-child(9) ~ .tablet-auto { - width: 11.11111111%; - } - .row .tablet-auto:nth-last-child(10), - .row .tablet-auto:nth-last-child(10) ~ .col-auto { - width: 10%; - width: -webkit-calc((100% - 15px*9) / 10); - width: calc((100% - 15px*9) / 10); - } - .row.no-gutter .tablet-auto:nth-last-child(10), - .row.no-gutter .tablet-auto:nth-last-child(10) ~ .tablet-auto { - width: 10%; - } - .row .tablet-auto:nth-last-child(11), - .row .tablet-auto:nth-last-child(11) ~ .col-auto { - width: 9.09090909%; - width: -webkit-calc((100% - 15px*10) / 11); - width: calc((100% - 15px*10) / 11); - } - .row.no-gutter .tablet-auto:nth-last-child(11), - .row.no-gutter .tablet-auto:nth-last-child(11) ~ .tablet-auto { - width: 9.09090909%; - } - .row .tablet-auto:nth-last-child(12), - .row .tablet-auto:nth-last-child(12) ~ .col-auto { - width: 8.33333333%; - width: -webkit-calc((100% - 15px*11) / 12); - width: calc((100% - 15px*11) / 12); - } - .row.no-gutter .tablet-auto:nth-last-child(12), - .row.no-gutter .tablet-auto:nth-last-child(12) ~ .tablet-auto { - width: 8.33333333%; - } - .row .tablet-auto:nth-last-child(13), - .row .tablet-auto:nth-last-child(13) ~ .col-auto { - width: 7.69230769%; - width: -webkit-calc((100% - 15px*12) / 13); - width: calc((100% - 15px*12) / 13); - } - .row.no-gutter .tablet-auto:nth-last-child(13), - .row.no-gutter .tablet-auto:nth-last-child(13) ~ .tablet-auto { - width: 7.69230769%; - } - .row .tablet-auto:nth-last-child(14), - .row .tablet-auto:nth-last-child(14) ~ .col-auto { - width: 7.14285714%; - width: -webkit-calc((100% - 15px*13) / 14); - width: calc((100% - 15px*13) / 14); - } - .row.no-gutter .tablet-auto:nth-last-child(14), - .row.no-gutter .tablet-auto:nth-last-child(14) ~ .tablet-auto { - width: 7.14285714%; - } - .row .tablet-auto:nth-last-child(15), - .row .tablet-auto:nth-last-child(15) ~ .col-auto { - width: 6.66666667%; - width: -webkit-calc((100% - 15px*14) / 15); - width: calc((100% - 15px*14) / 15); - } - .row.no-gutter .tablet-auto:nth-last-child(15), - .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; -} -.views { - overflow: auto; - -webkit-overflow-scrolling: touch; -} -.view { - overflow: hidden; - box-sizing: border-box; -} -/* === Pages === */ -.pages { - position: relative; - width: 100%; - height: 100%; - overflow: hidden; - background: #000; -} -.page { - box-sizing: border-box; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #efeff4; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.page.cached { - display: none; -} -.page-on-left { - opacity: 0.9; - -webkit-transform: translate3d(-20%, 0, 0); - transform: translate3d(-20%, 0, 0); -} -.page-on-center .swipeback-page-shadow { - opacity: 1; -} -.page-on-right { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.page-on-right .swipeback-page-shadow { - opacity: 0; -} -.page-content { - overflow: auto; - -webkit-overflow-scrolling: touch; - box-sizing: border-box; - height: 100%; - position: relative; - z-index: 1; -} -.swipeback-page-shadow { - position: absolute; - right: 100%; - top: 0; - width: 16px; - height: 100%; - background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); - background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); - z-index: -1; - content: ''; -} -html.android .swipeback-page-shadow { - display: none; - -webkit-animation: none; - animation: none; -} -.page-transitioning, -.page-transitioning .swipeback-page-shadow { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.page-from-right-to-center:before, -.page-from-center-to-right:before { - position: absolute; - right: 100%; - top: 0; - width: 16px; - height: 100%; - background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); - background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); - z-index: -1; - content: ''; -} -html.android .page-from-right-to-center:before, -html.android .page-from-center-to-right:before { - display: none; - -webkit-animation: none; - animation: none; -} -.page-from-right-to-center { - -webkit-animation: pageFromRightToCenter 400ms forwards; - animation: pageFromRightToCenter 400ms forwards; -} -.page-from-right-to-center:before { - -webkit-animation: pageFromRightToCenterShadow 400ms forwards; - animation: pageFromRightToCenterShadow 400ms forwards; -} -.page-from-center-to-right { - -webkit-animation: pageFromCenterToRight 400ms forwards; - animation: pageFromCenterToRight 400ms forwards; -} -.page-from-center-to-right:before { - -webkit-animation: pageFromCenterToRightShadow 400ms forwards; - animation: pageFromCenterToRightShadow 400ms forwards; -} -@-webkit-keyframes pageFromRightToCenter { - from { - -webkit-transform: translate3d(100%, 0, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - } -} -@keyframes pageFromRightToCenter { - from { - transform: translate3d(100%, 0, 0); - } - to { - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes pageFromRightToCenterShadow { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes pageFromRightToCenterShadow { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@-webkit-keyframes pageFromCenterToRight { - from { - -webkit-transform: translate3d(0, 0, 0); - } - to { - -webkit-transform: translate3d(100%, 0, 0); - } -} -@keyframes pageFromCenterToRight { - from { - transform: translate3d(0, 0, 0); - } - to { - transform: translate3d(100%, 0, 0); - } -} -@-webkit-keyframes pageFromCenterToRightShadow { - from { - opacity: 1; - } - to { - opacity: 0; - } -} -@keyframes pageFromCenterToRightShadow { - from { - opacity: 1; - } - to { - opacity: 0; - } -} -.page-from-center-to-left { - -webkit-animation: pageFromCenterToLeft 400ms forwards; - animation: pageFromCenterToLeft 400ms forwards; -} -.page-from-left-to-center { - -webkit-animation: pageFromLeftToCenter 400ms forwards; - animation: pageFromLeftToCenter 400ms forwards; -} -@-webkit-keyframes pageFromCenterToLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - } - to { - opacity: 0.9; - -webkit-transform: translate3d(-20%, 0, 0); - } -} -@keyframes pageFromCenterToLeft { - from { - transform: translate3d(0, 0, 0); - } - to { - opacity: 0.9; - transform: translate3d(-20%, 0, 0); - } -} -@-webkit-keyframes pageFromLeftToCenter { - from { - opacity: 0.9; - -webkit-transform: translate3d(-20%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - } -} -@keyframes pageFromLeftToCenter { - from { - transform: translate3d(-20%, 0, 0); - } - to { - opacity: 1; - transform: translate3d(0, 0, 0); - } -} -/* === Toolbars === */ -.navbar-inner, -.toolbar-inner { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - padding: 0 8px; - box-sizing: border-box; - 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; -} -.navbar-inner.cached { - display: none; -} -.navbar, -.toolbar { - height: 44px; - width: 100%; - box-sizing: border-box; - font-size: 17px; - position: relative; - margin: 0; - z-index: 500; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.navbar b, -.toolbar b { - font-weight: 500; -} -html.ios-gt-8 .navbar b, -html.ios-gt-8 .toolbar b { - font-weight: 600; -} -.navbar, -.toolbar, -.subnavbar { - background: #f7f7f8; -} -.navbar a.link, -.toolbar a.link, -.subnavbar a.link { - line-height: 44px; - height: 44px; - text-decoration: none; - position: relative; - 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; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transform: translateZ(0px); - transform: translateZ(0px); -} -html:not(.watch-active-state) .navbar a.link:active, -html:not(.watch-active-state) .toolbar a.link:active, -html:not(.watch-active-state) .subnavbar a.link:active, -.navbar a.link.active-state, -.toolbar a.link.active-state, -.subnavbar a.link.active-state { - opacity: 0.3; - -webkit-transition-duration: 0ms; - transition-duration: 0ms; -} -.navbar a.link i + span, -.toolbar a.link i + span, -.subnavbar a.link i + span, -.navbar a.link i + i, -.toolbar a.link i + i, -.subnavbar a.link i + i, -.navbar a.link span + i, -.toolbar a.link span + i, -.subnavbar a.link span + i, -.navbar a.link span + span, -.toolbar a.link span + span, -.subnavbar a.link span + span { - margin-left: 7px; -} -.navbar a.icon-only, -.toolbar a.icon-only, -.subnavbar a.icon-only { - min-width: 44px; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - margin: 0; -} -.navbar i.icon, -.toolbar i.icon, -.subnavbar i.icon { - display: block; -} -.navbar { - left: 0; - top: 0; -} -.navbar: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 .navbar:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .navbar:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.navbar:after { - backface-visibility: hidden; -} -.navbar.no-border:after { - display: none; -} -.navbar .center { - font-size: 17px; - font-weight: 500; - text-align: center; - margin: 0; - position: relative; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - line-height: 44px; - -webkit-flex-shrink: 10; - -ms-flex: 0 10 auto; - flex-shrink: 10; - 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; -} -html.ios-gt-8 .navbar .center { - font-weight: 600; -} -.navbar .left, -.navbar .right { - -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-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.navbar .left a + a, -.navbar .right a + a { - margin-left: 15px; -} -.navbar .left { - margin-right: 10px; -} -.navbar .right { - margin-left: 10px; -} -.navbar .right:first-child { - position: absolute; - right: 8px; - height: 100%; -} -.popup .navbar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.subnavbar { - height: 44px; - width: 100%; - position: absolute; - left: 0; - top: 100%; - margin-top: -1px; - z-index: 20; - box-sizing: border-box; - padding: 0 8px; - 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; -} -.subnavbar: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 .subnavbar:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .subnavbar:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.subnavbar.no-border:after { - display: none; -} -.navbar.no-border .subnavbar { - margin-top: 0; -} -.navbar-on-left .subnavbar, -.navbar-on-right .subnavbar { - pointer-events: none; -} -.navbar .subnavbar, -.page .subnavbar { - position: absolute; -} -.page > .subnavbar { - top: 0; - margin-top: 0; -} -.subnavbar > .buttons-row { - width: 100%; -} -.subnavbar .searchbar, -.subnavbar.searchbar { - position: absolute; -} -.subnavbar.searchbar, -.subnavbar .searchbar { - position: absolute; -} -.subnavbar .searchbar { - left: 0; - top: 0; -} -.toolbar { - left: 0; - bottom: 0; -} -.toolbar: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 .toolbar:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .toolbar:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.toolbar.no-border:before { - display: none; -} -.toolbar a { - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; - position: relative; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -.tabbar { - color: #929292; - z-index: 5001; -} -.tabbar a { - color: #929292; -} -.tabbar a.active { - color: #446995; -} -.tabbar a.link { - line-height: 1.4; -} -.tabbar a.tab-link, -.tabbar a.link { - height: 100%; - width: 100%; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - overflow: visible; - -webkit-box-flex: 1; - -ms-flex: 1; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; -} -.tabbar i.icon { - height: 30px; -} -.tabbar-labels { - height: 50px; -} -.tabbar-labels a.tab-link, -.tabbar-labels a.link { - padding-top: 4px; - padding-bottom: 4px; - height: 100%; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -.tabbar-labels a.tab-link i + span, -.tabbar-labels a.link i + span { - margin: 0; -} -.tabbar-labels span.tabbar-label { - line-height: 1; - display: block; - margin: 0; - letter-spacing: 0.01em; - font-size: 10px; - position: relative; - 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; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - } - .tabbar a.tab-link, - .tabbar a.link { - width: auto; - min-width: 105px; - } - .tabbar-labels { - height: 56px; - } - .tabbar-labels span.tabbar-label { - font-size: 14px; - } -} -.navbar-from-right-to-center .left, -.navbar-from-right-to-center .right, -.navbar-from-right-to-center .center, -.navbar-from-right-to-center .subnavbar, -.navbar-from-right-to-center .fading { - -webkit-animation: navbarElementFadeIn 400ms forwards; - animation: navbarElementFadeIn 400ms forwards; -} -.navbar-from-right-to-center .sliding { - opacity: 1; -} -.navbar-from-center-to-right .left, -.navbar-from-center-to-right .right, -.navbar-from-center-to-right .center, -.navbar-from-center-to-right .subnavbar, -.navbar-from-center-to-right .fading { - -webkit-animation: navbarElementFadeOut 400ms forwards; - animation: navbarElementFadeOut 400ms forwards; -} -.navbar-from-center-to-right .sliding { - opacity: 0; -} -.navbar-from-center-to-right .subnavbar.sliding { - opacity: 1; -} -@-webkit-keyframes navbarElementFadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes navbarElementFadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -.navbar-from-center-to-left .left, -.navbar-from-center-to-left .right, -.navbar-from-center-to-left .center, -.navbar-from-center-to-left .subnavbar, -.navbar-from-center-to-left .fading { - -webkit-animation: navbarElementFadeOut 400ms forwards; - animation: navbarElementFadeOut 400ms forwards; -} -.navbar-from-center-to-left .sliding { - opacity: 0; -} -.navbar-from-center-to-left .subnavbar.sliding { - opacity: 1; -} -.navbar-from-left-to-center .left, -.navbar-from-left-to-center .right, -.navbar-from-left-to-center .center, -.navbar-from-left-to-center .subnavbar, -.navbar-from-left-to-center .fading { - -webkit-animation: navbarElementFadeIn 400ms forwards; - animation: navbarElementFadeIn 400ms forwards; -} -.navbar-from-left-to-center .sliding { - opacity: 1; -} -.navbar-on-left .left, -.navbar-on-left .right, -.navbar-on-left .center, -.navbar-on-left .subnavbar, -.navbar-on-left .fading { - opacity: 0; -} -.navbar-on-left .sliding { - opacity: 0; -} -.navbar-on-left .subnavbar.sliding { - opacity: 1; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.navbar-on-right .left, -.navbar-on-right .right, -.navbar-on-right .center, -.navbar-on-right .subnavbar, -.navbar-on-right .fading { - opacity: 0; -} -.navbar-on-right .sliding { - opacity: 0; -} -.navbar-on-right .subnavbar.sliding { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -@-webkit-keyframes navbarElementFadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} -@keyframes navbarElementFadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} -.navbar-from-right-to-center .left.sliding .back.link .icon, -.navbar-from-center-to-right .left.sliding .back.link .icon, -.navbar-from-center-to-left .left.sliding .back.link .icon, -.navbar-from-left-to-center .left.sliding .back.link .icon { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.navbar-from-right-to-center .sliding, -.navbar-from-center-to-right .sliding, -.navbar-from-center-to-left .sliding, -.navbar-from-left-to-center .sliding { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-animation: none; - animation: none; -} -/* === Relation between toolbar/navbar types and pages === */ -.page > .navbar, -.view > .navbar, -.views > .navbar, -.page > .toolbar, -.view > .toolbar, -.views > .toolbar { - position: absolute; -} -.subnavbar ~ .page-content { - padding-top: 44px; -} -.navbar-through .page-content, -.navbar-fixed .page-content { - padding-top: 44px; -} -.navbar-through .with-subnavbar .page-content, -.navbar-fixed .with-subnavbar .page-content, -.navbar-through .page-content.with-subnavbar, -.navbar-fixed .page-content.with-subnavbar, -.navbar-through .subnavbar ~ .page-content, -.navbar-fixed .subnavbar ~ .page-content { - padding-top: 88px; -} -.navbar-through .page .subnavbar, -.navbar-fixed .page .subnavbar, -.navbar-through.page .subnavbar, -.navbar-fixed.page .subnavbar { - top: 44px; -} -.toolbar-through .page-content, -.toolbar-fixed .page-content, -.tabbar-through .page-content, -.tabbar-fixed .page-content { - padding-bottom: 44px; -} -.tabbar-labels-fixed .page-content, -.tabbar-labels-through .page-content { - padding-bottom: 50px; -} -@media all and (min-width: 768px) { - .tabbar-labels-fixed .page-content, - .tabbar-labels-through .page-content { - padding-bottom: 56px; - } -} -.navbar.navbar-hiding { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.navbar.navbar-hiding ~ .page-content .list-group-title, -.navbar.navbar-hiding ~ .pages .list-group-title, -.navbar.navbar-hiding ~ .page .list-group-title { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.navbar.navbar-hiding ~ .page-content .subnavbar, -.navbar.navbar-hiding ~ .pages .subnavbar, -.navbar.navbar-hiding ~ .page .subnavbar { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.navbar.navbar-hidden { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.navbar.navbar-hidden ~ .page-content .list-group-title, -.navbar.navbar-hidden ~ .pages .list-group-title, -.navbar.navbar-hidden ~ .page .list-group-title { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - top: -44px; -} -.navbar.navbar-hidden ~ .page-content .subnavbar, -.navbar.navbar-hidden ~ .pages .subnavbar, -.navbar.navbar-hidden ~ .page .subnavbar { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.page.no-navbar .page-content { - padding-top: 0; -} -.page.no-navbar.with-subnavbar .page-content, -.with-subnavbar .page.no-navbar .page-content, -.page.no-navbar .page-content.with-subnavbar { - padding-top: 44px; -} -.toolbar.toolbar-hiding, -.tabbar.toolbar-hiding, -.toolbar.tabbar-hiding, -.tabbar.tabbar-hiding { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.toolbar.toolbar-hidden, -.tabbar.toolbar-hidden, -.toolbar.tabbar-hidden, -.tabbar.tabbar-hidden { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.page.no-toolbar .page-content, -.page.no-tabbar .page-content { - padding-bottom: 0; -} -/* === Search Bar === */ -.searchbar { - height: 44px; - width: 100%; - background: #c9c9ce; - box-sizing: border-box; - padding: 0 8px; - overflow: hidden; - position: relative; - 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; -} -.searchbar:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #b4b4b4; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .searchbar:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .searchbar:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.searchbar .searchbar-input { - width: 100%; - height: 28px; - position: relative; - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; -} -.searchbar input[type="search"] { - 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; - 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"); - -webkit-background-size: 13px 13px; - background-size: 13px 13px; -} -.searchbar input[type="search"]::-webkit-input-placeholder { - color: #939398; - opacity: 1; -} -.searchbar input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; -} -.searchbar .searchbar-clear { - position: absolute; - width: 28px; - height: 28px; - right: 0; - top: 0; - opacity: 0; - pointer-events: none; - background-position: center; - background-repeat: no-repeat; - 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'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%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'%23ffffff'%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"); - -webkit-background-size: 14px 14px; - background-size: 14px 14px; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - cursor: pointer; -} -.searchbar .searchbar-cancel { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - font-size: 17px; - cursor: pointer; - opacity: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; - margin-left: 0; - pointer-events: none; - display: none; -} -.searchbar.searchbar-active .searchbar-cancel { - margin-left: 8px; - opacity: 1; - pointer-events: auto; -} -html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:active, -.searchbar.searchbar-active .searchbar-cancel.active-state { - opacity: 0.3; - -webkit-transition-duration: 0ms; - transition-duration: 0ms; -} -.searchbar.searchbar-not-empty .searchbar-clear { - pointer-events: auto; - opacity: 1; -} -.searchbar-overlay { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: 100; - opacity: 0; - pointer-events: none; - background: rgba(0, 0, 0, 0.4); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.searchbar-overlay.searchbar-overlay-active { - opacity: 1; - pointer-events: auto; -} -.searchbar-not-found { - display: none; -} -.hidden-by-searchbar, -.list-block .hidden-by-searchbar, -.list-block li.hidden-by-searchbar { - display: none; -} -.page > .searchbar { - position: absolute; - width: 100%; - left: 0; - top: 0; - z-index: 200; -} -.page > .searchbar ~ .page-content { - padding-top: 44px; -} -.navbar-fixed .page > .searchbar, -.navbar-through .page > .searchbar, -.navbar-fixed > .searchbar, -.navbar-through > .searchbar { - top: 44px; -} -.navbar-fixed .page > .searchbar ~ .page-content, -.navbar-through .page > .searchbar ~ .page-content, -.navbar-fixed > .searchbar ~ .page-content, -.navbar-through > .searchbar ~ .page-content { - padding-top: 88px; -} -/* === Message Bar === */ -.messagebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition-duration: 0ms; - transition-duration: 0ms; - background: #fff; -} -.messagebar:before { - display: none; -} -.messagebar textarea { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #c8c8cd; - background: #fff; - border-radius: 17px; - box-shadow: none; - display: block; - padding: 6px 15px; - margin: 0; - width: 100%; - height: 34px; - color: #000; - font-size: 17px; - line-height: 20px; - font-family: inherit; - resize: none; - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; -} -.messagebar .link { - -ms-flex-item-align: flex-end; - -webkit-align-self: flex-end; - align-self: flex-end; -} -.messagebar .link.icon-only:first-child { - margin-left: -6px; -} -.messagebar .link:not(.icon-only) + textarea { - margin-left: 8px; -} -.messagebar textarea + .link { - margin-left: 8px; -} -.messagebar .link { - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; -} -.messagebar ~ .page-content { - padding-bottom: 44px; -} -.page.no-toolbar .messagebar ~ .page-content { - padding-bottom: 44px; -} -.hidden-toolbar .messagebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition-duration: 0ms; - transition-duration: 0ms; -} -/* === Icons === */ -i.icon { - display: inline-block; - vertical-align: middle; - background-size: 100% auto; - background-position: center; - background-repeat: no-repeat; - font-style: normal; - position: relative; -} -i.icon.icon-back { - width: 12px; - height: 20px; - 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23446995'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-forward { - width: 12px; - height: 20px; - 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%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23446995'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-bars { - width: 21px; - height: 14px; - 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%2021%2014'%3E%3Cpath%20fill%3D'%23446995'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2ddpx) { - i.icon.icon-bars { - 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%2042%2026'%3E%3Cpath%20fill%3D'%23446995'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); - height: 13px; - } -} -i.icon.icon-camera { - width: 25px; - height: 20px; - 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%2025%2020'%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M13.3%2C5.5c-2.7%2C0-5%2C2.2-5%2C5s2.2%2C5%2C5%2C5c2.7%2C0%2C5-2.2%2C5-5S16%2C5.5%2C13.3%2C5.5z'%2F%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M22.8%2C1.8h-3.3c-0.2-1.3-1-1.8-2-1.8H8.1c-1%2C0-1.8%2C0.4-2%2C1.8H2.8C1.4%2C1.8%2C0%2C2.8%2C0%2C4.2v12.6%20c0%2C1.4%2C1.4%2C2.5%2C2.8%2C2.5h20c1.4%2C0%2C2.2-1.1%2C2.2-2.5V4.2C25%2C2.8%2C24.2%2C1.8%2C22.8%2C1.8z%20M3.5%2C6.4C2.6%2C6.4%2C2%2C5.8%2C2%2C5c0-0.8%2C0.7-1.5%2C1.5-1.5%20S5%2C4.1%2C5%2C5C5%2C5.8%2C4.3%2C6.4%2C3.5%2C6.4z%20M13.3%2C16.8c-3.5%2C0-6.3-2.7-6.3-6.2c0-3.3%2C2.5-6.2%2C5.7-6.2h1.2c3.2%2C0%2C5.7%2C2.9%2C5.7%2C6.2%20C19.6%2C14.1%2C16.7%2C16.8%2C13.3%2C16.8z'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-f7 { - width: 29px; - height: 29px; - background-image: url("../img/i-f7-ios.png"); - border-radius: 6px; -} -i.icon.icon-next, -i.icon.icon-prev { - width: 15px; - height: 15px; -} -i.icon.icon-next { - 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23446995'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-prev { - 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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23446995'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-plus { - width: 25px; - height: 25px; - font-size: 31px; - line-height: 20px; - 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; -} -/* === Content Block === */ -.content-block { - margin: 35px 0; - padding: 0 15px; - 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; - margin: 0; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 14px; - text-transform: uppercase; - line-height: 1; - color: #6d6d72; - margin: 35px 15px 10px; -} -.content-block-title + .list-block, -.content-block-title + .content-block, -.content-block-title + .card { - margin-top: 10px; -} -.content-block-inner { - background: #fff; - padding: 10px 15px; - margin-left: -15px; - width: 100%; - position: relative; - color: #000; -} -.content-block-inner: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 .content-block-inner:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .content-block-inner:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.content-block-inner:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #c8c7cc; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .content-block-inner:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .content-block-inner:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.content-block.inset { - margin-left: 15px; - margin-right: 15px; - border-radius: 7px; -} -.content-block.inset .content-block-inner { - border-radius: 7px; -} -.content-block.inset .content-block-inner:before { - display: none; -} -.content-block.inset .content-block-inner:after { - display: none; -} -@media all and (min-width: 768px) { - .content-block.tablet-inset { - margin-left: 15px; - margin-right: 15px; - border-radius: 7px; - } - .content-block.tablet-inset .content-block-inner { - border-radius: 7px; - } - .content-block.tablet-inset .content-block-inner:before { - display: none; - } - .content-block.tablet-inset .content-block-inner:after { - display: none; - } -} -/* === Lists === */ -.list-block { - margin: 35px 0; - font-size: 17px; -} -.list-block ul { - background: #fff; - list-style: none; - padding: 0; - margin: 0; - position: relative; -} -.list-block ul: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 .list-block ul:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block ul:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.list-block ul:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #c8c7cc; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .list-block ul:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block ul:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.list-block ul ul { - padding-left: 45px; -} -.list-block ul ul:before { - display: none; -} -.list-block ul ul:after { - display: none; -} -.list-block .align-top, -.list-block .align-top .item-content, -.list-block .align-top .item-inner { - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -.list-block.inset { - margin-left: 15px; - margin-right: 15px; - border-radius: 7px; -} -.list-block.inset .content-block-title { - margin-left: 0; - margin-right: 0; -} -.list-block.inset ul { - border-radius: 7px; -} -.list-block.inset ul:before { - display: none; -} -.list-block.inset ul:after { - display: none; -} -.list-block.inset li:first-child > a { - border-radius: 7px 7px 0 0; -} -.list-block.inset li:last-child > a { - border-radius: 0 0 7px 7px; -} -.list-block.inset li:first-child:last-child > a { - border-radius: 7px; -} -@media all and (min-width: 768px) { - .list-block.tablet-inset { - margin-left: 15px; - margin-right: 15px; - border-radius: 7px; - } - .list-block.tablet-inset .content-block-title { - margin-left: 0; - margin-right: 0; - } - .list-block.tablet-inset ul { - border-radius: 7px; - } - .list-block.tablet-inset ul:before { - display: none; - } - .list-block.tablet-inset ul:after { - display: none; - } - .list-block.tablet-inset li:first-child > a { - border-radius: 7px 7px 0 0; - } - .list-block.tablet-inset li:last-child > a { - border-radius: 0 0 7px 7px; - } - .list-block.tablet-inset li:first-child:last-child > a { - border-radius: 7px; - } - .list-block.tablet-inset .content-block-title { - margin-left: 0; - margin-right: 0; - } - .list-block.tablet-inset ul { - border-radius: 7px; - } - .list-block.tablet-inset ul:before { - display: none; - } - .list-block.tablet-inset ul:after { - display: none; - } - .list-block.tablet-inset li:first-child > a { - border-radius: 7px 7px 0 0; - } - .list-block.tablet-inset li:last-child > a { - border-radius: 0 0 7px 7px; - } - .list-block.tablet-inset li:first-child:last-child > a { - border-radius: 7px; - } -} -.list-block li { - box-sizing: border-box; - position: relative; -} -.list-block .item-media { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; - -webkit-box-lines: single; - -moz-box-lines: single; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: none; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - box-sizing: border-box; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding-top: 7px; - padding-bottom: 8px; -} -.list-block .item-media i + i { - margin-left: 5px; -} -.list-block .item-media i + img { - margin-left: 5px; -} -.list-block .item-media + .item-inner { - margin-left: 15px; -} -.list-block .item-inner { - padding-right: 15px; - position: relative; - width: 100%; - padding-top: 8px; - padding-bottom: 7px; - min-height: 44px; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - overflow: hidden; - -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; - -ms-flex-item-align: stretch; - -webkit-align-self: stretch; - align-self: stretch; -} -.list-block .item-inner:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #c8c7cc; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .list-block .item-inner:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block .item-inner:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.list-block .item-title { - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; - min-width: 0; - white-space: nowrap; - position: relative; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; -} -.list-block .item-after { - white-space: nowrap; - color: #8e8e93; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; - margin-left: 5px; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - max-height: 28px; -} -.list-block .smart-select .item-after, -.list-block .autocomplete-opener .item-after { - max-width: 70%; - overflow: hidden; - text-overflow: ellipsis; - position: relative; - display: block; -} -.list-block .item-link { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - display: block; - color: inherit; -} -.list-block .item-link .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; - background-repeat: no-repeat; - background-position: 95% center; - background-position: -webkit-calc(100% - 15px) center; - background-position: calc(100% - 15px) center; -} -html:not(.watch-active-state) .list-block .item-link:active, -.list-block .item-link.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 { - background-color: transparent; -} -.list-block .item-link.list-button { - padding: 0 15px; - text-align: center; - color: #007aff; - display: block; - line-height: 43px; -} -.list-block .item-link.list-button:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #c8c7cc; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .list-block .item-link.list-button:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block .item-link.list-button:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.list-block .item-content { - box-sizing: border-box; - padding-left: 15px; - min-height: 44px; - 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; -} -.list-block .list-block-label { - margin: 10px 0 35px; - padding: 0 15px; - font-size: 14px; - color: #8f8f94; -} -.list-block .swipeout { - overflow: hidden; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.list-block .swipeout.deleting { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.list-block .swipeout.deleting .swipeout-content { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); -} -.list-block .swipeout.transitioning .swipeout-content, -.list-block .swipeout.transitioning .swipeout-actions-right a, -.list-block .swipeout.transitioning .swipeout-actions-left a, -.list-block .swipeout.transitioning .swipeout-overswipe { - -webkit-transition: 300ms; - transition: 300ms; -} -.list-block .swipeout-content { - position: relative; - z-index: 10; -} -.list-block .swipeout-overswipe { - -webkit-transition: 200ms left; - transition: 200ms left; -} -.list-block .swipeout-actions-left, -.list-block .swipeout-actions-right { - position: absolute; - top: 0; - height: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; -} -.list-block .swipeout-actions-left a, -.list-block .swipeout-actions-right a { - padding: 0 30px; - color: #fff; - background: #c7c7cc; - 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; - position: relative; - left: 0; -} -.list-block .swipeout-actions-left a:after, -.list-block .swipeout-actions-right a:after { - content: ''; - position: absolute; - top: 0; - width: 600%; - height: 100%; - background: inherit; - z-index: -1; -} -.list-block .swipeout-actions-left a.swipeout-delete, -.list-block .swipeout-actions-right a.swipeout-delete { - background: #ff3b30; -} -.list-block .swipeout-actions-right { - right: 0%; - -webkit-transform: translateX(100%); - transform: translateX(100%); -} -.list-block .swipeout-actions-right a:after { - left: 100%; - margin-left: -1px; -} -.list-block .swipeout-actions-left { - left: 0%; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); -} -.list-block .swipeout-actions-left a:after { - right: 100%; - margin-right: -1px; -} -.list-block .item-subtitle { - font-size: 15px; - position: relative; - overflow: hidden; - white-space: nowrap; - max-width: 100%; - text-overflow: ellipsis; -} -.list-block .item-text { - font-size: 15px; - color: #8e8e93; - line-height: 21px; - position: relative; - overflow: hidden; - height: 42px; - text-overflow: ellipsis; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - display: -webkit-box; -} -.list-block.media-list .item-title, -.list-block li.media-item .item-title { - font-weight: 500; -} -html.ios-gt-8 .list-block.media-list .item-title, -html.ios-gt-8 .list-block li.media-item .item-title { - font-weight: 600; -} -.list-block.media-list .item-inner, -.list-block li.media-item .item-inner { - display: block; - padding-top: 10px; - padding-bottom: 9px; - -ms-flex-item-align: stretch; - -webkit-align-self: stretch; - align-self: stretch; -} -.list-block.media-list .item-link .item-inner, -.list-block li.media-item .item-link .item-inner { - background: none; - padding-right: 15px; -} -.list-block.media-list .item-link .item-title-row, -.list-block li.media-item .item-link .item-title-row { - padding-right: 20px; - background: no-repeat right center; - 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; -} -.list-block.media-list .item-media, -.list-block li.media-item .item-media { - padding-top: 9px; - padding-bottom: 10px; -} -.list-block.media-list .item-media img, -.list-block li.media-item .item-media img { - display: block; -} -.list-block.media-list .item-title-row, -.list-block li.media-item .item-title-row { - 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; -} -.list-block.media-list .item-content > .item-after, -.list-block li.media-item .item-content > .item-after { - margin-right: 15px; - margin-left: 15px; -} -.list-block .list-group ul:after, -.list-block .list-group ul:before { - z-index: 25; -} -.list-block .list-group + .list-group ul:before { - display: none; -} -.list-block .item-divider, -.list-block .list-group-title { - background: #F7F7F7; - margin-top: -1px; - padding: 4px 15px; - white-space: nowrap; - position: relative; - max-width: 100%; - text-overflow: ellipsis; - overflow: hidden; - color: #8e8e93; - z-index: 15; -} -.list-block .item-divider:before, -.list-block .list-group-title: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 .list-block .item-divider:before, -html.pixel-ratio-2 .list-block .list-group-title:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block .item-divider:before, -html.pixel-ratio-3 .list-block .list-group-title:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.list-block .list-group-title { - position: relative; - position: -webkit-sticky; - position: -moz-sticky; - position: sticky; - top: 0px; - z-index: 20; - margin-top: 0; -} -.list-block .list-group-title:before { - display: none; -} -.list-block .sortable-handler { - position: absolute; - right: 0; - top: 0; - bottom: 1px; - z-index: 10; - background-repeat: no-repeat; - background-size: 18px 12px; - background-position: center; - width: 35px; - 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%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E"); - opacity: 0; - visibility: hidden; - cursor: pointer; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.list-block.sortable .item-inner { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.list-block.sortable-opened .sortable-handler { - visibility: visible; - opacity: 1; -} -.list-block.sortable-opened .item-inner, -.list-block.sortable-opened .item-link .item-inner { - padding-right: 35px; -} -.list-block.sortable-opened .item-link .item-inner, -.list-block.sortable-opened .item-link .item-title-row { - background-image: none; -} -.list-block.sortable-sorting li { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.list-block li.sorting { - z-index: 50; - background: rgba(255, 255, 255, 0.8); - box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); - -webkit-transition-duration: 0ms; - transition-duration: 0ms; -} -.list-block li.sorting .item-inner:after { - display: none; -} -.list-block li:last-child .list-button:after { - display: none; -} -.list-block li:last-child .item-inner:after, -.list-block li:last-child li:last-child .item-inner:after { - display: none; -} -.list-block li li:last-child .item-inner:after, -.list-block li:last-child li .item-inner:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #c8c7cc; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .list-block li li:last-child .item-inner:after, -html.pixel-ratio-2 .list-block li:last-child li .item-inner:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block li li:last-child .item-inner:after, -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; -} -/* === Forms === */ -.list-block input[type="text"], -.list-block input[type="password"], -.list-block input[type="search"], -.list-block input[type="email"], -.list-block input[type="tel"], -.list-block input[type="url"], -.list-block input[type="date"], -.list-block input[type="datetime-local"], -.list-block input[type="time"], -.list-block input[type="number"], -.list-block select, -.list-block textarea { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - box-sizing: border-box; - border: none; - background: none; - border-radius: 0 0 0 0; - box-shadow: none; - display: block; - padding: 0px; - margin: 0; - width: 100%; - height: 43px; - color: #000; - font-size: 17px; - font-family: inherit; -} -.list-block .item-title.label { - vertical-align: top; -} -.list-block .item-title.label + .item-input { - margin-left: 5px; -} -.list-block input[type="date"], -.list-block input[type="datetime-local"] { - line-height: 44px; -} -.list-block select { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; -} -.list-block textarea { - height: 100px; - resize: none; - line-height: 1.4; - padding-top: 8px; - padding-bottom: 7px; -} -.list-block textarea.resizable { - height: 43px; -} -.list-block .item-input { - width: 100%; - margin-top: -8px; - margin-bottom: -7px; - -webkit-box-flex: 1; - -ms-flex: 1; - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; -} -.list-block .item-title.label { - width: 35%; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; -} -.label-switch { - display: inline-block; - vertical-align: middle; - width: 52px; - border-radius: 16px; - box-sizing: border-box; - height: 32px; - position: relative; - cursor: pointer; - -ms-flex-item-align: center; - -webkit-align-self: center; - align-self: center; -} -.label-switch .checkbox { - width: 52px; - border-radius: 16px; - box-sizing: border-box; - height: 32px; - background: #e5e5e5; - z-index: 0; - margin: 0; - padding: 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - border: none; - cursor: pointer; - position: relative; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.label-switch .checkbox:before { - content: ' '; - position: absolute; - left: 2px; - top: 2px; - width: 48px; - border-radius: 16px; - box-sizing: border-box; - height: 28px; - background: #fff; - z-index: 1; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transform: scale(1); - transform: scale(1); -} -.label-switch .checkbox:after { - content: ' '; - height: 28px; - width: 28px; - border-radius: 28px; - background: #fff; - position: absolute; - z-index: 2; - top: 2px; - left: 2px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); - -webkit-transform: translateX(0px); - transform: translateX(0px); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.label-switch input[type="checkbox"] { - display: none; -} -.label-switch input[type="checkbox"]:checked + .checkbox { - background: #4cd964; -} -.label-switch input[type="checkbox"]:checked + .checkbox:before { - -webkit-transform: scale(0); - transform: scale(0); -} -.label-switch input[type="checkbox"]:checked + .checkbox:after { - -webkit-transform: translateX(20px); - transform: translateX(20px); -} -html.android .label-switch input[type="checkbox"] + .checkbox { - -webkit-transition-duration: 0; - transition-duration: 0; -} -html.android .label-switch input[type="checkbox"] + .checkbox:after, -html.android .label-switch input[type="checkbox"] + .checkbox:before { - -webkit-transition-duration: 0; - transition-duration: 0; -} -.button { - border: 1px solid #446995; - color: #446995; - text-decoration: none; - text-align: center; - display: block; - border-radius: 5px; - line-height: 27px; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - background: none; - padding: 0 10px; - margin: 0; - height: 29px; - white-space: nowrap; - position: relative; - overflow: hidden; - text-overflow: ellipsis; - font-size: 14px; - font-family: inherit; - cursor: pointer; - outline: 0; -} -input[type="submit"].button, -input[type="button"].button { - width: 100%; -} -html:not(.watch-active-state) .button:active, -.button.active-state { - background: rgba(68, 105, 149, 0.15); -} -.button.button-round { - border-radius: 27px; -} -.button.active { - background: #446995; - color: #fff; -} -.button.button-big { - font-size: 17px; - height: 44px; - line-height: 42px; -} -.button.button-fill { - color: #fff; - background: #446995; - border-color: transparent; -} -html:not(.watch-active-state) .button.button-fill:active, -.button.button-fill.active-state { - opacity: 0.8; -} -.button i.icon:first-child { - margin-right: 10px; -} -.button i.icon:last-child { - margin-left: 10px; -} -.button i.icon:first-child:last-child { - margin-left: 0; - margin-right: 0; -} -.buttons-row { - -ms-flex-item-align: center; - -webkit-align-self: center; - align-self: center; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-lines: single; - -moz-box-lines: single; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: none; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; -} -.buttons-row .button { - border-radius: 0 0 0 0; - border-left-width: 0; - width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1; -} -.buttons-row .button:first-child { - border-radius: 5px 0 0 5px; - border-left-width: 1px; - border-left-style: solid; -} -.buttons-row .button:last-child { - border-radius: 0 5px 5px 0; -} -.buttons-row .button:first-child:last-child { - border-radius: 5px; -} -.buttons-row .button.button-round:first-child { - border-radius: 27px 0 0 27px; -} -.buttons-row .button.button-round:last-child { - border-radius: 0 27px 27px 0; -} -.range-slider { - width: 100%; - position: relative; - overflow: hidden; - padding-left: 3px; - padding-right: 3px; - margin-left: -1px; - -ms-flex-item-align: center; - -webkit-align-self: center; - align-self: center; -} -.range-slider input[type="range"] { - position: relative; - height: 28px; - width: 100%; - margin: 4px 0 5px 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b7b8b7), color-stop(100%, #b7b8b7)); - background: linear-gradient(to right, #b7b8b7 0, #b7b8b7 100%); - background-position: center; - background-size: 100% 2px; - background-repeat: no-repeat; - outline: 0; - border: none; - box-sizing: content-box; - -ms-background-position-y: 500px; -} -.range-slider input[type="range"]:focus, -.range-slider input[type="range"]:active { - border: 0; - outline: 0; -} -.range-slider input[type="range"]:after { - height: 2px; - background: #fff; - content: ' '; - width: 5px; - top: 50%; - margin-top: -1px; - left: -5px; - z-index: 1; - position: absolute; -} -.range-slider input[type="range"]::-webkit-slider-thumb { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - border: none; - height: 28px; - width: 28px; - position: relative; - background: none; -} -.range-slider input[type="range"]::-webkit-slider-thumb:after { - height: 28px; - width: 28px; - 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: ' '; - left: 0; - top: 0; -} -.range-slider input[type="range"]::-webkit-slider-thumb:before { - position: absolute; - top: 50%; - right: 100%; - width: 2000px; - height: 2px; - margin-top: -1px; - z-index: 1; - background: #446995; - content: ' '; -} -.range-slider input[type="range"]::-moz-range-track { - width: 100%; - height: 2px; - background: #b7b8b7; - border: none; - outline: 0; -} -.range-slider input[type="range"]::-moz-range-thumb { - height: 28px; - width: 28px; - 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: ' '; -} -.range-slider input[type="range"]::-ms-track { - width: 100%; - height: 2px; - cursor: pointer; - background: transparent; - border-color: transparent; - color: transparent; -} -.range-slider input[type="range"]::-ms-thumb { - height: 28px; - width: 28px; - 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; - content: ' '; - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.2); - box-sizing: border-box; - margin-top: 0; - top: 50%; -} -.range-slider input[type="range"]::-ms-fill-lower { - background: #446995; -} -.range-slider input[type="range"]::-ms-fill-upper { - background: #b7b8b7; -} -label.label-checkbox { - cursor: pointer; -} -label.label-checkbox i.icon-form-checkbox { - width: 22px; - height: 22px; - position: relative; - border-radius: 22px; - border: 1px solid #c7c7cc; - box-sizing: border-box; -} -label.label-checkbox i.icon-form-checkbox:after { - content: ' '; - position: absolute; - left: 50%; - margin-left: -6px; - top: 50%; - margin-top: -4px; - 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 { - border: none; - background-color: #446995; -} -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 { - 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 { - cursor: pointer; -} -label.label-radio input[type="checkbox"], -label.label-radio input[type="radio"] { - display: none; -} -label.label-radio input[type="checkbox"] ~ .item-inner, -label.label-radio input[type="radio"] ~ .item-inner { - padding-right: 35px; -} -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'%23446995'%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 { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -html:not(.watch-active-state) label.label-checkbox:active, -html:not(.watch-active-state) label.label-radio:active, -label.label-checkbox.active-state, -label.label-radio.active-state { - -webkit-transition-duration: 0ms; - transition-duration: 0ms; - background-color: #d9d9d9; -} -html:not(.watch-active-state) label.label-checkbox:active .item-inner:after, -html:not(.watch-active-state) label.label-radio:active .item-inner:after, -label.label-checkbox.active-state .item-inner:after, -label.label-radio.active-state .item-inner:after { - background-color: transparent; -} -.smart-select select { - display: none; -} -/* === Cards === */ -.cards-list ul, -.card .list-block ul { - background: none; -} -.cards-list > ul:before, -.card .list-block > ul:before { - display: none; -} -.cards-list > ul:after, -.card .list-block > ul:after { - display: none; -} -.card { - background: #fff; - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); - margin: 10px; - position: relative; - border-radius: 2px; - font-size: 14px; -} -.card .list-block, -.card .content-block { - margin: 0; -} -.row:not(.no-gutter) .col > .card { - margin-left: 0; - margin-right: 0; -} -.card-content { - position: relative; -} -.card-content-inner { - padding: 15px; - position: relative; -} -.card-content-inner > p:first-child { - margin-top: 0; -} -.card-content-inner > p:last-child { - margin-bottom: 0; -} -.card-content-inner > .list-block, -.card-content-inner > .content-block { - margin: -15px; -} -.card-header, -.card-footer { - min-height: 44px; - position: relative; - padding: 10px 15px; - box-sizing: border-box; - 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; -} -.card-header[valign="top"], -.card-footer[valign="top"] { - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -.card-header[valign="bottom"], -.card-footer[valign="bottom"] { - -webkit-box-align: end; - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; -} -.card-header a.link, -.card-footer a.link { - line-height: 44px; - height: 44px; - text-decoration: none; - position: relative; - margin-top: -10px; - margin-bottom: -10px; - 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; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -html:not(.watch-active-state) .card-header a.link:active, -html:not(.watch-active-state) .card-footer a.link:active, -.card-header a.link.active-state, -.card-footer a.link.active-state { - opacity: 0.3; - -webkit-transition-duration: 0ms; - transition-duration: 0ms; -} -.card-header a.link i + span, -.card-footer a.link i + span, -.card-header a.link i + i, -.card-footer a.link i + i, -.card-header a.link span + i, -.card-footer a.link span + i, -.card-header a.link span + span, -.card-footer a.link span + span { - margin-left: 7px; -} -.card-header a.link i.icon, -.card-footer a.link i.icon { - display: block; -} -.card-header a.icon-only, -.card-footer a.icon-only { - min-width: 44px; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - margin: 0; -} -.card-header { - border-radius: 2px 2px 0 0; - font-size: 17px; -} -.card-header:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #e1e1e1; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .card-header:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .card-header:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.card-header.no-border:after { - display: none; -} -.card-footer { - border-radius: 0 0 2px 2px; - color: #6d6d72; -} -.card-footer:before { - content: ''; - position: absolute; - left: 0; - top: 0; - bottom: auto; - right: auto; - height: 1px; - width: 100%; - background-color: #e1e1e1; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; -} -html.pixel-ratio-2 .card-footer:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .card-footer:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.card-footer.no-border:before { - display: none; -} -/* === Modals === */ -.modal-overlay, -.preloader-indicator-overlay, -.popup-overlay { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.4); - z-index: 13000; - visibility: hidden; - opacity: 0; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.modal-overlay.modal-overlay-visible, -.preloader-indicator-overlay.modal-overlay-visible, -.popup-overlay.modal-overlay-visible { - visibility: visible; - opacity: 1; -} -.popup-overlay { - z-index: 10500; -} -.modal { - width: 270px; - position: absolute; - z-index: 13500; - left: 50%; - margin-left: -135px; - margin-top: 0; - top: 50%; - text-align: center; - border-radius: 13px; - overflow: hidden; - opacity: 0; - -webkit-transform: translate3d(0, 0, 0) scale(1.185); - transform: translate3d(0, 0, 0) scale(1.185); - -webkit-transition-property: -webkit-transform, opacity; - -moz-transition-property: -moz-transform, opacity; - -ms-transition-property: -ms-transform, opacity; - -o-transition-property: -o-transform, opacity; - transition-property: transform, opacity; - color: #000; - display: none; -} -.modal.modal-in { - opacity: 1; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 0, 0) scale(1); - transform: translate3d(0, 0, 0) scale(1); -} -.modal.modal-out { - opacity: 0; - z-index: 13499; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 0, 0) scale(1); - transform: translate3d(0, 0, 0) scale(1); -} -.modal-inner { - padding: 15px; - border-radius: 13px 13px 0 0; - position: relative; - background: rgba(255, 255, 255, 0.95); -} -.modal-inner:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.2); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .modal-inner:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .modal-inner:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.modal-title { - font-weight: 500; - font-size: 18px; - text-align: center; -} -html.ios-gt-8 .modal-title { - font-weight: 600; -} -.modal-title + .modal-text { - margin-top: 5px; -} -.modal-buttons { - height: 44px; - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.modal-buttons.modal-buttons-vertical { - display: block; - height: auto; -} -.modal-button { - width: 100%; - padding: 0 5px; - height: 44px; - font-size: 17px; - line-height: 44px; - text-align: center; - color: #446995; - display: block; - position: relative; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - cursor: pointer; - box-sizing: border-box; - -webkit-box-flex: 1; - -ms-flex: 1; - background: rgba(255, 255, 255, 0.95); -} -.modal-button:after { - content: ''; - position: absolute; - right: 0; - top: 0; - left: auto; - bottom: auto; - width: 1px; - height: 100%; - background-color: rgba(0, 0, 0, 0.2); - display: block; - z-index: 15; - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; -} -html.pixel-ratio-2 .modal-button:after { - -webkit-transform: scaleX(0.5); - transform: scaleX(0.5); -} -html.pixel-ratio-3 .modal-button:after { - -webkit-transform: scaleX(0.33); - transform: scaleX(0.33); -} -.modal-button:first-child { - border-radius: 0 0 0 13px; -} -.modal-button:last-child { - border-radius: 0 0 13px 0; -} -.modal-button:last-child:after { - display: none; -} -.modal-button:first-child:last-child { - border-radius: 0 0 13px 13px; -} -.modal-button.modal-button-bold { - font-weight: 500; -} -html.ios-gt-8 .modal-button.modal-button-bold { - font-weight: 600; -} -html:not(.watch-active-state) .modal-button:active, -.modal-button.active-state { - background: rgba(230, 230, 230, 0.95); -} -.modal-buttons-vertical .modal-button { - border-radius: 0; -} -.modal-buttons-vertical .modal-button:after { - display: none; -} -.modal-buttons-vertical .modal-button:before { - display: none; -} -.modal-buttons-vertical .modal-button:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.2); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .modal-buttons-vertical .modal-button:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.modal-buttons-vertical .modal-button:last-child { - border-radius: 0 0 13px 13px; -} -.modal-buttons-vertical .modal-button:last-child:after { - display: none; -} -.modal-no-buttons .modal-inner { - border-radius: 13px; -} -.modal-no-buttons .modal-inner:after { - display: none; -} -.modal-no-buttons .modal-buttons { - display: none; -} -.actions-modal { - position: absolute; - left: 0; - bottom: 0; - z-index: 13500; - 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 { - width: 480px; - left: 50%; - margin-left: -240px; - } -} -.actions-modal.modal-in { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -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); -} -.actions-modal-group { - margin: 8px; - position: relative; - border-radius: 13px; - overflow: hidden; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.actions-modal-button, -.actions-modal-label { - width: 100%; - text-align: center; - font-weight: normal; - margin: 0; - background: rgba(255, 255, 255, 0.95); - box-sizing: border-box; - display: block; - position: relative; - overflow: hidden; -} -.actions-modal-button:after, -.actions-modal-label:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.2); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .actions-modal-button:after, -html.pixel-ratio-2 .actions-modal-label:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .actions-modal-button:after, -html.pixel-ratio-3 .actions-modal-label:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.actions-modal-button a, -.actions-modal-label a { - text-decoration: none; - color: inherit; - display: block; -} -.actions-modal-button b, -.actions-modal-label b { - font-weight: 500; -} -html.ios-gt-8 .actions-modal-button b, -html.ios-gt-8 .actions-modal-label b { - font-weight: 600; -} -.actions-modal-button.actions-modal-button-bold, -.actions-modal-label.actions-modal-button-bold { - font-weight: 500; -} -html.ios-gt-8 .actions-modal-button.actions-modal-button-bold, -html.ios-gt-8 .actions-modal-label.actions-modal-button-bold { - font-weight: 600; -} -.actions-modal-button.actions-modal-button-red, -.actions-modal-label.actions-modal-button-red { - color: #ff3b30; -} -.actions-modal-button:first-child, -.actions-modal-label:first-child { - border-radius: 13px 13px 0 0; -} -.actions-modal-button:last-child, -.actions-modal-label:last-child { - border-radius: 0 0 13px 13px; -} -.actions-modal-button:last-child:after, -.actions-modal-label:last-child:after { - display: none; -} -.actions-modal-button:first-child:last-child, -.actions-modal-label:first-child:last-child { - border-radius: 13px; -} -.actions-modal-button.disabled, -.actions-modal-label.disabled { - opacity: 0.9; - color: #8e8e93; -} -.actions-modal-button { - cursor: pointer; - height: 57px; - line-height: 57px; - font-size: 20px; - color: #446995; - white-space: normal; - text-overflow: ellipsis; -} -html:not(.watch-active-state) .actions-modal-button:active, -.actions-modal-button.active-state { - background: rgba(230, 230, 230, 0.9); -} -.actions-modal-label { - font-size: 13px; - line-height: 1.3; - min-height: 57px; - padding: 8px 10px; - color: #8a8a8a; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -@media (orientation: landscape) { - .actions-modal-label { - min-height: 44px; - } - .actions-modal-button { - height: 44px; - line-height: 44px; - } -} -input.modal-text-input { - box-sizing: border-box; - height: 26px; - background: #fff; - margin: 0; - margin-top: 15px; - padding: 0 5px; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 0; - width: 100%; - font-size: 14px; - font-family: inherit; - display: block; - box-shadow: 0 0 0 rgba(0, 0, 0, 0); - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; -} -input.modal-text-input + input.modal-text-input { - margin-top: 5px; -} -.modal-input-double + .modal-input-double input.modal-text-input { - border-top: 0; - margin-top: 0; -} -.popover { - width: 320px; - background: rgba(255, 255, 255, 0.95); - z-index: 13500; - margin: 0; - top: 0; - opacity: 0; - left: 0; - border-radius: 13px; - position: absolute; - display: none; - -webkit-transform: none; - transform: none; - -webkit-transition-property: opacity; - -moz-transition-property: opacity; - -ms-transition-property: opacity; - -o-transition-property: opacity; - transition-property: opacity; -} -.popover.modal-in { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - opacity: 1; -} -.popover .list-block { - margin: 0; -} -.popover .list-block ul { - background: none; -} -.popover .list-block:first-child ul { - border-radius: 13px 13px 0 0; -} -.popover .list-block:first-child ul:before { - display: none; -} -.popover .list-block:first-child li:first-child a { - border-radius: 13px 13px 0 0; -} -.popover .list-block:last-child ul { - border-radius: 0 0 13px 13px; -} -.popover .list-block:last-child ul:after { - display: none; -} -.popover .list-block:last-child li:last-child a { - border-radius: 0 0 13px 13px; -} -.popover .list-block:first-child:last-child li:first-child:last-child a, -.popover .list-block:first-child:last-child ul:first-child:last-child { - border-radius: 13px; -} -.popover .list-block + .list-block { - margin-top: 35px; -} -.popover-angle { - width: 26px; - height: 26px; - position: absolute; - left: -26px; - top: 0; - z-index: 100; - overflow: hidden; -} -.popover-angle:after { - content: ' '; - background: rgba(255, 255, 255, 0.95); - width: 26px; - height: 26px; - position: absolute; - left: 0; - top: 0; - border-radius: 3px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} -.popover-angle.on-left { - left: -26px; -} -.popover-angle.on-left:after { - left: 19px; - top: 0; -} -.popover-angle.on-right { - left: 100%; -} -.popover-angle.on-right:after { - left: -19px; - top: 0; -} -.popover-angle.on-top { - left: 0; - top: -26px; -} -.popover-angle.on-top:after { - left: 0; - top: 19px; -} -.popover-angle.on-bottom { - left: 0; - top: 100%; -} -.popover-angle.on-bottom:after { - left: 0; - top: -19px; -} -.popover-inner { - overflow: auto; - -webkit-overflow-scrolling: touch; -} -.actions-popover .list-block + .list-block { - margin-top: 20px; -} -.actions-popover .list-block ul { - background: #fff; -} -.actions-popover-label { - padding: 8px 10px; - color: #8a8a8a; - font-size: 13px; - line-height: 1.3; - text-align: center; - position: relative; -} -.actions-popover-label:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.2); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .actions-popover-label:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .actions-popover-label:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.actions-popover-label:last-child:after { - display: none; -} -.popup, -.login-screen { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: 11000; - background: #fff; - box-sizing: border-box; - display: none; - overflow: auto; - -webkit-overflow-scrolling: touch; - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - -ms-transition-property: -ms-transform; - -o-transition-property: -o-transform; - transition-property: transform; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.popup.modal-in, -.login-screen.modal-in, -.popup.modal-out, -.login-screen.modal-out { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.popup.modal-in, -.login-screen.modal-in { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.popup.modal-out, -.login-screen.modal-out { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.login-screen.modal-in, -.login-screen.modal-out { - display: block; -} -@media all and (min-width: 630px) and (min-height: 630px) { - .popup:not(.tablet-fullscreen) { - width: 630px; - height: 630px; - left: 50%; - top: 50%; - margin-left: -315px; - margin-top: -315px; - -webkit-transform: translate3d(0, 1024px, 0); - transform: translate3d(0, 1024px, 0); - } - .popup:not(.tablet-fullscreen).modal-in { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - .popup:not(.tablet-fullscreen).modal-out { - -webkit-transform: translate3d(0, 1024px, 0); - transform: translate3d(0, 1024px, 0); - } -} -@media all and (max-width: 629px), (max-height: 629px) { - html.with-statusbar-overlay .popup { - height: -webkit-calc(100% - 20px); - height: calc(100% - 20px); - top: 20px; - } - html.with-statusbar-overlay .popup-overlay { - z-index: 9500; - } -} -html.with-statusbar-overlay .login-screen, -html.with-statusbar-overlay .popup.tablet-fullscreen { - height: -webkit-calc(100% - 20px); - height: calc(100% - 20px); - top: 20px; -} -.modal .preloader { - width: 34px; - height: 34px; -} -.preloader-indicator-overlay { - visibility: visible; - opacity: 0; - background: none; -} -.preloader-indicator-modal { - position: absolute; - left: 50%; - top: 50%; - padding: 8px; - margin-left: -25px; - margin-top: -25px; - background: rgba(0, 0, 0, 0.8); - z-index: 13500; - border-radius: 5px; -} -.preloader-indicator-modal .preloader { - display: block; - width: 34px; - height: 34px; -} -.picker-modal { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 260px; - z-index: 12500; - display: none; - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - -ms-transition-property: -ms-transform; - -o-transition-property: -o-transform; - transition-property: transform; - background: #cfd5da; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.picker-modal.modal-in, -.picker-modal.modal-out { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.picker-modal.modal-in { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.picker-modal.modal-out { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.picker-modal .picker-modal-inner { - height: 100%; - position: relative; -} -.picker-modal .toolbar { - position: relative; - width: 100%; - background: #f7f7f8; -} -.picker-modal .toolbar:before { - content: ''; - position: absolute; - left: 0; - top: 0; - bottom: auto; - right: auto; - height: 1px; - width: 100%; - background-color: #929499; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; -} -html.pixel-ratio-2 .picker-modal .toolbar:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .picker-modal .toolbar:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.picker-modal .toolbar + .picker-modal-inner { - height: -webkit-calc(100% - 44px); - height: -moz-calc(100% - 44px); - height: calc(100% - 44px); -} -.picker-modal.picker-modal-inline, -.popover .picker-modal { - display: block; - position: relative; - background: none; - z-index: inherit; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.picker-modal.picker-modal-inline .toolbar:before, -.popover .picker-modal .toolbar:before { - display: none; -} -.picker-modal.picker-modal-inline .toolbar:after, -.popover .picker-modal .toolbar:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #929499; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after, -html.pixel-ratio-2 .popover .picker-modal .toolbar:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after, -html.pixel-ratio-3 .popover .picker-modal .toolbar:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.popover .picker-modal { - width: auto; -} -.popover .picker-modal .toolbar { - background: none; -} -.picker-modal.smart-select-picker .page { - background: #fff; -} -.picker-modal.smart-select-picker .toolbar: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 .picker-modal.smart-select-picker .toolbar:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.picker-modal.smart-select-picker .list-block { - margin: 0; -} -.picker-modal.smart-select-picker .list-block ul:before { - display: none; -} -.picker-modal.smart-select-picker .list-block ul:after { - display: none; -} -/* === Panels === */ -.panel-overlay { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0); - opacity: 0; - z-index: 5999; - display: none; -} -.panel { - z-index: 1000; - display: none; - background: #111; - box-sizing: border-box; - overflow: auto; - -webkit-overflow-scrolling: touch; - position: absolute; - width: 260px; - top: 0; - height: 100%; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.panel.panel-left.panel-cover { - z-index: 6000; - left: -260px; -} -.panel.panel-left.panel-reveal { - left: 0; -} -.panel.panel-right.panel-cover { - z-index: 6000; - right: -260px; -} -.panel.panel-right.panel-reveal { - right: 0; -} -body.with-panel-left-cover .views, -body.with-panel-right-cover .views { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -body.with-panel-left-cover .panel-overlay, -body.with-panel-right-cover .panel-overlay { - display: block; -} -body.with-panel-left-reveal .views, -body.with-panel-right-reveal .views { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - transition-property: transform; -} -body.with-panel-left-reveal .panel-overlay, -body.with-panel-right-reveal .panel-overlay { - display: block; -} -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-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.panel-closing .views { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - transition-property: transform; -} -/* === Tabs === */ -.tabs .tab { - display: none; -} -.tabs .tab.active { - display: block; -} -.tabs-animated-wrap { - position: relative; - width: 100%; - overflow: hidden; - height: 100%; -} -.tabs-animated-wrap > .tabs { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - height: 100%; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.tabs-animated-wrap > .tabs > .tab { - width: 100%; - display: block; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; -} -.tabs-swipeable-wrap { - height: 100%; -} -.tabs-swipeable-wrap > .tabs > .tab { - display: block; -} -/* === Messages === */ -.messages-content { - background: #fff; -} -.messages { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; -} -.messages-date { - text-align: center; - font-weight: 500; - font-size: 11px; - line-height: 1; - margin: 10px 15px; - color: #8e8e93; -} -html.ios-gt-8 .messages-date { - font-weight: 600; -} -.messages-date span { - font-weight: 400; -} -.message { - box-sizing: border-box; - margin: 1px 10px 0; - max-width: 70%; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; -} -.message:first-child { - margin-top: 10px; -} -.message .message-text { - box-sizing: border-box; - border-radius: 16px; - padding: 6px 16px 9px; - min-width: 48px; - min-height: 35px; - font-size: 17px; - 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 img { - display: block; - border-radius: 16px; -} -.message-name { - font-size: 12px; - line-height: 1; - color: #8e8e93; - margin-bottom: 2px; - margin-top: 7px; -} -.message-hide-name .message-name { - display: none; -} -.message-label { - font-size: 12px; - line-height: 1; - color: #8e8e93; - margin-top: 4px; -} -.message-hide-label .message-label { - display: none; -} -.message-avatar { - width: 29px; - height: 29px; - border-radius: 100%; - margin-top: -29px; - position: relative; - top: 1px; - background-size: cover; - opacity: 1; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.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; - align-self: flex-end; - -webkit-box-align: end; - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; -} -.message-sent .message-name { - margin-right: 16px; -} -.message-sent .message-label { - margin-right: 6px; -} -.message-sent.message-with-avatar .message-text { - margin-right: 29px; -} -.message-sent.message-with-avatar .message-name { - margin-right: 45px; -} -.message-sent.message-with-avatar .message-label { - margin-right: 34px; -} -.message-sent .message-text { - padding-right: 22px; - background-color: #00d449; - color: white; - margin-left: auto; - -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; -} -.message-sent.message-last .message-text, -.message-sent.message-with-tail .message-text { - border-radius: 16px 16px 0 16px; - -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; -} -.message-sent.message-last.message-pic img, -.message-sent.message-with-tail.message-pic img { - border-radius: 16px 16px 0 16px; -} -.message-received { - -ms-flex-item-align: start; - -webkit-align-self: flex-start; - align-self: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -.message-received .message-text { - padding-left: 22px; - background-color: #e5e5ea; - color: #000; - -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; -} -.message-received .message-name { - margin-left: 16px; -} -.message-received .message-label { - margin-left: 6px; -} -.message-received.message-with-avatar .message-text { - margin-left: 29px; -} -.message-received.message-with-avatar .message-name { - margin-left: 45px; -} -.message-received.message-with-avatar .message-label { - margin-left: 34px; -} -.message-received.message-last .message-text, -.message-received.message-with-tail .message-text { - border-radius: 16px 16px 16px 0; - -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; -} -.message-received.message-last.message-pic img, -.message-received.message-with-tail.message-pic img { - border-radius: 16px 16px 16px 0; -} -.message-last { - margin-bottom: 8px; -} -.message-appear-from-bottom { - -webkit-animation: messageAppearFromBottom 400ms; - animation: messageAppearFromBottom 400ms; -} -.message-appear-from-top { - -webkit-animation: messageAppearFromTop 400ms; - animation: messageAppearFromTop 400ms; -} -.messages-auto-layout .message-name, -.messages-auto-layout .message-label { - display: none; -} -.messages-auto-layout .message-avatar { - opacity: 0; -} -.messages-auto-layout .message-first .message-name { - display: block; -} -.messages-auto-layout .message-last .message-avatar { - opacity: 1; -} -.messages-auto-layout .message-last .message-label { - display: block; -} -html.retina.ios-6 .message, -html.retina.ios-6 .message.message-pic img { - -webkit-mask-box-image: none; - border-radius: 16px; -} -@-webkit-keyframes messageAppearFromBottom { - from { - -webkit-transform: translate3d(0, 100%, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - } -} -@keyframes messageAppearFromBottom { - from { - transform: translate3d(0, 100%, 0); - } - to { - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes messageAppearFromTop { - from { - -webkit-transform: translate3d(0, -100%, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - } -} -@keyframes messageAppearFromTop { - from { - transform: translate3d(0, -100%, 0); - } - to { - transform: translate3d(0, 0, 0); - } -} -/* === Statusbar overlay === */ -html.with-statusbar-overlay body { - padding-top: 20px; - box-sizing: border-box; -} -html.with-statusbar-overlay body .statusbar-overlay { - display: block; -} -html.with-statusbar-overlay body .panel { - padding-top: 20px; -} -.statusbar-overlay { - background: #f7f7f8; - z-index: 10000; - position: absolute; - left: 0; - top: 0; - height: 20px; - width: 100%; - display: none; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -/* === Preloader === */ -.preloader { - display: inline-block; - width: 20px; - height: 20px; - 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'%236c6c6c'%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"); - background-position: 50%; - background-size: 100%; - background-repeat: no-repeat; - -webkit-animation: preloader-spin 1s steps(12, end) infinite; - animation: preloader-spin 1s steps(12, end) infinite; -} -@-webkit-keyframes preloader-spin { - 100% { - -webkit-transform: rotate(360deg); - } -} -@keyframes preloader-spin { - 100% { - transform: rotate(360deg); - } -} -/* === Progress Bar === */ -.progressbar, -.progressbar-infinite { - height: 2px; - width: 100%; - overflow: hidden; - position: relative; - display: block; - background: #b6b6b6; - border-radius: 2px; - -webkit-transform-origin: center top; - transform-origin: center top; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.progressbar { - vertical-align: middle; -} -.progressbar span { - width: 100%; - background: #446995; - height: 100%; - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - -webkit-transition-duration: 150ms; - transition-duration: 150ms; -} -.progressbar-infinite:before { - content: ''; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #446995; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - -webkit-animation: progressbar-infinite 1s linear infinite; - animation: progressbar-infinite 1s linear infinite; -} -html.with-statusbar-overlay body > .progressbar-infinite, -html.with-statusbar-overlay .framework7-root > .progressbar-infinite { - top: 20px; -} -.progressbar-infinite.color-multi { - background: none; -} -.progressbar-infinite.color-multi:before { - content: ''; - position: absolute; - left: 0; - top: 0; - width: 400%; - height: 100%; - background-image: -webkit-linear-gradient(left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); - background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); - background-size: 25% 100%; - background-repeat: repeat-x; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -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 .framework7-root > .progressbar-infinite.color-multi { - top: 20px; -} -body > .progressbar, -.view > .progressbar, -.views > .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, -.framework7-root > .progressbar-infinite { - position: absolute; - left: 0; - top: 0; - z-index: 15000; - border-radius: 0; -} -.progressbar-in { - -webkit-animation: progressbar-in 300ms forwards; - animation: progressbar-in 300ms forwards; -} -.progressbar-out { - -webkit-animation: progressbar-out 300ms forwards; - animation: progressbar-out 300ms forwards; -} -html.with-statusbar-overlay body > .progressbar { - top: 20px; -} -@-webkit-keyframes progressbar-in { - from { - opacity: 0; - -webkit-transform: scaleY(0); - } - to { - opacity: 1; - -webkit-transform: scaleY(1); - } -} -@keyframes progressbar-in { - from { - opacity: 0; - transform: scaleY(0); - } - to { - opacity: 1; - transform: scaleY(1); - } -} -@-webkit-keyframes progressbar-out { - from { - opacity: 1; - -webkit-transform: scaleY(1); - } - to { - opacity: 0; - -webkit-transform: scaleY(0); - } -} -@keyframes progressbar-out { - from { - opacity: 1; - transform: scaleY(1); - } - to { - opacity: 0; - transform: scaleY(0); - } -} -@-webkit-keyframes progressbar-infinite { - 0% { - -webkit-transform: translate3d(-50%, 0, 0) scaleX(0.5); - } - 100% { - -webkit-transform: translate3d(100%, 0, 0) scaleX(0.5); - } -} -@keyframes progressbar-infinite { - 0% { - transform: translate3d(-50%, 0, 0) scaleX(0.5); - } - 100% { - transform: translate3d(100%, 0, 0) scaleX(0.5); - } -} -@-webkit-keyframes progressbar-infinite-multicolor { - from { - -webkit-transform: translate3d(0%, 0, 0); - } - to { - -webkit-transform: translate3d(-50%, 0, 0); - } -} -@keyframes progressbar-infinite-multicolor { - from { - transform: translate3d(0%, 0, 0); - } - to { - transform: translate3d(-50%, 0, 0); - } -} -/* === 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; -} -.swiper-container-vertical > .swiper-wrapper { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; -} -.swiper-wrapper { - position: relative; - width: 100%; - height: 100%; - z-index: 1; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - -o-transition-property: -o-transform; - -ms-transition-property: -ms-transform; - transition-property: transform; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.swiper-container-android .swiper-slide, -.swiper-wrapper { - -webkit-transform: translate3d(0px, 0, 0); - -moz-transform: translate3d(0px, 0, 0); - -o-transform: translate(0px, 0px); - -ms-transform: translate3d(0px, 0, 0); - transform: translate3d(0px, 0, 0); -} -.swiper-container-multirow > .swiper-wrapper { - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -ms-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} -.swiper-container-free-mode > .swiper-wrapper { - -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; - margin: 0 auto; -} -.swiper-slide { - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; - width: 100%; - height: 100%; - position: relative; -} -/* Auto Height */ -.swiper-container-autoheight, -.swiper-container-autoheight .swiper-slide { - height: auto; -} -.swiper-container-autoheight .swiper-wrapper { - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - -webkit-transition-property: -webkit-transform, height; - -moz-transition-property: -moz-transform; - -o-transition-property: -o-transform; - -ms-transition-property: -ms-transform; - transition-property: transform, height; -} -/* a11y */ -.swiper-container .swiper-notification { - position: absolute; - left: 0; - top: 0; - pointer-events: none; - opacity: 0; - z-index: -1000; -} -/* IE10 Windows Phone 8 Fixes */ -.swiper-wp8-horizontal { - -ms-touch-action: pan-y; - touch-action: pan-y; -} -.swiper-wp8-vertical { - -ms-touch-action: pan-x; - touch-action: pan-x; -} -/* Arrows */ -.swiper-button-prev, -.swiper-button-next { - position: absolute; - top: 50%; - width: 27px; - height: 44px; - margin-top: -22px; - z-index: 10; - cursor: pointer; - -moz-background-size: 27px 44px; - -webkit-background-size: 27px 44px; - background-size: 27px 44px; - background-position: center; - background-repeat: no-repeat; -} -.swiper-button-prev.swiper-button-disabled, -.swiper-button-next.swiper-button-disabled { - opacity: 0.35; - cursor: auto; - pointer-events: none; -} -.swiper-button-prev, -.swiper-container-rtl .swiper-button-next { - 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%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); - left: 10px; - right: auto; -} -.swiper-button-next, -.swiper-container-rtl .swiper-button-prev { - 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%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); - right: 10px; - left: auto; -} -/* Pagination Styles */ -.swiper-pagination { - position: absolute; - text-align: center; - -webkit-transition: 300ms; - -moz-transition: 300ms; - -o-transition: 300ms; - transition: 300ms; - -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 10; -} -.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; - display: inline-block; - border-radius: 100%; - 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-bullets { - right: 10px; - top: 50%; - -webkit-transform: translate3d(0px, -50%, 0); - -moz-transform: translate3d(0px, -50%, 0); - -o-transform: translate(0px, -50%); - -ms-transform: translate3d(0px, -50%, 0); - transform: translate3d(0px, -50%, 0); -} -.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { - margin: 5px 0; - display: block; -} -.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-vertical > .swiper-pagination-progress { - width: 4px; - height: 100%; - left: 0; - top: 0; -} -/* 3D Container */ -.swiper-container-3d { - -webkit-perspective: 1200px; - -moz-perspective: 1200px; - -o-perspective: 1200px; - perspective: 1200px; -} -.swiper-container-3d .swiper-wrapper, -.swiper-container-3d .swiper-slide, -.swiper-container-3d .swiper-slide-shadow-left, -.swiper-container-3d .swiper-slide-shadow-right, -.swiper-container-3d .swiper-slide-shadow-top, -.swiper-container-3d .swiper-slide-shadow-bottom, -.swiper-container-3d .swiper-cube-shadow { - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.swiper-container-3d .swiper-slide-shadow-left, -.swiper-container-3d .swiper-slide-shadow-right, -.swiper-container-3d .swiper-slide-shadow-top, -.swiper-container-3d .swiper-slide-shadow-bottom { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: 10; -} -.swiper-container-3d .swiper-slide-shadow-left { - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); - /* Safari 4+, Chrome */ - background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Chrome 10+, Safari 5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Firefox 3.6-15 */ - background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Opera 11.10-12.00 */ - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Firefox 16+, IE10, Opera 12.50+ */ -} -.swiper-container-3d .swiper-slide-shadow-right { - background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); - /* Safari 4+, Chrome */ - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Chrome 10+, Safari 5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Firefox 3.6-15 */ - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Opera 11.10-12.00 */ - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Firefox 16+, IE10, Opera 12.50+ */ -} -.swiper-container-3d .swiper-slide-shadow-top { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); - /* Safari 4+, Chrome */ - background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Chrome 10+, Safari 5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Firefox 3.6-15 */ - background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Opera 11.10-12.00 */ - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Firefox 16+, IE10, Opera 12.50+ */ -} -.swiper-container-3d .swiper-slide-shadow-bottom { - background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); - /* Safari 4+, Chrome */ - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Chrome 10+, Safari 5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Firefox 3.6-15 */ - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Opera 11.10-12.00 */ - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); - /* Firefox 16+, IE10, Opera 12.50+ */ -} -/* Coverflow */ -.swiper-container-coverflow .swiper-wrapper, -.swiper-container-flip .swiper-wrapper { - /* Windows 8 IE 10 fix */ - -ms-perspective: 1200px; -} -/* Cube + Flip */ -.swiper-container-cube, -.swiper-container-flip { - overflow: visible; -} -.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-cube .swiper-slide .swiper-slide, -.swiper-container-flip .swiper-slide .swiper-slide { - pointer-events: none; -} -.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; -} -.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 { - visibility: hidden; - -webkit-transform-origin: 0 0; - -moz-transform-origin: 0 0; - -ms-transform-origin: 0 0; - transform-origin: 0 0; - width: 100%; - height: 100%; -} -.swiper-container-cube.swiper-container-rtl .swiper-slide { - -webkit-transform-origin: 100% 0; - -moz-transform-origin: 100% 0; - -ms-transform-origin: 100% 0; - transform-origin: 100% 0; -} -.swiper-container-cube .swiper-slide-active, -.swiper-container-cube .swiper-slide-next, -.swiper-container-cube .swiper-slide-prev, -.swiper-container-cube .swiper-slide-next + .swiper-slide { - pointer-events: auto; - visibility: visible; -} -.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 { - border-radius: 10px; - position: relative; - -ms-touch-action: none; - background: rgba(0, 0, 0, 0.1); -} -.swiper-container-horizontal > .swiper-scrollbar { - position: absolute; - left: 1%; - bottom: 3px; - z-index: 50; - height: 5px; - width: 98%; -} -.swiper-container-vertical > .swiper-scrollbar { - position: absolute; - right: 3px; - top: 1%; - z-index: 50; - width: 5px; - height: 98%; -} -.swiper-scrollbar-drag { - height: 100%; - width: 100%; - position: relative; - background: rgba(0, 0, 0, 0.5); - border-radius: 10px; - left: 0; - top: 0; -} -.swiper-scrollbar-cursor-drag { - cursor: move; -} -/* Preloader */ -.swiper-slide .preloader { - width: 42px; - height: 42px; - position: absolute; - left: 50%; - top: 50%; - margin-left: -21px; - margin-top: -21px; - z-index: 10; -} -/* === Columns Picker === */ -.picker-columns { - width: 100%; - height: 260px; - z-index: 11500; -} -.picker-columns.picker-modal-inline, -.popover .picker-columns { - height: 200px; -} -@media (orientation: landscape) and (max-height: 415px) { - .picker-columns:not(.picker-modal-inline) { - height: 200px; - } -} -.popover.popover-picker-columns { - width: 280px; -} -.picker-items { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - padding: 0; - text-align: right; - font-size: 24px; - -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); - -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); -} -.picker-items-col { - overflow: hidden; - position: relative; - max-height: 100%; -} -.picker-items-col.picker-items-col-left { - text-align: left; -} -.picker-items-col.picker-items-col-center { - text-align: center; -} -.picker-items-col.picker-items-col-right { - text-align: right; -} -.picker-items-col.picker-items-col-divider { - color: #000; - 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; -} -.picker-items-col-wrapper { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.picker-item { - height: 36px; - line-height: 36px; - padding: 0 10px; - white-space: nowrap; - position: relative; - overflow: hidden; - text-overflow: ellipsis; - color: #707274; - left: 0; - top: 0; - width: 100%; - box-sizing: border-box; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.picker-items-col-absolute .picker-item { - position: absolute; -} -.picker-item.picker-item-far { - pointer-events: none; -} -.picker-item.picker-selected { - color: #000; - -webkit-transform: translate3d(0, 0, 0) rotateX(0deg); - transform: translate3d(0, 0, 0) rotateX(0deg); -} -.picker-center-highlight { - height: 36px; - box-sizing: border-box; - position: absolute; - left: 0; - width: 100%; - top: 50%; - margin-top: -18px; - pointer-events: none; -} -.picker-center-highlight:before { - content: ''; - position: absolute; - left: 0; - top: 0; - bottom: auto; - right: auto; - height: 1px; - width: 100%; - background-color: #a8abb0; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; -} -html.pixel-ratio-2 .picker-center-highlight:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .picker-center-highlight:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.picker-center-highlight:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #a8abb0; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .picker-center-highlight:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .picker-center-highlight:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.picker-3d .picker-items { - overflow: hidden; - -webkit-perspective: 1200px; - perspective: 1200px; -} -.picker-3d .picker-items-col, -.picker-3d .picker-items-col-wrapper, -.picker-3d .picker-item { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.picker-3d .picker-items-col { - overflow: visible; -} -.picker-3d .picker-item { - -webkit-transform-origin: center center -110px; - transform-origin: center center -110px; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -/* === Notifications === */ -.notifications { - position: absolute; - left: 0; - top: 0; - width: 100%; - z-index: 20000; - font-size: 14px; - margin: 0; - border: none; - display: none; - box-sizing: border-box; - max-height: 100%; - -webkit-transition-duration: 450ms; - transition-duration: 450ms; - -webkit-perspective: 1200px; - perspective: 1200px; - padding-top: 8px; - padding-bottom: 8px; -} -.notifications.list-block > ul { - background: none; - margin: 0 auto; - max-width: 584px; -} -.notifications.list-block > ul:before { - display: none; -} -.notifications.list-block > ul:after { - display: none; -} -.with-statusbar-overlay .notifications { - padding-top: 20px; - -webkit-transform: translate3d(0, -20px, 0); - 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-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: 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; - line-height: inherit; -} -.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 { - display: none; -} -.notifications .item-media { - width: 20px; -} -.notifications .item-media img { - max-width: 20px; - max-height: 20px; -} -.notifications .item-media i.icon { - width: 20px; - height: 20px; - -webkit-background-size: cover; - background-size: cover; - 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: 8px; -} -.notifications .item-after { - margin-top: auto; - margin-bottom: auto; -} -.notifications .close-notification { - 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; - width: 44px; - height: 44px; - left: 50%; - top: 50%; - margin-left: -22px; - margin-top: -22px; -} -.notifications .notification-item { - max-width: 568px; - 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; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* === Disabled elements === */ -.disabled, -[disabled] { - opacity: 0.55; - pointer-events: none; -} -.disabled .disabled, -.disabled [disabled], -[disabled] .disabled, -[disabled] [disabled] { - opacity: 1; -} -* { - -webkit-user-select: none; - user-select: none; -} -input, -textarea { - -webkit-touch-callout: default; - -webkit-user-select: text; - user-select: text; -} -#editor-navbar.navbar .right a + a, -#editor-navbar.navbar .left a + a { - margin-left: 0; -} -html:not(.phone) #editor-navbar.navbar .right a + a, -html:not(.phone) #editor-navbar.navbar .left a + a { - margin-left: 10px; -} -.logo-navbar { - height: 68px; -} -.logo-navbar .navbar-inner { - top: 24px; - height: 44px; -} -.phone.ios .container-edit .navbar:before, -.phone.ios .container-collaboration .navbar:before, -.phone.ios .container-filter .navbar: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 .phone.ios .container-edit .navbar:before, -html.pixel-ratio-2 .phone.ios .container-collaboration .navbar:before, -html.pixel-ratio-2 .phone.ios .container-filter .navbar:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .phone.ios .container-edit .navbar:before, -html.pixel-ratio-3 .phone.ios .container-collaboration .navbar:before, -html.pixel-ratio-3 .phone.ios .container-filter .navbar:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.phone.ios .container-edit .page-content .list-block:first-child, -.phone.ios .container-collaboration .page-content .list-block:first-child, -.phone.ios .container-filter .page-content .list-block:first-child { - margin-top: -1px; -} -.container-edit.popover, -.container-add.popover, -.container-settings.popover, -.container-collaboration.popover, -.container-filter.popover { - width: 360px; -} -.settings.popup .list-block ul, -.settings.popover .list-block ul { - border-radius: 0 !important; - background: #fff; -} -.settings.popup .list-block ul:last-child:after, -.settings.popover .list-block ul:last-child:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #c8c7cc; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .settings.popup .list-block ul:last-child:after, -html.pixel-ratio-2 .settings.popover .list-block ul:last-child:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .settings.popup .list-block ul:last-child:after, -html.pixel-ratio-3 .settings.popover .list-block ul:last-child:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.settings.popup .list-block:first-child, -.settings.popover .list-block:first-child { - margin-top: 0; -} -.settings.popup .list-block:last-child, -.settings.popover .list-block:last-child { - margin-bottom: 30px; -} -.settings.popup .list-block li:first-child a, -.settings.popover .list-block li:first-child a, -.settings.popup .list-block li:last-child a, -.settings.popover .list-block li:last-child a { - border-radius: 0 !important; -} -.settings.popup > .content-block, -.settings.popover > .content-block, -.settings.popup .popover-inner > .content-block, -.settings.popover .popover-inner > .content-block { - width: 100%; - height: 100%; - margin: 0; - padding: 0; - color: #000; -} -.settings.popup .popover-view, -.settings.popover .popover-view { - border-radius: 13px; -} -.settings.popup .popover-view > .pages, -.settings.popover .popover-view > .pages { - border-radius: 13px; -} -.settings.popup .content-block:first-child, -.settings.popover .content-block:first-child { - margin-top: 0; -} -.settings.popup .content-block:first-child .content-block-inner:before, -.settings.popover .content-block:first-child .content-block-inner:before { - height: 0; -} -.settings .categories { - width: 100%; -} -.settings .categories > .buttons-row { - width: 100%; -} -.settings .categories > .buttons-row .button { - padding: 0 1px; -} -.settings .popover-inner { - height: 400px; -} -.container-add .categories > .buttons-row .button { - display: flex; - justify-content: center; - align-items: center; -} -.container-add .categories > .buttons-row .button.active i.icon { - background-color: transparent; -} -.dataview.page-content { - background: #ffffff; -} -.dataview .row { - justify-content: space-around; -} -.dataview ul { - padding: 0 10px; - list-style: none; -} -.dataview ul li { - display: inline-block; -} -.dataview .active { - position: relative; - z-index: 1; -} -.dataview .active::after { - content: ''; - position: absolute; - width: 22px; - height: 22px; - right: -5px; - bottom: -5px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22M11%2C21A10%2C10%2C0%2C1%2C1%2C21%2C11%2C10%2C10%2C0%2C0%2C1%2C11%2C21h0ZM17.4%2C7.32L17.06%2C7a0.48%2C0.48%2C0%2C0%2C0-.67%2C0l-7%2C6.84L6.95%2C11.24a0.51%2C0.51%2C0%2C0%2C0-.59.08L6%2C11.66a0.58%2C0.58%2C0%2C0%2C0%2C0%2C.65l3.19%2C3.35a0.38%2C0.38%2C0%2C0%2C0%2C.39%2C0L17.4%2C8a0.48%2C0.48%2C0%2C0%2C0%2C0-.67h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.item-content .item-after.splitter { - color: #000; -} -.item-content .item-after.splitter label { - margin: 0 5px; -} -.item-content .item-after.splitter .buttons-row { - min-width: 90px; - margin-left: 10px; -} -.item-content .item-after.value { - display: block; - min-width: 60px; - color: #000000; - margin-left: 10px; - text-align: right; -} -.item-content .item-after input.field { - color: #446995; -} -.item-content .item-after input.field.placeholder-color::-webkit-input-placeholder { - color: #446995; -} -.item-content .item-after input.field.right { - text-align: right; -} -.item-content.buttons .item-inner { - padding-top: 0; - padding-bottom: 0; - align-items: stretch; -} -.item-content.buttons .item-inner > .row { - width: 100%; - align-items: stretch; -} -.item-content.buttons .item-inner > .row .button { - flex: 1; - border: none; - height: inherit; - border-radius: 0; - font-size: 17px; - display: flex; - align-items: center; - justify-content: center; -} -.item-content .item-after .color-preview { - width: 75px; - height: 30px; - margin-top: -3px; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; -} -.item-content i .color-preview { - width: 22px; - height: 8px; - display: inline-block; - margin-top: 21px; - box-sizing: border-box; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; -} -.item-link.no-indicator .item-inner { - background-image: none; - padding-right: 15px; -} -.list-block .item-link.list-button { - color: #446995; -} -.button.active i.icon { - background-color: #fff; -} -.document-menu { - background-color: rgba(0, 0, 0, 0.9); - width: auto; - border-radius: 8px; - z-index: 12500; -} -.document-menu .popover-angle:after { - background: rgba(0, 0, 0, 0.9); -} -.document-menu .list-block { - font-size: 14px; - white-space: pre; -} -.document-menu .list-block:first-child ul { - border-radius: 7px 0 0 7px; -} -.document-menu .list-block:first-child ul:before { - display: none; -} -.document-menu .list-block:first-child li:first-child a { - border-radius: 7px 0 0 7px; -} -.document-menu .list-block:last-child ul { - border-radius: 0 7px 7px 0; -} -.document-menu .list-block:last-child ul:after { - display: none; -} -.document-menu .list-block:last-child li:last-child a { - border-radius: 0 7px 7px 0; -} -.document-menu .list-block:first-child:last-child li:first-child:last-child a, -.document-menu .list-block:first-child:last-child ul:first-child:last-child { - border-radius: 7px; -} -.document-menu .list-block .item-link { - display: inline-block; -} -html:not(.watch-active-state) .document-menu .list-block .item-link:active, -.document-menu .list-block .item-link.active-state { - background-color: #d9d9d9; -} -html:not(.watch-active-state) .document-menu .list-block .item-link:active .item-inner:after, -.document-menu .list-block .item-link.active-state .item-inner:after { - background-color: transparent; -} -html.phone .document-menu .list-block .item-link { - padding: 0 10px; -} -.document-menu .list-block .item-link.list-button { - color: #ffffff; - line-height: 36px; -} -.document-menu .list-block .item-link.list-button:after { - content: ''; - position: absolute; - right: 0; - top: 0; - left: auto; - bottom: auto; - width: 1px; - height: 100%; - background-color: rgba(230, 230, 230, 0.9); - display: block; - z-index: 15; - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; -} -html.pixel-ratio-2 .document-menu .list-block .item-link.list-button:after { - -webkit-transform: scaleX(0.5); - transform: scaleX(0.5); -} -html.pixel-ratio-3 .document-menu .list-block .item-link.list-button:after { - -webkit-transform: scaleX(0.33); - transform: scaleX(0.33); -} -.document-menu .list-block li { - display: inline-block; -} -.document-menu .list-block li:last-child .list-button:after { - display: none; -} -.document-menu .list-block li:last-child .item-inner:after, -.document-menu .list-block li:last-child li:last-child .item-inner:after { - display: none; -} -.document-menu .list-block li li:last-child .item-inner:after, -.document-menu .list-block li:last-child li .item-inner:after { - content: ''; - position: absolute; - right: 0; - top: 0; - left: auto; - bottom: auto; - width: 1px; - height: 100%; - background-color: rgba(230, 230, 230, 0.9); - display: block; - z-index: 15; - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; -} -html.pixel-ratio-2 .document-menu .list-block li li:last-child .item-inner:after, -html.pixel-ratio-2 .document-menu .list-block li:last-child li .item-inner:after { - -webkit-transform: scaleX(0.5); - transform: scaleX(0.5); -} -html.pixel-ratio-3 .document-menu .list-block li li:last-child .item-inner:after, -html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after { - -webkit-transform: scaleX(0.33); - transform: scaleX(0.33); -} -.document-menu .list-block.no-hairlines:before, -.document-menu .list-block.no-hairlines ul:before, -.document-menu .list-block.no-hairlines .content-block-inner:before { - display: none; -} -.document-menu .list-block.no-hairlines:after, -.document-menu .list-block.no-hairlines ul:after, -.document-menu .list-block.no-hairlines .content-block-inner:after { - display: none; -} -.document-menu .list-block.no-hairlines-between .item-inner:after, -.document-menu .list-block.no-hairlines-between .list-button:after, -.document-menu .list-block.no-hairlines-between .item-divider:after, -.document-menu .list-block.no-hairlines-between .list-group-title:after, -.document-menu .list-block.no-hairlines-between .list-group-title:after { - display: none; -} -.color-palette a { - flex-grow: 1; - position: relative; - min-width: 10px; - min-height: 26px; - margin: 1px 1px 0 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; -} -.color-palette a.active:after { - content: ' '; - position: absolute; - width: 100%; - height: 100%; - box-shadow: 0 0 0 1px white, 0 0 0 4px #446995; - z-index: 1; - border-radius: 1px; -} -.color-palette a.transparent { - background-repeat: no-repeat; - background-size: 100% 100%; - 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%2022%2022'%20xml%3Aspace%3D'preserve'%3E%3Cline%20stroke%3D'%23ff0000'%20stroke-linecap%3D'undefined'%20stroke-linejoin%3D'undefined'%20id%3D'svg_1'%20y2%3D'0'%20x2%3D'22'%20y1%3D'22'%20x1%3D'0'%20stroke-width%3D'2'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); -} -.color-palette .theme-colors .item-inner { - display: inline-block; - overflow: visible; -} -.color-palette .standart-colors .item-inner, -.color-palette .dynamic-colors .item-inner { - overflow: visible; -} -.custom-colors { - display: flex; - justify-content: space-around; - align-items: center; - margin: 15px; -} -.custom-colors.phone { - max-width: 300px; - margin: 0 auto; - margin-top: 4px; -} -.custom-colors.phone .button-round { - margin-top: 20px; -} -.custom-colors .right-block { - margin-left: 20px; -} -.custom-colors .button-round { - height: 72px; - width: 72px; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - border-radius: 100px; - background-color: #ffffff; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - border-color: transparent; - margin-top: 25px; -} -.custom-colors .button-round.active-state { - background-color: rgba(0, 0, 0, 0.1); -} -.custom-colors .color-hsb-preview { - width: 72px; - height: 72px; - border-radius: 100px; - overflow: hidden; - border: 1px solid #c4c4c4; -} -.custom-colors .new-color-hsb-preview { - width: 100%; - height: 36px; -} -.custom-colors .current-color-hsb-preview { - width: 100%; - height: 36px; -} -.custom-colors .list-block ul:before, -.custom-colors .list-block ul:after { - content: none; -} -.custom-colors .list-block ul li { - border: 1px solid rgba(0, 0, 0, 0.3); -} -.custom-colors .color-picker-wheel { - position: relative; - width: 290px; - max-width: 100%; - height: auto; - font-size: 0; -} -.custom-colors .color-picker-wheel svg { - width: 100%; - height: auto; -} -.custom-colors .color-picker-wheel .color-picker-wheel-handle { - width: calc(16.66666667%); - height: calc(16.66666667%); - position: absolute; - box-sizing: border-box; - border: 2px solid #fff; - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); - background: red; - border-radius: 50%; - left: 0; - top: 0; -} -.custom-colors .color-picker-wheel .color-picker-sb-spectrum { - background-color: #000; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%); - position: relative; - width: 45%; - height: 45%; - left: 50%; - top: 50%; - transform: translate3d(-50%, -50%, 0); - position: absolute; -} -.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle { - width: 4px; - height: 4px; - position: absolute; - left: -2px; - top: -2px; - z-index: 1; -} -.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle:after { - background-color: inherit; - content: ''; - position: absolute; - width: 16px; - height: 16px; - border: 1px solid #fff; - border-radius: 50%; - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); - box-sizing: border-box; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - transition: 150ms; - transition-property: transform; - transform-origin: center; -} -.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after { - transform: scale(1.5) translate(-33.333%, -33.333%); -} -.about .page-content { - text-align: center; -} -.about .content-block:first-child { - margin: 15px 0; -} -.about .content-block { - margin: 0 auto 15px; -} -.about .content-block a { - color: #000; -} -.about h3 { - font-weight: normal; - margin: 0; -} -.about h3.vendor { - color: #000; - font-weight: bold; - margin-top: 15px; -} -.about p > label { - margin-right: 5px; -} -.about .logo { - background: url('../../../../common/mobile/resources/img/about/logo.svg') no-repeat center; - margin-top: 20px; -} -.color-schemes-menu { - cursor: pointer; - display: block; - background-color: #fff; -} -.color-schemes-menu .item-inner { - justify-content: flex-start; -} -.color-schemes-menu .color-schema-block { - display: flex; -} -.color-schemes-menu .color { - min-width: 26px; - min-height: 26px; - margin: 0 2px 0 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; -} -.color-schemes-menu .text { - margin-left: 20px; - color: #212121; -} -.page-change { - background-color: #FFFFFF; -} -.page-change .block-description { - background-color: #fff; - padding-top: 15px; - padding-bottom: 15px; - margin: 0; - max-width: 100%; - word-wrap: break-word; -} -.page-change #user-name { - font-size: 17px; - line-height: 22px; - color: #000000; - margin: 0; -} -.page-change #date-change { - font-size: 14px; - line-height: 18px; - color: #6d6d72; - margin: 0; - margin-top: 3px; -} -.page-change #text-change { - color: #000000; - font-size: 15px; - line-height: 20px; - margin: 0; - margin-top: 10px; -} -.page-change .block-btn, -.page-change .content-block.block-btn:first-child { - position: absolute; - bottom: 0; - display: flex; - flex-direction: row; - justify-content: space-between; - margin: 0; - width: 100%; - height: 44px; - align-items: center; - box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); -} -.page-change .block-btn #btn-reject-change, -.page-change .content-block.block-btn:first-child #btn-reject-change { - margin-left: 20px; -} -.page-change .block-btn #btn-goto-change, -.page-change .content-block.block-btn:first-child #btn-goto-change { - margin-left: 10px; -} -.page-change .block-btn .change-buttons, -.page-change .content-block.block-btn:first-child .change-buttons, -.page-change .block-btn .accept-reject, -.page-change .content-block.block-btn:first-child .accept-reject { - display: flex; -} -.page-change .block-btn .next-prev, -.page-change .content-block.block-btn:first-child .next-prev { - display: flex; -} -.page-change .block-btn .next-prev .link, -.page-change .content-block.block-btn:first-child .next-prev .link { - width: 44px; -} -.page-change .block-btn .link, -.page-change .content-block.block-btn:first-child .link { - position: relative; - display: flex; - justify-content: center; - align-items: center; - font-size: 17px; - height: 44px; - min-width: 44px; -} -.page-change #no-changes { - padding: 16px; -} -.navbar .center-collaboration { - display: flex; - justify-content: space-around; -} -.container-collaboration .navbar .right.close-collaboration { - position: absolute; - right: 10px; -} -.container-collaboration .page-content .list-block:first-child { - margin-top: -1px; -} -.page-display-mode[data-page="display-mode-view"] .list-block li.media-item .item-title { - font-weight: normal; -} -.page-display-mode[data-page="display-mode-view"] .list-block li.media-item .item-subtitle { - font-size: 14px; - color: #8e8e93; -} -#user-list .item-content { - padding-left: 0; -} -#user-list .item-inner { - justify-content: flex-start; - padding-left: 15px; -} -#user-list .length { - margin-left: 4px; -} -#user-list .color { - min-width: 40px; - min-height: 40px; - margin-right: 20px; - text-align: center; - border-radius: 50px; - line-height: 40px; - color: #373737; - font-weight: 500; -} -#user-list ul:before { - content: none; -} -.page-comments .header-comment, -.add-comment .header-comment, -.page-view-comments .header-comment, -.container-edit-comment .header-comment, -.container-add-reply .header-comment, -.page-edit-comment .header-comment, -.page-add-reply .header-comment, -.page-edit-reply .header-comment { - display: flex; - justify-content: space-between; - padding-right: 16px; -} -.page-comments .header-comment .comment-right, -.add-comment .header-comment .comment-right, -.page-view-comments .header-comment .comment-right, -.container-edit-comment .header-comment .comment-right, -.container-add-reply .header-comment .comment-right, -.page-edit-comment .header-comment .comment-right, -.page-add-reply .header-comment .comment-right, -.page-edit-reply .header-comment .comment-right { - display: flex; - justify-content: space-between; - width: 70px; -} -.page-comments .list-block .item-inner, -.add-comment .list-block .item-inner, -.page-view-comments .list-block .item-inner, -.container-edit-comment .list-block .item-inner, -.container-add-reply .list-block .item-inner, -.page-edit-comment .list-block .item-inner, -.page-add-reply .list-block .item-inner, -.page-edit-reply .list-block .item-inner { - display: block; - padding: 16px 0; - word-wrap: break-word; -} -.page-comments .list-reply, -.add-comment .list-reply, -.page-view-comments .list-reply, -.container-edit-comment .list-reply, -.container-add-reply .list-reply, -.page-edit-comment .list-reply, -.page-add-reply .list-reply, -.page-edit-reply .list-reply { - padding-left: 26px; -} -.page-comments .reply-textarea, -.add-comment .reply-textarea, -.page-view-comments .reply-textarea, -.container-edit-comment .reply-textarea, -.container-add-reply .reply-textarea, -.page-edit-comment .reply-textarea, -.page-add-reply .reply-textarea, -.page-edit-reply .reply-textarea, -.page-comments .comment-textarea, -.add-comment .comment-textarea, -.page-view-comments .comment-textarea, -.container-edit-comment .comment-textarea, -.container-add-reply .comment-textarea, -.page-edit-comment .comment-textarea, -.page-add-reply .comment-textarea, -.page-edit-reply .comment-textarea, -.page-comments .edit-reply-textarea, -.add-comment .edit-reply-textarea, -.page-view-comments .edit-reply-textarea, -.container-edit-comment .edit-reply-textarea, -.container-add-reply .edit-reply-textarea, -.page-edit-comment .edit-reply-textarea, -.page-add-reply .edit-reply-textarea, -.page-edit-reply .edit-reply-textarea { - resize: vertical; -} -.page-comments .user-name, -.add-comment .user-name, -.page-view-comments .user-name, -.container-edit-comment .user-name, -.container-add-reply .user-name, -.page-edit-comment .user-name, -.page-add-reply .user-name, -.page-edit-reply .user-name { - font-size: 17px; - line-height: 22px; - color: #000000; - margin: 0; - font-weight: bold; -} -.page-comments .comment-date, -.add-comment .comment-date, -.page-view-comments .comment-date, -.container-edit-comment .comment-date, -.container-add-reply .comment-date, -.page-edit-comment .comment-date, -.page-add-reply .comment-date, -.page-edit-reply .comment-date, -.page-comments .reply-date, -.add-comment .reply-date, -.page-view-comments .reply-date, -.container-edit-comment .reply-date, -.container-add-reply .reply-date, -.page-edit-comment .reply-date, -.page-add-reply .reply-date, -.page-edit-reply .reply-date { - font-size: 13px; - line-height: 18px; - color: #6d6d72; - margin: 0; - margin-top: 0px; -} -.page-comments .comment-text, -.add-comment .comment-text, -.page-view-comments .comment-text, -.container-edit-comment .comment-text, -.container-add-reply .comment-text, -.page-edit-comment .comment-text, -.page-add-reply .comment-text, -.page-edit-reply .comment-text, -.page-comments .reply-text, -.add-comment .reply-text, -.page-view-comments .reply-text, -.container-edit-comment .reply-text, -.container-add-reply .reply-text, -.page-edit-comment .reply-text, -.page-add-reply .reply-text, -.page-edit-reply .reply-text { - color: #000000; - font-size: 15px; - line-height: 25px; - margin: 0; - max-width: 100%; - padding-right: 15px; -} -.page-comments .comment-text pre, -.add-comment .comment-text pre, -.page-view-comments .comment-text pre, -.container-edit-comment .comment-text pre, -.container-add-reply .comment-text pre, -.page-edit-comment .comment-text pre, -.page-add-reply .comment-text pre, -.page-edit-reply .comment-text pre, -.page-comments .reply-text pre, -.add-comment .reply-text pre, -.page-view-comments .reply-text pre, -.container-edit-comment .reply-text pre, -.container-add-reply .reply-text pre, -.page-edit-comment .reply-text pre, -.page-add-reply .reply-text pre, -.page-edit-reply .reply-text pre { - white-space: pre-wrap; -} -.page-comments .reply-item, -.add-comment .reply-item, -.page-view-comments .reply-item, -.container-edit-comment .reply-item, -.container-add-reply .reply-item, -.page-edit-comment .reply-item, -.page-add-reply .reply-item, -.page-edit-reply .reply-item { - margin-top: 15px; - padding-right: 16px; - padding-top: 13px; -} -.page-comments .reply-item .header-reply, -.add-comment .reply-item .header-reply, -.page-view-comments .reply-item .header-reply, -.container-edit-comment .reply-item .header-reply, -.container-add-reply .reply-item .header-reply, -.page-edit-comment .reply-item .header-reply, -.page-add-reply .reply-item .header-reply, -.page-edit-reply .reply-item .header-reply { - display: flex; - justify-content: space-between; -} -.page-comments .reply-item .user-name, -.add-comment .reply-item .user-name, -.page-view-comments .reply-item .user-name, -.container-edit-comment .reply-item .user-name, -.container-add-reply .reply-item .user-name, -.page-edit-comment .reply-item .user-name, -.page-add-reply .reply-item .user-name, -.page-edit-reply .reply-item .user-name { - padding-top: 3px; -} -.page-comments .reply-item:before, -.add-comment .reply-item:before, -.page-view-comments .reply-item:before, -.container-edit-comment .reply-item:before, -.container-add-reply .reply-item:before, -.page-edit-comment .reply-item:before, -.page-add-reply .reply-item:before, -.page-edit-reply .reply-item:before { - content: ''; - position: absolute; - left: auto; - bottom: 0; - right: auto; - top: 0; - height: 1px; - width: 100%; - background-color: #c8c7cc; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -.page-comments .comment-quote, -.add-comment .comment-quote, -.page-view-comments .comment-quote, -.container-edit-comment .comment-quote, -.container-add-reply .comment-quote, -.page-edit-comment .comment-quote, -.page-add-reply .comment-quote, -.page-edit-reply .comment-quote { - color: #446995; - border-left: 1px solid #446995; - padding-left: 10px; - padding-right: 16px; - margin: 5px 0; - font-size: 15px; -} -.page-comments .wrap-comment, -.add-comment .wrap-comment, -.page-view-comments .wrap-comment, -.container-edit-comment .wrap-comment, -.container-add-reply .wrap-comment, -.page-edit-comment .wrap-comment, -.page-add-reply .wrap-comment, -.page-edit-reply .wrap-comment, -.page-comments .wrap-reply, -.add-comment .wrap-reply, -.page-view-comments .wrap-reply, -.container-edit-comment .wrap-reply, -.container-add-reply .wrap-reply, -.page-edit-comment .wrap-reply, -.page-add-reply .wrap-reply, -.page-edit-reply .wrap-reply { - padding: 16px 24px 0 16px; -} -.page-comments .comment-textarea, -.add-comment .comment-textarea, -.page-view-comments .comment-textarea, -.container-edit-comment .comment-textarea, -.container-add-reply .comment-textarea, -.page-edit-comment .comment-textarea, -.page-add-reply .comment-textarea, -.page-edit-reply .comment-textarea, -.page-comments .reply-textarea, -.add-comment .reply-textarea, -.page-view-comments .reply-textarea, -.container-edit-comment .reply-textarea, -.container-add-reply .reply-textarea, -.page-edit-comment .reply-textarea, -.page-add-reply .reply-textarea, -.page-edit-reply .reply-textarea, -.page-comments .edit-reply-textarea, -.add-comment .edit-reply-textarea, -.page-view-comments .edit-reply-textarea, -.container-edit-comment .edit-reply-textarea, -.container-add-reply .edit-reply-textarea, -.page-edit-comment .edit-reply-textarea, -.page-add-reply .edit-reply-textarea, -.page-edit-reply .edit-reply-textarea { - margin-top: 10px; - background: transparent; - outline: none; - width: 100%; - font-size: 17px; - border: none; - border-radius: 3px; - min-height: 100px; -} -.settings.popup .list-block ul.list-reply:last-child:after, -.settings.popover .list-block ul.list-reply:last-child:after { - display: none; -} -.container-edit-comment .page { - background-color: #FFFFFF; -} -.container-view-comment { - position: fixed; - -webkit-transition: height 100ms; - transition: height 120ms; - background-color: #FFFFFF; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - height: 50%; - box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12); -} -.container-view-comment .pages { - background-color: #FFFFFF; -} -.container-view-comment .page-view-comments { - background-color: #FFFFFF; -} -.container-view-comment .page-view-comments .list-block { - margin-bottom: 100px; -} -.container-view-comment .page-view-comments .list-block ul:before, -.container-view-comment .page-view-comments .list-block ul:after { - content: none; -} -.container-view-comment .page-view-comments .list-block .item-inner { - padding: 0; -} -.container-view-comment .toolbar { - position: fixed; - background-color: #FFFFFF; - box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); -} -.container-view-comment .toolbar:before { - content: none; -} -.container-view-comment .toolbar .toolbar-inner { - display: flex; - justify-content: space-between; - padding: 0 16px; -} -.container-view-comment .toolbar .toolbar-inner .button-left { - min-width: 80px; -} -.container-view-comment .toolbar .toolbar-inner .button-right { - min-width: 62px; - display: flex; - justify-content: space-between; -} -.container-view-comment .toolbar .toolbar-inner .button-right a { - padding: 0 12px; -} -.container-view-comment .swipe-container { - display: flex; - justify-content: center; - height: 40px; -} -.container-view-comment .swipe-container .icon-swipe { - margin-top: 8px; - width: 40px; - height: 4px; - background: rgba(0, 0, 0, 0.12); - border-radius: 2px; -} -.container-view-comment .list-block { - margin-top: 0; -} -.container-view-comment.popover { - position: absolute; - border-radius: 4px; - min-height: 170px; - height: 400px; - max-height: 600px; -} -.container-view-comment.popover .toolbar { - position: absolute; - border-radius: 0 0 4px 4px; -} -.container-view-comment.popover .toolbar .toolbar-inner { - padding-right: 0; -} -.container-view-comment.popover .pages { - position: absolute; -} -.container-view-comment.popover .pages .page { - border-radius: 13px; -} -.container-view-comment.popover .pages .page .page-content { - padding: 16px; - padding-bottom: 80px; -} -.container-view-comment.popover .pages .page .page-content .list-block { - margin-bottom: 0px; -} -.container-view-comment.popover .pages .page .page-content .list-block .item-content { - padding-left: 0; -} -.container-view-comment.popover .pages .page .page-content .list-block .item-content .header-comment, -.container-view-comment.popover .pages .page .page-content .list-block .item-content .reply-item { - padding-right: 0; -} -.container-view-comment.popover .pages .page .page-content .block-reply { - margin-top: 10px; -} -.container-view-comment.popover .pages .page .page-content .block-reply .reply-textarea { - min-height: 70px; - width: 278px; - border: 1px solid #c4c4c4; - border-radius: 6px; - padding: 5px; -} -.container-view-comment.popover .pages .page .page-content .edit-reply-textarea { - min-height: 60px; - width: 100%; - border: 1px solid #c4c4c4; - border-radius: 6px; - padding: 5px; - height: 60px; - margin-top: 10px; -} -.container-view-comment.popover .pages .page .page-content .comment-text { - padding-right: 0; -} -.container-view-comment.popover .pages .page .page-content .comment-text .comment-textarea { - border: 1px solid #c4c4c4; - border-radius: 6px; - padding: 8px; - min-height: 80px; - height: 80px; -} -#done-comment { - color: #446995; -} -.page-add-comment { - background-color: #FFFFFF; -} -.page-add-comment .wrap-comment, -.page-add-comment .wrap-reply { - padding: 16px 24px 0 16px; -} -.page-add-comment .wrap-comment .header-comment, -.page-add-comment .wrap-reply .header-comment { - justify-content: flex-start; -} -.page-add-comment .wrap-comment .user-name, -.page-add-comment .wrap-reply .user-name { - font-weight: bold; - font-size: 17px; - padding-left: 5px; -} -.page-add-comment .wrap-comment .comment-date, -.page-add-comment .wrap-reply .comment-date { - font-size: 13px; - color: #6d6d72; - padding-left: 5px; -} -.page-add-comment .wrap-comment .wrap-textarea, -.page-add-comment .wrap-reply .wrap-textarea { - margin-top: 16px; - padding-right: 6px; -} -.page-add-comment .wrap-comment .wrap-textarea .comment-textarea, -.page-add-comment .wrap-reply .wrap-textarea .comment-textarea { - font-size: 17px; - border: none; - margin-top: 0; - min-height: 100px; - border-radius: 4px; - width: 100%; - padding-left: 5px; -} -.page-add-comment .wrap-comment .wrap-textarea .comment-textarea::placeholder, -.page-add-comment .wrap-reply .wrap-textarea .comment-textarea::placeholder { - color: #8e8e93; - font-size: 17px; -} -.container-add-reply { - height: 100%; -} -.container-add-reply .navbar a.link i + span { - margin-left: 0; -} -.container-add-reply .page { - background-color: #FFFFFF; -} -.actions-modal-button.color-red { - color: #ff3b30; -} -.page-edit-comment, -.page-add-reply, -.page-edit-reply { - background-color: #FFFFFF; -} -.page-edit-comment .header-comment, -.page-add-reply .header-comment, -.page-edit-reply .header-comment { - justify-content: flex-start; -} -.page-edit-comment .navbar .right, -.page-add-reply .navbar .right, -.page-edit-reply .navbar .right { - height: 100%; -} -.page-edit-comment .navbar .right #add-reply, -.page-add-reply .navbar .right #add-reply, -.page-edit-reply .navbar .right #add-reply, -.page-edit-comment .navbar .right #edit-comment, -.page-add-reply .navbar .right #edit-comment, -.page-edit-reply .navbar .right #edit-comment, -.page-edit-comment .navbar .right #edit-reply, -.page-add-reply .navbar .right #edit-reply, -.page-edit-reply .navbar .right #edit-reply { - display: flex; - align-items: center; - padding-left: 16px; - padding-right: 16px; - height: 100%; -} -.container-edit-comment { - position: fixed; -} -.tablet .searchbar.document.replace .center .searchbar:first-child { - margin-right: 10px; -} -.tablet .searchbar.document.replace .center .replace { - display: flex; -} -.tablet .searchbar.document.replace .right .replace { - display: flex; - margin: 0 10px; -} -.tablet .searchbar.document .center { - width: 100%; -} -.tablet .searchbar.document .center .searchbar { - background: inherit; - padding: 0; -} -.tablet .searchbar.document .center .replace { - display: none; -} -.tablet .searchbar.document .right .prev { - margin-left: 0; -} -.tablet .searchbar.document .right .replace { - display: none; -} -.phone .searchbar.document.replace { - height: 88px; -} -.phone .searchbar.document.replace .left { - margin-top: -44px; -} -.phone .searchbar.document.replace .center .searchbar-input { - margin: 8px 0; -} -.phone .searchbar.document.replace .center .replace { - display: block; -} -.phone .searchbar.document.replace .right > .replace { - display: flex; -} -.phone .searchbar.document .left, -.phone .searchbar.document .center, -.phone .searchbar.document .right { - flex-direction: column; -} -.phone .searchbar.document .left { - min-width: 22px; - max-width: 22px; -} -.phone .searchbar.document .center { - width: 100%; -} -.phone .searchbar.document .center .searchbar { - background: inherit; - padding: 0; -} -.phone .searchbar.document .center .searchbar:after { - content: none; -} -.phone .searchbar.document .center .replace { - display: none; -} -.phone .searchbar.document .right > p { - margin: 0; -} -.phone .searchbar.document .right > .replace { - display: none; -} -.searchbar.document { - background-color: #f7f7f8; -} -i.icon.icon-logo { - width: 100px; - height: 14px; - background: url('../../../../common/mobile/resources/img/header/logo-ios.svg') no-repeat center; -} -i.icon.icon-search { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M15.8%2C15c1.4-1.6%2C2.2-3.7%2C2.2-5.9c0-5-4-9-9-9C4%2C0%2C0%2C4%2C0%2C9c0%2C5%2C4%2C9%2C9%2C9c2.3%2C0%2C4.4-0.9%2C5.9-2.2l5.8%2C5.8l0.2-0.6l0.7-0.2L15.8%2C15z%20M9%2C17c-4.4%2C0-8-3.6-8-8c0-4.4%2C3.6-8%2C8-8c4.4%2C0%2C8%2C3.6%2C8%2C8C17%2C13.5%2C13.5%2C17%2C9%2C17z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-burger { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%222%22%20y%3D%2217%22%20width%3D%2218%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%2218%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%2218%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-edit { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2219.3%2C5.3%206.1%2C18.4%204.6%2C16.9%2017.8%2C3.8%2017.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-edit-settings { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M8%201L3%2015h1.19995l1.77686-5h5.04638l.61573%201.7325.87988-.87988L9%201zm.5%201.9L10.66772%209H6.33228z%22%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M18.3%2011.3l-9.2%209.1-1.5-1.5%209.2-9.1-.7-.7-9.6%209.6L6%2022l3.3-.5%209.6-9.6zm1.2%200L21%209.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5%201.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-undo { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M22%2C16v2h-1v-2l0%2C0c0-2.9-2.1-5-5-5l0%2C0H1.9L5%2C14c0.1%2C0.1%2C0.1%2C0.2%2C0%2C0.3l-0.4%2C0.4c-0.1%2C0.1-0.2%2C0.1-0.3%2C0l-4.2-4.2c-0.1-0.1-0.1-0.2%2C0-0.3l0.4-0.4h0.1L4.4%2C6c0.1-0.1%2C0.2-0.1%2C0.3%2C0l0.5%2C0.4c0.1%2C0.1%2C0.1%2C0.2%2C0%2C0.3L1.9%2C10H16l0%2C0C19.3%2C10%2C22%2C12.7%2C22%2C16L22%2C16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-redo { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C16c0-3.3%2C2.7-6%2C6-6v0h14.1l-3.3-3.3c-0.1-0.1-0.1-0.2%2C0-0.3L17.3%2C6c0.1-0.1%2C0.2-0.1%2C0.3%2C0l3.8%2C3.8c0%2C0%2C0.1%2C0%2C0.1%2C0l0.4%2C0.4c0.1%2C0.1%2C0.1%2C0.2%2C0%2C0.3l-4.2%2C4.2c-0.1%2C0.1-0.2%2C0.1-0.3%2C0l-0.4-0.4c-0.1-0.1-0.1-0.2%2C0-0.3l3.1-3H6v0c-2.9%2C0-5%2C2.1-5%2C5h0v2H0L0%2C16L0%2C16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-reader { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M17%2C21H1V9h6V2l0%2C0h10v5h1V1H6.2L0%2C7.6V22h18v-3h-1V21z%20M6%2C2.8V8H1.1L6%2C2.8z%20M13%2C8c-5.1%2C0-9%2C5-9%2C5s4.1%2C5%2C9%2C5c5%2C0%2C9-5%2C9-5S18%2C8%2C13%2C8z%20M8.7%2C15.5C6.8%2C14.4%2C6.4%2C13%2C6.4%2C13s0.4-1.5%2C2.4-2.6C8.3%2C11.2%2C8%2C12%2C8%2C13C8%2C13.9%2C8.3%2C14.8%2C8.7%2C15.5z%20M13%2C16.7c-2.1%2C0-3.7-1.7-3.7-3.7c0-2.1%2C1.7-3.7%2C3.7-3.7c2.1%2C0%2C3.7%2C1.7%2C3.7%2C3.7C16.7%2C15.1%2C15.1%2C16.7%2C13%2C16.7z%20M17.3%2C15.5c0.4-0.7%2C0.7-1.6%2C0.7-2.5c0-1-0.3-1.8-0.7-2.6c2%2C1.1%2C3.4%2C2.6%2C3.4%2C2.6S19.2%2C14.4%2C17.3%2C15.5z%20M13%2C11.7c-0.7%2C0-1.3%2C0.6-1.3%2C1.3s0.6%2C1.3%2C1.3%2C1.3s1.3-0.6%2C1.3-1.3S13.7%2C11.7%2C13%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-download { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23446995%22%3E%3Cpath%20d%3D%22M12%200H11L11%2014L7.39999%2010.3L6.69999%2011.1L11.5%2016L16.3%2011.1L15.6%2010.3L12%2014L12%200Z%22%2F%3E%3Cpath%20d%3D%22M14%205V6H19V20H4V6H9V5H3V21H20V5H14Z%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-print { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-0%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%201H17V6H21V17H17V21H5V17H1V6H5V1ZM6%206H16V2H6V6ZM5%2016V13H2V16H5ZM2%2012H20V7H2V12ZM20%2013H17V16H20V13ZM16%2013H6V20H16V13ZM14%2016H8V15H14V16ZM14%2018H8V17H14V18Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-spellcheck { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%201L3%2015H4.2L5.97686%2010H11.0231L11.6768%2011.8394C11.955%2011.5504%2012.262%2011.2892%2012.593%2011.0605L9%201H8ZM8.5%202.9L10.6678%209H6.33223L8.5%202.9Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2021C18.7614%2021%2021%2018.7614%2021%2016C21%2013.2386%2018.7614%2011%2016%2011C13.2386%2011%2011%2013.2386%2011%2016C11%2018.7614%2013.2386%2021%2016%2021ZM15.3536%2018.3536L19.3536%2014.3536L18.6464%2013.6464L15%2017.2929L13.3536%2015.6464L12.6464%2016.3536L14.6464%2018.3536L15%2018.7071L15.3536%2018.3536Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-review { - width: 22px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-0%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M2%202H19V6H18V3H3V19H18V13H19V20H2V2Z%22%2F%3E%3Cpath%20d%3D%22M15%207H6V6H15V7Z%22%2F%3E%3Cpath%20d%3D%22M6%209H15V8H6V9Z%22%2F%3E%3Cpath%20d%3D%22M13%2011H6V10H13V11Z%22%2F%3E%3Cpath%20d%3D%22M6%2013H11V12H6V13Z%22%2F%3E%3Cpath%20d%3D%22M10%2015H6V14H10V15Z%22%2F%3E%3Cpath%20d%3D%22M12%2014.5V16H13.5L21.5%208L20%206.5L12%2014.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-doc-setup { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-4%206%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20id%3D%22XMLID_2_%22%20d%3D%22M15%2C27H-1V15h6V8l0%2C0h10V27z%20M16%2C7H4.2L-2%2C13.6V28h18V7z%20M4%2C8.8V14h-4.9L4%2C8.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-info { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M10%2C17h2V8h-2V17z%20M11%2C1C5.5%2C1%2C1%2C5.5%2C1%2C11s4.5%2C10%2C10%2C10s10-4.5%2C10-10S16.5%2C1%2C11%2C1z%20M11%2C20c-5%2C0-9-4-9-9s4-9%2C9-9s9%2C4%2C9%2C9S16%2C20%2C11%2C20z%20M10%2C7h2V5h-2V7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-plus { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M22%2C12H12v10h-1V12H1v-1h10V1h1v10h10V12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-settings { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M11.8%2C3l0.4%2C2c0.1%2C0.7%2C0.6%2C1.1%2C1.3%2C1.1c0.3%2C0%2C0.5-0.1%2C0.7-0.2l1.9-1.2l1.1%2C1.1l-1.1%2C1.8C15.8%2C8%2C15.8%2C8.5%2C16%2C8.9c0.2%2C0.4%2C0.5%2C0.7%2C1%2C0.8l2.1%2C0.5v1.6L17%2C12.2c-0.5%2C0.1-0.8%2C0.4-1%2C0.8c-0.2%2C0.4-0.1%2C0.9%2C0.1%2C1.2l1.2%2C1.9l-1.1%2C1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6%2C0-1.2%2C0.5-1.3%2C1.1l-0.5%2C2.1h-1.6l-0.4-2C9.7%2C16.4%2C9.2%2C16%2C8.5%2C16c-0.3%2C0-0.5%2C0.1-0.7%2C0.2l-1.9%2C1.2l-1.1-1.1l1.1-1.8c0.3-0.4%2C0.3-0.9%2C0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1%2C0.8-0.4%2C1-0.8C6.1%2C8.7%2C6%2C8.2%2C5.8%2C7.9l-1-2l1.1-1.1l1.8%2C1.1C8%2C6.1%2C8.2%2C6.2%2C8.5%2C6.2c0.6%2C0%2C1.2-0.5%2C1.3-1.1L10.3%2C3H11.8%20M11%2C15.5c2.5%2C0%2C4.5-2%2C4.5-4.5s-2-4.5-4.5-4.5s-4.5%2C2-4.5%2C4.5S8.5%2C15.5%2C11%2C15.5%20M12.1%2C2H9.9C9.6%2C2%2C9.4%2C2.2%2C9.3%2C2.5L8.8%2C4.9c0%2C0.2-0.2%2C0.3-0.3%2C0.3s-0.1%2C0-0.2-0.1L6.2%2C3.8C6.1%2C3.7%2C6%2C3.7%2C5.8%2C3.7c-0.1%2C0-0.3%2C0-0.4%2C0.1L3.8%2C5.4c-0.1%2C0.2-0.2%2C0.5%2C0%2C0.8l1.3%2C2.1c0.1%2C0.2%2C0.1%2C0.4-0.2%2C0.5L2.5%2C9.3C2.2%2C9.4%2C2%2C9.6%2C2%2C9.9v2.2c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.6l2.4%2C0.5c0.3%2C0.1%2C0.4%2C0.3%2C0.2%2C0.5l-1.3%2C2.1c-0.2%2C0.2-0.1%2C0.6%2C0.1%2C0.8l1.6%2C1.6c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2s0.2%2C0%2C0.3-0.1L8.3%2C17c0.1-0.1%2C0.1-0.1%2C0.2-0.1s0.3%2C0.1%2C0.3%2C0.3l0.5%2C2.3C9.4%2C19.8%2C9.6%2C20%2C9.9%2C20h2.2c0.3%2C0%2C0.5-0.2%2C0.6-0.5l0.5-2.4c0-0.2%2C0.1-0.3%2C0.3-0.3c0.1%2C0%2C0.1%2C0%2C0.2%2C0.1l2.1%2C1.3c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.2%2C0%2C0.3-0.1%2C0.4-0.2l1.6-1.6c0.2-0.2%2C0.2-0.5%2C0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5%2C0.2-0.5l2.4-0.5c0.3-0.1%2C0.5-0.3%2C0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2%2C0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1%2C0-0.2%2C0-0.3%2C0.1l-2.1%2C1.3C13.6%2C5%2C13.6%2C5%2C13.5%2C5c-0.1%2C0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6%2C2.2%2C12.4%2C2%2C12.1%2C2L12.1%2C2z%20M11%2C14.5c-1.9%2C0-3.5-1.6-3.5-3.5S9.1%2C7.5%2C11%2C7.5s3.5%2C1.6%2C3.5%2C3.5S12.9%2C14.5%2C11%2C14.5L11%2C14.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-about { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-1%207%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3%2C0.7-0.6%2C0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8%2C0l-8.9%2C4.1C-0.9%2C13.8-1%2C14.1-1%2C14.3s0.1%2C0.6%2C0.7%2C0.9l2.6%2C1.2l-2.6%2C1.2C-0.9%2C18-1%2C18.4-1%2C18.5c0%2C0.2%2C0.1%2C0.6%2C0.7%2C0.9l2.5%2C1.2l-2.5%2C1.2C-0.9%2C22.1-1%2C22.5-1%2C22.7c0%2C0.3%2C0.1%2C0.6%2C0.7%2C0.9l8.9%2C4.1c0.5%2C0.2%2C0.8%2C0.3%2C1.4%2C0.3s1-0.1%2C1.4-0.3l8.9-4.1c0.6-0.4%2C0.7-0.6%2C0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9%2C19.2%2C21%2C18.8%2C21%2C18.5z%20M-0.2%2C14.3L-0.2%2C14.3c0%2C0%2C0.1-0.1%2C0.3-0.2L9%2C10c0.6-0.3%2C1.5-0.3%2C2%2C0l8.9%2C4.1c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.2l0%2C0c0%2C0-0.1%2C0.1-0.3%2C0.2L11%2C18.6c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1C-0.1%2C14.4-0.2%2C14.3-0.2%2C14.3z%20M20.2%2C22.7L20.2%2C22.7c0%2C0-0.1%2C0.1-0.3%2C0.2L11%2C27.1c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0%2C0c0%2C0%2C0.1-0.1%2C0.3-0.2l3-1.5l5.5%2C2.6c0.7%2C0.4%2C1.9%2C0.4%2C2.8%2C0l5.5-2.6l3%2C1.5C20.1%2C22.7%2C20.2%2C22.7%2C20.2%2C22.7z%20M19.9%2C18.7L11%2C22.8c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0%2C0c0%2C0%2C0.1-0.1%2C0.3-0.2l3-1.5l5.5%2C2.6c0.7%2C0.4%2C1.9%2C0.4%2C2.8%2C0l5.5-2.6l3%2C1.5c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.2l0%2C0C20.2%2C18.5%2C20.1%2C18.6%2C19.9%2C18.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-help { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M11.6%2C1.3c-3.3%2C0-6%2C2.8-6%2C6.2c0.3%2C0%2C0.7%2C0%2C0.9%2C0c0-2.9%2C2.3-5.2%2C5.1-5.2s5.1%2C2.3%2C5.1%2C5.2c0%2C1.7-1.9%2C3.2-3%2C4.3C12.9%2C12.6%2C11%2C14.2%2C11%2C16c0%2C1.2%2C0%2C2.2%2C0%2C2.7c0.3%2C0%2C0.6%2C0%2C0.9%2C0c0-0.6%2C0-1.6%2C0-2.5c0-1.4%2C1.1-2.4%2C2.2-3.5c1.7-1.5%2C3.5-3.1%2C3.5-5.2C17.6%2C4.1%2C14.9%2C1.3%2C11.6%2C1.3z%20M11.5%2C20.2c-0.3%2C0-0.5%2C0.2-0.5%2C0.5v0.8c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.5s0.5-0.2%2C0.5-0.5v-0.8C11.9%2C20.4%2C11.7%2C20.2%2C11.5%2C20.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-versions { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-1%207%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M19%2C12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1%2C0-2%2C0.9-2%2C2c-1.1%2C0-2%2C0.9-2%2C2c-1.1%2C0-2%2C0.9-2%2C2v12c0%2C1.1%2C0.9%2C2%2C2%2C2h18c1.1%2C0%2C2-0.9%2C2-2V14C21%2C12.9%2C20.1%2C12%2C19%2C12z%20M5%2C9h10c0.6%2C0%2C1%2C0.4%2C1%2C1H4C4%2C9.4%2C4.4%2C9%2C5%2C9z%20M3%2C11h14c0.6%2C0%2C1%2C0.4%2C1%2C1H2C2%2C11.4%2C2.4%2C11%2C3%2C11z%20M20%2C26c0%2C0.6-0.4%2C1-1%2C1H1c-0.6%2C0-1-0.4-1-1V14c0-0.6%2C0.4-1%2C1-1h18c0.6%2C0%2C1%2C0.4%2C1%2C1V26z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-additional { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M18.5%2C15.5c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2S19.6%2C15.5%2C18.5%2C15.5z%20M18.5%2C18.5c-0.6%2C0-1-0.4-1-1c0-0.6%2C0.4-1%2C1-1s1%2C0.4%2C1%2C1C19.5%2C18.1%2C19.1%2C18.5%2C18.5%2C18.5z%20M18.5%2C7.5c1.1%2C0%2C2-0.9%2C2-2c0-1.1-0.9-2-2-2s-2%2C0.9-2%2C2C16.5%2C6.6%2C17.4%2C7.5%2C18.5%2C7.5z%20M18.5%2C4.5c0.6%2C0%2C1%2C0.4%2C1%2C1s-0.4%2C1-1%2C1s-1-0.4-1-1S17.9%2C4.5%2C18.5%2C4.5z%20M18.5%2C9.5c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2S19.6%2C9.5%2C18.5%2C9.5z%20M18.5%2C12.5c-0.6%2C0-1-0.4-1-1c0-0.6%2C0.4-1%2C1-1s1%2C0.4%2C1%2C1C19.5%2C12.1%2C19.1%2C12.5%2C18.5%2C12.5z%20M6.9%2C3.8L1%2C18.9h1.5l1.8-4.7h6.9l1.7%2C4.7h1.5L8.6%2C3.8H6.9z%20M4.7%2C12.9l3-7.9l3%2C7.9H4.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-color { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M8.9%2C12l2.3-6.3l2.2%2C6.3H8.9z%20M4.7%2C17.8h2l1.6-4.3h5.6l1.5%2C4.3h2.1L12.3%2C3.5h-2.2L4.7%2C17.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-selection { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M7.6%2C10.3c0.2%2C0.3%2C0.4%2C0.4%2C0.5%2C0.5c0.3%2C0.2%2C0.6%2C0.3%2C1%2C0.3c0.7%2C0%2C1.3-0.3%2C1.7-0.8c0.4-0.5%2C0.6-1.2%2C0.6-2.1c0-0.9-0.2-1.5-0.6-2c-0.4-0.4-0.9-0.7-1.6-0.7c-0.3%2C0-0.6%2C0.1-0.9%2C0.2C8%2C6%2C7.8%2C6.2%2C7.6%2C6.4V3.8H6.8V11h0.8V10.3z%20M8%2C6.9c0.3-0.3%2C0.7-0.4%2C1.1-0.4c0.5%2C0%2C0.8%2C0.2%2C1%2C0.5c0.2%2C0.4%2C0.4%2C0.8%2C0.4%2C1.4c0%2C0.6-0.1%2C1.1-0.4%2C1.5c-0.2%2C0.4-0.6%2C0.6-1.1%2C0.6c-0.6%2C0-1.1-0.3-1.3-0.9C7.6%2C9.2%2C7.6%2C8.8%2C7.6%2C8.3C7.6%2C7.7%2C7.7%2C7.2%2C8%2C6.9z%20M5.7%2C10.4c-0.1%2C0-0.2%2C0-0.2-0.1c0-0.1-0.1-0.1-0.1-0.2v-3c0-0.5-0.2-0.9-0.6-1.1C4.4%2C5.8%2C4%2C5.6%2C3.3%2C5.6c-0.5%2C0-1%2C0.1-1.4%2C0.4C1.5%2C6.3%2C1.3%2C6.7%2C1.3%2C7.4h0.8c0-0.3%2C0.1-0.5%2C0.2-0.6c0.2-0.2%2C0.5-0.4%2C1-0.4c0.4%2C0%2C0.7%2C0.1%2C0.9%2C0.2c0.2%2C0.1%2C0.3%2C0.4%2C0.3%2C0.7c0%2C0.1%2C0%2C0.3-0.1%2C0.3C4.4%2C7.7%2C4.3%2C7.8%2C4.1%2C7.8L2.7%2C8C2.2%2C8.1%2C1.8%2C8.2%2C1.5%2C8.5C1.2%2C8.8%2C1%2C9.1%2C1%2C9.6c0%2C0.4%2C0.2%2C0.8%2C0.5%2C1.1c0.3%2C0.3%2C0.7%2C0.4%2C1.2%2C0.4c0.4%2C0%2C0.8-0.1%2C1.1-0.3c0.3-0.2%2C0.6-0.4%2C0.8-0.6c0%2C0.2%2C0.1%2C0.4%2C0.2%2C0.5c0.1%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3c0.1%2C0%2C0.2%2C0%2C0.3%2C0c0.1%2C0%2C0.2%2C0%2C0.3-0.1v-0.6c-0.1%2C0-0.1%2C0-0.2%2C0C5.8%2C10.4%2C5.7%2C10.4%2C5.7%2C10.4z%20M4.5%2C9.1c0%2C0.5-0.2%2C0.9-0.7%2C1.2c-0.3%2C0.1-0.6%2C0.2-0.9%2C0.2c-0.3%2C0-0.5-0.1-0.7-0.2C2%2C10.1%2C2%2C9.9%2C2%2C9.6C2%2C9.3%2C2.1%2C9%2C2.4%2C8.9c0.2-0.1%2C0.4-0.2%2C0.7-0.2l0.5-0.1c0.2%2C0%2C0.3-0.1%2C0.5-0.1c0.2%2C0%2C0.3-0.1%2C0.4-0.2V9.1z%20M18.5%2C5L8.3%2C15.3l-0.5%2C2c-0.6%2C0.4-1.3%2C0.3-1.5%2C0.6c-0.3%2C0.4%2C0.9%2C0.4%2C1.5%2C0.3c0.4%2C0%2C0.5%2C0%2C0.5-0.2l2.2-0.6L20.7%2C7.1L18.5%2C5z%20M9%2C15.3l9.5-9.5L20%2C7.1l-9.5%2C9.5L9%2C15.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-bullets { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M7%2C4v1h15V4H7z%20M1%2C6h3V3H1V6z%20M7%2C12h15v-1H7V12z%20M1%2C13h3v-3H1V13z%20M7%2C19h15v-1H7V19z%20M1%2C20h3v-3H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-numbers { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M7%2C3.8v1h15v-1H7z%20M7%2C11.8h15v-1H7V11.8z%20M7%2C18.8h15v-1H7V18.8z%20M3.1%2C6.9h0.7V2H3.3C3.2%2C2.4%2C3.1%2C2.6%2C2.9%2C2.7C2.7%2C2.8%2C2.4%2C2.9%2C2%2C2.9v0.5h1.2V6.9z%20M3.3%2C9C2.6%2C9%2C2.1%2C9.2%2C1.9%2C9.7c-0.2%2C0.3-0.2%2C0.6-0.2%2C1h0.6c0-0.3%2C0.1-0.5%2C0.1-0.7c0.2-0.3%2C0.5-0.5%2C0.9-0.5c0.3%2C0%2C0.5%2C0.1%2C0.7%2C0.3s0.3%2C0.4%2C0.3%2C0.7c0%2C0.2-0.1%2C0.5-0.3%2C0.7c-0.1%2C0.1-0.3%2C0.3-0.6%2C0.4l-0.7%2C0.4c-0.4%2C0.3-0.7%2C0.5-0.9%2C0.9c-0.2%2C0.3-0.2%2C0.7-0.3%2C1.1h3.4v-0.6H2.2c0.1-0.2%2C0.2-0.5%2C0.4-0.7c0.1-0.1%2C0.3-0.2%2C0.5-0.4L3.6%2C12c0.4-0.2%2C0.7-0.4%2C0.9-0.6c0.3-0.3%2C0.4-0.6%2C0.4-1c0-0.4-0.1-0.7-0.4-1C4.3%2C9.1%2C3.9%2C9%2C3.3%2C9z%20M4.1%2C18.3c0.2-0.1%2C0.3-0.2%2C0.4-0.3c0.2-0.2%2C0.2-0.4%2C0.2-0.7c0-0.4-0.1-0.7-0.4-1C4%2C16.1%2C3.6%2C16%2C3.1%2C16c-0.6%2C0-1.1%2C0.2-1.3%2C0.7c-0.1%2C0.3-0.2%2C0.6-0.2%2C0.9h0.6c0-0.3%2C0.1-0.5%2C0.1-0.6c0.2-0.3%2C0.4-0.4%2C0.9-0.4c0.2%2C0%2C0.4%2C0.1%2C0.6%2C0.2C4%2C16.9%2C4.1%2C17%2C4.1%2C17.3c0%2C0.3-0.1%2C0.6-0.4%2C0.7c-0.1%2C0.1-0.3%2C0.1-0.6%2C0.1c-0.1%2C0-0.1%2C0-0.1%2C0c0%2C0-0.1%2C0-0.2%2C0v0.5c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0c0.4%2C0%2C0.7%2C0.1%2C0.9%2C0.2c0.2%2C0.1%2C0.3%2C0.4%2C0.3%2C0.7c0%2C0.3-0.1%2C0.5-0.3%2C0.7c-0.2%2C0.2-0.5%2C0.3-0.8%2C0.3c-0.4%2C0-0.7-0.1-0.9-0.4c-0.1-0.1-0.2-0.4-0.2-0.7H1.5c0%2C0.5%2C0.1%2C0.8%2C0.4%2C1.2C2.1%2C20.8%2C2.5%2C21%2C3.1%2C21c0.6%2C0%2C1-0.1%2C1.3-0.4c0.3-0.3%2C0.5-0.7%2C0.5-1.1c0-0.3-0.1-0.5-0.2-0.7C4.5%2C18.5%2C4.3%2C18.3%2C4.1%2C18.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-linespacing { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpolygon%20id%3D%22XMLID_7_%22%20points%3D%2222%2C4%2022%2C3%2012%2C3%2011%2C3%201%2C3%201%2C4%2011%2C4%2011%2C4.3%208%2C7.4%208.7%2C8.1%2011%2C5.7%2011%2C17.3%208.7%2C14.9%208%2C15.6%2011%2C18.7%2011%2C19%201%2C19%201%2C20%2011%2C20%2012%2C20%2022%2C20%2022%2C19%2012%2C19%2012%2C18.6%2015%2C15.6%2014.3%2C14.9%2012%2C17.2%2012%2C5.8%2014.3%2C8.1%2015%2C7.4%2012%2C4.4%2012%2C4%20%09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-align-center { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M4%2C7v1h14V7H4z%20M1%2C12h21v-1H1V12z%20M4%2C15v1h14v-1H4z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-align-jast { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M1%2C8h21V7H1V8z%20M1%2C12h21v-1H1V12z%20M1%2C16h21v-1H1V16z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-align-left { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M15%2C7H1v1h14V7z%20M1%2C12h21v-1H1V12z%20M15%2C15H1v1h14V15z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-align-right { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M8%2C8h14V7H8V8z%20M22%2C11H1v1h21V11z%20M8%2C16h14v-1H8V16z%20M22%2C19H1v1h21V19z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-de-indent { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M11%2C15h11v1H11V15z%20M11%2C11h11v1H11V11z%20M11%2C7h11v1H11V7z%20M6.3%2C7L7%2C7.7l-3.8%2C3.8L7%2C15.3L6.3%2C16L2%2C11.8l-0.2-0.3L2%2C11.2L6.3%2C7z%20M1%2C3h21v1H1V3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-in-indent { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M12%2C16H1v-1h11V16z%20M12%2C12H1v-1h11V12z%20M12%2C8H1V7h11V8z%20M21%2C11.2l0.2%2C0.3L21%2C11.8L16.7%2C16L16%2C15.3l3.8-3.8L16%2C7.7L16.7%2C7L21%2C11.2z%20M22%2C4H1V3h21V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-prev, -i.icon.icon-prev-comment { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M16%2C20.5L15%2C21.5L4.5%2C11l0%2C0l0%2C0L15%2C0.5L16%2C1.5L6.6%2C11L16%2C20.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-next, -i.icon.icon-next-comment { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M15.5%2C11L6%2C1.5l1.1-1.1L17.5%2C11l0%2C0l0%2C0L7.1%2C21.5L6%2C20.5L15.5%2C11z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-add-column-left { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M15%2C19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z%20M15%2C18h6v-3h-6V18z%20M15%2C14h6v-3h-6V14z%20M8%2C18h6v-3H8V18z%20M8%2C14h6v-3H8V14z%20M14%2C10V7H8v3H14z%20M8%2C3v3h6V3H8z%20M21%2C3h-6v3h6V3z%20M15%2C7v3h6V7H15z%20M3%2C16h1v2h2v1H4v2H3v-2H1v-1h2V16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-add-column-right { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z%20M7%2C15H1v3h6V15z%20M7%2C11H1v3h6V11z%20M14%2C15H8v3h6V15z%20M14%2C11H8v3h6V11z%20M14%2C10V7H8v3H14z%20M8%2C3v3h6V3H8z%20M1%2C6h6V3H1V6z%20M1%2C7v3h6V7H1z%20M19%2C18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-add-row-above { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z%20M7%2C8H1v3h6V8z%20M7%2C12H1v3h6V12z%20M7%2C16H1v3h6V16z%20M8%2C19h6v-3H8V19z%20M8%2C15h6v-3H8V15z%20M8%2C11h6V8H8V11z%20M21%2C8h-6v3h6V8z%20M21%2C12h-6v3h6V12z%20M21%2C16h-6v3h6V16z%20M19%2C6h-1V4h-2V3h2V1h1v2h2v1h-2V6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-add-row-below { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M22%2C1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z%20M7%2C10H1v3h6V10z%20M7%2C6H1v3h6V6z%20M7%2C2H1v3h6V2z%20M8%2C5h6V2H8V5z%20M8%2C9h6V6H8V9z%20M8%2C13h6v-3H8V13z%20M21%2C10h-6v3h6V10z%20M21%2C6h-6v3h6V6z%20M21%2C2h-6v3h6V2z%20M19%2C17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-remove-column { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C19h-6h-1h-1.6c-0.9%2C1.8-2.7%2C3-4.9%2C3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z%20M7.5%2C12C5%2C12%2C3%2C14%2C3%2C16.5S5%2C21%2C7.5%2C21s4.5-2%2C4.5-4.5S10%2C12%2C7.5%2C12z%20M14%2C3H8v3h6V3z%20M14%2C7H8v3h6V7z%20M14%2C11H8v0.1c1.9%2C0.2%2C3.5%2C1.3%2C4.4%2C2.9H14V11z%20M14%2C15h-1.2c0.1%2C0.5%2C0.2%2C1%2C0.2%2C1.5c0%2C0.5-0.1%2C1-0.2%2C1.5H14V15z%20M21%2C3h-6v3h6V3z%20M21%2C7h-6v3h6V7z%20M21%2C11h-6v3h6V11z%20M21%2C15h-6v3h6V15z%20M9.6%2C19.3l-2.1-2.1l-2.1%2C2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1%2C2.1l2.1-2.1l0.7%2C0.7l-2.1%2C2.1l2.1%2C2.1L9.6%2C19.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-remove-row { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C19h-6h-1h-1.6c-0.9%2C1.8-2.7%2C3-4.9%2C3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z%20M1%2C18h1.2C2.1%2C17.5%2C2%2C17%2C2%2C16.5c0-0.5%2C0.1-1%2C0.2-1.5H1V18z%20M7%2C3H1v3h6V3z%20M7%2C7H1v3h6V7z%20M7.5%2C12C5%2C12%2C3%2C14%2C3%2C16.5S5%2C21%2C7.5%2C21s4.5-2%2C4.5-4.5S10%2C12%2C7.5%2C12z%20M14%2C3H8v3h6V3z%20M14%2C7H8v3h6V7z%20M14%2C15h-1.2c0.1%2C0.5%2C0.2%2C1%2C0.2%2C1.5c0%2C0.5-0.1%2C1-0.2%2C1.5H14V15z%20M21%2C3h-6v3h6V3z%20M21%2C7h-6v3h6V7z%20M21%2C15h-6v3h6V15z%20M9.6%2C19.3l-2.1-2.1l-2.1%2C2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1%2C2.1l2.1-2.1l0.7%2C0.7l-2.1%2C2.1l2.1%2C2.1L9.6%2C19.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-expand-down { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M20.5%2C6.5l1.1%2C1.1L11%2C18l0%2C0l0%2C0L0.5%2C7.5l1.1-1.1l9.5%2C9.5L20.5%2C6.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-pagebreak { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M8%2C14v1h1v-1H8z%20M6%2C14v1h1v-1H6z%20M18%2C21H3v-6H2v7h17v-7h-1V21z%20M4%2C14v1h1v-1H4z%20M14%2C14v1h1v-1H14z%20M10%2C14v1h1v-1H10z%20M8.2%2C1L2%2C7.6V14h1V9h6V2l0%2C0h9v12h1V1H8.2z%20M8%2C8H3.1L8%2C2.8V8z%20M12%2C14v1h1v-1H12z%20M16%2C14v1h1v-1H16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-sectionbreak { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M20%2C14V2H3v12H2V1h19v13H20z%20M5%2C14v1H4v-1H5z%20M7%2C14v1H6v-1H7z%20M9%2C14v1H8v-1H9z%20M11%2C14v1h-1v-1H11z%20M13%2C14v1h-1v-1H13z%20M15%2C14v1h-1v-1H15z%20M17%2C14v1h-1v-1H17z%20M18%2C14h1v1h-1V14z%20M3%2C21h17v-6h1v7H2v-7h1V21z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-stringbreak { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M18%2C12H5.1L9%2C15.9l-0.7%2C0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9%2C7.1L5.1%2C11H18V5h1v6v1H18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-pagenumber { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M8.2%2C1L2%2C7.6V22h17V1H8.2z%20M8%2C2.8V8H3.1L8%2C2.8z%20M18%2C21H3V9h6V2l0%2C0h9V21z%20M12%2C19h1v-4h-0.7c0%2C0.2-0.1-0.1-0.1%2C0c-0.1%2C0.1-0.2%2C0-0.3%2C0c-0.1%2C0.1-0.2%2C0.1-0.4%2C0.1c-0.1%2C0-0.3%2C0-0.4%2C0V16H12V19z%20M15.3%2C17.3C15%2C17.9%2C15.1%2C18.4%2C15%2C19h0.9c0-0.3%2C0-0.6%2C0.1-0.9c0.1-0.3%2C0.1-0.6%2C0.3-0.9c0.1-0.3%2C0.3-0.6%2C0.4-0.9c0.2-0.3%2C0.1-0.3%2C0.3-0.5V15h-3v1h1.9C15.6%2C16.4%2C15.5%2C16.7%2C15.3%2C17.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-link { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M12.4%2C9.8c0%2C0-2.1-0.1-3.8%2C1.2c-2.8%2C2-3.3%2C4.3-3.3%2C4.3s1.6-1.7%2C3.5-2.5c1.7-0.7%2C3.7-0.4%2C3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z%20M11%2C1C5.5%2C1%2C1%2C5.5%2C1%2C11c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C21%2C5.5%2C16.5%2C1%2C11%2C1z%20M11%2C20c-5%2C0-9-4.1-9-9C2%2C6%2C6%2C2%2C11%2C2s9%2C4.1%2C9%2C9C20%2C16%2C16%2C20%2C11%2C20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-image-library { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation%3Aisolate%3B%7D.cls-2%7Bopacity%3A0.2%3B%7D.cls-3%7Bfill%3A%23fff%3B%7D.cls-10%2C.cls-11%2C.cls-4%2C.cls-6%2C.cls-7%2C.cls-8%2C.cls-9%7Bmix-blend-mode%3Amultiply%3B%7D.cls-4%7Bfill%3Aurl(%23grad_8)%3B%7D.cls-5%7Bfill%3Aurl(%23grad_10)%3B%7D.cls-6%7Bfill%3Aurl(%23grad_12)%3B%7D.cls-7%7Bfill%3Aurl(%23grad_14)%3B%7D.cls-8%7Bfill%3Aurl(%23grad_79)%3B%7D.cls-9%7Bfill%3Aurl(%23grad_77)%3B%7D.cls-10%7Bfill%3Aurl(%23grad_75)%3B%7D.cls-11%7Bfill%3Aurl(%23grad_81)%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22grad_8%22%20x1%3D%2211.08%22%20y1%3D%2210.26%22%20x2%3D%2211.08%22%20y2%3D%221.26%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f3e916%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f89d34%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_10%22%20x1%3D%2211.08%22%20y1%3D%2220.44%22%20x2%3D%2211.08%22%20y2%3D%2211.88%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235eb6e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23958cc3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_12%22%20x1%3D%221.46%22%20y1%3D%2211.05%22%20x2%3D%2210.46%22%20y2%3D%2211.05%22%20gradientTransform%3D%22translate(17%205.09)%20rotate(90)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23cc8dba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f86867%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_14%22%20x1%3D%2211.73%22%20y1%3D%2211.05%22%20x2%3D%2220.73%22%20y2%3D%2211.05%22%20gradientTransform%3D%22translate(27.28%20-5.18)%20rotate(90)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236ac07f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c5da3d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_79%22%20x1%3D%2211.74%22%20y1%3D%2210.42%22%20x2%3D%2217.52%22%20y2%3D%224.63%22%20gradientTransform%3D%22translate(30.29%202.51)%20rotate(135)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c5da3d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f3e916%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_77%22%20x1%3D%224.7%22%20y1%3D%2217.49%22%20x2%3D%2210.48%22%20y2%3D%2211.71%22%20gradientTransform%3D%22translate(23.24%2019.65)%20rotate(135)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239595c3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cc8dba%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_75%22%20x1%3D%224.69%22%20y1%3D%224.64%22%20x2%3D%2210.47%22%20y2%3D%2210.42%22%20gradientTransform%3D%22translate(7.54%20-3.15)%20rotate(45)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f86867%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f89d34%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_81%22%20x1%3D%2211.77%22%20y1%3D%2211.78%22%20x2%3D%2217.55%22%20y2%3D%2217.56%22%20gradientTransform%3D%22translate(14.63%20-6.05)%20rotate(45)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235ec0e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236ac07f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3Eicons_for_svg%3C%2Ftitle%3E%3Cg%20class%3D%22cls-1%22%3E%3Cg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20data-name%3D%22%D0%A1%D0%BB%D0%BE%D0%B9%201%22%3E%3Crect%20class%3D%22cls-2%22%20x%3D%220.09%22%20y%3D%220.01%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%224%22%20ry%3D%224%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%220.57%22%20y%3D%220.49%22%20width%3D%2221.04%22%20height%3D%2221.04%22%20rx%3D%223.6%22%20ry%3D%223.6%22%2F%3E%3Crect%20class%3D%22cls-4%22%20x%3D%228.33%22%20y%3D%221.26%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%2F%3E%3Crect%20class%3D%22cls-5%22%20x%3D%228.33%22%20y%3D%2211.76%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%2F%3E%3Crect%20class%3D%22cls-6%22%20x%3D%223.21%22%20y%3D%226.55%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(-5.09%2017)%20rotate(-90)%22%2F%3E%3Crect%20class%3D%22cls-7%22%20x%3D%2213.48%22%20y%3D%226.55%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(5.18%2027.28)%20rotate(-90)%22%2F%3E%3Crect%20class%3D%22cls-8%22%20x%3D%2211.87%22%20y%3D%223.03%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(19.64%2023.19)%20rotate(-135)%22%2F%3E%3Crect%20class%3D%22cls-9%22%20x%3D%224.8%22%20y%3D%2210.14%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(2.54%2030.33)%20rotate(-135)%22%2F%3E%3Crect%20class%3D%22cls-10%22%20x%3D%224.83%22%20y%3D%223.03%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(-3.1%207.56)%20rotate(-45)%22%2F%3E%3Crect%20class%3D%22cls-11%22%20x%3D%2211.87%22%20y%3D%2210.14%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(-6.07%2014.63)%20rotate(-45)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-all { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M26.9%2C0H0V27H27V0H26.9ZM13%2C26H1V14H13V26Zm0-13H1V1H13V13ZM26%2C26H14V14H26V26Zm0-13H14V1H26V13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-none { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M26.9%2C0H0V27H27V0H26.9ZM13%2C26H1V14H13V26Zm0-13H1V1H13V13ZM26%2C26H14V14H26V26Zm0-13H14V1H26V13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-inner { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpolygon%20points%3D%2226%2013%2014%2013%2014%201%2013%201%2013%2013%201%2013%201%2014%2013%2014%2013%2026%2014%2026%2014%2014%2026%2014%2026%2013%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-outer { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-left { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-center { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20x%3D%2213%22%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-right { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20x%3D%2226%22%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-top { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-middle { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-bottom { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2226%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-inline { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2219%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.08%2C8.31c-1.69%2C1-2.82%2C3.91-2.82%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.78-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.48a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.78%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0l-0.78-1.9a0.47%2C0.47%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.57%2C9.29%2C9.88%2C8.31s-3.55-2-3.8-.53%2C0.23%2C1.42.37%2C2%2C0.28%2C2.34.76%2C2.75A6.19%2C6.19%2C0%2C0%2C0%2C9.62%2C13s-2.17%2C1.24-2.14%2C2%2C0.62%2C4.86%2C1.83%2C4.92%2C2-1.87%2C2.34-2.78a26.9%2C26.9%2C0%2C0%2C1%2C.93-2.84%2C8.39%2C8.39%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.39%2C8.39%2C0%2C0%2C1%2C.14-1.51%2C26.73%2C26.73%2C0%2C0%2C1%2C.93%2C2.84c0.34%2C0.92%2C1.13%2C2.84%2C2.34%2C2.78s1.8-4.18%2C1.83-4.92-2.14-2-2.14-2a6.19%2C6.19%2C0%2C0%2C0%2C2.42-.44c0.48-.41.62-2.13%2C0.76-2.75s0.62-.62.37-2S17.77%2C7.33%2C16.08%2C8.31Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-square { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2216%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2219%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2219%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2213%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.08%2C8.33c-1.69%2C1-2.82%2C3.91-2.82%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.78-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.5a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.78%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0l-0.78-1.9a0.47%2C0.47%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.57%2C9.3%2C9.88%2C8.33s-3.55-2-3.8-.53%2C0.23%2C1.42.37%2C2%2C0.28%2C2.34.76%2C2.75A6.19%2C6.19%2C0%2C0%2C0%2C9.62%2C13s-2.17%2C1.24-2.14%2C2%2C0.62%2C4.86%2C1.83%2C4.92%2C2-1.87%2C2.34-2.78a26.9%2C26.9%2C0%2C0%2C1%2C.93-2.84%2C8.39%2C8.39%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.39%2C8.39%2C0%2C0%2C1%2C.14-1.51%2C26.73%2C26.73%2C0%2C0%2C1%2C.93%2C2.84c0.34%2C0.92%2C1.13%2C2.84%2C2.34%2C2.78s1.8-4.18%2C1.83-4.92-2.14-2-2.14-2a6.19%2C6.19%2C0%2C0%2C0%2C2.42-.44c0.48-.41.62-2.13%2C0.76-2.75s0.62-.62.37-2S17.77%2C7.35%2C16.08%2C8.33Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-tight { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2216%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2219%22%20width%3D%227%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2219%22%20width%3D%227%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2219%22%20width%3D%222%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2213%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%227%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.07%2C8.3c-1.69%2C1-2.82%2C3.91-2.82%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.78-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.47a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.78%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0L12.08%2C9.61a0.47%2C0.47%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.56%2C9.28%2C9.87%2C8.3s-3.55-2-3.8-.53%2C0.23%2C1.42.37%2C2%2C0.28%2C2.34.76%2C2.76A6.17%2C6.17%2C0%2C0%2C0%2C9.62%2C13s-2.17%2C1.25-2.14%2C2%2C0.62%2C4.86%2C1.83%2C4.92%2C2-1.87%2C2.34-2.79a27%2C27%2C0%2C0%2C1%2C.93-2.85%2C8.41%2C8.41%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.41%2C8.41%2C0%2C0%2C1%2C.14-1.51%2C26.81%2C26.81%2C0%2C0%2C1%2C.93%2C2.85c0.34%2C0.92%2C1.13%2C2.85%2C2.34%2C2.79s1.8-4.18%2C1.83-4.92-2.14-2-2.14-2a6.17%2C6.17%2C0%2C0%2C0%2C2.42-.44c0.48-.42.62-2.13%2C0.76-2.76s0.62-.62.37-2S17.76%2C7.32%2C16.07%2C8.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-through { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2216%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2219%22%20width%3D%227%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2219%22%20width%3D%227%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2213%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.09%2C8.31c-1.68%2C1-2.8%2C3.93-2.8%2C3.93s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.77-1.91A0.46%2C0.46%2C0%2C0%2C0%2C14%2C9.49a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.2l-0.77%2C1.91a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0L12.12%2C9.64a0.48%2C0.48%2C0%2C0%2C0%2C0-.2%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.46%2C0.46%2C0%2C0%2C0%2C.1.17l0.78%2C1.92a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.61%2C9.3%2C9.93%2C8.31s-3.53-2-3.78-.54%2C0.22%2C1.43.36%2C2.05%2C0.28%2C2.35.76%2C2.77A6.08%2C6.08%2C0%2C0%2C0%2C9.68%2C13S7.52%2C14.3%2C7.55%2C15%2C8.17%2C19.92%2C9.37%2C20s2-1.88%2C2.32-2.8a27.27%2C27.27%2C0%2C0%2C1%2C.92-2.86%2C8.53%2C8.53%2C0%2C0%2C1%2C.14%2C1.52c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.53%2C8.53%2C0%2C0%2C1%2C.14-1.52%2C27.09%2C27.09%2C0%2C0%2C1%2C.92%2C2.86c0.34%2C0.92%2C1.12%2C2.86%2C2.32%2C2.8s1.79-4.2%2C1.82-4.94-2.13-2-2.13-2a6.08%2C6.08%2C0%2C0%2C0%2C2.41-.45c0.48-.42.62-2.14%2C0.76-2.77s0.62-.62.36-2.05S17.77%2C7.33%2C16.09%2C8.31Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-top-bottom { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.08%2C8.3c-1.68%2C1-2.8%2C3.91-2.8%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.77-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.47a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.77%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0L12.12%2C9.61a0.48%2C0.48%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0%2C0%2C.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.6%2C9.28%2C9.92%2C8.3s-3.52-2-3.77-.53%2C0.22%2C1.42.36%2C2%2C0.28%2C2.34.76%2C2.76a6.08%2C6.08%2C0%2C0%2C0%2C2.4.44s-2.15%2C1.25-2.12%2C2%2C0.61%2C4.86%2C1.82%2C4.92%2C2-1.87%2C2.32-2.79a27.11%2C27.11%2C0%2C0%2C1%2C.92-2.85%2C8.47%2C8.47%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.47%2C8.47%2C0%2C0%2C1%2C.14-1.51%2C26.94%2C26.94%2C0%2C0%2C1%2C.92%2C2.85c0.34%2C0.92%2C1.12%2C2.85%2C2.32%2C2.79s1.79-4.18%2C1.82-4.92-2.12-2-2.12-2a6.08%2C6.08%2C0%2C0%2C0%2C2.4-.44c0.48-.42.62-2.13%2C0.76-2.76s0.61-.62.36-2S17.75%2C7.32%2C16.08%2C8.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-infront { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%227%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2210%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2213%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2216%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2219%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.08%2C8.29c-1.69%2C1-2.82%2C3.93-2.82%2C3.93s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.78-1.91A0.46%2C0.46%2C0%2C0%2C0%2C14%2C9.47a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.25%2C0.25%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.2l-0.78%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0L12.09%2C9.61a0.48%2C0.48%2C0%2C0%2C0%2C0-.2%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.46%2C0.46%2C0%2C0%2C0%2C.1.17l0.78%2C1.92a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.57%2C9.27%2C9.88%2C8.29s-3.55-2-3.8-.54%2C0.23%2C1.43.37%2C2.05%2C0.28%2C2.35.76%2C2.77A6.16%2C6.16%2C0%2C0%2C0%2C9.62%2C13s-2.17%2C1.25-2.14%2C2S8.1%2C19.89%2C9.31%2C20s2-1.87%2C2.34-2.8a27.1%2C27.1%2C0%2C0%2C1%2C.93-2.86%2C8.46%2C8.46%2C0%2C0%2C1%2C.14%2C1.52c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.46%2C8.46%2C0%2C0%2C1%2C.14-1.52%2C26.92%2C26.92%2C0%2C0%2C1%2C.93%2C2.86c0.34%2C0.92%2C1.13%2C2.86%2C2.34%2C2.8s1.8-4.19%2C1.83-4.94-2.14-2-2.14-2a6.16%2C6.16%2C0%2C0%2C0%2C2.42-.45c0.48-.42.62-2.14%2C0.76-2.77s0.62-.62.37-2.05S17.77%2C7.31%2C16.08%2C8.29Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-behind { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M16.07%2C8.34c-1.68%2C1-2.8%2C3.91-2.8%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.77-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.51a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.77%2C1.89a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0l-0.77-1.9a0.48%2C0.48%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.6%2C9.32%2C9.92%2C8.34s-3.52-2-3.78-.53%2C0.22%2C1.42.36%2C2%2C0.28%2C2.34.76%2C2.75A6.1%2C6.1%2C0%2C0%2C0%2C9.67%2C13s-2.15%2C1.24-2.13%2C2%2C0.62%2C4.85%2C1.82%2C4.91%2C2-1.86%2C2.32-2.78a27%2C27%2C0%2C0%2C1%2C.92-2.84%2C8.43%2C8.43%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.43%2C8.43%2C0%2C0%2C1%2C.14-1.51%2C26.83%2C26.83%2C0%2C0%2C1%2C.92%2C2.84c0.34%2C0.92%2C1.12%2C2.84%2C2.32%2C2.78s1.79-4.17%2C1.82-4.91-2.13-2-2.13-2a6.1%2C6.1%2C0%2C0%2C0%2C2.41-.44c0.48-.41.62-2.13%2C0.76-2.75s0.62-.62.36-2S17.75%2C7.36%2C16.07%2C8.34Z%22%2F%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2216%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2219%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-table-inline { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2214%22%20height%3D%2213%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-wrap-table-flow { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%227%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2216%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2219%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2219%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2216%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%227%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2214%22%20height%3D%2213%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-block-align-left { - width: 28px; - height: 28px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-block-align-center { - width: 28px; - height: 28px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%228.08%22%20width%3D%2212%22%20height%3D%2210.92%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-block-align-right { - width: 28px; - height: 28px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-move-backward { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20x%3D%221%22%20y%3D%221%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%3Cpath%20d%3D%22M10%2C10V27H27V10H10ZM26%2C26H11V11H26V26Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-move-forward { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M10%2C10V27H27V10H10ZM26%2C26H11V11H26V26Z%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-move-background { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3Cpath%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-move-foreground { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-docx { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2266px%22%20height%3D%2266px%22%20viewBox%3D%2222.015%2020.75%2066%2066%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22g3103%22%20transform%3D%22translate(-21.015556%2C0)%22%20display%3D%22none%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M78.521%2C0h7.475c0%2C3.337%2C0%2C6.663%2C0%2C10%20%20%20c13.375%2C0.075%2C26.738-0.138%2C40.101%2C0.075c2.85-0.288%2C5.087%2C1.925%2C4.825%2C4.775c0.212%2C24.625-0.051%2C49.262%2C0.125%2C73.887%20%20%20c-0.125%2C2.525%2C0.25%2C5.325-1.213%2C7.563c-1.825%2C1.3-4.188%2C1.138-6.313%2C1.237C111.008%2C97.475%2C98.508%2C97.5%2C85.996%2C97.5%20%20%20c0%2C3.338%2C0%2C6.662%2C0%2C10h-7.813c-19.024-3.475-38.1-6.662-57.162-10c-0.013-29.162%2C0-58.325%2C0-87.475%20%20%20C40.183%2C6.675%2C59.359%2C3.413%2C78.521%2C0z%22%20%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M85.996%2C13.75c13.75%2C0%2C27.5%2C0%2C41.25%2C0%20%20%20c0%2C26.663%2C0%2C53.338%2C0%2C80c-13.75%2C0-27.5%2C0-41.25%2C0c0-3.338%2C0-6.662%2C0-10c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.662%2C0-3.338%2C0-5%20%20%20c-10.837%2C0-21.662%2C0-32.5%2C0c0-2.088%2C0-4.162%2C0-6.25c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.662%2C0-3.338%2C0-5c-10.837%2C0-21.662%2C0-32.5%2C0%20%20%20c0-2.088%2C0-4.162%2C0-6.25c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.662%2C0-3.338%2C0-5c-10.837%2C0-21.662%2C0-32.5%2C0c0-2.087%2C0-4.163%2C0-6.25%20%20%20c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.663%2C0-3.337%2C0-5c-10.837%2C0-21.662%2C0-32.5%2C0c0-2.087%2C0-4.163%2C0-6.25c10.838%2C0%2C21.663%2C0%2C32.5%2C0%20%20%20c0-1.663%2C0-3.337%2C0-5c-10.837%2C0-21.662%2C0-32.5%2C0c0-2.087%2C0-4.163%2C0-6.25c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.663%2C0-3.337%2C0-5%20%20%20c-10.837%2C0-21.662%2C0-32.5%2C0C85.996%2C19.587%2C85.996%2C16.663%2C85.996%2C13.75z%22%20%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M46.846%2C35.837%20%20%20c2.375-0.137%2C4.75-0.237%2C7.125-0.362c1.662%2C8.438%2C3.362%2C16.862%2C5.162%2C25.262c1.413-8.675%2C2.976-17.325%2C4.487-25.987%20%20%20c2.5-0.087%2C5-0.225%2C7.488-0.375c-2.825%2C12.112-5.301%2C24.325-8.388%2C36.362c-2.088%2C1.088-5.213-0.05-7.688%2C0.125%20%20%20c-1.663-8.274-3.601-16.5-5.088-24.813c-1.462%2C8.075-3.362%2C16.075-5.037%2C24.101c-2.4-0.125-4.813-0.275-7.226-0.438%20%20%20c-2.074-11-4.512-21.925-6.449-32.95c2.137-0.1%2C4.287-0.188%2C6.425-0.263c1.287%2C7.962%2C2.75%2C15.888%2C3.875%2C23.862%20%20%20C43.297%2C52.188%2C45.096%2C44.013%2C46.846%2C35.837z%22%20%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50.69%2C36.792c2.375-0.137%2C4.75-0.237%2C7.125-0.362%20%20c1.662%2C8.438%2C3.362%2C16.862%2C5.162%2C25.262c1.413-8.675%2C2.976-17.325%2C4.487-25.987c2.5-0.087%2C5-0.225%2C7.488-0.375%20%20c-2.825%2C12.112-5.301%2C24.325-8.388%2C36.362c-2.088%2C1.088-5.213-0.05-7.688%2C0.125c-1.663-8.274-3.601-16.5-5.088-24.813%20%20c-1.462%2C8.075-3.362%2C16.075-5.037%2C24.101c-2.4-0.125-4.813-0.275-7.226-0.438c-2.074-11-4.512-21.925-6.449-32.95%20%20c2.137-0.1%2C4.287-0.188%2C6.425-0.263c1.287%2C7.962%2C2.75%2C15.888%2C3.875%2C23.862C47.14%2C53.143%2C48.94%2C44.968%2C50.69%2C36.792z%22%20%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-dotx { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%3E%3Crect%20id%3D%22Rectangle_20%22%20data-name%3D%22Rectangle%2020%22%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22Path_38%22%20data-name%3D%22Path%2038%22%20d%3D%22M12.223%2C119.714c1.251-.066%2C2.5-.115%2C3.752-.177.875%2C4.123%2C1.771%2C8.239%2C2.718%2C12.343.744-4.239%2C1.567-8.464%2C2.363-12.7%2C1.317-.042%2C2.633-.109%2C3.944-.183-1.488%2C5.917-2.792%2C11.886-4.417%2C17.767-1.1.531-2.745-.026-4.049.06-.876-4.042-1.9-8.061-2.679-12.123-.77%2C3.945-1.771%2C7.854-2.653%2C11.775-1.264-.06-2.535-.134-3.805-.213C6.3%2C130.892%2C5.02%2C125.553%2C4%2C120.167c1.125-.049%2C2.258-.093%2C3.384-.129.678%2C3.889%2C1.448%2C7.762%2C2.041%2C11.659C10.353%2C127.7%2C11.3%2C123.708%2C12.223%2C119.714Z%22%20transform%3D%22translate(-2%20-117)%22%20class%3D%22cls-1%22%2F%3E%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate(16%2016)%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M1.011%2C0H13.989A1.011%2C1.011%2C0%2C0%2C1%2C15%2C1.011V13.989A1.011%2C1.011%2C0%2C0%2C1%2C13.989%2C15H1.011A1.011%2C1.011%2C0%2C0%2C1%2C0%2C13.989V1.011A1.011%2C1.011%2C0%2C0%2C1%2C1.011%2C0Z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_39%22%20data-name%3D%22Path%2039%22%20d%3D%22M5.794%2C13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z%22%20transform%3D%22translate(2.742%20-0.25)%22%20class%3D%22cls-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-txt { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22%2017H2V18H22V17Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2020H2V21H22V20Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2014H2V15H22V14Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2011H2V12H22V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%208H2V9H22V8Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%205H2V6H22V5Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%202H2V3H22V2Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-pdf { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2033%2033%22%20height%3D%2233px%22%20width%3D%2233px%22%20y%3D%220px%22%20x%3D%220px%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M11.875%2C18.648c0.8-1.567%2C1.709-3.334%2C2.437-5.107l0%2C0%20%20l0.288-0.7c-0.95-3.616-1.52-6.519-1.011-8.396l0%2C0c0.137-0.489%2C0.704-0.786%2C1.31-0.786l0%2C0l0.369%2C0.005h0.068%20%20c0.83-0.013%2C1.22%2C1.042%2C1.264%2C1.453l0%2C0c0.073%2C0.683-0.243%2C1.839-0.243%2C1.839l0%2C0c0-0.467%2C0.018-1.221-0.276-1.873l0%2C0%20%20c-0.343-0.753-0.671-1.204-0.965-1.275l0%2C0c-0.148%2C0.099-0.292%2C0.304-0.342%2C0.699l0%2C0c-0.103%2C0.553-0.133%2C1.252-0.133%2C1.612l0%2C0%20%20c0%2C1.272%2C0.25%2C2.952%2C0.743%2C4.683l0%2C0c0.093-0.268%2C0.174-0.526%2C0.24-0.767l0%2C0c0.101-0.38%2C0.743-2.901%2C0.743-2.901l0%2C0%20%20c0%2C0-0.162%2C3.355-0.388%2C4.371l0%2C0c-0.048%2C0.215-0.102%2C0.427-0.158%2C0.644l0%2C0c0.812%2C2.268%2C2.121%2C4.292%2C3.68%2C5.75l0%2C0%20%20c0.615%2C0.575%2C1.393%2C1.038%2C2.128%2C1.461l0%2C0c1.605-0.229%2C3.084-0.338%2C4.318-0.324l0%2C0c1.637%2C0.021%2C2.838%2C0.264%2C3.324%2C0.743l0%2C0%20%20c0.238%2C0.232%2C0.335%2C0.514%2C0.365%2C0.83l0%2C0c0.007%2C0.122-0.053%2C0.41-0.07%2C0.482l0%2C0c0.018-0.088%2C0.018-0.518-1.297-0.938l0%2C0%20%20c-1.034-0.33-2.971-0.32-5.295-0.073l0%2C0c2.688%2C1.315%2C5.307%2C1.968%2C6.137%2C1.577l0%2C0c0.203-0.1%2C0.449-0.437%2C0.449-0.437l0%2C0%20%20c0%2C0-0.146%2C0.665-0.252%2C0.831l0%2C0c-0.134%2C0.18-0.396%2C0.376-0.646%2C0.441l0%2C0c-1.311%2C0.35-4.722-0.459-7.695-2.158l0%2C0%20%20c-3.322%2C0.489-6.972%2C1.393-9.897%2C2.353l0%2C0c-2.874%2C5.037-5.035%2C7.351-6.793%2C6.471l0%2C0L3.63%2C28.833%20%20c-0.263-0.15-0.303-0.516-0.242-0.813l0%2C0c0.205-1.003%2C1.462-2.513%2C3.988-4.021l0%2C0c0.272-0.165%2C1.483-0.805%2C1.483-0.805l0%2C0%20%20c0%2C0-0.896%2C0.868-1.106%2C1.038l0%2C0c-2.016%2C1.652-3.504%2C3.73-3.467%2C4.536l0%2C0l0.007%2C0.069C6.005%2C28.594%2C8.573%2C25.109%2C11.875%2C18.648%20%20%20M12.921%2C19.184c-0.551%2C1.038-1.09%2C2.001-1.588%2C2.886l0%2C0c2.752-1.153%2C5.715-1.892%2C8.535-2.416l0%2C0%20%20c-0.379-0.262-0.746-0.539-1.093-0.832l0%2C0c-1.554-1.314-2.737-2.955-3.595-4.681l0%2C0C14.636%2C15.607%2C13.989%2C17.166%2C12.921%2C19.184%22%20class%3D%22cls-1%22%20%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-pdfa { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2033%2033%22%20height%3D%2233px%22%20width%3D%2233px%22%20y%3D%220px%22%20x%3D%220px%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.875%2018.648L11.9617%2018.4783C12.7401%2016.954%2013.6102%2015.2503%2014.312%2013.541L14.6%2012.841C13.65%209.225%2013.08%206.322%2013.589%204.445C13.726%203.956%2014.293%203.659%2014.899%203.659L15.268%203.664H15.336C16.166%203.651%2016.556%204.706%2016.6%205.117C16.673%205.8%2016.357%206.956%2016.357%206.956L16.3571%206.87946C16.358%206.40944%2016.3594%205.70047%2016.081%205.083C15.738%204.33%2015.41%203.879%2015.116%203.808C14.968%203.907%2014.824%204.112%2014.774%204.507C14.671%205.06%2014.641%205.759%2014.641%206.119C14.641%207.391%2014.891%209.071%2015.384%2010.802C15.477%2010.534%2015.558%2010.276%2015.624%2010.035C15.725%209.655%2016.367%207.134%2016.367%207.134C16.367%207.134%2016.205%2010.489%2015.979%2011.505C15.931%2011.72%2015.877%2011.932%2015.821%2012.149C16.633%2014.417%2017.942%2016.441%2019.501%2017.899C19.9467%2018.3157%2020.4779%2018.6735%2021.0164%2019H29C30.1046%2019%2031%2019.8954%2031%2021V29C31%2030.1046%2030.1046%2031%2029%2031H17C15.8954%2031%2015%2030.1046%2015%2029V21.5492C13.6156%2021.9019%2012.2807%2022.2896%2011.07%2022.687C8.19599%2027.724%206.03499%2030.038%204.27699%2029.158L3.62999%2028.833C3.36699%2028.683%203.32699%2028.317%203.38799%2028.02C3.59299%2027.017%204.84999%2025.507%207.37599%2023.999C7.64799%2023.834%208.85899%2023.194%208.85899%2023.194C8.85899%2023.194%207.96299%2024.062%207.75299%2024.232C5.73699%2025.884%204.24899%2027.962%204.28599%2028.768L4.29299%2028.837C6.00499%2028.594%208.57299%2025.109%2011.875%2018.648ZM18.775%2018.822C18.8461%2018.882%2018.918%2018.9413%2018.9906%2019H17C15.9681%2019%2015.1187%2019.7815%2015.0114%2020.785C13.7648%2021.146%2012.529%2021.5689%2011.333%2022.07C11.831%2021.185%2012.37%2020.222%2012.921%2019.184C13.989%2017.166%2014.636%2015.607%2015.18%2014.141C16.038%2015.867%2017.221%2017.508%2018.775%2018.822ZM21.5553%2027.3521H24.4447L24.9995%2029H26.7518L23.7581%2021.002H22.231L19.2537%2029H21.006L21.5553%2027.3521ZM23.9998%2026.0172H22.0002L22.9945%2023.0234L23.9998%2026.0172Z%22%20class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-odt { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20193.631%20193.63%22%20height%3D%22193.63px%22%20width%3D%22193.631px%22%20y%3D%220px%22%20x%3D%220px%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M193.16%2C59.725v-0.006%20%20c-0.334-0.173-0.671-0.334-1.004-0.497c-5.357-2.586-11.257-4.287-17.526-4.88c-11.083-1.049-21.673%2C1.496-30.622%2C6.678%20%20c-6.13-3.477-13.072-5.741-20.542-6.448c-10.298-0.974-20.17%2C1.16-28.697%2C5.629c-0.084%2C0.044-0.17%2C0.095-0.251%2C0.135%20%20c-0.207%2C0.162-0.347%2C0.414-0.347%2C0.697c0%2C0.492%2C0.392%2C0.89%2C0.889%2C0.89c0.046%2C0%2C0.091-0.007%2C0.139-0.017%20%20c0.021-0.002%2C0.042-0.011%2C0.061-0.015c4.586-0.848%2C9.368-1.088%2C14.243-0.627c13.683%2C1.293%2C25.609%2C5.521%2C33.975%2C15.011%20%20c0.436%2C0.455%2C0.822%2C0.427%2C1.265-0.024c10.524-12.2%2C26.663-17.021%2C44.006-15.382c0.968%2C0.094%2C1.921%2C0.213%2C2.871%2C0.355%20%20c0.33%2C0.05%2C0.836%2C0.134%2C1.133%2C0.167c0.572%2C0.063%2C0.88-0.397%2C0.88-0.891C193.629%2C60.166%2C193.486%2C59.886%2C193.16%2C59.725L193.16%2C59.725z%22%20class%3D%22cls-1%22%20%2F%3E%3Cpath%20d%3D%22M173.053%2C102.654c-0.056-0.029-0.106-0.046-0.154-0.066%20%20c-10.517-4.349-22.02-6.758-34.093-6.758c-19.293%2C0-37.155%2C6.127-51.757%2C16.524c-11.146-4.993-23.497-7.776-36.496-7.776%20%20c-18.485%2C0-35.648%2C5.617-49.895%2C15.237c-0.047%2C0.029-0.095%2C0.066-0.149%2C0.104C0.205%2C120.154%2C0%2C120.528%2C0%2C120.957%20%20c0%2C0.729%2C0.592%2C1.324%2C1.323%2C1.324c0.086%2C0%2C0.174-0.013%2C0.259-0.03c0.058-0.015%2C0.107-0.028%2C0.161-0.048%20%20c8.166-2.456%2C16.832-3.791%2C25.798-3.791c23.836%2C0%2C45.083%2C5.633%2C61.08%2C20.68c0.038%2C0.029%2C0.071%2C0.066%2C0.111%2C0.104%20%20c0.232%2C0.205%2C0.53%2C0.325%2C0.863%2C0.325c0.412%2C0%2C0.774-0.189%2C1.018-0.486c0.006%2C0.004%2C0.515-0.72%2C0.773-1.07%20%20c16.246-22.216%2C43.03-33.172%2C72.846-33.172c2.128%2C0%2C4.246%2C0.08%2C6.337%2C0.225c0.602%2C0.047%2C1.874%2C0.144%2C1.903%2C0.144%20%20c0.726%2C0%2C1.322-0.591%2C1.322-1.324C173.796%2C103.313%2C173.492%2C102.862%2C173.053%2C102.654L173.053%2C102.654z%22%20class%3D%22cls-1%22%20%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-ott { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-ott%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%2F%3E%3C%2FclipPath%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22ott%22%20clip-path%3D%22url(%23clip-ott)%22%3E%3Crect%20id%3D%22Rectangle_20%22%20data-name%3D%22Rectangle%2020%22%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22Path_33%22%20data-name%3D%22Path%2033%22%20d%3D%22M125.173%2C121h0c-.046-.03-.093-.059-.141-.088a6.133%2C6.133%2C0%2C0%2C0-2.467-.869%2C6.014%2C6.014%2C0%2C0%2C0-4.309%2C1.188%2C6.223%2C6.223%2C0%2C0%2C0-2.892-1.147%2C5.965%2C5.965%2C0%2C0%2C0-4.039%2C1l-.036.024a.176.176%2C0%2C0%2C0-.049.125.145.145%2C0%2C0%2C0%2C.126.158l.019%2C0a.019.019%2C0%2C0%2C0%2C.009%2C0%2C5.781%2C5.781%2C0%2C0%2C1%2C2.005-.111%2C6.41%2C6.41%2C0%2C0%2C1%2C4.782%2C2.669c.06.081.115.076.178%2C0a6.288%2C6.288%2C0%2C0%2C1%2C6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155%2C0%2C0%2C0%2C125.173%2C121Z%22%20transform%3D%22translate(-94.24%20-116)%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_34%22%20data-name%3D%22Path%2034%22%20d%3D%22M126.894%2C125.978a.175.175%2C0%2C0%2C0-.022-.011%2C11.686%2C11.686%2C0%2C0%2C0-4.905-1.082%2C11.924%2C11.924%2C0%2C0%2C0-7.444%2C2.647%2C11.725%2C11.725%2C0%2C0%2C0-5.251-1.245%2C11.884%2C11.884%2C0%2C0%2C0-7.176%2C2.441.229.229%2C0%2C0%2C0-.022.016.217.217%2C0%2C0%2C0-.073.167.2.2%2C0%2C0%2C0%2C.191.211.167.167%2C0%2C0%2C0%2C.037%2C0%2C.118.118%2C0%2C0%2C0%2C.023-.008%2C11.679%2C11.679%2C0%2C0%2C1%2C3.71-.608c3.429%2C0%2C6.486.9%2C8.787%2C3.315a.093.093%2C0%2C0%2C1%2C.016.016.172.172%2C0%2C0%2C0%2C.123.052.18.18%2C0%2C0%2C0%2C.147-.078s.075-.115.111-.171a12.1%2C12.1%2C0%2C0%2C1%2C10.479-5.315c.306%2C0%2C.611.014.912.037l.273.022a.2.2%2C0%2C0%2C0%2C.191-.211A.211.211%2C0%2C0%2C0%2C126.894%2C125.978Z%22%20transform%3D%22translate(-100%20-115.885)%22%20class%3D%22cls-1%22%2F%3E%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate(16%2016)%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M1.011%2C0H13.989A1.011%2C1.011%2C0%2C0%2C1%2C15%2C1.011V13.989A1.011%2C1.011%2C0%2C0%2C1%2C13.989%2C15H1.011A1.011%2C1.011%2C0%2C0%2C1%2C0%2C13.989V1.011A1.011%2C1.011%2C0%2C0%2C1%2C1.011%2C0Z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_39%22%20data-name%3D%22Path%2039%22%20d%3D%22M5.794%2C13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z%22%20transform%3D%22translate(2.742%20-0.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-html { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2262px%22%20height%3D%2262px%22%20viewBox%3D%220%200%2062%2062%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.993%2C38.689L11.34%2C32.753v-3.288l13.653-5.91v3.872l-9.523%2C3.641l9.523%2C3.777V38.689z%22%20%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M27.09%2C41.298l4.931-20.596h2.867l-4.986%2C20.596H27.09z%22%20%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36.986%2C38.703v-3.845l9.536-3.75L36.986%2C27.4v-3.817l13.666%2C5.91v3.261L36.986%2C38.703z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-rtf { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%227%22%20height%3D%227%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2011H2V12H22V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2014H2V15H22V14Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2017H2V18H22V17Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2020H2V21H22V20Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%202H11V3H22V2Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%205H11V6H22V5Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%208H11V9H22V8Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-collaboration { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9912%206C15.9912%208.34102%2015.4074%2010.1346%2014.6055%2011.3121C13.7983%2012.4974%2012.8249%2013%2011.9912%2013C11.1575%2013%2010.1841%2012.4974%209.37695%2011.3121C8.57501%2010.1346%207.99121%208.34102%207.99121%206C7.99121%203.61508%209.96974%202%2011.9912%202C14.0127%202%2015.9912%203.61508%2015.9912%206ZM14.5015%2012.9506C13.7365%2013.6361%2012.8649%2014%2011.9912%2014C11.1195%2014%2010.2499%2013.6378%209.48619%2012.9554C7.78363%2013.6081%206.36015%2014.2591%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.6372%2014.2575%2016.2095%2013.605%2014.5015%2012.9506ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-users { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%207C16%209.34102%2015.4162%2011.1346%2014.6143%2012.3121C13.8071%2013.4974%2012.8337%2014%2012%2014C11.1663%2014%2010.1929%2013.4974%209.38574%2012.3121C8.5838%2011.1346%208%209.34102%208%207C8%204.61508%209.97853%203%2012%203C14.0215%203%2016%204.61508%2016%207ZM15.1891%2013.2201C14.2865%2014.375%2013.1451%2015%2012%2015C10.8549%2015%209.71347%2014.375%208.81092%2013.2201C7.40473%2013.7844%206.21268%2014.3488%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.7873%2014.3488%2016.5953%2013.7844%2015.1891%2013.2201ZM15.7544%2012.37C16.5137%2011.0279%2017%209.20917%2017%207C17%204%2014.5088%202%2012%202C9.49121%202%207%204%207%207C7%209.20917%207.48633%2011.0279%208.24563%2012.37C4.38973%2013.9392%202%2015.579%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.579%2019.6103%2013.9392%2015.7544%2012.37Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-review { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%203H20V7H19V4H4V20H19V14H20V21H3V3Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M16%208H7V7H16V8Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M7%2010H16V9H7V10Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M14%2012H7V11H14V12Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M7%2014H12V13H7V14Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M11%2016H7V15H11V16Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M13%2015.5V17H14.5L22.5%209L21%207.5L13%2015.5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-review-changes { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%2010H5V9H19V10Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M19%2013H5V12H19V13Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M19%2016H5V15H19V16Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%206H3V19H21V6ZM3%205H2V6V19V20H3H21H22V19V6V5H21H3Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-accept-changes { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2020L9%2017L8%2018L12%2022L22%2012L21%2011L12%2020Z%22%20fill%3D%22%2340865C%22%2F%3E%3Cpath%20d%3D%22M19%209H5V8H19V9Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M16%2012H5V11H16V12Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M14%2015H5V14H14V15Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%205H21V9H22V5V4H21H3H2V5V19V20H3H6V19H3V5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-reject-changes { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%2011L12%2012L16%2016L12%2020L13%2021L17%2017L21%2021L22%2020L18%2016L22%2012L21%2011L17%2015L13%2011Z%22%20fill%3D%22%23AA5252%22%2F%3E%3Cpath%20d%3D%22M19%209H5V8H19V9Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M10%2012H5V11H10V12Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M10%2015H5V14H10V15Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%205H21V9H22V5V4H21H3H2V5V19V20H3H10V19H3V5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-accept { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2018L2%2011L1%2012L9%2020L23%206L22%205L9%2018Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-reject { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%204L4%205L11%2012L4%2019L5%2020L12%2013L19%2020L20%2019L13%2012L20%205L19%204L12%2011L5%204Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-next-change { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clipnext)%22%3E%3Cpath%20d%3D%22M16%2012L6.5%2022L7.5%2023L18%2012L7.5%201L6.5%202L16%2012Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clipnext%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); -} -i.icon.icon-prev-change { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clipprev)%22%3E%3Cpath%20d%3D%22M8%2012L17.5%202L16.5%201L6%2012L16.5%2023L17.5%2022L8%2012Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clipprev%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); -} -i.icon.icon-goto { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%203H3V21H21V3ZM3%202H2V3V21V22H3H21H22V21V3V2H21H3ZM15.2929%208H9V7H16.5H17V7.5V15H16V8.70711L7.35355%2017.3536L6.64645%2016.6464L15.2929%208Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-app-settings { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2014H16C18.2091%2014%2020%2015.7909%2020%2018C20%2020.2091%2018.2091%2022%2016%2022H7C4.79086%2022%203%2020.2091%203%2018C3%2015.7909%204.79086%2014%207%2014ZM16%2013C18.7614%2013%2021%2015.2386%2021%2018C21%2020.7614%2018.7614%2023%2016%2023H7C4.23858%2023%202%2020.7614%202%2018C2%2015.2386%204.23858%2013%207%2013H16Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2020C14.8954%2020%2014%2019.1046%2014%2018C14%2016.8954%2014.8954%2016%2016%2016C17.1046%2016%2018%2016.8954%2018%2018C18%2019.1046%2017.1046%2020%2016%2020ZM16%2021C14.3431%2021%2013%2019.6569%2013%2018C13%2016.3431%2014.3431%2015%2016%2015C17.6569%2015%2019%2016.3431%2019%2018C19%2019.6569%2017.6569%2021%2016%2021Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%203H7C4.79086%203%203%204.79086%203%207C3%209.20914%204.79086%2011%207%2011H16C18.2091%2011%2020%209.20914%2020%207C20%204.79086%2018.2091%203%2016%203ZM7%202C4.23858%202%202%204.23858%202%207C2%209.76142%204.23858%2012%207%2012H16C18.7614%2012%2021%209.76142%2021%207C21%204.23858%2018.7614%202%2016%202H7Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%209C8.10457%209%209%208.10457%209%207C9%205.89543%208.10457%205%207%205C5.89543%205%205%205.89543%205%207C5%208.10457%205.89543%209%207%209ZM7%2010C8.65685%2010%2010%208.65685%2010%207C10%205.34315%208.65685%204%207%204C5.34315%204%204%205.34315%204%207C4%208.65685%205.34315%2010%207%2010Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-footnote { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22%208.11133H20.9177V5.15361L20.9282%204.66765L20.9457%204.13624C20.7659%204.31571%2020.641%204.43341%2020.5709%204.48935L19.9825%204.96132L19.4606%204.31105L21.1103%203H22V8.11133Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M10.3363%2018.8514L8.98161%2015.3968H4.61996L3.28021%2018.8514H2L6.3021%207.94526H7.36646L11.6462%2018.8514H10.3363ZM8.58713%2014.2601L7.3218%2010.8947C7.15806%2010.4687%206.98935%209.94621%206.81567%209.32711C6.70651%209.80258%206.5502%2010.3251%206.34676%2010.8947L5.06655%2014.2601H8.58713Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M16.1425%2010.5752C17.2143%2010.5752%2018.0454%2010.9417%2018.6359%2011.6748C19.2313%2012.4028%2019.5291%2013.4355%2019.5291%2014.7728C19.5291%2016.11%2019.2288%2017.1501%2018.6284%2017.893C18.033%2018.631%2017.2043%2019%2016.1425%2019C15.6115%2019%2015.1252%2018.9034%2014.6836%2018.7103C14.2469%2018.5121%2013.8798%2018.21%2013.582%2017.8039H13.4927L13.2322%2018.8514H12.3465V7.29149H13.582V10.0997C13.582%2010.7288%2013.5622%2011.2934%2013.5225%2011.7936H13.582C14.1576%2010.9814%2015.0111%2010.5752%2016.1425%2010.5752ZM15.9638%2011.6079C15.1203%2011.6079%2014.5124%2011.8506%2014.1403%2012.336C13.7681%2012.8164%2013.582%2013.6286%2013.582%2014.7728C13.582%2015.9169%2013.7731%2016.7366%2014.1551%2017.2318C14.5372%2017.7222%2015.15%2017.9673%2015.9936%2017.9673C16.7528%2017.9673%2017.3185%2017.6925%2017.6906%2017.1427C18.0628%2016.588%2018.2488%2015.793%2018.2488%2014.7579C18.2488%2013.698%2018.0628%2012.908%2017.6906%2012.388C17.3185%2011.8679%2016.7429%2011.6079%2015.9638%2011.6079Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-cut { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23cut)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.22427%2022.2702C4.51527%2023.1269%206.52738%2022.7183%207.6592%2021.0127C8.79101%2019.3071%208.38572%2017.2943%207.09472%2016.4376C5.80372%2015.5809%203.79161%2015.9896%202.65979%2017.6952C1.52798%2019.4008%201.93328%2021.4136%203.22427%2022.2702ZM2.67135%2023.1035C4.51208%2024.325%207.11827%2023.6364%208.49243%2021.5656C9.8666%2019.4948%209.48837%2016.8259%207.64764%2015.6044C5.80691%2014.3829%203.20072%2015.0714%201.82656%2017.1422C0.452398%2019.2131%200.830625%2021.882%202.67135%2023.1035Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.9158%2022.2702C19.6248%2023.1269%2017.6127%2022.7183%2016.4809%2021.0127C15.349%2019.3071%2015.7543%2017.2943%2017.0453%2016.4376C18.3363%2015.5809%2020.3484%2015.9896%2021.4803%2017.6952C22.6121%2019.4008%2022.2068%2021.4136%2020.9158%2022.2702ZM21.4687%2023.1035C19.628%2024.325%2017.0218%2023.6364%2015.6476%2021.5656C14.2735%2019.4948%2014.6517%2016.8259%2016.4924%2015.6044C18.3331%2014.3829%2020.9393%2015.0714%2022.3135%2017.1422C23.6877%2019.2131%2023.3094%2021.882%2021.4687%2023.1035Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M16.4924%2015.6044L13.9037%2012.4737L19.9552%200.675715C20.0693%200.446914%2019.9552%200.172352%2019.727%200.0808313C19.4416%20-0.0106892%2019.0993%200.0808312%2018.9851%200.263872L12.0233%2011.4212L5.17562%200.263872C5.06149%200.035071%204.71911%20-0.0564496%204.43379%200.035071C4.14847%200.126592%204.03434%200.401153%204.14847%200.629955L10.2001%2012.4279L7.64761%2015.6044L9.2292%2018L12.0233%2013.4804L14.9108%2018L16.4924%2015.6044Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22cut%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); -} -i.icon.icon-copy { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201H15V7H16V0H0V17H8V16H1V1Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%208H9V23H23V8ZM8%207V24H24V7H8Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%205H3V4H13V5Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%209H3V8H8V9Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2013H3V12H8V13Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H11V11H21V12Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H11V15H21V16Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H11V19H21V20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-paste { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%202H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10%208H23V23H10V8Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-menu-comment { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2015C10%2016.6569%208.65685%2018%207%2018C5.34315%2018%204%2016.6569%204%2015C4%2013.3431%205.34315%2012%207%2012C8.65685%2012%2010%2013.3431%2010%2015ZM7%2016.7143C7.94677%2016.7143%208.71429%2015.9468%208.71429%2015C8.71429%2014.0532%207.94677%2013.2857%207%2013.2857C6.05323%2013.2857%205.28571%2014.0532%205.28571%2015C5.28571%2015.9468%206.05323%2016.7143%207%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18%2015C18%2016.6569%2016.6569%2018%2015%2018C13.3431%2018%2012%2016.6569%2012%2015C12%2013.3431%2013.3431%2012%2015%2012C16.6569%2012%2018%2013.3431%2018%2015ZM15%2016.7143C15.9468%2016.7143%2016.7143%2015.9468%2016.7143%2015C16.7143%2014.0532%2015.9468%2013.2857%2015%2013.2857C14.0532%2013.2857%2013.2857%2014.0532%2013.2857%2015C13.2857%2015.9468%2014.0532%2016.7143%2015%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26%2015C26%2016.6569%2024.6569%2018%2023%2018C21.3431%2018%2020%2016.6569%2020%2015C20%2013.3431%2021.3431%2012%2023%2012C24.6569%2012%2026%2013.3431%2026%2015ZM23%2016.7143C23.9468%2016.7143%2024.7143%2015.9468%2024.7143%2015C24.7143%2014.0532%2023.9468%2013.2857%2023%2013.2857C22.0532%2013.2857%2021.2857%2014.0532%2021.2857%2015C21.2857%2015.9468%2022.0532%2016.7143%2023%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-resolve-comment { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81574%2014.7407%207.34084%2014.7345%207.04258%2015.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-resolve-comment.check { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200H30V30H0V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545V8.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81575%2014.7407%207.34084%2014.7345%207.04258%2015.0228V15.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%234cd964%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-insert-comment { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.1538%209.00708H11.8462C10.8266%209.00708%2010%209.83461%2010%2010.8554V15.1694C10%2016.1902%2010.8266%2017.0177%2011.8462%2017.0177H13.8329C13.9409%2017.0177%2014.0454%2017.0556%2014.1284%2017.1248L18.243%2020.392C18.5436%2020.6428%2019%2020.4288%2019%2020.037V17.4798C19%2017.2246%2019.2066%2017.0177%2019.4615%2017.0177H20.1538C21.1734%2017.0177%2022%2016.1902%2022%2015.1694V10.8554C22%209.83461%2021.1734%209.00708%2020.1538%209.00708ZM20%2010.0083C20.5523%2010.0083%2021%2010.4565%2021%2011.0095V15.0154C21%2015.5683%2020.5523%2016.0165%2020%2016.0165H18.0025L18%2018.8995C18%2019.2912%2018%2019%2018%2019L14.5%2016.0165H12C11.4477%2016.0165%2011%2015.5683%2011%2015.0154V11.0095C11%2010.4565%2011.4477%2010.0083%2012%2010.0083H20Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M14.5%203H4.5C3.18908%203%202%204.2153%202%205.50295V12.0346C2%2013.3222%203.18908%2014.013%204.5%2014.013H5.5C5.82773%2014.013%206%2014.1917%206%2014.5136V17.5183C6%2018.0125%206.6135%2018.3352%207%2018.0189L11%2014.9858V13.5L7%2016.5V13.0118H4.5C3.78992%2013.0118%203%2012.732%203%2012.0346V5.50295C3%204.80547%203.78992%204.00118%204.5%204.00118H14.5C15.2101%204.00118%2016%204.80547%2016%205.50295V8.0059H17V5.50295C17%204.2153%2015.8109%203%2014.5%203Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-add-table { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%205.59998H11.2V8.79998H4V5.59998Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M12.8%205.59998H20V8.79998H12.8V5.59998Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M4%2010.4H11.2V13.6H4V10.4Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M12.8%2010.4H20V13.6H12.8V10.4Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M4%2015.2H11.2V18.4H4V15.2Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M12.8%2015.2H20V18.4H12.8V15.2Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-add-shape { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-add-image { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-add-other { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -.active i.icon.icon-add-table { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%205.59998H11.2V8.79998H4V5.59998Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.8%205.59998H20V8.79998H12.8V5.59998Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4%2010.4H11.2V13.6H4V10.4Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.8%2010.4H20V13.6H12.8V10.4Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4%2015.2H11.2V18.4H4V15.2Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.8%2015.2H20V18.4H12.8V15.2Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); -} -.active i.icon.icon-add-shape { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); -} -.active i.icon.icon-add-image { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); -} -.active i.icon.icon-add-other { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); -} -.label-switch input[type="checkbox"]:checked + .checkbox { - background: #446995; -} -#editor_sdk { - position: absolute; - left: 0; - right: 0; - top: 44px; - bottom: 0; - height: auto; - overflow: hidden; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -#editor_sdk.with-logo { - top: 68px; -} -#add-table .page, -#add-shape .page { - background-color: #fff; -} -.table-styles .row, -.table-styles .row li { - margin-bottom: 12px; -} -.table-styles li, -.table-styles .row div { - margin: 0; - padding: 1px; -} -.table-styles li img, -.table-styles .row div img { - width: 70px; - height: 50px; -} -.chart-styles .row, -.chart-styles .row li { - margin-bottom: 12px; -} -.chart-styles li, -.chart-styles .row div { - margin: 0; - padding: 1px; -} -.shapes li { - width: 70px; - height: 70px; - margin: 0 1px; -} -.shapes li .thumb { - width: 100%; - height: 100%; - background-color: #446995; -} -.chart-types li { - width: 60px; - height: 60px; - margin: 6px; -} -.chart-types li .thumb { - width: 100%; - height: 100%; - background-size: contain; -} -.bullets ul, -.numbers ul { - margin-top: 10px; -} -.bullets li, -.numbers li { - width: 70px; - height: 70px; - margin-right: 1px; - border: 1px solid #c4c4c4; -} -html.pixel-ratio-2 .bullets li, -html.pixel-ratio-2 .numbers li { - border: 0.5px solid #c4c4c4; -} -html.pixel-ratio-3 .bullets li, -html.pixel-ratio-3 .numbers li { - border: 0.33px solid #c4c4c4; -} -.bullets li .thumb, -.numbers li .thumb { - width: 100%; - height: 100%; - background-color: #ffffff; - background-size: cover; -} -.bullets li .thumb label, -.numbers li .thumb label { - width: 100%; - text-align: center; - position: absolute; - top: 34%; -} -.username-tip { - background-color: #ee3525; - border: none; - border-radius: 0; - padding: 3px 10px; - color: #ffffff; - white-space: nowrap; -} -.range-slider input[type=range]::-webkit-slider-thumb { - height: 28px; - width: 28px; - border-radius: 28px; - background: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); - z-index: 10; - -webkit-appearance: none; -} -.modal.modal-in { - max-height: 100%; - overflow: auto; -} -.doc-placeholder { - background: #fbfbfb; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - z-index: 10; -} -.doc-placeholder > .line { - height: 15px; - margin: 30px; - background: #e2e2e2; - overflow: hidden; - position: relative; - -webkit-animation: flickerAnimation 2s infinite ease-in-out; - -moz-animation: flickerAnimation 2s infinite ease-in-out; - -o-animation: flickerAnimation 2s infinite ease-in-out; - animation: flickerAnimation 2s infinite ease-in-out; -} -.page-macros-settings[data-page="macros-settings-view"] .list-block li.media-item .item-title { - font-weight: normal; -} -.page-macros-settings[data-page="macros-settings-view"] .list-block li.media-item .item-subtitle { - font-size: 14px; - color: #8e8e93; -} diff --git a/apps/documenteditor/mobile/resources/css/app-material.css b/apps/documenteditor/mobile/resources/css/app-material.css deleted file mode 100644 index ff00967da4..0000000000 --- a/apps/documenteditor/mobile/resources/css/app-material.css +++ /dev/null @@ -1,7655 +0,0 @@ -html, -body, -.framework7-root { - position: relative; - height: 100%; - width: 100%; - overflow-x: hidden; -} -body { - font-family: Roboto, Noto, Helvetica, Arial, sans-serif; - margin: 0; - padding: 0; - color: #212121; - font-size: 14px; - line-height: 1.5; - width: 100%; - -webkit-text-size-adjust: 100%; - background: #fff; - overflow: hidden; -} -.framework7-root { - overflow: hidden; -} -* { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-touch-callout: none; -} -a, -input, -textarea, -select { - outline: 0; -} -a { - text-decoration: none; - color: #446995; -} -p { - margin: 1em 0; -} -/* === Grid === */ -.row { - 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-lines: multiple; - -moz-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -.row > [class*="col-"] { - box-sizing: border-box; -} -.row .col-auto { - width: 100%; -} -.row .col-100 { - width: 100%; - width: -webkit-calc((100% - 16px*0) / 1); - width: calc((100% - 16px*0) / 1); -} -.row.no-gutter .col-100 { - width: 100%; -} -.row .col-95 { - width: 95%; - width: -webkit-calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); - width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); -} -.row.no-gutter .col-95 { - width: 95%; -} -.row .col-90 { - width: 90%; - width: -webkit-calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); - width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); -} -.row.no-gutter .col-90 { - width: 90%; -} -.row .col-85 { - width: 85%; - width: -webkit-calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); - width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); -} -.row.no-gutter .col-85 { - width: 85%; -} -.row .col-80 { - width: 80%; - width: -webkit-calc((100% - 16px*0.25) / 1.25); - width: calc((100% - 16px*0.25) / 1.25); -} -.row.no-gutter .col-80 { - width: 80%; -} -.row .col-75 { - width: 75%; - width: -webkit-calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); - width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); -} -.row.no-gutter .col-75 { - width: 75%; -} -.row .col-70 { - width: 70%; - width: -webkit-calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); - width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); -} -.row.no-gutter .col-70 { - width: 70%; -} -.row .col-66 { - width: 66.66666666666666%; - width: -webkit-calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); - width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); -} -.row.no-gutter .col-66 { - width: 66.66666666666666%; -} -.row .col-65 { - width: 65%; - width: -webkit-calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); - width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); -} -.row.no-gutter .col-65 { - width: 65%; -} -.row .col-60 { - width: 60%; - width: -webkit-calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); - width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); -} -.row.no-gutter .col-60 { - width: 60%; -} -.row .col-55 { - width: 55%; - width: -webkit-calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); - width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); -} -.row.no-gutter .col-55 { - width: 55%; -} -.row .col-50 { - width: 50%; - width: -webkit-calc((100% - 16px*1) / 2); - width: calc((100% - 16px*1) / 2); -} -.row.no-gutter .col-50 { - width: 50%; -} -.row .col-45 { - width: 45%; - width: -webkit-calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); - width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); -} -.row.no-gutter .col-45 { - width: 45%; -} -.row .col-40 { - width: 40%; - width: -webkit-calc((100% - 16px*1.5) / 2.5); - width: calc((100% - 16px*1.5) / 2.5); -} -.row.no-gutter .col-40 { - width: 40%; -} -.row .col-35 { - width: 35%; - width: -webkit-calc((100% - 16px*1.8571428571428572) / 2.857142857142857); - width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857); -} -.row.no-gutter .col-35 { - width: 35%; -} -.row .col-33 { - width: 33.333333333333336%; - width: -webkit-calc((100% - 16px*2) / 3); - width: calc((100% - 16px*2) / 3); -} -.row.no-gutter .col-33 { - width: 33.333333333333336%; -} -.row .col-30 { - width: 30%; - width: -webkit-calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); - width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); -} -.row.no-gutter .col-30 { - width: 30%; -} -.row .col-25 { - width: 25%; - width: -webkit-calc((100% - 16px*3) / 4); - width: calc((100% - 16px*3) / 4); -} -.row.no-gutter .col-25 { - width: 25%; -} -.row .col-20 { - width: 20%; - width: -webkit-calc((100% - 16px*4) / 5); - width: calc((100% - 16px*4) / 5); -} -.row.no-gutter .col-20 { - width: 20%; -} -.row .col-15 { - width: 15%; - width: -webkit-calc((100% - 16px*5.666666666666667) / 6.666666666666667); - width: calc((100% - 16px*5.666666666666667) / 6.666666666666667); -} -.row.no-gutter .col-15 { - width: 15%; -} -.row .col-10 { - width: 10%; - width: -webkit-calc((100% - 16px*9) / 10); - width: calc((100% - 16px*9) / 10); -} -.row.no-gutter .col-10 { - width: 10%; -} -.row .col-5 { - width: 5%; - width: -webkit-calc((100% - 16px*19) / 20); - width: calc((100% - 16px*19) / 20); -} -.row.no-gutter .col-5 { - width: 5%; -} -.row .col-auto:nth-last-child(1), -.row .col-auto:nth-last-child(1) ~ .col-auto { - width: 100%; - width: -webkit-calc((100% - 16px*0) / 1); - width: calc((100% - 16px*0) / 1); -} -.row.no-gutter .col-auto:nth-last-child(1), -.row.no-gutter .col-auto:nth-last-child(1) ~ .col-auto { - width: 100%; -} -.row .col-auto:nth-last-child(2), -.row .col-auto:nth-last-child(2) ~ .col-auto { - width: 50%; - width: -webkit-calc((100% - 16px*1) / 2); - width: calc((100% - 16px*1) / 2); -} -.row.no-gutter .col-auto:nth-last-child(2), -.row.no-gutter .col-auto:nth-last-child(2) ~ .col-auto { - width: 50%; -} -.row .col-auto:nth-last-child(3), -.row .col-auto:nth-last-child(3) ~ .col-auto { - width: 33.33333333%; - width: -webkit-calc((100% - 16px*2) / 3); - width: calc((100% - 16px*2) / 3); -} -.row.no-gutter .col-auto:nth-last-child(3), -.row.no-gutter .col-auto:nth-last-child(3) ~ .col-auto { - width: 33.33333333%; -} -.row .col-auto:nth-last-child(4), -.row .col-auto:nth-last-child(4) ~ .col-auto { - width: 25%; - width: -webkit-calc((100% - 16px*3) / 4); - width: calc((100% - 16px*3) / 4); -} -.row.no-gutter .col-auto:nth-last-child(4), -.row.no-gutter .col-auto:nth-last-child(4) ~ .col-auto { - width: 25%; -} -.row .col-auto:nth-last-child(5), -.row .col-auto:nth-last-child(5) ~ .col-auto { - width: 20%; - width: -webkit-calc((100% - 16px*4) / 5); - width: calc((100% - 16px*4) / 5); -} -.row.no-gutter .col-auto:nth-last-child(5), -.row.no-gutter .col-auto:nth-last-child(5) ~ .col-auto { - width: 20%; -} -.row .col-auto:nth-last-child(6), -.row .col-auto:nth-last-child(6) ~ .col-auto { - width: 16.66666667%; - width: -webkit-calc((100% - 16px*5) / 6); - width: calc((100% - 16px*5) / 6); -} -.row.no-gutter .col-auto:nth-last-child(6), -.row.no-gutter .col-auto:nth-last-child(6) ~ .col-auto { - width: 16.66666667%; -} -.row .col-auto:nth-last-child(7), -.row .col-auto:nth-last-child(7) ~ .col-auto { - width: 14.28571429%; - width: -webkit-calc((100% - 16px*6) / 7); - width: calc((100% - 16px*6) / 7); -} -.row.no-gutter .col-auto:nth-last-child(7), -.row.no-gutter .col-auto:nth-last-child(7) ~ .col-auto { - width: 14.28571429%; -} -.row .col-auto:nth-last-child(8), -.row .col-auto:nth-last-child(8) ~ .col-auto { - width: 12.5%; - width: -webkit-calc((100% - 16px*7) / 8); - width: calc((100% - 16px*7) / 8); -} -.row.no-gutter .col-auto:nth-last-child(8), -.row.no-gutter .col-auto:nth-last-child(8) ~ .col-auto { - width: 12.5%; -} -.row .col-auto:nth-last-child(9), -.row .col-auto:nth-last-child(9) ~ .col-auto { - width: 11.11111111%; - width: -webkit-calc((100% - 16px*8) / 9); - width: calc((100% - 16px*8) / 9); -} -.row.no-gutter .col-auto:nth-last-child(9), -.row.no-gutter .col-auto:nth-last-child(9) ~ .col-auto { - width: 11.11111111%; -} -.row .col-auto:nth-last-child(10), -.row .col-auto:nth-last-child(10) ~ .col-auto { - width: 10%; - width: -webkit-calc((100% - 16px*9) / 10); - width: calc((100% - 16px*9) / 10); -} -.row.no-gutter .col-auto:nth-last-child(10), -.row.no-gutter .col-auto:nth-last-child(10) ~ .col-auto { - width: 10%; -} -.row .col-auto:nth-last-child(11), -.row .col-auto:nth-last-child(11) ~ .col-auto { - width: 9.09090909%; - width: -webkit-calc((100% - 16px*10) / 11); - width: calc((100% - 16px*10) / 11); -} -.row.no-gutter .col-auto:nth-last-child(11), -.row.no-gutter .col-auto:nth-last-child(11) ~ .col-auto { - width: 9.09090909%; -} -.row .col-auto:nth-last-child(12), -.row .col-auto:nth-last-child(12) ~ .col-auto { - width: 8.33333333%; - width: -webkit-calc((100% - 16px*11) / 12); - width: calc((100% - 16px*11) / 12); -} -.row.no-gutter .col-auto:nth-last-child(12), -.row.no-gutter .col-auto:nth-last-child(12) ~ .col-auto { - width: 8.33333333%; -} -.row .col-auto:nth-last-child(13), -.row .col-auto:nth-last-child(13) ~ .col-auto { - width: 7.69230769%; - width: -webkit-calc((100% - 16px*12) / 13); - width: calc((100% - 16px*12) / 13); -} -.row.no-gutter .col-auto:nth-last-child(13), -.row.no-gutter .col-auto:nth-last-child(13) ~ .col-auto { - width: 7.69230769%; -} -.row .col-auto:nth-last-child(14), -.row .col-auto:nth-last-child(14) ~ .col-auto { - width: 7.14285714%; - width: -webkit-calc((100% - 16px*13) / 14); - width: calc((100% - 16px*13) / 14); -} -.row.no-gutter .col-auto:nth-last-child(14), -.row.no-gutter .col-auto:nth-last-child(14) ~ .col-auto { - width: 7.14285714%; -} -.row .col-auto:nth-last-child(15), -.row .col-auto:nth-last-child(15) ~ .col-auto { - width: 6.66666667%; - width: -webkit-calc((100% - 16px*14) / 15); - width: calc((100% - 16px*14) / 15); -} -.row.no-gutter .col-auto:nth-last-child(15), -.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% - 16px*15) / 16); - width: calc((100% - 16px*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% - 16px*16) / 17); - width: calc((100% - 16px*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% - 16px*17) / 18); - width: calc((100% - 16px*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% - 16px*18) / 19); - width: calc((100% - 16px*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% - 16px*19) / 20); - width: calc((100% - 16px*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% - 16px*20) / 21); - width: calc((100% - 16px*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%; - width: -webkit-calc((100% - 16px*0) / 1); - width: calc((100% - 16px*0) / 1); - } - .row.no-gutter .tablet-100 { - width: 100%; - } - .row .tablet-95 { - width: 95%; - width: -webkit-calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); - width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); - } - .row.no-gutter .tablet-95 { - width: 95%; - } - .row .tablet-90 { - width: 90%; - width: -webkit-calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); - width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); - } - .row.no-gutter .tablet-90 { - width: 90%; - } - .row .tablet-85 { - width: 85%; - width: -webkit-calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); - width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); - } - .row.no-gutter .tablet-85 { - width: 85%; - } - .row .tablet-80 { - width: 80%; - width: -webkit-calc((100% - 16px*0.25) / 1.25); - width: calc((100% - 16px*0.25) / 1.25); - } - .row.no-gutter .tablet-80 { - width: 80%; - } - .row .tablet-75 { - width: 75%; - width: -webkit-calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); - width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); - } - .row.no-gutter .tablet-75 { - width: 75%; - } - .row .tablet-70 { - width: 70%; - width: -webkit-calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); - width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); - } - .row.no-gutter .tablet-70 { - width: 70%; - } - .row .tablet-66 { - width: 66.66666666666666%; - width: -webkit-calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); - width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); - } - .row.no-gutter .tablet-66 { - width: 66.66666666666666%; - } - .row .tablet-65 { - width: 65%; - width: -webkit-calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); - width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); - } - .row.no-gutter .tablet-65 { - width: 65%; - } - .row .tablet-60 { - width: 60%; - width: -webkit-calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); - width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); - } - .row.no-gutter .tablet-60 { - width: 60%; - } - .row .tablet-55 { - width: 55%; - width: -webkit-calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); - width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); - } - .row.no-gutter .tablet-55 { - width: 55%; - } - .row .tablet-50 { - width: 50%; - width: -webkit-calc((100% - 16px*1) / 2); - width: calc((100% - 16px*1) / 2); - } - .row.no-gutter .tablet-50 { - width: 50%; - } - .row .tablet-45 { - width: 45%; - width: -webkit-calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); - width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); - } - .row.no-gutter .tablet-45 { - width: 45%; - } - .row .tablet-40 { - width: 40%; - width: -webkit-calc((100% - 16px*1.5) / 2.5); - width: calc((100% - 16px*1.5) / 2.5); - } - .row.no-gutter .tablet-40 { - width: 40%; - } - .row .tablet-35 { - width: 35%; - width: -webkit-calc((100% - 16px*1.8571428571428572) / 2.857142857142857); - width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857); - } - .row.no-gutter .tablet-35 { - width: 35%; - } - .row .tablet-33 { - width: 33.333333333333336%; - width: -webkit-calc((100% - 16px*2) / 3); - width: calc((100% - 16px*2) / 3); - } - .row.no-gutter .tablet-33 { - width: 33.333333333333336%; - } - .row .tablet-30 { - width: 30%; - width: -webkit-calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); - width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); - } - .row.no-gutter .tablet-30 { - width: 30%; - } - .row .tablet-25 { - width: 25%; - width: -webkit-calc((100% - 16px*3) / 4); - width: calc((100% - 16px*3) / 4); - } - .row.no-gutter .tablet-25 { - width: 25%; - } - .row .tablet-20 { - width: 20%; - width: -webkit-calc((100% - 16px*4) / 5); - width: calc((100% - 16px*4) / 5); - } - .row.no-gutter .tablet-20 { - width: 20%; - } - .row .tablet-15 { - width: 15%; - width: -webkit-calc((100% - 16px*5.666666666666667) / 6.666666666666667); - width: calc((100% - 16px*5.666666666666667) / 6.666666666666667); - } - .row.no-gutter .tablet-15 { - width: 15%; - } - .row .tablet-10 { - width: 10%; - width: -webkit-calc((100% - 16px*9) / 10); - width: calc((100% - 16px*9) / 10); - } - .row.no-gutter .tablet-10 { - width: 10%; - } - .row .tablet-5 { - width: 5%; - width: -webkit-calc((100% - 16px*19) / 20); - width: calc((100% - 16px*19) / 20); - } - .row.no-gutter .tablet-5 { - width: 5%; - } - .row .tablet-auto:nth-last-child(1), - .row .tablet-auto:nth-last-child(1) ~ .col-auto { - width: 100%; - width: -webkit-calc((100% - 16px*0) / 1); - width: calc((100% - 16px*0) / 1); - } - .row.no-gutter .tablet-auto:nth-last-child(1), - .row.no-gutter .tablet-auto:nth-last-child(1) ~ .tablet-auto { - width: 100%; - } - .row .tablet-auto:nth-last-child(2), - .row .tablet-auto:nth-last-child(2) ~ .col-auto { - width: 50%; - width: -webkit-calc((100% - 16px*1) / 2); - width: calc((100% - 16px*1) / 2); - } - .row.no-gutter .tablet-auto:nth-last-child(2), - .row.no-gutter .tablet-auto:nth-last-child(2) ~ .tablet-auto { - width: 50%; - } - .row .tablet-auto:nth-last-child(3), - .row .tablet-auto:nth-last-child(3) ~ .col-auto { - width: 33.33333333%; - width: -webkit-calc((100% - 16px*2) / 3); - width: calc((100% - 16px*2) / 3); - } - .row.no-gutter .tablet-auto:nth-last-child(3), - .row.no-gutter .tablet-auto:nth-last-child(3) ~ .tablet-auto { - width: 33.33333333%; - } - .row .tablet-auto:nth-last-child(4), - .row .tablet-auto:nth-last-child(4) ~ .col-auto { - width: 25%; - width: -webkit-calc((100% - 16px*3) / 4); - width: calc((100% - 16px*3) / 4); - } - .row.no-gutter .tablet-auto:nth-last-child(4), - .row.no-gutter .tablet-auto:nth-last-child(4) ~ .tablet-auto { - width: 25%; - } - .row .tablet-auto:nth-last-child(5), - .row .tablet-auto:nth-last-child(5) ~ .col-auto { - width: 20%; - width: -webkit-calc((100% - 16px*4) / 5); - width: calc((100% - 16px*4) / 5); - } - .row.no-gutter .tablet-auto:nth-last-child(5), - .row.no-gutter .tablet-auto:nth-last-child(5) ~ .tablet-auto { - width: 20%; - } - .row .tablet-auto:nth-last-child(6), - .row .tablet-auto:nth-last-child(6) ~ .col-auto { - width: 16.66666667%; - width: -webkit-calc((100% - 16px*5) / 6); - width: calc((100% - 16px*5) / 6); - } - .row.no-gutter .tablet-auto:nth-last-child(6), - .row.no-gutter .tablet-auto:nth-last-child(6) ~ .tablet-auto { - width: 16.66666667%; - } - .row .tablet-auto:nth-last-child(7), - .row .tablet-auto:nth-last-child(7) ~ .col-auto { - width: 14.28571429%; - width: -webkit-calc((100% - 16px*6) / 7); - width: calc((100% - 16px*6) / 7); - } - .row.no-gutter .tablet-auto:nth-last-child(7), - .row.no-gutter .tablet-auto:nth-last-child(7) ~ .tablet-auto { - width: 14.28571429%; - } - .row .tablet-auto:nth-last-child(8), - .row .tablet-auto:nth-last-child(8) ~ .col-auto { - width: 12.5%; - width: -webkit-calc((100% - 16px*7) / 8); - width: calc((100% - 16px*7) / 8); - } - .row.no-gutter .tablet-auto:nth-last-child(8), - .row.no-gutter .tablet-auto:nth-last-child(8) ~ .tablet-auto { - width: 12.5%; - } - .row .tablet-auto:nth-last-child(9), - .row .tablet-auto:nth-last-child(9) ~ .col-auto { - width: 11.11111111%; - width: -webkit-calc((100% - 16px*8) / 9); - width: calc((100% - 16px*8) / 9); - } - .row.no-gutter .tablet-auto:nth-last-child(9), - .row.no-gutter .tablet-auto:nth-last-child(9) ~ .tablet-auto { - width: 11.11111111%; - } - .row .tablet-auto:nth-last-child(10), - .row .tablet-auto:nth-last-child(10) ~ .col-auto { - width: 10%; - width: -webkit-calc((100% - 16px*9) / 10); - width: calc((100% - 16px*9) / 10); - } - .row.no-gutter .tablet-auto:nth-last-child(10), - .row.no-gutter .tablet-auto:nth-last-child(10) ~ .tablet-auto { - width: 10%; - } - .row .tablet-auto:nth-last-child(11), - .row .tablet-auto:nth-last-child(11) ~ .col-auto { - width: 9.09090909%; - width: -webkit-calc((100% - 16px*10) / 11); - width: calc((100% - 16px*10) / 11); - } - .row.no-gutter .tablet-auto:nth-last-child(11), - .row.no-gutter .tablet-auto:nth-last-child(11) ~ .tablet-auto { - width: 9.09090909%; - } - .row .tablet-auto:nth-last-child(12), - .row .tablet-auto:nth-last-child(12) ~ .col-auto { - width: 8.33333333%; - width: -webkit-calc((100% - 16px*11) / 12); - width: calc((100% - 16px*11) / 12); - } - .row.no-gutter .tablet-auto:nth-last-child(12), - .row.no-gutter .tablet-auto:nth-last-child(12) ~ .tablet-auto { - width: 8.33333333%; - } - .row .tablet-auto:nth-last-child(13), - .row .tablet-auto:nth-last-child(13) ~ .col-auto { - width: 7.69230769%; - width: -webkit-calc((100% - 16px*12) / 13); - width: calc((100% - 16px*12) / 13); - } - .row.no-gutter .tablet-auto:nth-last-child(13), - .row.no-gutter .tablet-auto:nth-last-child(13) ~ .tablet-auto { - width: 7.69230769%; - } - .row .tablet-auto:nth-last-child(14), - .row .tablet-auto:nth-last-child(14) ~ .col-auto { - width: 7.14285714%; - width: -webkit-calc((100% - 16px*13) / 14); - width: calc((100% - 16px*13) / 14); - } - .row.no-gutter .tablet-auto:nth-last-child(14), - .row.no-gutter .tablet-auto:nth-last-child(14) ~ .tablet-auto { - width: 7.14285714%; - } - .row .tablet-auto:nth-last-child(15), - .row .tablet-auto:nth-last-child(15) ~ .col-auto { - width: 6.66666667%; - width: -webkit-calc((100% - 16px*14) / 15); - width: calc((100% - 16px*14) / 15); - } - .row.no-gutter .tablet-auto:nth-last-child(15), - .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% - 16px*15) / 16); - width: calc((100% - 16px*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% - 16px*16) / 17); - width: calc((100% - 16px*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% - 16px*17) / 18); - width: calc((100% - 16px*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% - 16px*18) / 19); - width: calc((100% - 16px*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% - 16px*19) / 20); - width: calc((100% - 16px*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% - 16px*20) / 21); - width: calc((100% - 16px*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; -} -.views { - overflow: auto; - -webkit-overflow-scrolling: touch; -} -.view { - overflow: hidden; - box-sizing: border-box; -} -/* === Pages === */ -.pages { - position: relative; - width: 100%; - height: 100%; - overflow: hidden; -} -.page { - box-sizing: border-box; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #fff; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.page.cached { - display: none; -} -.page-on-left { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.page-on-right { - opacity: 0; - pointer-events: none; - -webkit-transform: translate3d(0, 56px, 0); - transform: translate3d(0, 56px, 0); -} -.page-content { - overflow: auto; - -webkit-overflow-scrolling: touch; - box-sizing: border-box; - height: 100%; - position: relative; - z-index: 1; -} -.page-transitioning { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.page-from-right-to-center { - pointer-events: none; - -webkit-animation: pageFromRightToCenter 300ms forwards; - animation: pageFromRightToCenter 300ms forwards; -} -.page-from-center-to-right { - pointer-events: none; - -webkit-animation: pageFromCenterToRight 300ms forwards; - animation: pageFromCenterToRight 300ms forwards; -} -@-webkit-keyframes pageFromRightToCenter { - from { - opacity: 0; - -webkit-transform: translate3d(0, 56px, 0); - } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - } -} -@keyframes pageFromRightToCenter { - from { - opacity: 0; - transform: translate3d(0, 56px, 0); - } - to { - opacity: 1; - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes pageFromCenterToRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(0, 56px, 0); - } -} -@keyframes pageFromCenterToRight { - from { - opacity: 1; - transform: translate3d(0, 0, 0); - } - to { - opacity: 0; - transform: translate3d(0, 56px, 0); - } -} -.page-from-center-to-left { - -webkit-animation: pageFromCenterToLeft 300ms forwards; - animation: pageFromCenterToLeft 300ms forwards; -} -.page-from-left-to-center { - -webkit-animation: pageFromLeftToCenter 300ms forwards; - animation: pageFromLeftToCenter 300ms forwards; -} -@-webkit-keyframes pageFromCenterToLeft { - from { - opacity: 1; - } - to { - opacity: 1; - } -} -@keyframes pageFromCenterToLeft { - from { - opacity: 1; - } - to { - opacity: 1; - } -} -@-webkit-keyframes pageFromLeftToCenter { - from { - opacity: 1; - } - to { - opacity: 1; - } -} -@keyframes pageFromLeftToCenter { - from { - opacity: 1; - } - to { - opacity: 1; - } -} -/* === Toolbars === */ -.navbar-inner, -.toolbar-inner { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - box-sizing: border-box; - overflow: hidden; - 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; -} -.navbar-inner { - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; -} -.toolbar-inner { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -.navbar-inner.cached { - display: none; -} -.navbar, -.toolbar { - width: 100%; - box-sizing: border-box; - position: relative; - margin: 0; - z-index: 500; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - color: #fff; -} -.navbar b, -.toolbar b { - font-weight: 500; -} -.navbar ~ .toolbar { - z-index: 499; -} -.navbar, -.toolbar, -.subnavbar { - background: #446995; -} -.navbar a.link, -.toolbar a.link, -.subnavbar a.link { - text-decoration: none; - position: relative; - color: #fff; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding: 0 16px; - min-width: 48px; -} -.navbar a.link:before, -.toolbar a.link:before, -.subnavbar a.link:before { - content: ''; - width: 152%; - height: 152%; - position: absolute; - left: -26%; - top: -26%; - background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); - background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); - background-repeat: no-repeat; - background-position: center; - background-size: 100% 100%; - opacity: 0; - pointer-events: none; - -webkit-transition-duration: 600ms; - transition-duration: 600ms; -} -html:not(.watch-active-state) .navbar a.link:active:before, -html:not(.watch-active-state) .toolbar a.link:active:before, -html:not(.watch-active-state) .subnavbar a.link:active:before, -.navbar a.link.active-state:before, -.toolbar a.link.active-state:before, -.subnavbar a.link.active-state:before { - opacity: 1; - -webkit-transition-duration: 150ms; - transition-duration: 150ms; -} -.navbar a.link i + span, -.toolbar a.link i + span, -.subnavbar a.link i + span, -.navbar a.link i + i, -.toolbar a.link i + i, -.subnavbar a.link i + i, -.navbar a.link span + i, -.toolbar a.link span + i, -.subnavbar a.link span + i, -.navbar a.link span + span, -.toolbar a.link span + span, -.subnavbar a.link span + span { - margin-left: 8px; -} -.navbar a.icon-only, -.toolbar a.icon-only, -.subnavbar a.icon-only { - min-width: 0; - -webkit-box-flex: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; -} -.navbar i.icon, -.toolbar i.icon, -.subnavbar i.icon { - display: block; -} -.navbar .center, -.subnavbar .center { - font-size: 20px; - font-weight: 500; - text-align: center; - margin: 0 16px; - position: relative; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - line-height: 56px; - display: inline-block; - text-align: left; -} -.navbar .left, -.subnavbar .left, -.navbar .right, -.subnavbar .right { - -webkit-box-flex: 0; - -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-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.navbar .right, -.subnavbar .right { - margin-left: auto; -} -.navbar .right:first-child, -.subnavbar .right:first-child { - position: absolute; - right: 16px; - height: 100%; -} -.navbar { - left: 0; - top: 0; - height: 56px; - font-size: 20px; -} -.navbar a.link { - line-height: 56px; - height: 56px; -} -.popup .navbar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.subnavbar { - height: 48px; - width: 100%; - position: absolute; - left: 0; - top: 100%; - z-index: 20; - box-sizing: border-box; - padding: 0 16px; - 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; - overflow: hidden; -} -.subnavbar a.link { - line-height: 48px; - height: 48px; -} -.subnavbar .center { - line-height: 48px; -} -.subnavbar .center:first-child { - margin-left: 56px; -} -.navbar.no-border .subnavbar { - margin-top: 0; -} -.navbar-on-left .subnavbar, -.navbar-on-right .subnavbar { - pointer-events: none; -} -.navbar .subnavbar, -.page .subnavbar { - position: absolute; -} -.page > .subnavbar { - top: 0; - margin-top: 0; -} -.subnavbar > .buttons-row { - width: 100%; -} -.subnavbar .searchbar, -.subnavbar.searchbar { - position: absolute; -} -.subnavbar.searchbar, -.subnavbar .searchbar { - position: absolute; -} -.subnavbar .searchbar { - left: 0; - top: 0; -} -.toolbar { - left: 0; - bottom: 0; - height: 48px; - font-size: 14px; -} -.toolbar a.link { - line-height: 48px; - height: 48px; -} -.toolbar a { - -webkit-box-flex: 1; - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; - position: relative; - white-space: nowrap; - text-overflow: ellipsis; -} -.tabbar { - z-index: 5001; - overflow: hidden; - bottom: auto; - top: 0; -} -.tabbar .toolbar-inner { - padding-left: 0; - padding-right: 0; -} -.tabbar a.link { - line-height: 1.4; -} -.tabbar a.tab-link, -.tabbar a.link { - height: 100%; - width: 100%; - box-sizing: border-box; - padding-left: 0; - padding-right: 0; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -ms-flex: 1; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - font-size: 14px; - text-transform: uppercase; -} -.tabbar i.icon { - height: 24px; -} -.tabbar a.tab-link { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - overflow: hidden; - color: rgba(255, 255, 255, 0.7); - position: relative; -} -.tabbar a.tab-link.active, -html:not(.watch-active-state) .tabbar a.tab-link:active, -.tabbar a.tab-link.active-state { - color: #ffffff; -} -.tabbar .tab-link-highlight { - position: absolute; - left: 0; - bottom: 0; - height: 3px; - background: #2c4460; - background: rgba(255, 255, 255, 0.5); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.tabbar-labels { - height: 72px; -} -.tabbar-labels a.tab-link, -.tabbar-labels a.link { - padding-top: 12px; - padding-bottom: 12px; - height: 100%; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -.tabbar-labels span.tabbar-label { - line-height: 1; - display: block; - margin: 0; - margin-top: 10px; - position: relative; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - max-width: 100%; -} -.tabbar-scrollable .toolbar-inner { - -webkit-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - overflow: auto; -} -.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { - display: none !important; - width: 0 !important; - height: 0 !important; - -webkit-appearance: none; - opacity: 0 !important; -} -.tabbar-scrollable a.tab-link, -.tabbar-scrollable a.link { - width: auto; - -webkit-box-flex: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; - -ms-flex: 0; - padding: 0 16px; -} -.toolbar-bottom { - bottom: 0; - top: auto; -} -.toolbar-bottom .tab-link-highlight { - bottom: auto; - top: 0; -} -.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: 32px; - display: block; - border: none; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - border-radius: 0; - font-family: inherit; - color: #fff; - font-size: 16px; - font-weight: 400; - background-color: transparent; - padding: 0; - border-bottom: 1px solid #fff; -} -.subnavbar input[type="text"]::-webkit-input-placeholder, -.navbar input[type="text"]::-webkit-input-placeholder, -.subnavbar input[type="password"]::-webkit-input-placeholder, -.navbar input[type="password"]::-webkit-input-placeholder, -.subnavbar input[type="search"]::-webkit-input-placeholder, -.navbar input[type="search"]::-webkit-input-placeholder, -.subnavbar input[type="email"]::-webkit-input-placeholder, -.navbar input[type="email"]::-webkit-input-placeholder, -.subnavbar input[type="tel"]::-webkit-input-placeholder, -.navbar input[type="tel"]::-webkit-input-placeholder, -.subnavbar input[type="url"]::-webkit-input-placeholder, -.navbar input[type="url"]::-webkit-input-placeholder { - color: #ffffff; - opacity: 1; -} -/* === Relation between toolbar/navbar types and pages === */ -.page > .navbar, -.view > .navbar, -.views > .navbar, -.page > .toolbar, -.view > .toolbar, -.views > .toolbar { - position: absolute; -} -.subnavbar ~ .page-content { - padding-top: 48px; -} -.toolbar-fixed .page-content, -.tabbar-fixed .page-content { - padding-top: 48px; -} -.tabbar-labels-fixed .page-content { - padding-top: 72px; -} -.toolbar ~ .page-content { - padding-top: 48px; -} -.tabbar-labels ~ .page-content { - padding-top: 72px; -} -.toolbar-bottom ~ .page-content, -.messagebar ~ .page-content { - padding-top: 0; - padding-bottom: 48px; -} -.tabbar-labels.toolbar-bottom ~ .page-content { - padding-bottom: 72px; -} -.navbar-fixed .page-content { - padding-top: 56px; -} -.navbar-fixed.toolbar-fixed .page-content, -.navbar-fixed.tabbar-fixed .page-content, -.navbar-fixed .toolbar-fixed .page-content, -.navbar-fixed .tabbar-fixed .page-content, -.toolbar-fixed .navbar-fixed .page-content, -.tabbar-fixed .navbar-fixed .page-content { - padding-top: 104px; -} -.navbar-fixed.tabbar-labels-fixed .page-content, -.navbar-fixed .tabbar-labels-fixed .page-content, -.tabbar-labels-fixed .navbar-fixed .page-content { - padding-top: 128px; -} -.navbar-fixed .toolbar ~ .page-content { - padding-top: 104px; -} -.navbar-fixed .messagebar ~ .page-content, -.navbar-fixed .toolbar-bottom ~ .page-content { - padding-top: 56px; -} -.navbar-fixed .tabbar-labels ~ .page-content { - padding-top: 128px; -} -.navbar-fixed .tabbar-labels.toolbar-bottom ~ .page-content { - padding-top: 56px; -} -.navbar-fixed .with-subnavbar .page-content, -.navbar-fixed .page-content.with-subnavbar, -.navbar-fixed .subnavbar ~ .page-content { - padding-top: 104px; -} -.navbar-fixed .page .subnavbar, -.navbar-fixed.page .subnavbar { - top: 56px; -} -.navbar-fixed .toolbar { - top: 56px; -} -.navbar-fixed .messagebar, -.navbar-fixed .toolbar-bottom { - top: auto; -} -.navbar.navbar-hiding { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.navbar.navbar-hiding ~ .page-content .list-group-title, -.navbar.navbar-hiding ~ .pages .list-group-title, -.navbar.navbar-hiding ~ .page .list-group-title { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.navbar.navbar-hiding ~ .page-content .subnavbar, -.navbar.navbar-hiding ~ .pages .subnavbar, -.navbar.navbar-hiding ~ .page .subnavbar { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.navbar.navbar-hiding ~ .subnavbar, -.navbar.navbar-hiding ~ .toolbar { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.navbar.navbar-hidden { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.navbar.navbar-hidden ~ .page-content .list-group-title, -.navbar.navbar-hidden ~ .pages .list-group-title, -.navbar.navbar-hidden ~ .page .list-group-title { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - top: -56px; -} -.navbar.navbar-hidden ~ .page-content .subnavbar, -.navbar.navbar-hidden ~ .pages .subnavbar, -.navbar.navbar-hidden ~ .page .subnavbar { - -webkit-transform: translate3d(0, -56px, 0); - transform: translate3d(0, -56px, 0); - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.navbar.navbar-hidden ~ .subnavbar, -.navbar.navbar-hidden ~ .toolbar:not(.messagebar):not(.toolbar-bottom) { - -webkit-transform: translate3d(0, -56px, 0); - transform: translate3d(0, -56px, 0); - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.page.no-navbar .page-content { - padding-top: 0; -} -.page.no-navbar.with-subnavbar .page-content, -.with-subnavbar .page.no-navbar .page-content, -.page.no-navbar .page-content.with-subnavbar { - padding-top: 48px; -} -.toolbar.toolbar-hiding, -.tabbar.toolbar-hiding, -.toolbar.tabbar-hiding, -.tabbar.tabbar-hiding { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.toolbar.toolbar-hidden, -.tabbar.toolbar-hidden, -.toolbar.tabbar-hidden, -.tabbar.tabbar-hidden { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.toolbar.toolbar-hidden, -.tabbar.toolbar-hidden, -.toolbar.tabbar-hidden, -.tabbar.tabbar-hidden { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.navbar ~ .toolbar.toolbar-hidden, -.navbar ~ .tabbar.toolbar-hidden, -.navbar ~ .toolbar.tabbar-hidden, -.navbar ~ .tabbar.tabbar-hidden { - -webkit-transform: translate3d(0, -104px, 0); - transform: translate3d(0, -104px, 0); -} -.navbar ~ .toolbar.tabbar-labels.toolbar-hidden, -.navbar ~ .tabbar.tabbar-labels.toolbar-hidden { - -webkit-transform: translate3d(0, -128px, 0); - transform: translate3d(0, -128px, 0); -} -.toolbar.toolbar-hidden.messagebar, -.tabbar.toolbar-hidden.messagebar, -.toolbar.toolbar-hidden.toolbar-bottom, -.tabbar.toolbar-hidden.toolbar-bottom { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.page.no-toolbar .page-content, -.page.no-tabbar .page-content { - padding-bottom: 0; -} -/* === Search Bar === */ -.searchbar { - height: 48px; - width: 100%; - background: #446995; - box-sizing: border-box; - padding: 0 16px; - overflow: hidden; - position: relative; - 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; - color: #fff; -} -.searchbar a { - position: relative; - color: #fff; -} -.searchbar a:before { - content: ''; - width: 152%; - height: 152%; - position: absolute; - left: -26%; - top: -26%; - background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); - background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); - background-repeat: no-repeat; - background-position: center; - background-size: 100% 100%; - opacity: 0; - pointer-events: none; - -webkit-transition-duration: 600ms; - transition-duration: 600ms; -} -html:not(.watch-active-state) .searchbar a:active:before, -.searchbar a.active-state:before { - opacity: 1; - -webkit-transition-duration: 150ms; - transition-duration: 150ms; -} -.searchbar .searchbar-input { - width: 100%; - height: 32px; - position: relative; - -webkit-box-flex: 1; - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; -} -.searchbar input[type="search"] { - box-sizing: border-box; - width: 100%; - height: 32px; - display: block; - border: none; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - border-radius: 0; - font-family: inherit; - color: #fff; - font-size: 16px; - font-weight: 400; - padding: 0; - border-bottom: 1px solid #fff; - height: 100%; - padding: 0 36px 0 24px; - background-color: transparent; - background-repeat: no-repeat; - background-position: 0 center; - opacity: 0.6; - -webkit-background-size: 24px 24px; - background-size: 24px 24px; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%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'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); -} -.searchbar input[type="search"]::-webkit-input-placeholder { - color: #ffffff; - opacity: 1; -} -.searchbar input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; -} -.searchbar .searchbar-clear { - position: absolute; - width: 56px; - height: 100%; - right: -16px; - top: 0; - opacity: 0; - pointer-events: none; - background-position: center; - background-repeat: no-repeat; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%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'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); - -webkit-background-size: 24px 24px; - background-size: 24px 24px; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - cursor: pointer; -} -.searchbar .searchbar-cancel { - display: none; -} -.searchbar.searchbar-active input[type="search"] { - opacity: 1; -} -.searchbar.searchbar-active .searchbar-clear { - pointer-events: auto; - opacity: 1; -} -.searchbar.searchbar-not-empty .searchbar-clear { - pointer-events: auto; - opacity: 1; -} -.searchbar-overlay { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: 100; - opacity: 0; - pointer-events: none; - background: rgba(0, 0, 0, 0.25); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.searchbar-overlay.searchbar-overlay-active { - opacity: 1; - pointer-events: auto; -} -.searchbar-not-found { - display: none; -} -.hidden-by-searchbar, -.list-block .hidden-by-searchbar, -.list-block li.hidden-by-searchbar { - display: none; -} -.page > .searchbar { - position: absolute; - width: 100%; - left: 0; - top: 0; - z-index: 200; -} -.page > .searchbar ~ .page-content { - padding-top: 48px; -} -.navbar-fixed .page > .searchbar, -.navbar-through .page > .searchbar, -.navbar-fixed > .searchbar, -.navbar-through > .searchbar { - top: 56px; -} -.navbar-fixed .page > .searchbar ~ .page-content, -.navbar-through .page > .searchbar ~ .page-content, -.navbar-fixed > .searchbar ~ .page-content, -.navbar-through > .searchbar ~ .page-content { - padding-top: 104px; -} -/* === Message Bar === */ -.toolbar.messagebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - background: #fff; - height: 48px; - top: auto; - bottom: 0; - font-size: 16px; - overflow: hidden; -} -.toolbar.messagebar:before { - content: ''; - position: absolute; - left: 0; - top: 0; - bottom: auto; - right: auto; - height: 1px; - width: 100%; - background-color: #d1d1d1; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; -} -html.pixel-ratio-2 .toolbar.messagebar:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .toolbar.messagebar:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.toolbar.messagebar textarea { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: none; - background: none; - border-radius: 0; - box-shadow: none; - display: block; - padding: 3px 8px 3px; - margin: 0; - width: 100%; - height: 28px; - color: #333; - font-size: 16px; - line-height: 22px; - font-family: inherit; - resize: none; - -webkit-box-flex: 1; - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; -} -.toolbar.messagebar a.link { - color: #333; - -ms-flex-item-align: flex-end; - -webkit-align-self: flex-end; - align-self: flex-end; - height: 48px; - line-height: 48px; -} -.toolbar.messagebar a.link:before { - background-image: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); - background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); -} -.toolbar.messagebar .link { - -webkit-box-flex: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; -} -.toolbar.messagebar ~ .page-content { - padding-bottom: 48px; -} -.page.no-toolbar .toolbar.messagebar ~ .page-content { - padding-bottom: 48px; -} -.hidden-toolbar .toolbar.messagebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition-duration: 0ms; - transition-duration: 0ms; -} -/* === Icons === */ -i.icon { - display: inline-block; - vertical-align: middle; - background-size: 100% auto; - background-position: center; - background-repeat: no-repeat; - font-style: normal; - position: relative; - /* Material Icons http://google.github.io/material-design-icons/ */ -} -i.icon.icon-back { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-forward { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-bars { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-camera { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23333'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3.2'%2F%3E%3Cpath%20d%3D'M9%202L7.17%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2h-3.17L15%202H9zm3%2015c-2.76%200-5-2.24-5-5s2.24-5%205-5%205%202.24%205%205-2.24%205-5%205z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-f7 { - width: 24px; - height: 24px; - background-image: url("../img/i-f7-material.png"); - border-radius: 3px; -} -i.icon.icon-next, -i.icon.icon-prev { - width: 24px; - height: 24px; -} -i.icon.icon-next { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-prev { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-plus { - width: 24px; - height: 24px; - font-size: 0; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%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'M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-close { - width: 24px; - height: 24px; - font-size: 0; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%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'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); -} -.badge { - font-size: 10px; - display: inline-block; - color: #fff; - background: #8e8e93; - border-radius: 3px; - padding: 1px 6px; - box-sizing: border-box; - vertical-align: middle; -} -.icon .badge { - position: absolute; - left: 100%; - margin-left: -10px; - top: -2px; - font-size: 10px; - line-height: 1.4; - padding: 1px 5px; -} -/* === Content Block === */ -.content-block { - margin: 32px 0; - padding: 0 16px; - 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; - margin: 0; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 14px; - line-height: 1; - margin: 16px 16px 16px; - padding-top: 16px; - line-height: 16px; - font-weight: 500; - color: rgba(0, 0, 0, 0.54); -} -.content-block-title + .list-block, -.content-block-title + .content-block, -.content-block-title + .card { - margin-top: 0px; -} -.content-block-inner { - padding: 16px 16px; - margin-left: -16px; - width: 100%; - position: relative; -} -.content-block-inner:before { - content: ''; - position: absolute; - left: 0; - top: 0; - bottom: auto; - right: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.12); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; -} -html.pixel-ratio-2 .content-block-inner:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .content-block-inner:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.content-block-inner:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.12); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .content-block-inner:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .content-block-inner:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.content-block-inner > p:first-child { - margin-top: 0; -} -.content-block-inner > p:last-child { - margin-bottom: 0; -} -.content-block.inset { - margin-left: 16px; - margin-right: 16px; - border-radius: 7px; -} -.content-block.inset .content-block-inner { - border-radius: 4px; -} -.content-block.inset .content-block-inner:before { - display: none; -} -.content-block.inset .content-block-inner:after { - display: none; -} -@media all and (min-width: 768px) { - .content-block.tablet-inset { - margin-left: 16px; - margin-right: 16px; - border-radius: 4px; - } - .content-block.tablet-inset .content-block-inner { - border-radius: 4px; - } - .content-block.tablet-inset .content-block-inner:before { - display: none; - } - .content-block.tablet-inset .content-block-inner:after { - display: none; - } -} -/* === Lists === */ -.list-block { - margin: 32px 0; - font-size: 16px; -} -.list-block ul { - list-style: none; - padding: 0; - margin: 0; - position: relative; -} -.list-block ul:before { - content: ''; - position: absolute; - left: 0; - top: 0; - bottom: auto; - right: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.12); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; -} -html.pixel-ratio-2 .list-block ul:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block ul:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.list-block ul:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.12); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .list-block ul:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block ul:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.list-block ul ul { - padding-left: 56px; -} -.list-block ul ul:before { - display: none; -} -.list-block ul ul:after { - display: none; -} -.list-block .align-top, -.list-block .align-top .item-content, -.list-block .align-top .item-inner { - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -.list-block.inset { - margin-left: 16px; - margin-right: 16px; - border-radius: 4px; -} -.list-block.inset .content-block-title { - margin-left: 0; - margin-right: 0; -} -.list-block.inset ul { - border-radius: 4px; -} -.list-block.inset ul:before { - display: none; -} -.list-block.inset ul:after { - display: none; -} -.list-block.inset li:first-child > a { - border-radius: 4px 4px 0 0; -} -.list-block.inset li:last-child > a { - border-radius: 0 0 4px 4px; -} -.list-block.inset li:first-child:last-child > a { - border-radius: 4px; -} -@media all and (min-width: 768px) { - .list-block.tablet-inset { - margin-left: 16px; - margin-right: 16px; - border-radius: 4px; - } - .list-block.tablet-inset .content-block-title { - margin-left: 0; - margin-right: 0; - } - .list-block.tablet-inset ul { - border-radius: 4px; - } - .list-block.tablet-inset ul:before { - display: none; - } - .list-block.tablet-inset ul:after { - display: none; - } - .list-block.tablet-inset li:first-child > a { - border-radius: 4px 4px 0 0; - } - .list-block.tablet-inset li:last-child > a { - border-radius: 0 0 4px 4px; - } - .list-block.tablet-inset li:first-child:last-child > a { - border-radius: 4px; - } - .list-block.tablet-inset .content-block-title { - margin-left: 0; - margin-right: 0; - } - .list-block.tablet-inset ul { - border-radius: 4px; - } - .list-block.tablet-inset ul:before { - display: none; - } - .list-block.tablet-inset ul:after { - display: none; - } - .list-block.tablet-inset li:first-child > a { - border-radius: 4px 4px 0 0; - } - .list-block.tablet-inset li:last-child > a { - border-radius: 0 0 4px 4px; - } - .list-block.tablet-inset li:first-child:last-child > a { - border-radius: 4px; - } -} -.list-block li { - box-sizing: border-box; - position: relative; -} -.list-block .item-media { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-flex: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; - -webkit-box-lines: single; - -moz-box-lines: single; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: none; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - box-sizing: border-box; - padding-top: 8px; - padding-bottom: 8px; - min-width: 40px; -} -.list-block .item-media i + i { - margin-left: 8px; -} -.list-block .item-media i + img { - margin-left: 8px; -} -.list-block .item-media + .item-inner { - margin-left: 16px; -} -.list-block .item-inner { - padding-right: 16px; - position: relative; - width: 100%; - padding-top: 8px; - padding-bottom: 8px; - min-height: 48px; - box-sizing: border-box; - -webkit-box-flex: 1; - -ms-flex: 1; - min-width: 0; - 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; - -ms-flex-item-align: stretch; - -webkit-align-self: stretch; - align-self: stretch; -} -.list-block .item-inner:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.12); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .list-block .item-inner:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block .item-inner:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.list-block .item-title { - min-width: 0; - -webkit-box-flex: 1; - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; - white-space: nowrap; - position: relative; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; -} -.list-block .item-after { - white-space: nowrap; - color: #757575; - -webkit-box-flex: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; - margin-left: 8px; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - max-height: 28px; - font-size: 14px; -} -.list-block .smart-select .item-after, -.list-block .autocomplete-opener .item-after { - max-width: 70%; - overflow: hidden; - text-overflow: ellipsis; - position: relative; - display: block; -} -.list-block .item-link { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - display: block; - color: inherit; - position: relative; - overflow: hidden; - z-index: 0; -} -.list-block .item-link .item-inner { - padding-right: 42px; - 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; - background-repeat: no-repeat; - background-position: 95% center; - background-position: -webkit-calc(100% - 16px) center; - background-position: calc(100% - 16px) center; -} -html:not(.watch-active-state) .list-block .item-link:active, -.list-block .item-link.active-state { - background-color: rgba(0, 0, 0, 0.1); -} -.list-block .item-link.list-button { - padding: 0 16px; - font-size: 16px; - display: block; - line-height: 48px; -} -.list-block .item-content { - box-sizing: border-box; - padding-left: 16px; - min-height: 48px; - 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; -} -.list-block .list-block-label { - margin: 10px 0 35px; - padding: 0 16px; - font-size: 14px; - color: rgba(0, 0, 0, 0.54); -} -.list-block .swipeout { - overflow: hidden; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.list-block .swipeout.deleting { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.list-block .swipeout.deleting .swipeout-content { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); -} -.list-block .swipeout.transitioning .swipeout-content, -.list-block .swipeout.transitioning .swipeout-actions-right a, -.list-block .swipeout.transitioning .swipeout-actions-left a, -.list-block .swipeout.transitioning .swipeout-overswipe { - -webkit-transition: 300ms; - transition: 300ms; -} -.list-block .swipeout-content { - position: relative; - z-index: 10; -} -.list-block .swipeout-overswipe { - -webkit-transition: 200ms left; - transition: 200ms left; -} -.list-block .swipeout-actions-left, -.list-block .swipeout-actions-right { - position: absolute; - top: 0; - height: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; -} -.list-block .swipeout-actions-left a, -.list-block .swipeout-actions-right a { - padding: 0 24px; - color: #fff; - background: #c7c7cc; - 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; - position: relative; - left: 0; -} -.list-block .swipeout-actions-left a:after, -.list-block .swipeout-actions-right a:after { - content: ''; - position: absolute; - top: 0; - width: 600%; - height: 100%; - background: inherit; - z-index: -1; -} -.list-block .swipeout-actions-left a.swipeout-delete, -.list-block .swipeout-actions-right a.swipeout-delete { - background: #f44336; -} -.list-block .swipeout-actions-right { - right: 0%; - -webkit-transform: translateX(100%); - transform: translateX(100%); -} -.list-block .swipeout-actions-right a:after { - left: 100%; - margin-left: -1px; -} -.list-block .swipeout-actions-left { - left: 0%; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); -} -.list-block .swipeout-actions-left a:after { - right: 100%; - margin-right: -1px; -} -.list-block .item-subtitle { - font-size: 14px; - position: relative; - overflow: hidden; - white-space: nowrap; - max-width: 100%; - text-overflow: ellipsis; -} -.list-block .item-text { - font-size: 14px; - color: #757575; - line-height: 20px; - position: relative; - overflow: hidden; - max-height: 40px; - text-overflow: ellipsis; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - display: -webkit-box; -} -.list-block.media-list .item-inner, -.list-block li.media-item .item-inner { - display: block; - padding-top: 14px; - padding-bottom: 14px; - -ms-flex-item-align: stretch; - -webkit-align-self: stretch; - align-self: stretch; -} -.list-block.media-list .item-link .item-inner, -.list-block li.media-item .item-link .item-inner { - background: none; - padding-right: 16px; -} -.list-block.media-list .item-link .item-title-row, -.list-block li.media-item .item-link .item-title-row { - padding-right: 26px; - background: no-repeat right top; - 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; -} -.list-block.media-list .item-media, -.list-block li.media-item .item-media { - padding-top: 14px; - padding-bottom: 14px; - -ms-flex-item-align: flex-start; - -webkit-align-self: flex-start; - align-self: flex-start; -} -.list-block.media-list .item-media img, -.list-block li.media-item .item-media img { - display: block; -} -.list-block.media-list .item-title-row, -.list-block li.media-item .item-title-row { - 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; -} -.list-block.media-list .item-content > .item-after, -.list-block li.media-item .item-content > .item-after { - padding-top: 14px; - padding-bottom: 14px; - -ms-flex-item-align: flex-start; - -webkit-align-self: flex-start; - align-self: flex-start; -} -.list-block .list-group ul:after, -.list-block .list-group ul:before { - z-index: 11; -} -.list-block .list-group + .list-group ul:before { - display: none; -} -.list-block .item-divider, -.list-block .list-group-title { - background: #f4f4f4; - padding: 0px 16px; - white-space: nowrap; - position: relative; - max-width: 100%; - text-overflow: ellipsis; - overflow: hidden; - color: rgba(0, 0, 0, 0.54); - height: 48px; - box-sizing: border-box; - line-height: 48px; - font-size: 14px; -} -.list-block .item-divider:before, -.list-block .list-group-title:before { - display: none; -} -.list-block .list-group-title { - position: relative; - position: -webkit-sticky; - position: -moz-sticky; - position: sticky; - top: 0px; - z-index: 10; - margin-top: 0; -} -.list-block .sortable-handler { - position: absolute; - right: 0; - top: 0; - bottom: 1px; - z-index: 10; - background-repeat: no-repeat; - background-size: 18px 12px; - background-position: center; - width: 50px; - 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%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E"); - opacity: 0; - visibility: hidden; - cursor: pointer; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.list-block.sortable .item-inner { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.list-block.sortable-opened .sortable-handler { - visibility: visible; - opacity: 1; -} -.list-block.sortable-opened .item-inner, -.list-block.sortable-opened .item-link .item-inner { - padding-right: 50px; -} -.list-block.sortable-opened .item-link .item-inner, -.list-block.sortable-opened .item-link .item-title-row { - background-image: none; -} -.list-block.sortable-sorting li { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.list-block li.sorting { - z-index: 50; - background: rgba(255, 255, 255, 0.8); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - -webkit-transition-duration: 0ms; - transition-duration: 0ms; -} -.list-block li.sorting .item-inner:after { - display: none; -} -.list-block li:last-child .list-button:after { - display: none; -} -.list-block li:last-child .item-inner:after, -.list-block li:last-child li:last-child .item-inner:after { - display: none; -} -.list-block li li:last-child .item-inner:after, -.list-block li:last-child li .item-inner:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.12); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .list-block li li:last-child .item-inner:after, -html.pixel-ratio-2 .list-block li:last-child li .item-inner:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .list-block li li:last-child .item-inner:after, -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; -} -/* === Forms === */ -.list-block input[type="text"], -.list-block input[type="password"], -.list-block input[type="search"], -.list-block input[type="email"], -.list-block input[type="tel"], -.list-block input[type="url"], -.list-block input[type="date"], -.list-block input[type="datetime-local"], -.list-block input[type="time"], -.list-block input[type="number"], -.list-block select, -.list-block textarea { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - box-sizing: border-box; - border: none; - background: none; - border-radius: 0 0 0 0; - box-shadow: none; - display: block; - padding: 0; - margin: 0; - width: 100%; - height: 36px; - color: #212121; - font-size: 16px; - font-family: inherit; -} -.list-block input[type="text"]::-webkit-input-placeholder, -.list-block input[type="password"]::-webkit-input-placeholder, -.list-block input[type="search"]::-webkit-input-placeholder, -.list-block input[type="email"]::-webkit-input-placeholder, -.list-block input[type="tel"]::-webkit-input-placeholder, -.list-block input[type="url"]::-webkit-input-placeholder, -.list-block input[type="date"]::-webkit-input-placeholder, -.list-block input[type="datetime-local"]::-webkit-input-placeholder, -.list-block input[type="time"]::-webkit-input-placeholder, -.list-block input[type="number"]::-webkit-input-placeholder, -.list-block select::-webkit-input-placeholder, -.list-block textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.35); -} -.list-block .label, -.list-block .floating-label { - vertical-align: top; - color: rgba(0, 0, 0, 0.65); - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - width: 35%; - -webkit-box-flex: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; -} -.list-block input[type="date"], -.list-block input[type="datetime-local"] { - line-height: 44px; -} -.list-block select { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; -} -.list-block textarea { - resize: none; - line-height: 1.4; - padding-top: 8px; - padding-bottom: 7px; - height: 100px; -} -.list-block textarea.resizable { - height: 36px; -} -.list-block .item-input { - width: 100%; - -ms-flex: 1; - -webkit-box-flex: 1; - -webkit-flex-shrink: 1; - -ms-flex: 0 1 auto; - flex-shrink: 1; - font-size: 0; - position: relative; - margin-bottom: 4px; - min-height: 36px; -} -.list-block .input-item ul:after, -.list-block.inputs-list ul:after { - display: none; -} -.list-block .input-item .item-media, -.list-block.inputs-list .item-media { - -ms-flex-item-align: flex-end; - -webkit-align-self: flex-end; - align-self: flex-end; - min-height: 36px; - margin-bottom: 8px; - padding: 0; -} -.list-block .input-item .item-inner, -.list-block.inputs-list .item-inner { - display: block; - margin-bottom: 4px; - padding-bottom: 0; -} -.list-block .input-item .item-inner:after, -.list-block.inputs-list .item-inner:after { - display: none; -} -.list-block .input-item .label, -.list-block.inputs-list .label, -.list-block .input-item .floating-label, -.list-block.inputs-list .floating-label { - width: 100%; - font-size: 12px; -} -.list-block .input-item .floating-label, -.list-block.inputs-list .floating-label { - -webkit-transform-origin: left; - transform-origin: left; - -webkit-transform: scale(1.33333333) translateY(21px); - transform: scale(1.33333333) translateY(21px); - color: rgba(0, 0, 0, 0.35); - width: auto; - max-width: 75%; -} -.list-block .input-item .floating-label ~ .item-input input::-webkit-input-placeholder, -.list-block.inputs-list .floating-label ~ .item-input input::-webkit-input-placeholder { - color: transparent; -} -.list-block .focus-state .floating-label, -.list-block .not-empty-state .floating-label { - color: rgba(0, 0, 0, 0.65); - -webkit-transform: scale(1) translateY(0); - transform: scale(1) translateY(0); -} -.list-block .focus-state .label, -.list-block .focus-state .floating-label { - color: #446995; -} -.item-input-field, -.input-field { - position: relative; -} -.item-input-field:after, -.input-field:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.12); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .item-input-field:after, -html.pixel-ratio-2 .input-field:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .item-input-field:after, -html.pixel-ratio-3 .input-field:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.item-input-field:after, -.input-field:after { - -webkit-transition-duration: 200ms; - transition-duration: 200ms; -} -.item-input-field.focus-state:after, -.input-field.focus-state:after, -.item-input-field.not-empty-state:after, -.input-field.not-empty-state:after, -.focus-state .item-input-field:after, -.focus-state .input-field:after, -.not-empty-state .item-input-field:after, -.not-empty-state .input-field:after { - background: #446995; - -webkit-transform: scaleY(2) !important; - transform: scaleY(2) !important; -} -textarea.resizable { - overflow: hidden; -} -.label-switch { - display: inline-block; - vertical-align: middle; - width: 36px; - height: 14px; - position: relative; - cursor: pointer; - -ms-flex-item-align: center; - -webkit-align-self: center; - align-self: center; -} -.label-switch .checkbox { - width: 36px; - border-radius: 36px; - box-sizing: border-box; - height: 14px; - background: #b0afaf; - z-index: 0; - margin: 0; - padding: 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - border: none; - cursor: pointer; - position: relative; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.label-switch .checkbox:after { - content: ' '; - height: 20px; - width: 20px; - border-radius: 20px; - background: #fff; - position: absolute; - z-index: 2; - top: -3px; - left: 0px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); - -webkit-transform: translateX(0px); - transform: translateX(0px); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.label-switch input[type="checkbox"] { - display: none; -} -.label-switch input[type="checkbox"]:checked + .checkbox { - background: rgba(68, 105, 149, 0.5); -} -.label-switch input[type="checkbox"]:checked + .checkbox:after { - -webkit-transform: translateX(16px); - transform: translateX(16px); - background: #446995; -} -.item-input .label-switch { - top: 11px; -} -.button { - color: #446995; - text-decoration: none; - text-align: center; - display: block; - border-radius: 2px; - line-height: 36px; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - background: none; - padding: 0 10px; - margin: 0; - height: 36px; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 14px; - text-transform: uppercase; - font-family: inherit; - cursor: pointer; - min-width: 64px; - padding: 0 8px; - position: relative; - overflow: hidden; - outline: 0; - border: none; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -input[type="submit"].button, -input[type="button"].button { - width: 100%; -} -html:not(.watch-active-state) .button:active, -.button.active-state { - background: rgba(0, 0, 0, 0.1); -} -.button.button-fill { - background-color: #446995; - color: #fff; -} -html:not(.watch-active-state) .button.button-fill:active, -.button.button-fill.active-state { - background: #375579; -} -.button.button-big { - height: 48px; - line-height: 48px; - border-radius: 3px; -} -.button i.icon + span, -.button span:not(.ripple-wave) + span, -.button span:not(.ripple-wave) + i.icon, -.button i.icon + i.icon { - margin-left: 8px; -} -.navbar .button:not(.button-fill), -.toolbar .button:not(.button-fill), -.subnavbar .button:not(.button-fill), -.notifications .button:not(.button-fill) { - color: #fff; -} -html:not(.watch-active-state) .navbar .button:not(.button-fill):active, -html:not(.watch-active-state) .toolbar .button:not(.button-fill):active, -html:not(.watch-active-state) .subnavbar .button:not(.button-fill):active, -html:not(.watch-active-state) .notifications .button:not(.button-fill):active, -.navbar .button:not(.button-fill).active-state, -.toolbar .button:not(.button-fill).active-state, -.subnavbar .button:not(.button-fill).active-state, -.notifications .button:not(.button-fill).active-state { - background: rgba(255, 255, 255, 0.15); -} -.button-raised { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -} -html:not(.watch-active-state) .button-raised:active, -.button-raised.active-state { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); -} -.buttons-row { - -ms-flex-item-align: center; - -webkit-align-self: center; - align-self: center; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-lines: single; - -moz-box-lines: single; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: none; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; -} -.buttons-row .button { - margin-left: 16px; - width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1; -} -.buttons-row .button:first-child { - margin-left: 0; -} -.range-slider { - width: 100%; - position: relative; - overflow: hidden; - -ms-flex-item-align: center; - -webkit-align-self: center; - align-self: center; -} -.range-slider input[type="range"] { - position: relative; - height: 20px; - width: 100%; - margin: 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b9b9b9), color-stop(100%, #b9b9b9)); - background: linear-gradient(to right, #b9b9b9 0, #b9b9b9 100%); - background-position: center; - background-size: 100% 2px; - background-repeat: no-repeat; - outline: 0; - -ms-background-position-y: 500px; -} -.range-slider input[type="range"]:focus, -.range-slider input[type="range"]:active { - border: 0; - outline: 0 none; -} -.range-slider input[type="range"]::-webkit-slider-thumb { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - border: none; - outline: 0; - height: 20px; - width: 20px; - position: relative; - background: #446995; - border-radius: 20px; -} -.range-slider input[type="range"]::-webkit-slider-thumb:before { - position: absolute; - top: 50%; - right: 100%; - width: 2000px; - height: 2px; - margin-top: -1px; - z-index: 1; - background: #446995; - content: ' '; -} -.range-slider input[type="range"]::-moz-range-track { - width: 100%; - height: 2px; - background: #b7b8b7; - border: none; - outline: 0; -} -.range-slider input[type="range"]::-moz-range-thumb { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - border: none; - outline: 0; - height: 20px; - width: 20px; - position: relative; - background: #446995; - border-radius: 20px; -} -.range-slider input[type="range"]::-ms-track { - width: 100%; - height: 2px; - cursor: pointer; - background: transparent; - border-color: transparent; - color: transparent; -} -.range-slider input[type="range"]::-ms-thumb { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - border: none; - outline: 0; - height: 20px; - width: 20px; - position: relative; - background: #446995; - border-radius: 20px; -} -.range-slider input[type="range"]::-ms-fill-lower { - background: #446995; -} -.range-slider input[type="range"]::-ms-fill-upper { - background: #b7b8b7; -} -.item-input .range-slider { - top: 8px; -} -label.label-checkbox { - cursor: pointer; -} -label.label-checkbox i.icon-form-checkbox { - width: 18px; - height: 18px; - position: relative; - border-radius: 2px; - border: 2px solid #6d6d6d; - box-sizing: border-box; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - background: transparent; -} -label.label-checkbox i.icon-form-checkbox:after { - content: ' '; - position: absolute; - width: 18px; - height: 18px; - left: -2px; - top: -2px; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - opacity: 0; - 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'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E"); - -webkit-background-size: 100% auto; - background-size: 100% auto; -} -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="checkbox"]:checked ~ .item-after i.icon-form-checkbox, -label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox, -label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox, -label.label-checkbox input[type="radio"]:checked ~ .item-inner i.icon-form-checkbox { - border-color: #446995; - background-color: #446995; -} -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="checkbox"]:checked ~ .item-after i.icon-form-checkbox:after, -label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox:after, -label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox:after, -label.label-checkbox input[type="radio"]:checked ~ .item-inner i.icon-form-checkbox:after { - opacity: 1; -} -label.label-radio { - cursor: pointer; -} -label.label-radio i.icon-form-radio { - width: 20px; - height: 20px; - position: relative; - border-radius: 20px; - border: 2px solid #6d6d6d; - box-sizing: border-box; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -label.label-radio i.icon-form-radio:after { - content: ' '; - position: absolute; - width: 10px; - height: 10px; - left: 50%; - top: 50%; - margin-left: -5px; - margin-top: -5px; - background-color: #446995; - border-radius: 100%; - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -label.label-radio input[type="checkbox"], -label.label-radio input[type="radio"] { - display: none; -} -label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio, -label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio, -label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio, -label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio, -label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio, -label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio { - border-color: #446995; -} -label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio:after, -label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after, -label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after, -label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after, -label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after, -label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio:after { - background-color: #446995; - -webkit-transform: scale(1); - transform: scale(1); -} -label.label-checkbox, -label.label-radio { - position: relative; - overflow: hidden; - z-index: 0; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -label.label-checkbox .item-after i.icon-form-checkbox, -label.label-radio .item-after i.icon-form-checkbox, -label.label-checkbox .item-after i.icon-form-radio, -label.label-radio .item-after i.icon-form-radio { - margin-left: 8px; - margin-right: 16px; -} -.media-list label.label-checkbox .item-media i.icon-form-checkbox, -.media-list label.label-radio .item-media i.icon-form-checkbox, -.media-item label.label-checkbox .item-media i.icon-form-checkbox, -.media-item label.label-radio .item-media i.icon-form-checkbox, -.media-list label.label-checkbox .item-media i.icon-form-radio, -.media-list label.label-radio .item-media i.icon-form-radio, -.media-item label.label-checkbox .item-media i.icon-form-radio, -.media-item label.label-radio .item-media i.icon-form-radio { - margin-top: 4px; -} -html:not(.watch-active-state) label.label-checkbox:active, -html:not(.watch-active-state) label.label-radio:active, -label.label-checkbox.active-state, -label.label-radio.active-state { - background-color: rgba(0, 0, 0, 0.1); -} -html:not(.watch-active-state) label.label-checkbox:active .item-inner:after, -html:not(.watch-active-state) label.label-radio:active .item-inner:after, -label.label-checkbox.active-state .item-inner:after, -label.label-radio.active-state .item-inner:after { - background-color: transparent; -} -.smart-select select { - display: none; -} -/* === Floating Action Button === */ -.floating-button { - position: absolute; - right: 16px; - bottom: 16px; - width: 56px; - height: 56px; - border-radius: 50%; - z-index: 1500; - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - background-color: #446995; - 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 { - background: #375579; -} -.floating-button-toolbar, -.speed-dial { - position: absolute; - right: 16px; - bottom: 16px; - z-index: 1500; -} -.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: #446995; - -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; -} -html:not(.watch-active-state) .speed-dial-buttons a:active, -.speed-dial-buttons a.active-state { - background: #375579; -} -.speed-dial-buttons a + a { - margin-bottom: 16px; -} -.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); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -} -.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; -} -/* === Modals === */ -.modal-overlay, -.preloader-indicator-overlay, -.popup-overlay, -.picker-modal-overlay { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.4); - z-index: 13000; - visibility: hidden; - opacity: 0; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.modal-overlay.modal-overlay-visible, -.preloader-indicator-overlay.modal-overlay-visible, -.popup-overlay.modal-overlay-visible, -.picker-modal-overlay.modal-overlay-visible { - visibility: visible; - opacity: 1; -} -.popup-overlay { - z-index: 10500; -} -.picker-modal-overlay { - z-index: 12000; -} -.modal { - width: 280px; - position: absolute; - z-index: 13500; - left: 50%; - margin-left: -140px; - margin-top: 0; - top: 50%; - border-radius: 3px; - opacity: 0; - -webkit-transform: translate3d(0, 0, 0) scale(1.185); - transform: translate3d(0, 0, 0) scale(1.185); - -webkit-transition-property: -webkit-transform, opacity; - -moz-transition-property: -moz-transform, opacity; - -ms-transition-property: -ms-transform, opacity; - -o-transition-property: -o-transform, opacity; - transition-property: transform, opacity; - color: #757575; - display: none; - background: #fff; - font-size: 16px; - box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); -} -.modal.modal-in { - opacity: 1; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 0, 0) scale(1); - transform: translate3d(0, 0, 0) scale(1); -} -.modal.modal-out { - opacity: 0; - z-index: 13499; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(0, 0, 0) scale(0.815); - transform: translate3d(0, 0, 0) scale(0.815); -} -.modal-inner { - padding: 24px 24px 20px; - position: relative; -} -.modal-title { - font-weight: 500; - font-size: 20px; - color: #212121; - line-height: 1.3; -} -.modal-title + .modal-text { - margin-top: 20px; -} -.modal-text { - line-height: 1.5; -} -.modal-buttons { - height: 48px; - padding: 6px 8px; - overflow: hidden; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; -} -.modal-buttons.modal-buttons-vertical { - display: block; - height: auto; - padding: 0 0 8px 0; -} -.modal-buttons.modal-buttons-vertical .modal-button { - margin-left: 0; - text-align: right; - height: 48px; - line-height: 48px; - border-radius: 0; - padding-left: 16px; - padding-right: 16px; -} -.modal-button, -.modal-buttons .button { - color: #446995; - text-decoration: none; - text-align: center; - display: block; - border-radius: 2px; - line-height: 36px; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - background: none; - padding: 0 10px; - margin: 0; - height: 36px; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 14px; - text-transform: uppercase; - font-family: inherit; - cursor: pointer; - min-width: 64px; - padding: 0 8px; - position: relative; - overflow: hidden; - outline: 0; - border: none; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-user-select: none; - user-select: none; -} -input[type="submit"].modal-button, -input[type="submit"].modal-buttons .button, -input[type="button"].modal-button, -input[type="button"].modal-buttons .button { - width: 100%; -} -html:not(.watch-active-state) .modal-button:active, -html:not(.watch-active-state) .modal-buttons .button:active, -.modal-button.active-state, -.modal-buttons .button.active-state { - background: rgba(0, 0, 0, 0.1); -} -.modal-button.button-fill, -.modal-buttons .button.button-fill { - background-color: #446995; - color: #fff; -} -html:not(.watch-active-state) .modal-button.button-fill:active, -html:not(.watch-active-state) .modal-buttons .button.button-fill:active, -.modal-button.button-fill.active-state, -.modal-buttons .button.button-fill.active-state { - background: #375579; -} -.modal-button.button-big, -.modal-buttons .button.button-big { - height: 48px; - line-height: 48px; - border-radius: 3px; -} -.modal-button i.icon + span, -.modal-buttons .button i.icon + span, -.modal-button span:not(.ripple-wave) + span, -.modal-buttons .button span:not(.ripple-wave) + span, -.modal-button span:not(.ripple-wave) + i.icon, -.modal-buttons .button span:not(.ripple-wave) + i.icon, -.modal-button i.icon + i.icon, -.modal-buttons .button i.icon + i.icon { - margin-left: 8px; -} -.navbar .modal-button:not(.button-fill), -.navbar .modal-buttons .button:not(.button-fill), -.toolbar .modal-button:not(.button-fill), -.toolbar .modal-buttons .button:not(.button-fill), -.subnavbar .modal-button:not(.button-fill), -.subnavbar .modal-buttons .button:not(.button-fill), -.notifications .modal-button:not(.button-fill), -.notifications .modal-buttons .button:not(.button-fill) { - color: #fff; -} -html:not(.watch-active-state) .navbar .modal-button:not(.button-fill):active, -html:not(.watch-active-state) .navbar .modal-buttons .button:not(.button-fill):active, -html:not(.watch-active-state) .toolbar .modal-button:not(.button-fill):active, -html:not(.watch-active-state) .toolbar .modal-buttons .button:not(.button-fill):active, -html:not(.watch-active-state) .subnavbar .modal-button:not(.button-fill):active, -html:not(.watch-active-state) .subnavbar .modal-buttons .button:not(.button-fill):active, -html:not(.watch-active-state) .notifications .modal-button:not(.button-fill):active, -html:not(.watch-active-state) .notifications .modal-buttons .button:not(.button-fill):active, -.navbar .modal-button:not(.button-fill).active-state, -.navbar .modal-buttons .button:not(.button-fill).active-state, -.toolbar .modal-button:not(.button-fill).active-state, -.toolbar .modal-buttons .button:not(.button-fill).active-state, -.subnavbar .modal-button:not(.button-fill).active-state, -.subnavbar .modal-buttons .button:not(.button-fill).active-state, -.notifications .modal-button:not(.button-fill).active-state, -.notifications .modal-buttons .button:not(.button-fill).active-state { - background: rgba(255, 255, 255, 0.15); -} -.modal-button.active i.icon, -.modal-buttons .button.active i.icon { - background-color: #fff; -} -.modal-button.modal-button-bold, -.modal-buttons .button.modal-button-bold { - font-weight: 700; -} -.modal-button + .modal-button, -.modal-buttons .button + .modal-button { - margin-left: 4px; -} -.modal-no-buttons .modal-buttons { - display: none; -} -.actions-modal { - position: absolute; - left: 0; - bottom: 0; - z-index: 13500; - width: 100%; - background: #fff; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - max-height: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; -} -.actions-modal.modal-in { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -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); -} -.actions-modal-group { - position: relative; -} -.actions-modal-group:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #d2d2d6; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .actions-modal-group:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .actions-modal-group:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.actions-modal-group:last-child:after { - display: none; -} -.actions-modal-button, -.actions-modal-label { - width: 100%; - font-weight: normal; - margin: 0; - box-sizing: border-box; - display: block; - position: relative; - padding: 0 16px; -} -.actions-modal-button a, -.actions-modal-label a { - text-decoration: none; - color: inherit; - display: block; -} -.actions-modal-button b, -.actions-modal-label b { - font-weight: 500; -} -.actions-modal-button.actions-modal-button-bold, -.actions-modal-label.actions-modal-button-bold { - font-weight: 500; -} -.actions-modal-button.actions-modal-button-red, -.actions-modal-label.actions-modal-button-red { - color: #f44336; -} -.actions-modal-button.disabled, -.actions-modal-label.disabled { - opacity: 0.95; - color: #9e9e9e; -} -.actions-modal-button { - cursor: pointer; - line-height: 48px; - font-size: 16px; - color: rgba(0, 0, 0, 0.87); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.actions-modal-button a, -.actions-modal-button { - position: relative; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -html:not(.watch-active-state) .actions-modal-button:active, -.actions-modal-button.active-state { - background: rgba(0, 0, 0, 0.1); -} -.actions-modal-label { - font-size: 16px; - color: rgba(0, 0, 0, 0.54); - min-height: 56px; - line-height: 1.3; - padding-top: 12px; - padding-bottom: 12px; - 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; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -input.modal-text-input { - box-sizing: border-box; - height: 36px; - background: #fff; - margin: 0; - margin-top: 15px; - padding: 0; - border: none; - width: 100%; - font-size: 16px; - font-family: inherit; - display: block; - box-shadow: none; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; -} -input.modal-text-input::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.35); -} -input.modal-text-input + input.modal-text-input { - margin-top: 16px; -} -.popover { - width: 320px; - background: #fff; - z-index: 13500; - margin: 0; - top: 0; - opacity: 0; - left: 0; - border-radius: 3px; - position: absolute; - display: none; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - -webkit-transform: scale(0.85, 0.6); - transform: scale(0.85, 0.6); - -webkit-transition-property: opacity, -webkit-transform, border-radius; - -moz-transition-property: opacity, -moz-transform, border-radius; - transition-property: opacity, transform, border-radius; -} -.popover.popover-on-top { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -.popover.popover-on-bottom { - -webkit-transform-origin: center top; - transform-origin: center top; -} -.popover.modal-in { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - opacity: 1; -} -.popover.modal-out { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - opacity: 0; -} -.popover .list-block { - margin: 0; -} -.popover .list-block:first-child:last-child ul:before { - display: none; -} -.popover .list-block:first-child:last-child ul:after { - display: none; -} -.popover .list-block ul { - background: none; -} -.popover .list-block ul:before { - display: none; -} -.popover .list-block:first-child ul { - border-radius: 3px 3px 0 0; -} -.popover .list-block:first-child li:first-child a { - border-radius: 3px 3px 0 0; -} -.popover .list-block:last-child ul { - border-radius: 0 0 3px 3px; -} -.popover .list-block:last-child ul:after { - display: none; -} -.popover .list-block:last-child li:last-child a { - border-radius: 0 0 3px 3px; -} -.popover .list-block:first-child:last-child li:first-child:last-child a, -.popover .list-block:first-child:last-child ul:first-child:last-child { - border-radius: 3px; -} -.popover.popover-floating-button { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: scale(0.7); - transform: scale(0.7); - border-radius: 50%; - box-shadow: none; - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -} -.popover.popover-floating-button.modal-in { - border-radius: 0%; - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-delay: 200ms; - transition-delay: 200ms; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; -} -.popover.popover-floating-button.modal-out { - border-radius: 50%; - -webkit-transform: scale(0.7); - transform: scale(0.7); - -webkit-transition-delay: 0ms; - transition-delay: 0ms; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; -} -.popover.popover-floating-button .list-block { - margin: 0; -} -.popover.popover-floating-button .list-block:first-child ul { - border-radius: 0; -} -.popover.popover-floating-button .list-block:first-child li:first-child a { - border-radius: 0; -} -.popover.popover-floating-button .list-block:last-child ul { - border-radius: 0; -} -.popover.popover-floating-button .list-block:last-child li:last-child a { - border-radius: 0; -} -.popover.popover-floating-button .list-block:first-child:last-child li:first-child:last-child a, -.popover.popover-floating-button .list-block:first-child:last-child ul:first-child:last-child { - border-radius: 0; -} -.popover-inner { - overflow: auto; - -webkit-overflow-scrolling: touch; -} -.actions-popover .list-block { - margin: 0; -} -.actions-popover-label { - padding: 8px 16px; - color: rgba(0, 0, 0, 0.54); - font-size: 16px; - line-height: 1.3; - padding-top: 12px; - padding-bottom: 12px; - position: relative; -} -.actions-popover-label:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: #d2d2d6; - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .actions-popover-label:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .actions-popover-label:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.actions-popover-label:last-child:after { - display: none; -} -.popup, -.login-screen { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: 11000; - background: #fff; - box-sizing: border-box; - display: none; - overflow: auto; - -webkit-overflow-scrolling: touch; - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - -ms-transition-property: -ms-transform; - -o-transition-property: -o-transform; - transition-property: transform; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.popup.modal-in, -.login-screen.modal-in, -.popup.modal-out, -.login-screen.modal-out { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.popup.modal-in, -.login-screen.modal-in { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.popup.modal-out, -.login-screen.modal-out { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.login-screen.modal-in, -.login-screen.modal-out { - display: block; -} -@media all and (min-width: 630px) and (min-height: 630px) { - .popup:not(.tablet-fullscreen) { - width: 630px; - height: 630px; - left: 50%; - top: 50%; - margin-left: -315px; - margin-top: -315px; - box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); - border-radius: 3px; - -webkit-transform: translate3d(0, 1024px, 0); - transform: translate3d(0, 1024px, 0); - } - .popup:not(.tablet-fullscreen).modal-in { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - .popup:not(.tablet-fullscreen).modal-out { - -webkit-transform: translate3d(0, 1024px, 0); - transform: translate3d(0, 1024px, 0); - } -} -@media all and (max-width: 629px), (max-height: 629px) { - html.with-statusbar-overlay .popup { - height: -webkit-calc(100% - 20px); - height: calc(100% - 20px); - top: 20px; - } - html.with-statusbar-overlay .popup-overlay { - z-index: 9500; - } -} -html.with-statusbar-overlay .login-screen, -html.with-statusbar-overlay .popup.tablet-fullscreen { - height: -webkit-calc(100% - 20px); - height: calc(100% - 20px); - top: 20px; -} -.modal-preloader .modal-title, -.modal-preloader .modal-inner { - text-align: center; -} -.preloader-indicator-overlay { - visibility: visible; - opacity: 0; - background: none; -} -.preloader-indicator-modal { - position: absolute; - left: 50%; - top: 50%; - padding: 8px; - margin-left: -24px; - margin-top: -24px; - background: rgba(0, 0, 0, 0.8); - z-index: 13500; - border-radius: 4px; -} -.preloader-indicator-modal .preloader { - display: block; -} -.picker-modal { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 260px; - z-index: 12000; - display: none; - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - -ms-transition-property: -ms-transform; - -o-transition-property: -o-transform; - transition-property: transform; - background: #fff; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.picker-modal.modal-in, -.picker-modal.modal-out { - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.picker-modal.modal-in { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.picker-modal.modal-out { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.picker-modal .picker-modal-inner { - height: 100%; - position: relative; -} -.picker-modal .toolbar { - position: relative; - width: 100%; - top: 0; -} -.picker-modal .toolbar + .picker-modal-inner { - height: -webkit-calc(100% - 48px); - height: -moz-calc(100% - 48px); - height: calc(100% - 48px); -} -.picker-modal .toolbar a.link { - -webkit-box-flex: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; -} -.picker-modal .picker-header, -.picker-modal .picker-footer { - height: 48px; -} -.picker-modal .picker-header { - background: #446995; -} -.picker-modal .picker-header + .toolbar .toolbar-inner { - overflow: visible; -} -.picker-modal .picker-header + .picker-footer + .toolbar + .picker-modal-inner { - height: -webkit-calc(100% - 48px * 3); - height: -moz-calc(100% - 48px * 3); - height: calc(100% - 48px * 3); -} -.picker-modal .picker-footer { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 48px; - padding: 6px 8px; - overflow: hidden; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; -} -.picker-modal .picker-footer.modal-buttons-vertical { - display: block; - height: auto; - padding: 0 0 8px 0; -} -.picker-modal .picker-footer.modal-buttons-vertical .modal-button { - margin-left: 0; - text-align: right; - height: 48px; - line-height: 48px; - border-radius: 0; - padding-left: 16px; - padding-right: 16px; -} -.picker-modal .picker-header + .picker-modal-inner, -.picker-modal .picker-footer + .picker-modal-inner { - height: -webkit-calc(100% - 48px); - height: -moz-calc(100% - 48px); - height: calc(100% - 48px); -} -.picker-modal .picker-header + .toolbar + .picker-modal-inner, -.picker-modal .picker-footer + .toolbar + .picker-modal-inner { - height: -webkit-calc(100% - 48px * 2); - height: -moz-calc(100% - 48px * 2); - height: calc(100% - 48px * 2); -} -.picker-modal.picker-modal-inline, -.popover .picker-modal { - display: block; - position: relative; - background: none; - z-index: inherit; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.picker-modal.picker-modal-inline .toolbar, -.popover .picker-modal .toolbar { - top: 0; -} -.popover .picker-modal { - width: auto; -} -.popover .picker-modal .toolbar:first-child, -.popover .picker-modal .picker-header:first-child { - border-radius: 2px 2px 0 0; -} -.picker-modal.smart-select-picker .list-block { - margin: 0; -} -.picker-modal.smart-select-picker .list-block ul:before { - display: none; -} -.picker-modal.smart-select-picker .list-block ul:after { - display: none; -} -/* === Panels === */ -.panel-overlay { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.2); - opacity: 0; - z-index: 5999; - display: none; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.panel { - z-index: 1000; - display: none; - background: #fff; - box-sizing: border-box; - overflow: auto; - -webkit-overflow-scrolling: touch; - position: absolute; - width: 260px; - top: 0; - height: 100%; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.panel.panel-left.panel-cover { - z-index: 6000; - left: -260px; -} -.panel.panel-left.panel-reveal { - left: 0; -} -.panel.panel-right.panel-cover { - z-index: 6000; - right: -260px; -} -.panel.panel-right.panel-reveal { - right: 0; -} -body.with-panel-left-cover .panel, -body.with-panel-right-cover .panel { - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -} -body.with-panel-left-cover .views, -body.with-panel-right-cover .views { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -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 { - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-property: -webkit-transform, box-shadow; - -moz-transition-property: -moz-transform, box-shadow; - transition-property: transform, box-shadow; -} -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 { - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); -} -body.with-panel-left-cover .panel-left { - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 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 { - -webkit-transform: translate3d(-260px, 0, 0); - transform: translate3d(-260px, 0, 0); -} -body.with-panel-right-cover .panel-right { - -webkit-transform: translate3d(-260px, 0, 0); - transform: translate3d(-260px, 0, 0); -} -body.panel-closing .panel-overlay { - display: block; -} -body.panel-closing .views { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-property: -webkit-transform, box-shadow; - -moz-transition-property: -moz-transform, box-shadow; - transition-property: transform, box-shadow; -} -/* === Tabs === */ -.tabs .tab { - display: none; -} -.tabs .tab.active { - display: block; -} -.tabs-animated-wrap { - position: relative; - width: 100%; - overflow: hidden; - height: 100%; -} -.tabs-animated-wrap > .tabs { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - height: 100%; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.tabs-animated-wrap > .tabs > .tab { - width: 100%; - display: block; - -webkit-box-flex: 0; - -webkit-flex-shrink: 0; - -ms-flex: 0 0 auto; - flex-shrink: 0; -} -.tabs-swipeable-wrap { - height: 100%; -} -.tabs-swipeable-wrap > .tabs > .tab { - display: block; -} -/* === Messages === */ -.messages-content { - background: #eee; -} -.messages { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; -} -.messages-date { - text-align: center; - font-weight: 500; - font-size: 12px; - line-height: 1; - margin: 10px 15px; -} -.messages-date span { - font-weight: 400; -} -.message { - box-sizing: border-box; - margin: 0px 8px 8px 8px; - max-width: 80%; - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; -} -.message:first-child { - margin-top: 8px; -} -.message.message-pic img { - display: block; -} -.message-name, -.message-label, -.message-date, -.messages-date { - color: rgba(0, 0, 0, 0.51); -} -.message-name { - font-size: 12px; - line-height: 1; - margin-bottom: 2px; - margin-top: 7px; -} -.message-hide-name .message-name { - display: none; -} -.message-label { - font-size: 12px; - line-height: 1; - margin-top: 4px; -} -.message-hide-label .message-label { - display: none; -} -.message-avatar { - width: 48px; - height: 48px; - border-radius: 100%; - margin-top: -48px; - position: relative; - top: 1px; - background-size: cover; - opacity: 1; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; -} -.message-hide-avatar .message-avatar { - opacity: 0; -} -.message-text { - box-sizing: border-box; - border-radius: 2px; - padding: 6px 8px; - min-width: 48px; - font-size: 16px; - line-height: 1.2; - word-break: break-word; - color: #333; - min-height: 48px; - position: relative; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.message-text img { - max-width: 100%; - height: auto; -} -.message-pic .message-text { - padding: 8px; -} -.message-date { - font-size: 12px; - margin-top: 4px; -} -.message-pic img + .message-date { - margin-top: 8px; -} -.message-sent { - -ms-flex-item-align: end; - -webkit-align-self: flex-end; - align-self: flex-end; - -webkit-box-align: end; - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; -} -.message-sent .message-name, -.message-sent .message-label { - margin-right: 8px; -} -.message-sent .message-text { - background-color: #C8E6C9; - margin-left: auto; - border-radius: 2px 2px 0 2px; - margin-right: 8px; -} -.message-sent .message-text:before { - position: absolute; - content: ''; - border-left: 0px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #C8E6C9; - left: 100%; - bottom: 0; - width: 0; - height: 0; -} -.message-sent.message-with-avatar .message-text, -.message-sent.message-with-avatar .message-name, -.message-sent.message-with-avatar .message-label { - margin-right: 56px; -} -.message-received { - -ms-flex-item-align: start; - -webkit-align-self: flex-start; - align-self: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -.message-received .message-text { - background-color: #fff; - border-radius: 2px 2px 2px 0px; - margin-left: 8px; -} -.message-received .message-text:before { - position: absolute; - content: ''; - border-left: 8px solid transparent; - border-right: 0px solid transparent; - border-bottom: 8px solid #fff; - right: 100%; - bottom: 0; - width: 0; - height: 0; -} -.message-received .message-name, -.message-received .message-label { - margin-left: 8px; -} -.message-received.message-with-avatar .message-text, -.message-received.message-with-avatar .message-name, -.message-received.message-with-avatar .message-label { - margin-left: 56px; -} -.message-appear-from-bottom { - -webkit-animation: messageAppearFromBottom 400ms; - animation: messageAppearFromBottom 400ms; -} -.message-appear-from-top { - -webkit-animation: messageAppearFromTop 400ms; - animation: messageAppearFromTop 400ms; -} -@-webkit-keyframes messageAppearFromBottom { - from { - -webkit-transform: translate3d(0, 100%, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - } -} -@keyframes messageAppearFromBottom { - from { - transform: translate3d(0, 100%, 0); - } - to { - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes messageAppearFromTop { - from { - -webkit-transform: translate3d(0, -100%, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - } -} -@keyframes messageAppearFromTop { - from { - transform: translate3d(0, -100%, 0); - } - to { - transform: translate3d(0, 0, 0); - } -} -/* === Statusbar overlay === */ -html.with-statusbar-overlay body { - padding-top: 20px; - box-sizing: border-box; -} -html.with-statusbar-overlay body .statusbar-overlay { - display: block; -} -html.with-statusbar-overlay body .panel { - padding-top: 20px; -} -.statusbar-overlay { - background: #446995; - z-index: 10000; - position: absolute; - left: 0; - top: 0; - height: 20px; - width: 100%; - display: none; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -/* === - Preloader - By Rudi Theunissen (https://github.com/rtheunissen/md-preloader) -=== */ -.preloader { - font-size: 0; - display: inline-block; - width: 32px; - height: 32px; - -webkit-animation: preloader-outer 3300ms linear infinite; - animation: preloader-outer 3300ms linear infinite; -} -.preloader svg { - width: 100%; - height: 100%; - -webkit-animation: preloader-inner 1320ms linear infinite; - animation: preloader-inner 1320ms linear infinite; -} -.preloader svg circle { - fill: none; - stroke: #757575; - stroke-linecap: square; - -webkit-animation: preloader-arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite; - animation: preloader-arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite; -} -@-webkit-keyframes preloader-outer { - 0% { - -webkit-transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - } -} -@keyframes preloader-outer { - 0% { - transform: rotate(0); - } - 100% { - transform: rotate(360deg); - } -} -@-webkit-keyframes preloader-inner { - 0% { - -webkit-transform: rotate(-100.8deg); - } - 100% { - -webkit-transform: rotate(0); - } -} -@keyframes preloader-inner { - 0% { - transform: rotate(-100.8deg); - } - 100% { - transform: rotate(0); - } -} -@-webkit-keyframes preloader-arc { - 0% { - stroke-dasharray: 1 210.48670779px; - stroke-dashoffset: 0; - } - 40% { - stroke-dasharray: 151.55042961px, 210.48670779px; - stroke-dashoffset: 0; - } - 100% { - stroke-dasharray: 1 210.48670779px; - stroke-dashoffset: -151.55042961px; - } -} -@keyframes preloader-arc { - 0% { - stroke-dasharray: 1 210.48670779px; - stroke-dashoffset: 0; - } - 40% { - stroke-dasharray: 151.55042961px, 210.48670779px; - stroke-dashoffset: 0; - } - 100% { - stroke-dasharray: 1 210.48670779px; - stroke-dashoffset: -151.55042961px; - } -} -.preloader-inner { - position: relative; - display: block; - width: 100%; - height: 100%; - -webkit-animation: preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; - animation: preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; -} -.preloader-inner .preloader-inner-gap { - position: absolute; - width: 2px; - left: 50%; - margin-left: -1px; - top: 0; - bottom: 0; - box-sizing: border-box; - border-top: 4px solid #757575; -} -.preloader-inner .preloader-inner-left, -.preloader-inner .preloader-inner-right { - position: absolute; - top: 0; - height: 100%; - width: 50%; - overflow: hidden; -} -.preloader-inner .preloader-inner-half-circle { - position: absolute; - top: 0; - height: 100%; - width: 200%; - box-sizing: border-box; - border: 4px solid #757575; - border-bottom-color: transparent !important; - border-radius: 50%; - -webkit-animation-iteration-count: infinite; - -webkit-animation-duration: 1.3125s; - -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); - animation-iteration-count: infinite; - animation-duration: 1.3125s; - animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); -} -.preloader-white .preloader-inner .preloader-inner-gap, -.preloader-white .preloader-inner .preloader-inner-half-circle { - border-color: #fff; -} -.preloader-inner .preloader-inner-left { - left: 0; -} -.preloader-inner .preloader-inner-left .preloader-inner-half-circle { - left: 0; - border-right-color: transparent !important; - -webkit-animation-name: preloader-left-rotate; - animation-name: preloader-left-rotate; -} -.preloader-inner .preloader-inner-right { - right: 0; -} -.preloader-inner .preloader-inner-right .preloader-inner-half-circle { - right: 0; - border-left-color: transparent !important; - -webkit-animation-name: preloader-right-rotate; - animation-name: preloader-right-rotate; -} -.color-multi .preloader-inner .preloader-inner-left .preloader-inner-half-circle { - -webkit-animation-name: preloader-left-rotate-multicolor; - animation-name: preloader-left-rotate-multicolor; -} -.color-multi .preloader-inner .preloader-inner-right .preloader-inner-half-circle { - -webkit-animation-name: preloader-right-rotate-multicolor; - animation-name: preloader-right-rotate-multicolor; -} -@-webkit-keyframes preloader-left-rotate { - 0%, - 100% { - -webkit-transform: rotate(130deg); - } - 50% { - -webkit-transform: rotate(-5deg); - } -} -@keyframes preloader-left-rotate { - 0%, - 100% { - transform: rotate(130deg); - } - 50% { - transform: rotate(-5deg); - } -} -@-webkit-keyframes preloader-right-rotate { - 0%, - 100% { - -webkit-transform: rotate(-130deg); - } - 50% { - -webkit-transform: rotate(5deg); - } -} -@keyframes preloader-right-rotate { - 0%, - 100% { - transform: rotate(-130deg); - } - 50% { - transform: rotate(5deg); - } -} -@-webkit-keyframes preloader-inner-rotate { - 12.5% { - -webkit-transform: rotate(135deg); - } - 25% { - -webkit-transform: rotate(270deg); - } - 37.5% { - -webkit-transform: rotate(405deg); - } - 50% { - -webkit-transform: rotate(540deg); - } - 62.5% { - -webkit-transform: rotate(675deg); - } - 75% { - -webkit-transform: rotate(810deg); - } - 87.5% { - -webkit-transform: rotate(945deg); - } - 100% { - -webkit-transform: rotate(1080deg); - } -} -@keyframes preloader-inner-rotate { - 12.5% { - transform: rotate(135deg); - } - 25% { - transform: rotate(270deg); - } - 37.5% { - transform: rotate(405deg); - } - 50% { - transform: rotate(540deg); - } - 62.5% { - transform: rotate(675deg); - } - 75% { - transform: rotate(810deg); - } - 87.5% { - transform: rotate(945deg); - } - 100% { - transform: rotate(1080deg); - } -} -@-webkit-keyframes preloader-left-rotate-multicolor { - 0%, - 100% { - border-left-color: #4285F4; - -webkit-transform: rotate(130deg); - } - 75% { - border-left-color: #1B9A59; - border-top-color: #1B9A59; - } - 50% { - border-left-color: #F7C223; - border-top-color: #F7C223; - -webkit-transform: rotate(-5deg); - } - 25% { - border-left-color: #DE3E35; - border-top-color: #DE3E35; - } -} -@keyframes preloader-left-rotate-multicolor { - 0%, - 100% { - border-left-color: #4285F4; - transform: rotate(130deg); - } - 75% { - border-left-color: #1B9A59; - border-top-color: #1B9A59; - } - 50% { - border-left-color: #F7C223; - border-top-color: #F7C223; - transform: rotate(-5deg); - } - 25% { - border-left-color: #DE3E35; - border-top-color: #DE3E35; - } -} -@-webkit-keyframes preloader-right-rotate-multicolor { - 0%, - 100% { - border-right-color: #4285F4; - -webkit-transform: rotate(-130deg); - } - 75% { - border-right-color: #1B9A59; - border-top-color: #1B9A59; - } - 50% { - border-right-color: #F7C223; - border-top-color: #F7C223; - -webkit-transform: rotate(5deg); - } - 25% { - border-top-color: #DE3E35; - border-right-color: #DE3E35; - } -} -@keyframes preloader-right-rotate-multicolor { - 0%, - 100% { - border-right-color: #4285F4; - transform: rotate(-130deg); - } - 75% { - border-right-color: #1B9A59; - border-top-color: #1B9A59; - } - 50% { - border-right-color: #F7C223; - border-top-color: #F7C223; - transform: rotate(5deg); - } - 25% { - border-top-color: #DE3E35; - border-right-color: #DE3E35; - } -} -/* === Progress Bar === */ -.progressbar, -.progressbar-infinite { - height: 4px; - width: 100%; - overflow: hidden; - display: block; - position: relative; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - background: rgba(68, 105, 149, 0.5); -} -.progressbar { - display: block; - vertical-align: middle; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.progressbar span { - content: ''; - width: 100%; - background: #446995; - height: 100%; - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - -webkit-transition-duration: 150ms; - transition-duration: 150ms; -} -.progressbar-infinite { - z-index: 15000; -} -.progressbar-infinite:before, -.progressbar-infinite:after { - content: ''; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #446995; - -webkit-transform-origin: left center; - transform-origin: left center; -} -.progressbar-infinite:before { - -webkit-animation: progressbar-infinite-1 2s linear infinite; - animation: progressbar-infinite-1 2s linear infinite; -} -.progressbar-infinite:after { - -webkit-animation: progressbar-infinite-2 2s linear infinite; - animation: progressbar-infinite-2 2s linear infinite; -} -html.with-statusbar-overlay body > .progressbar-infinite, -html.with-statusbar-overlay .framework7-root > .progressbar-infinite { - top: 20px; -} -.progressbar-infinite.color-multi { - background: none !important; -} -.progressbar-infinite.color-multi:before, -.progressbar-infinite.color-multi:after { - width: 100%; - animation: none; -} -.progressbar-infinite.color-multi:before { - background: none; - -webkit-animation: progressbar-infinite-multicolor-bg 3s step-end infinite; - animation: progressbar-infinite-multicolor-bg 3s step-end infinite; -} -.progressbar-infinite.color-multi:after { - background: none; - -webkit-animation: progressbar-infinite-multicolor-fill 3s linear infinite; - animation: progressbar-infinite-multicolor-fill 3s linear infinite; - -webkit-transform-origin: center center; - transform-origin: center center; -} -body > .progressbar, -.view > .progressbar, -.views > .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, -.framework7-root > .progressbar-infinite { - position: absolute; - left: 0; - top: 0; - z-index: 15000; - -webkit-transform-origin: center top; - transform-origin: center top; -} -.progressbar-in { - -webkit-animation: progressbar-in 300ms forwards; - animation: progressbar-in 300ms forwards; -} -.progressbar-out { - -webkit-animation: progressbar-out 300ms forwards; - animation: progressbar-out 300ms forwards; -} -html.with-statusbar-overlay body > .progressbar, -html.with-statusbar-overlay .framework7-root > .progressbar { - top: 20px; -} -@-webkit-keyframes progressbar-in { - from { - opacity: 0; - -webkit-transform: scaleY(0); - } - to { - opacity: 1; - -webkit-transform: scaleY(1); - } -} -@keyframes progressbar-in { - from { - opacity: 0; - transform: scaleY(0); - } - to { - opacity: 1; - transform: scaleY(1); - } -} -@-webkit-keyframes progressbar-out { - from { - opacity: 1; - -webkit-transform: scaleY(1); - } - to { - opacity: 0; - -webkit-transform: scaleY(0); - } -} -@keyframes progressbar-out { - from { - opacity: 1; - transform: scaleY(1); - } - to { - opacity: 0; - transform: scaleY(0); - } -} -@-webkit-keyframes progressbar-infinite-1 { - 0% { - -webkit-transform: translateX(-10%) scaleX(0.1); - } - 25% { - -webkit-transform: translateX(30%) scaleX(0.6); - } - 50% { - -webkit-transform: translateX(100%) scaleX(1); - } - 100% { - -webkit-transform: translateX(100%) scaleX(1); - } -} -@keyframes progressbar-infinite-1 { - 0% { - transform: translateX(-10%) scaleX(0.1); - } - 25% { - transform: translateX(30%) scaleX(0.6); - } - 50% { - transform: translateX(100%) scaleX(1); - } - 100% { - transform: translateX(100%) scaleX(1); - } -} -@-webkit-keyframes progressbar-infinite-2 { - 0% { - -webkit-transform: translateX(-100%) scaleX(1); - } - 40% { - -webkit-transform: translateX(-100%) scaleX(1); - } - 75% { - -webkit-transform: translateX(60%) scaleX(0.35); - } - 90% { - -webkit-transform: translateX(100%) scaleX(0.1); - } - 100% { - -webkit-transform: translateX(100%) scaleX(0.1); - } -} -@keyframes progressbar-infinite-2 { - 0% { - transform: translateX(-100%) scaleX(1); - } - 40% { - transform: translateX(-100%) scaleX(1); - } - 75% { - transform: translateX(60%) scaleX(0.35); - } - 90% { - transform: translateX(100%) scaleX(0.1); - } - 100% { - transform: translateX(100%) scaleX(0.1); - } -} -@-webkit-keyframes progressbar-infinite-multicolor-bg { - 0% { - background-color: #4caf50; - } - 25% { - background-color: #f44336; - } - 50% { - background-color: #2196f3; - } - 75% { - background-color: #ffeb3b; - } -} -@keyframes progressbar-infinite-multicolor-bg { - 0% { - background-color: #4caf50; - } - 25% { - background-color: #f44336; - } - 50% { - background-color: #2196f3; - } - 75% { - background-color: #ffeb3b; - } -} -@-webkit-keyframes progressbar-infinite-multicolor-fill { - 0% { - -webkit-transform: scaleX(0); - background-color: #f44336; - } - 24.9% { - -webkit-transform: scaleX(1); - background-color: #f44336; - } - 25% { - -webkit-transform: scaleX(0); - background-color: #2196f3; - } - 49.9% { - -webkit-transform: scaleX(1); - background-color: #2196f3; - } - 50% { - -webkit-transform: scaleX(0); - background-color: #ffeb3b; - } - 74.9% { - -webkit-transform: scaleX(1); - background-color: #ffeb3b; - } - 75% { - -webkit-transform: scaleX(0); - background-color: #4caf50; - } - 100% { - -webkit-transform: scaleX(1); - background-color: #4caf50; - } -} -@keyframes progressbar-infinite-multicolor-fill { - 0% { - transform: scaleX(0); - background-color: #f44336; - } - 24.9% { - transform: scaleX(1); - background-color: #f44336; - } - 25% { - transform: scaleX(0); - background-color: #2196f3; - } - 49.9% { - transform: scaleX(1); - background-color: #2196f3; - } - 50% { - transform: scaleX(0); - background-color: #ffeb3b; - } - 74.9% { - transform: scaleX(1); - background-color: #ffeb3b; - } - 75% { - transform: scaleX(0); - background-color: #4caf50; - } - 100% { - transform: scaleX(1); - background-color: #4caf50; - } -} -/* === Columns Picker === */ -.picker-columns { - width: 100%; - height: 260px; - z-index: 11500; -} -.picker-columns.picker-modal-inline { - height: 200px; -} -@media (orientation: landscape) and (max-height: 415px) { - .picker-columns:not(.picker-modal-inline) { - height: 200px; - } -} -.popover.popover-picker-columns { - width: 280px; -} -.popover.popover-picker-columns .toolbar { - border-radius: 2px 2px 0 0; -} -.picker-items { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - padding: 0; - text-align: right; - font-size: 20px; - -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); - -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); -} -.picker-items-col { - overflow: hidden; - position: relative; - max-height: 100%; -} -.picker-items-col.picker-items-col-left { - text-align: left; -} -.picker-items-col.picker-items-col-center { - text-align: center; -} -.picker-items-col.picker-items-col-right { - text-align: right; -} -.picker-items-col.picker-items-col-divider { - color: rgba(0, 0, 0, 0.87); - 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; -} -.picker-items-col-wrapper { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.picker-item { - height: 36px; - line-height: 36px; - padding: 0 10px; - white-space: nowrap; - position: relative; - overflow: hidden; - text-overflow: ellipsis; - color: rgba(0, 0, 0, 0.54); - left: 0; - top: 0; - width: 100%; - box-sizing: border-box; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.picker-items-col-absolute .picker-item { - position: absolute; -} -.picker-item.picker-item-far { - pointer-events: none; -} -.picker-item.picker-selected { - color: rgba(0, 0, 0, 0.87); - -webkit-transform: translate3d(0, 0, 0) rotateX(0deg); - transform: translate3d(0, 0, 0) rotateX(0deg); -} -.picker-center-highlight { - height: 36px; - box-sizing: border-box; - position: absolute; - left: 0; - width: 100%; - top: 50%; - margin-top: -18px; - pointer-events: none; -} -.picker-center-highlight:before { - content: ''; - position: absolute; - left: 0; - top: 0; - bottom: auto; - right: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.15); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; -} -html.pixel-ratio-2 .picker-center-highlight:before { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .picker-center-highlight:before { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.picker-center-highlight:after { - content: ''; - position: absolute; - left: 0; - bottom: 0; - right: auto; - top: auto; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.15); - display: block; - z-index: 15; - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} -html.pixel-ratio-2 .picker-center-highlight:after { - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); -} -html.pixel-ratio-3 .picker-center-highlight:after { - -webkit-transform: scaleY(0.33); - transform: scaleY(0.33); -} -.picker-3d .picker-items { - overflow: hidden; - -webkit-perspective: 1200px; - perspective: 1200px; -} -.picker-3d .picker-items-col, -.picker-3d .picker-items-col-wrapper, -.picker-3d .picker-item { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.picker-3d .picker-items-col { - overflow: visible; -} -.picker-3d .picker-item { - -webkit-transform-origin: center center -110px; - transform-origin: center center -110px; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -/* === Notifications === */ -.notifications { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - z-index: 10900; - color: #fff; - font-size: 14px; - margin: 0; - border: none; - display: none; - box-sizing: border-box; - max-height: 100%; - overflow: hidden; - -webkit-overflow-scrolling: touch; - -webkit-transition-duration: 450ms; - transition-duration: 450ms; - -webkit-perspective: 1200px; - perspective: 1200px; -} -.notifications.list-block > ul { - max-width: 568px; - background: #323232; - margin: 0 auto; -} -.notifications.list-block > ul:before { - display: none; -} -.notifications.list-block > ul:after { - display: none; -} -.notifications .item-content { - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - padding-left: 24px; -} -.notifications .item-title { - font-size: 14px; - font-weight: normal; - white-space: normal; - padding-top: 14px; - padding-bottom: 14px; -} -.notifications .item-inner { - padding-right: 24px; - padding-top: 0; - padding-bottom: 0; -} -.notifications .item-inner:after { - display: none; -} -.notifications .item-after { - max-height: none; - margin-left: 16px; -} -.notifications .button.close-notification { - color: #4d81bf; -} -.notifications .notification-item { - margin: 0 auto; - -webkit-transition-duration: 450ms; - transition-duration: 450ms; - -webkit-transition-delay: 100ms; - transition-delay: 100ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; -} -.notifications .notification-hidden { - opacity: 0; - -webkit-transition-delay: 0ms; - transition-delay: 0ms; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.notifications .notification-item-removing { - -webkit-transition-delay: 0ms; - transition-delay: 0ms; -} -@media (min-width: 569px) { - .notifications.list-block > ul { - border-radius: 2px; - width: auto; - min-width: 288px; - } -} -/* === Touch ripple === */ -.ripple, -a.floating-button, -.floating-button > a, -a.link, -a.item-link, -.button, -.modal-button, -.tab-link, -.label-radio, -.label-checkbox, -.actions-modal-button, -.speed-dial-buttons a { - -webkit-user-select: none; - user-select: none; -} -.ripple-wave { - left: 0; - top: 0; - position: absolute !important; - border-radius: 50%; - pointer-events: none; - z-index: -1; - background: rgba(0, 0, 0, 0.1); - padding: 0; - margin: 0; - font-size: 0; - -webkit-transform: translate3d(0px, 0px, 0) scale(0); - transform: translate3d(0px, 0px, 0) scale(0); - -webkit-transition-duration: 1400ms; - transition-duration: 1400ms; -} -.ripple-wave.ripple-wave-fill { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - opacity: 0.35; -} -.ripple-wave.ripple-wave-out { - -webkit-transition-duration: 600ms; - transition-duration: 600ms; - opacity: 0; -} -.button-fill .ripple-wave, -.picker-calendar-day .ripple-wave { - z-index: 1; -} -.button-fill .ripple-wave, -.navbar .ripple-wave, -.toolbar .ripple-wave, -.subnavbar .ripple-wave, -.searchbar .ripple-wave, -.notifications .ripple-wave, -.floating-button .ripple-wave, -.speed-dial-buttons a .ripple-wave { - background: rgba(255, 255, 255, 0.3); -} -.messagebar .ripple-wave { - background: rgba(0, 0, 0, 0.1); -} -/* === Disabled elements === */ -.disabled, -[disabled] { - opacity: 0.55; - pointer-events: none; -} -.disabled .disabled, -.disabled [disabled], -[disabled] .disabled, -[disabled] [disabled] { - opacity: 1; -} -.phone.android .container-edit .page-content .list-block:first-child, -.phone.android .container-collaboration .page-content .list-block:first-child, -.phone.android .container-filter .page-content .list-block:first-child { - margin-top: -1px; -} -.container-edit.popover, -.container-add.popover, -.container-settings.popover, -.container-collaboration.popover, -.container-filter.popover { - width: 360px; -} -.settings.popup .list-block ul, -.settings.popover .list-block ul { - border-radius: 0; - background: #fff; -} -.settings.popup .list-block:first-child, -.settings.popover .list-block:first-child { - margin-top: 0; -} -.settings.popup .list-block:first-child li:first-child a, -.settings.popover .list-block:first-child li:first-child a { - border-radius: 0; -} -.settings.popup > .content-block, -.settings.popover > .content-block, -.settings.popup .popover-inner > .content-block, -.settings.popover .popover-inner > .content-block { - width: 100%; - height: 100%; - margin: 0; - padding: 0; -} -.settings.popup .popover-view, -.settings.popover .popover-view { - border-radius: 2px; -} -.settings.popup .popover-view > .pages, -.settings.popover .popover-view > .pages { - border-radius: 2px; -} -.settings .categories { - width: 100%; - height: 100%; - margin: 0; - padding: 0; -} -.settings .categories > .toolbar { - top: 0; - height: 100%; -} -.settings .popover-inner { - height: 400px; -} -.dataview .row { - justify-content: space-around; -} -.dataview ul { - padding: 0 10px; - list-style: none; - justify-content: space-around; -} -.dataview ul li { - display: inline-block; -} -.dataview .active { - position: relative; - z-index: 1; -} -.dataview .active::after { - content: ''; - position: absolute; - width: 22px; - height: 22px; - right: -5px; - bottom: -5px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22M11%2C21A10%2C10%2C0%2C1%2C1%2C21%2C11%2C10%2C10%2C0%2C0%2C1%2C11%2C21h0ZM17.4%2C7.32L17.06%2C7a0.48%2C0.48%2C0%2C0%2C0-.67%2C0l-7%2C6.84L6.95%2C11.24a0.51%2C0.51%2C0%2C0%2C0-.59.08L6%2C11.66a0.58%2C0.58%2C0%2C0%2C0%2C0%2C.65l3.19%2C3.35a0.38%2C0.38%2C0%2C0%2C0%2C.39%2C0L17.4%2C8a0.48%2C0.48%2C0%2C0%2C0%2C0-.67h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.item-content .item-after.splitter label { - color: #000; - margin: 0 5px; - line-height: 36px; -} -.item-content .item-after.splitter .button { - min-width: 40px; - margin-left: 0; -} -.item-content .item-after.value { - display: block; - min-width: 50px; - color: #000000; - margin-left: 10px; - text-align: right; -} -.item-content.buttons .item-inner { - padding-top: 0; - padding-bottom: 0; -} -.item-content.buttons .item-inner > .row { - width: 100%; -} -.item-content.buttons .item-inner > .row .button { - flex: 1; - font-size: 17px; - margin-left: 5px; -} -.item-content.buttons .item-inner > .row .button:first-child { - margin-left: 0; -} -.item-content.buttons .item-inner > .row .button.active { - color: #fff; - background-color: #446995; -} -.item-content .color-preview { - width: 30px; - height: 30px; - border-radius: 16px; - margin-top: -3px; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; -} -.item-link.no-indicator .item-inner { - background-image: none; - padding-right: 16px; -} -.popover .list-block:last-child li:last-child .buttons a { - border-radius: 3px; -} -.button.active i.icon { - background-color: #fff; -} -.document-menu { - width: auto; - line-height: 1 !important; - z-index: 12500; -} -.document-menu .popover-inner { - overflow: hidden; -} -.document-menu .list-block { - white-space: pre; -} -.document-menu .list-block ul { - height: 48px; -} -.document-menu .list-block li { - display: inline-block; -} -html.phone .document-menu .list-block .item-link { - padding: 0 10px; -} -.color-palette a { - flex-grow: 1; - position: relative; - min-width: 10px; - min-height: 26px; - margin: 1px 1px 0 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; -} -.color-palette a.active:after { - content: ' '; - position: absolute; - width: 100%; - height: 100%; - box-shadow: 0 0 0 1px white, 0 0 0 4px #446995; - z-index: 1; - border-radius: 1px; -} -.color-palette a.transparent { - background-repeat: no-repeat; - background-size: 100% 100%; - 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%2022%2022'%20xml%3Aspace%3D'preserve'%3E%3Cline%20stroke%3D'%23ff0000'%20stroke-linecap%3D'undefined'%20stroke-linejoin%3D'undefined'%20id%3D'svg_1'%20y2%3D'0'%20x2%3D'22'%20y1%3D'22'%20x1%3D'0'%20stroke-width%3D'2'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); -} -.color-palette .theme-colors .item-inner { - display: inline-block; - overflow: visible; -} -.color-palette .standart-colors .item-inner, -.color-palette .dynamic-colors .item-inner { - overflow: visible; -} -.color-palette.list-block:last-child li:last-child a { - border-radius: 0; -} -.custom-colors { - display: flex; - justify-content: space-around; - align-items: center; - margin: 15px; -} -.custom-colors.phone { - max-width: 300px; - margin: 0 auto; - margin-top: 4px; -} -.custom-colors.phone .button-round { - margin-top: 20px; -} -.custom-colors .right-block { - margin-left: 20px; -} -.custom-colors .button-round { - height: 72px; - width: 72px; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - border-radius: 100px; - background-color: #446995; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - border-color: transparent; - margin-top: 25px; -} -.custom-colors .button-round.active-state { - background-color: rgba(0, 0, 0, 0.1); -} -.custom-colors .color-hsb-preview { - width: 72px; - height: 72px; - border-radius: 100px; - overflow: hidden; - border: 1px solid #ededed; -} -.custom-colors .new-color-hsb-preview { - width: 100%; - height: 36px; -} -.custom-colors .current-color-hsb-preview { - width: 100%; - height: 36px; -} -.custom-colors .list-block ul:before, -.custom-colors .list-block ul:after { - content: none; -} -.custom-colors .list-block ul li { - border: 1px solid rgba(0, 0, 0, 0.3); -} -.custom-colors .color-picker-wheel { - position: relative; - width: 290px; - max-width: 100%; - height: auto; - font-size: 0; -} -.custom-colors .color-picker-wheel svg { - width: 100%; - height: auto; -} -.custom-colors .color-picker-wheel .color-picker-wheel-handle { - width: calc(16.66666667%); - height: calc(16.66666667%); - position: absolute; - box-sizing: border-box; - border: 2px solid #fff; - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); - background: red; - border-radius: 50%; - left: 0; - top: 0; -} -.custom-colors .color-picker-wheel .color-picker-sb-spectrum { - background-color: #000; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%); - position: relative; - width: 45%; - height: 45%; - left: 50%; - top: 50%; - transform: translate3d(-50%, -50%, 0); - position: absolute; -} -.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle { - width: 4px; - height: 4px; - position: absolute; - left: -2px; - top: -2px; - z-index: 1; -} -.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle:after { - background-color: inherit; - content: ''; - position: absolute; - width: 16px; - height: 16px; - border: 1px solid #fff; - border-radius: 50%; - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); - box-sizing: border-box; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - transition: 150ms; - transition-property: transform; - transform-origin: center; -} -.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after { - transform: scale(1.5) translate(-33.333%, -33.333%); -} -.about .page-content { - text-align: center; -} -.about .content-block:first-child { - margin: 15px 0; -} -.about .content-block { - margin: 0 auto 15px; -} -.about .content-block a { - color: #000; -} -.about h3 { - font-weight: normal; - margin: 0; -} -.about h3.vendor { - color: #000; - font-weight: bold; - margin-top: 15px; -} -.about p > label { - margin-right: 5px; -} -.about .logo { - background: url('../../../../common/mobile/resources/img/about/logo.svg') no-repeat center; -} -.color-schemes-menu { - cursor: pointer; - display: block; - background-color: #fff; -} -.color-schemes-menu .item-inner { - justify-content: flex-start; -} -.color-schemes-menu .color-schema-block { - display: flex; -} -.color-schemes-menu .color { - min-width: 26px; - min-height: 26px; - margin: 0 2px 0 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; -} -.color-schemes-menu .text { - margin-left: 20px; - color: #212121; -} -.page-change .block-description { - background-color: #fff; - padding-top: 15px; - padding-bottom: 15px; - margin: 0; - max-width: 100%; - word-wrap: break-word; -} -.page-change #user-name { - font-size: 16px; - line-height: 22px; - color: #000000; - margin: 0; -} -.page-change #date-change { - font-size: 14px; - line-height: 18px; - color: #6d6d72; - margin: 0; - margin-top: 3px; -} -.page-change #text-change { - color: #000000; - font-size: 15px; - line-height: 20px; - margin: 0; - margin-top: 10px; -} -.page-change .block-btn { - position: absolute; - bottom: 0; - display: flex; - flex-direction: row; - justify-content: space-between; - margin: 0; - width: 100%; - height: 56px; - align-items: center; - box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); -} -.page-change .block-btn #btn-reject-change { - margin-left: 15px; -} -.page-change .block-btn .change-buttons, -.page-change .block-btn .accept-reject, -.page-change .block-btn .next-prev { - display: flex; -} -.page-change .block-btn .link { - position: relative; - display: flex; - justify-content: center; - align-items: center; - font-size: 14px; - text-transform: uppercase; - font-weight: 500; - height: 56px; - min-width: 48px; -} -.page-change .header-change { - display: flex; - justify-content: flex-start; - padding-right: 16px; -} -.page-change .header-change .initials-change { - height: 40px; - width: 40px; - border-radius: 50px; - color: #FFFFFF; - display: flex; - justify-content: center; - align-items: center; - margin-right: 16px; - font-size: 18px; -} -.page-change #no-changes { - padding: 16px; -} -.container-collaboration .navbar .right.close-collaboration { - position: absolute; - right: 5px; -} -.container-collaboration .page-content .list-block:first-child { - margin-top: -1px; -} -.page-display-mode .list-block .item-subtitle { - font-size: 14px; - color: #9e9e9e; -} -#user-list .item-content { - padding-left: 0; -} -#user-list .item-inner { - justify-content: flex-start; - padding-left: 15px; -} -#user-list .length { - margin-left: 4px; -} -#user-list .color { - min-width: 40px; - min-height: 40px; - margin-right: 20px; - text-align: center; - border-radius: 50px; - line-height: 40px; - color: #373737; - font-weight: 400; -} -#user-list ul:before { - content: none; -} -.page-comments .list-block ul:before, -.page-add-comment .list-block ul:before, -.page-view-comments .list-block ul:before, -.container-edit-comment .list-block ul:before, -.container-add-reply .list-block ul:before, -.page-edit-comment .list-block ul:before, -.page-add-reply .list-block ul:before, -.page-edit-reply .list-block ul:before, -.page-comments .list-block ul:after, -.page-add-comment .list-block ul:after, -.page-view-comments .list-block ul:after, -.container-edit-comment .list-block ul:after, -.container-add-reply .list-block ul:after, -.page-edit-comment .list-block ul:after, -.page-add-reply .list-block ul:after, -.page-edit-reply .list-block ul:after { - content: none; -} -.page-comments .list-block .item-inner, -.page-add-comment .list-block .item-inner, -.page-view-comments .list-block .item-inner, -.container-edit-comment .list-block .item-inner, -.container-add-reply .list-block .item-inner, -.page-edit-comment .list-block .item-inner, -.page-add-reply .list-block .item-inner, -.page-edit-reply .list-block .item-inner { - display: block; - padding: 16px 0; - word-wrap: break-word; -} -.page-comments .list-block .item-inner:after, -.page-add-comment .list-block .item-inner:after, -.page-view-comments .list-block .item-inner:after, -.container-edit-comment .list-block .item-inner:after, -.container-add-reply .list-block .item-inner:after, -.page-edit-comment .list-block .item-inner:after, -.page-add-reply .list-block .item-inner:after, -.page-edit-reply .list-block .item-inner:after { - content: none; -} -.page-comments .list-reply, -.page-add-comment .list-reply, -.page-view-comments .list-reply, -.container-edit-comment .list-reply, -.container-add-reply .list-reply, -.page-edit-comment .list-reply, -.page-add-reply .list-reply, -.page-edit-reply .list-reply { - padding-left: 26px; -} -.page-comments .reply-textarea, -.page-add-comment .reply-textarea, -.page-view-comments .reply-textarea, -.container-edit-comment .reply-textarea, -.container-add-reply .reply-textarea, -.page-edit-comment .reply-textarea, -.page-add-reply .reply-textarea, -.page-edit-reply .reply-textarea, -.page-comments .comment-textarea, -.page-add-comment .comment-textarea, -.page-view-comments .comment-textarea, -.container-edit-comment .comment-textarea, -.container-add-reply .comment-textarea, -.page-edit-comment .comment-textarea, -.page-add-reply .comment-textarea, -.page-edit-reply .comment-textarea, -.page-comments .edit-reply-textarea, -.page-add-comment .edit-reply-textarea, -.page-view-comments .edit-reply-textarea, -.container-edit-comment .edit-reply-textarea, -.container-add-reply .edit-reply-textarea, -.page-edit-comment .edit-reply-textarea, -.page-add-reply .edit-reply-textarea, -.page-edit-reply .edit-reply-textarea { - resize: vertical; -} -.page-comments .user-name, -.page-add-comment .user-name, -.page-view-comments .user-name, -.container-edit-comment .user-name, -.container-add-reply .user-name, -.page-edit-comment .user-name, -.page-add-reply .user-name, -.page-edit-reply .user-name { - font-size: 16px; - line-height: 22px; - color: #000000; - margin: 0; -} -.page-comments .comment-date, -.page-add-comment .comment-date, -.page-view-comments .comment-date, -.container-edit-comment .comment-date, -.container-add-reply .comment-date, -.page-edit-comment .comment-date, -.page-add-reply .comment-date, -.page-edit-reply .comment-date, -.page-comments .reply-date, -.page-add-comment .reply-date, -.page-view-comments .reply-date, -.container-edit-comment .reply-date, -.container-add-reply .reply-date, -.page-edit-comment .reply-date, -.page-add-reply .reply-date, -.page-edit-reply .reply-date { - font-size: 12px; - line-height: 18px; - color: #6d6d72; - margin: 0; - margin-top: 0px; -} -.page-comments .comment-text, -.page-add-comment .comment-text, -.page-view-comments .comment-text, -.container-edit-comment .comment-text, -.container-add-reply .comment-text, -.page-edit-comment .comment-text, -.page-add-reply .comment-text, -.page-edit-reply .comment-text, -.page-comments .reply-text, -.page-add-comment .reply-text, -.page-view-comments .reply-text, -.container-edit-comment .reply-text, -.container-add-reply .reply-text, -.page-edit-comment .reply-text, -.page-add-reply .reply-text, -.page-edit-reply .reply-text { - color: #000000; - font-size: 15px; - line-height: 25px; - margin: 0; - max-width: 100%; - padding-right: 15px; -} -.page-comments .comment-text pre, -.page-add-comment .comment-text pre, -.page-view-comments .comment-text pre, -.container-edit-comment .comment-text pre, -.container-add-reply .comment-text pre, -.page-edit-comment .comment-text pre, -.page-add-reply .comment-text pre, -.page-edit-reply .comment-text pre, -.page-comments .reply-text pre, -.page-add-comment .reply-text pre, -.page-view-comments .reply-text pre, -.container-edit-comment .reply-text pre, -.container-add-reply .reply-text pre, -.page-edit-comment .reply-text pre, -.page-add-reply .reply-text pre, -.page-edit-reply .reply-text pre { - white-space: pre-wrap; -} -.page-comments .reply-item, -.page-add-comment .reply-item, -.page-view-comments .reply-item, -.container-edit-comment .reply-item, -.container-add-reply .reply-item, -.page-edit-comment .reply-item, -.page-add-reply .reply-item, -.page-edit-reply .reply-item { - padding-right: 16px; - padding-top: 13px; -} -.page-comments .reply-item .header-reply, -.page-add-comment .reply-item .header-reply, -.page-view-comments .reply-item .header-reply, -.container-edit-comment .reply-item .header-reply, -.container-add-reply .reply-item .header-reply, -.page-edit-comment .reply-item .header-reply, -.page-add-reply .reply-item .header-reply, -.page-edit-reply .reply-item .header-reply { - display: flex; - justify-content: space-between; -} -.page-comments .reply-item .user-name, -.page-add-comment .reply-item .user-name, -.page-view-comments .reply-item .user-name, -.container-edit-comment .reply-item .user-name, -.container-add-reply .reply-item .user-name, -.page-edit-comment .reply-item .user-name, -.page-add-reply .reply-item .user-name, -.page-edit-reply .reply-item .user-name { - padding-top: 3px; -} -.page-comments .comment-quote, -.page-add-comment .comment-quote, -.page-view-comments .comment-quote, -.container-edit-comment .comment-quote, -.container-add-reply .comment-quote, -.page-edit-comment .comment-quote, -.page-add-reply .comment-quote, -.page-edit-reply .comment-quote { - color: #446995; - border-left: 1px solid #446995; - padding-left: 10px; - padding-right: 16px; - margin: 5px 0; - font-size: 15px; -} -.page-comments .wrap-comment, -.page-add-comment .wrap-comment, -.page-view-comments .wrap-comment, -.container-edit-comment .wrap-comment, -.container-add-reply .wrap-comment, -.page-edit-comment .wrap-comment, -.page-add-reply .wrap-comment, -.page-edit-reply .wrap-comment, -.page-comments .wrap-reply, -.page-add-comment .wrap-reply, -.page-view-comments .wrap-reply, -.container-edit-comment .wrap-reply, -.container-add-reply .wrap-reply, -.page-edit-comment .wrap-reply, -.page-add-reply .wrap-reply, -.page-edit-reply .wrap-reply { - padding: 16px 24px 0 16px; -} -.page-comments .comment-textarea, -.page-add-comment .comment-textarea, -.page-view-comments .comment-textarea, -.container-edit-comment .comment-textarea, -.container-add-reply .comment-textarea, -.page-edit-comment .comment-textarea, -.page-add-reply .comment-textarea, -.page-edit-reply .comment-textarea, -.page-comments .reply-textarea, -.page-add-comment .reply-textarea, -.page-view-comments .reply-textarea, -.container-edit-comment .reply-textarea, -.container-add-reply .reply-textarea, -.page-edit-comment .reply-textarea, -.page-add-reply .reply-textarea, -.page-edit-reply .reply-textarea, -.page-comments .edit-reply-textarea, -.page-add-comment .edit-reply-textarea, -.page-view-comments .edit-reply-textarea, -.container-edit-comment .edit-reply-textarea, -.container-add-reply .edit-reply-textarea, -.page-edit-comment .edit-reply-textarea, -.page-add-reply .edit-reply-textarea, -.page-edit-reply .edit-reply-textarea { - margin-top: 10px; - background: transparent; - outline: none; - width: 100%; - font-size: 15px; - border: none; - border-radius: 3px; - min-height: 100px; -} -.page-comments .header-comment, -.page-add-comment .header-comment, -.page-view-comments .header-comment, -.container-edit-comment .header-comment, -.container-add-reply .header-comment, -.page-edit-comment .header-comment, -.page-add-reply .header-comment, -.page-edit-reply .header-comment { - display: flex; - justify-content: space-between; - padding-right: 16px; -} -.page-comments .header-comment .comment-right, -.page-add-comment .header-comment .comment-right, -.page-view-comments .header-comment .comment-right, -.container-edit-comment .header-comment .comment-right, -.container-add-reply .header-comment .comment-right, -.page-edit-comment .header-comment .comment-right, -.page-add-reply .header-comment .comment-right, -.page-edit-reply .header-comment .comment-right { - display: flex; - justify-content: space-between; - width: 70px; -} -.page-comments .header-comment .comment-left, -.page-add-comment .header-comment .comment-left, -.page-view-comments .header-comment .comment-left, -.container-edit-comment .header-comment .comment-left, -.container-add-reply .header-comment .comment-left, -.page-edit-comment .header-comment .comment-left, -.page-add-reply .header-comment .comment-left, -.page-edit-reply .header-comment .comment-left { - display: flex; - justify-content: space-between; -} -.page-comments .header-comment .initials-comment, -.page-add-comment .header-comment .initials-comment, -.page-view-comments .header-comment .initials-comment, -.container-edit-comment .header-comment .initials-comment, -.container-add-reply .header-comment .initials-comment, -.page-edit-comment .header-comment .initials-comment, -.page-add-reply .header-comment .initials-comment, -.page-edit-reply .header-comment .initials-comment { - height: 40px; - width: 40px; - border-radius: 50px; - color: #FFFFFF; - display: flex; - justify-content: center; - align-items: center; - margin-right: 16px; - font-size: 18px; -} -.page-comments .header-reply .reply-left, -.page-add-comment .header-reply .reply-left, -.page-view-comments .header-reply .reply-left, -.container-edit-comment .header-reply .reply-left, -.container-add-reply .header-reply .reply-left, -.page-edit-comment .header-reply .reply-left, -.page-add-reply .header-reply .reply-left, -.page-edit-reply .header-reply .reply-left { - display: flex; - justify-content: space-between; - align-items: flex-start; -} -.page-comments .header-reply .initials-reply, -.page-add-comment .header-reply .initials-reply, -.page-view-comments .header-reply .initials-reply, -.container-edit-comment .header-reply .initials-reply, -.container-add-reply .header-reply .initials-reply, -.page-edit-comment .header-reply .initials-reply, -.page-add-reply .header-reply .initials-reply, -.page-edit-reply .header-reply .initials-reply { - width: 24px; - height: 24px; - color: #FFFFFF; - font-size: 11px; - display: flex; - justify-content: center; - align-items: center; - margin-right: 16px; - border-radius: 50px; - margin-top: 5px; -} -.settings.popup .list-block ul.list-reply:last-child:after, -.settings.popover .list-block ul.list-reply:last-child:after { - display: none; -} -.container-view-comment { - position: fixed; - -webkit-transition: height 100ms; - transition: height 100ms; - background-color: #FFFFFF; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - height: 50%; - box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); -} -.container-view-comment .page-view-comments { - background-color: #FFFFFF; -} -.container-view-comment .page-view-comments .list-block { - margin-bottom: 120px; -} -.container-view-comment .page-view-comments .list-block ul:before, -.container-view-comment .page-view-comments .list-block ul:after { - content: none; -} -.container-view-comment .page-view-comments .list-block .item-inner { - padding: 0; -} -.container-view-comment .toolbar { - position: fixed; - background-color: #FFFFFF; - box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); -} -.container-view-comment .toolbar.toolbar-bottom { - top: auto; -} -.container-view-comment .toolbar:before { - content: none; -} -.container-view-comment .toolbar a.link { - color: #446995; - font-size: 16px; -} -.container-view-comment .toolbar .toolbar-inner { - display: flex; - justify-content: space-between; - padding: 0 16px; -} -.container-view-comment .toolbar .toolbar-inner .button-left { - min-width: 80px; -} -.container-view-comment .toolbar .toolbar-inner .button-right { - min-width: 62px; - display: flex; - justify-content: space-between; -} -.container-view-comment .toolbar .toolbar-inner .button-right a { - padding: 0 8px; -} -.container-view-comment .swipe-container { - display: flex; - justify-content: center; - height: 40px; -} -.container-view-comment .swipe-container .icon-swipe { - margin-top: 8px; - width: 40px; - height: 4px; - background: rgba(0, 0, 0, 0.12); - border-radius: 2px; -} -.container-view-comment .list-block { - margin-top: 0; -} -.container-view-comment.popover { - position: absolute; - border-radius: 4px; - min-height: 170px; - height: 400px; - max-height: 600px; -} -.container-view-comment.popover .toolbar { - position: absolute; - border-radius: 0 0 4px 4px; -} -.container-view-comment.popover .toolbar .toolbar-inner { - padding-right: 0; -} -.container-view-comment.popover .pages { - position: absolute; -} -.container-view-comment.popover .pages .page { - border-radius: 13px; -} -.container-view-comment.popover .pages .page .page-content { - padding: 16px; - padding-bottom: 80px; -} -.container-view-comment.popover .pages .page .page-content .list-block { - margin-bottom: 0px; -} -.container-view-comment.popover .pages .page .page-content .list-block .item-content { - padding-left: 0; -} -.container-view-comment.popover .pages .page .page-content .list-block .item-content .header-comment, -.container-view-comment.popover .pages .page .page-content .list-block .item-content .reply-item { - padding-right: 0; -} -.container-view-comment.popover .pages .page .page-content .block-reply { - margin-top: 10px; -} -.container-view-comment.popover .pages .page .page-content .block-reply .reply-textarea { - min-height: 70px; - width: 278px; - border: 1px solid #c4c4c4; - border-radius: 6px; - padding: 5px; -} -.container-view-comment.popover .pages .page .page-content .edit-reply-textarea { - min-height: 60px; - width: 100%; - border: 1px solid #c4c4c4; - border-radius: 6px; - padding: 5px; - height: 60px; - margin-top: 10px; -} -.container-view-comment.popover .pages .page .page-content .comment-text { - padding-right: 0; -} -.container-view-comment.popover .pages .page .page-content .comment-text .comment-textarea { - border: 1px solid #c4c4c4; - border-radius: 6px; - padding: 8px; - min-height: 80px; - height: 80px; -} -#done-comment { - padding: 0 16px; -} -.page-add-comment .wrap-comment, -.page-add-comment .wrap-reply { - padding: 16px 24px 0 16px; -} -.page-add-comment .wrap-comment .header-comment, -.page-add-comment .wrap-reply .header-comment { - justify-content: flex-start; -} -.page-add-comment .wrap-comment .user-name, -.page-add-comment .wrap-reply .user-name { - font-size: 17px; - font-weight: bold; -} -.page-add-comment .wrap-comment .comment-date, -.page-add-comment .wrap-reply .comment-date { - font-size: 13px; - color: #6d6d72; -} -.page-add-comment .wrap-comment .wrap-textarea, -.page-add-comment .wrap-reply .wrap-textarea { - margin-top: 16px; - padding-right: 6px; -} -.page-add-comment .wrap-comment .wrap-textarea .comment-textarea, -.page-add-comment .wrap-reply .wrap-textarea .comment-textarea { - font-size: 17px; - border: none; - margin-top: 0; - min-height: 100px; - border-radius: 4px; -} -.page-add-comment .wrap-comment .wrap-textarea .comment-textarea::placeholder, -.page-add-comment .wrap-reply .wrap-textarea .comment-textarea::placeholder { - color: #9e9e9e; - font-size: 17px; -} -.container-edit-comment, -.container-add-reply { - height: 100%; -} -.container-edit-comment .navbar:after, -.container-add-reply .navbar: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%; -} -.container-edit-comment .navbar .navbar-inner, -.container-add-reply .navbar .navbar-inner { - justify-content: space-between; -} -.container-edit-comment .navbar a.link i + span, -.container-add-reply .navbar a.link i + span { - margin-left: 0; -} -.container-edit-comment .navbar .center, -.container-add-reply .navbar .center { - font-size: 18px; -} -.container-edit-comment .navbar .right, -.container-add-reply .navbar .right { - margin-left: 0; -} -.container-edit-comment .page-add-comment, -.container-add-reply .page-add-comment { - background-color: #FFFFFF; -} -.container-edit-comment .header-comment, -.container-add-reply .header-comment { - justify-content: flex-start; -} -.actions-modal-button.color-red { - color: #f44336; -} -.page-edit-comment, -.page-add-reply, -.page-edit-reply { - background-color: #FFFFFF; -} -.page-edit-comment .header-comment, -.page-add-reply .header-comment, -.page-edit-reply .header-comment { - justify-content: flex-start; -} -.page-edit-comment .navbar .right, -.page-add-reply .navbar .right, -.page-edit-reply .navbar .right { - height: 100%; -} -.page-edit-comment .navbar .right #add-new-reply, -.page-add-reply .navbar .right #add-new-reply, -.page-edit-reply .navbar .right #add-new-reply, -.page-edit-comment .navbar .right #edit-comment, -.page-add-reply .navbar .right #edit-comment, -.page-edit-reply .navbar .right #edit-comment, -.page-edit-comment .navbar .right #edit-reply, -.page-add-reply .navbar .right #edit-reply, -.page-edit-reply .navbar .right #edit-reply { - display: flex; - align-items: center; - padding-left: 16px; - padding-right: 16px; - height: 100%; -} -.container-edit-comment { - position: fixed; -} -.tablet .searchbar.document.replace .center > .replace { - display: flex; -} -.tablet .searchbar.document.replace .right .replace { - display: flex; -} -.tablet .searchbar.document.replace .link.replace { - font-size: 16px; -} -.tablet .searchbar.document .center { - width: 100%; - display: flex; - margin: 0; - overflow: visible; -} -.tablet .searchbar.document .center .searchbar { - overflow: visible; -} -.tablet .searchbar.document .center .searchbar.search { - padding: 0; -} -.tablet .searchbar.document .center > .replace { - display: none; -} -.tablet .searchbar.document .right .replace { - display: none; -} -.phone .searchbar.document.replace { - height: 96px; -} -.phone .searchbar.document.replace .link.replace { - font-size: 16px; -} -.phone .searchbar.document.replace .left { - margin-top: -48px; -} -.phone .searchbar.document.replace .center .replace { - display: block; -} -.phone .searchbar.document.replace .right > .replace { - display: flex; -} -.phone .searchbar.document .left, -.phone .searchbar.document .center, -.phone .searchbar.document .right { - flex-direction: column; -} -.phone .searchbar.document .center { - width: 100%; - margin: 0; - overflow: visible; -} -.phone .searchbar.document .center .searchbar { - padding: 0; -} -.phone .searchbar.document .center .replace { - display: none; -} -.phone .searchbar.document .right > p { - margin: 0; -} -.phone .searchbar.document .right > p a.link { - height: 48px; -} -.phone .searchbar.document .right > .replace { - display: none; -} -i.icon.icon-expand-up { - width: 17px; - height: 17px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23000000%22%3E%3Cg%3E%3Cpolygon%20points%3D%2210.9%2C5.1%202%2C13.9%204.1%2C16%2011.1%2C9.2%2017.9%2C16%2020%2C13.9%2011.2%2C5.1%2011.1%2C5%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-expand-down { - width: 17px; - height: 17px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23000000%22%3E%3Cg%3E%3Cpolygon%20points%3D%2210.9%2C16.9%202%2C8.1%204.1%2C6%2011.1%2C12.8%2017.9%2C6%2020%2C8.1%2011.2%2C16.9%2011.1%2C17%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-search { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M19.5%2C16.8L16%2C13.3c0.7-1.1%2C1.1-2.4%2C1.1-3.8C17%2C5.4%2C13.6%2C2%2C9.5%2C2S2%2C5.4%2C2%2C9.5S5.4%2C17%2C9.5%2C17c1.4%2C0%2C2.7-0.4%2C3.8-1.1l3.5%2C3.5c0.7%2C0.7%2C1.9%2C0.7%2C2.6%2C0C20.2%2C18.7%2C20.2%2C17.6%2C19.5%2C16.8z%20M9.5%2C15.3c-3.2%2C0-5.8-2.6-5.8-5.8s2.6-5.8%2C5.8-5.8s5.8%2C2.6%2C5.8%2C5.8S12.7%2C15.3%2C9.5%2C15.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-edit { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2217.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-edit-settings { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M2.5%2015L8%201h2l4.4146%2011.2574-1.6009%201.6008L12.12012%2012h-6.25L4.75%2015zM9%203.66998L6.62012%2010h4.75976z%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M10%2019.50035V22h2.49965l7.37231-7.37231-2.49965-2.49965zm11.805-6.80572c.26-.25997.26-.67991%200-.93987l-1.5598-1.559787c-.25992-.259964-.67986-.259964-.93983%200L18.08554%2011.4148l2.49966%202.49966z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-reader { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M17%2C21H1V9h6V2l0%2C0h10v5h1V1H6.2L0%2C7.6V22h18v-3h-1V21z%20M6%2C2.8V8H1.1L6%2C2.8z%20M13%2C8c-5.1%2C0-9%2C5-9%2C5s4.1%2C5%2C9%2C5c5%2C0%2C9-5%2C9-5S18%2C8%2C13%2C8z%20M8.7%2C15.5C6.8%2C14.4%2C6.4%2C13%2C6.4%2C13s0.4-1.5%2C2.4-2.6C8.3%2C11.2%2C8%2C12%2C8%2C13C8%2C13.9%2C8.3%2C14.8%2C8.7%2C15.5z%20M13%2C16.7c-2.1%2C0-3.7-1.7-3.7-3.7c0-2.1%2C1.7-3.7%2C3.7-3.7c2.1%2C0%2C3.7%2C1.7%2C3.7%2C3.7C16.7%2C15.1%2C15.1%2C16.7%2C13%2C16.7z%20M17.3%2C15.5c0.4-0.7%2C0.7-1.6%2C0.7-2.5c0-1-0.3-1.8-0.7-2.6c2%2C1.1%2C3.4%2C2.6%2C3.4%2C2.6S19.2%2C14.4%2C17.3%2C15.5z%20M13%2C11.7c-0.7%2C0-1.3%2C0.6-1.3%2C1.3s0.6%2C1.3%2C1.3%2C1.3s1.3-0.6%2C1.3-1.3S13.7%2C11.7%2C13%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-download { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-0%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M12%200H11L11%2014L7.39999%2010.3L6.69999%2011.1L11.5%2016L16.3%2011.1L15.6%2010.3L12%2014L12%200Z%22%2F%3E%3Cpath%20d%3D%22M14%205V6H19V20H4V6H9V5H3V21H20V5H14Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-print { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-0%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%201H17V6H21V17H17V21H5V17H1V6H5V1ZM6%206H16V2H6V6ZM5%2016V13H2V16H5ZM2%2012H20V7H2V12ZM20%2013H17V16H20V13ZM16%2013H6V20H16V13ZM14%2016H8V15H14V16ZM14%2018H8V17H14V18Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-spellcheck { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%201L3%2015H4.2L5.97686%2010H11.0231L11.6768%2011.8394C11.955%2011.5504%2012.262%2011.2892%2012.593%2011.0605L9%201H8ZM8.5%202.9L10.6678%209H6.33223L8.5%202.9Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2021C18.7614%2021%2021%2018.7614%2021%2016C21%2013.2386%2018.7614%2011%2016%2011C13.2386%2011%2011%2013.2386%2011%2016C11%2018.7614%2013.2386%2021%2016%2021ZM15.3536%2018.3536L19.3536%2014.3536L18.6464%2013.6464L15%2017.2929L13.3536%2015.6464L12.6464%2016.3536L14.6464%2018.3536L15%2018.7071L15.3536%2018.3536Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-settings { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M11.8%2C3l0.4%2C2c0.1%2C0.7%2C0.6%2C1.1%2C1.3%2C1.1c0.3%2C0%2C0.5-0.1%2C0.7-0.2l1.9-1.2l1.1%2C1.1l-1.1%2C1.8C15.8%2C8%2C15.8%2C8.5%2C16%2C8.9c0.2%2C0.4%2C0.5%2C0.7%2C1%2C0.8l2.1%2C0.5v1.6L17%2C12.2c-0.5%2C0.1-0.8%2C0.4-1%2C0.8c-0.2%2C0.4-0.1%2C0.9%2C0.1%2C1.2l1.2%2C1.9l-1.1%2C1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6%2C0-1.2%2C0.5-1.3%2C1.1l-0.5%2C2.1h-1.6l-0.4-2C9.7%2C16.4%2C9.2%2C16%2C8.5%2C16c-0.3%2C0-0.5%2C0.1-0.7%2C0.2l-1.9%2C1.2l-1.1-1.1l1.1-1.8c0.3-0.4%2C0.3-0.9%2C0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1%2C0.8-0.4%2C1-0.8C6.1%2C8.7%2C6%2C8.2%2C5.8%2C7.9l-1-2l1.1-1.1l1.8%2C1.1C8%2C6.1%2C8.2%2C6.2%2C8.5%2C6.2c0.6%2C0%2C1.2-0.5%2C1.3-1.1L10.3%2C3H11.8%20M11%2C15.5c2.5%2C0%2C4.5-2%2C4.5-4.5s-2-4.5-4.5-4.5s-4.5%2C2-4.5%2C4.5S8.5%2C15.5%2C11%2C15.5%20M12.1%2C2H9.9C9.6%2C2%2C9.4%2C2.2%2C9.3%2C2.5L8.8%2C4.9c0%2C0.2-0.2%2C0.3-0.3%2C0.3s-0.1%2C0-0.2-0.1L6.2%2C3.8C6.1%2C3.7%2C6%2C3.7%2C5.8%2C3.7c-0.1%2C0-0.3%2C0-0.4%2C0.1L3.8%2C5.4c-0.1%2C0.2-0.2%2C0.5%2C0%2C0.8l1.3%2C2.1c0.1%2C0.2%2C0.1%2C0.4-0.2%2C0.5L2.5%2C9.3C2.2%2C9.4%2C2%2C9.6%2C2%2C9.9v2.2c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.6l2.4%2C0.5c0.3%2C0.1%2C0.4%2C0.3%2C0.2%2C0.5l-1.3%2C2.1c-0.2%2C0.2-0.1%2C0.6%2C0.1%2C0.8l1.6%2C1.6c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2s0.2%2C0%2C0.3-0.1L8.3%2C17c0.1-0.1%2C0.1-0.1%2C0.2-0.1s0.3%2C0.1%2C0.3%2C0.3l0.5%2C2.3C9.4%2C19.8%2C9.6%2C20%2C9.9%2C20h2.2c0.3%2C0%2C0.5-0.2%2C0.6-0.5l0.5-2.4c0-0.2%2C0.1-0.3%2C0.3-0.3c0.1%2C0%2C0.1%2C0%2C0.2%2C0.1l2.1%2C1.3c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.2%2C0%2C0.3-0.1%2C0.4-0.2l1.6-1.6c0.2-0.2%2C0.2-0.5%2C0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5%2C0.2-0.5l2.4-0.5c0.3-0.1%2C0.5-0.3%2C0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2%2C0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1%2C0-0.2%2C0-0.3%2C0.1l-2.1%2C1.3C13.6%2C5%2C13.6%2C5%2C13.5%2C5c-0.1%2C0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6%2C2.2%2C12.4%2C2%2C12.1%2C2L12.1%2C2z%20M11%2C14.5c-1.9%2C0-3.5-1.6-3.5-3.5S9.1%2C7.5%2C11%2C7.5s3.5%2C1.6%2C3.5%2C3.5S12.9%2C14.5%2C11%2C14.5L11%2C14.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-review { - width: 22px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-0%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M2%202H19V6H18V3H3V19H18V13H19V20H2V2Z%22%2F%3E%3Cpath%20d%3D%22M15%207H6V6H15V7Z%22%2F%3E%3Cpath%20d%3D%22M6%209H15V8H6V9Z%22%2F%3E%3Cpath%20d%3D%22M13%2011H6V10H13V11Z%22%2F%3E%3Cpath%20d%3D%22M6%2013H11V12H6V13Z%22%2F%3E%3Cpath%20d%3D%22M10%2015H6V14H10V15Z%22%2F%3E%3Cpath%20d%3D%22M12%2014.5V16H13.5L21.5%208L20%206.5L12%2014.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-doc-setup { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-4%206%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20id%3D%22XMLID_2_%22%20d%3D%22M15%2C27H-1V15h6V8l0%2C0h10V27z%20M16%2C7H4.2L-2%2C13.6V28h18V7z%20M4%2C8.8V14h-4.9L4%2C8.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-info { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M10%2C17h2V8h-2V17z%20M11%2C1C5.5%2C1%2C1%2C5.5%2C1%2C11s4.5%2C10%2C10%2C10s10-4.5%2C10-10S16.5%2C1%2C11%2C1z%20M11%2C20c-5%2C0-9-4-9-9s4-9%2C9-9s9%2C4%2C9%2C9S16%2C20%2C11%2C20z%20M10%2C7h2V5h-2V7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-about { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-1%207%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3%2C0.7-0.6%2C0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8%2C0l-8.9%2C4.1C-0.9%2C13.8-1%2C14.1-1%2C14.3s0.1%2C0.6%2C0.7%2C0.9l2.6%2C1.2l-2.6%2C1.2C-0.9%2C18-1%2C18.4-1%2C18.5c0%2C0.2%2C0.1%2C0.6%2C0.7%2C0.9l2.5%2C1.2l-2.5%2C1.2C-0.9%2C22.1-1%2C22.5-1%2C22.7c0%2C0.3%2C0.1%2C0.6%2C0.7%2C0.9l8.9%2C4.1c0.5%2C0.2%2C0.8%2C0.3%2C1.4%2C0.3s1-0.1%2C1.4-0.3l8.9-4.1c0.6-0.4%2C0.7-0.6%2C0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9%2C19.2%2C21%2C18.8%2C21%2C18.5z%20M-0.2%2C14.3L-0.2%2C14.3c0%2C0%2C0.1-0.1%2C0.3-0.2L9%2C10c0.6-0.3%2C1.5-0.3%2C2%2C0l8.9%2C4.1c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.2l0%2C0c0%2C0-0.1%2C0.1-0.3%2C0.2L11%2C18.6c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1C-0.1%2C14.4-0.2%2C14.3-0.2%2C14.3z%20M20.2%2C22.7L20.2%2C22.7c0%2C0-0.1%2C0.1-0.3%2C0.2L11%2C27.1c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0%2C0c0%2C0%2C0.1-0.1%2C0.3-0.2l3-1.5l5.5%2C2.6c0.7%2C0.4%2C1.9%2C0.4%2C2.8%2C0l5.5-2.6l3%2C1.5C20.1%2C22.7%2C20.2%2C22.7%2C20.2%2C22.7z%20M19.9%2C18.7L11%2C22.8c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0%2C0c0%2C0%2C0.1-0.1%2C0.3-0.2l3-1.5l5.5%2C2.6c0.7%2C0.4%2C1.9%2C0.4%2C2.8%2C0l5.5-2.6l3%2C1.5c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.2l0%2C0C20.2%2C18.5%2C20.1%2C18.6%2C19.9%2C18.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-help { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M11.6%2C1.3c-3.3%2C0-6%2C2.8-6%2C6.2c0.3%2C0%2C0.7%2C0%2C0.9%2C0c0-2.9%2C2.3-5.2%2C5.1-5.2s5.1%2C2.3%2C5.1%2C5.2c0%2C1.7-1.9%2C3.2-3%2C4.3C12.9%2C12.6%2C11%2C14.2%2C11%2C16c0%2C1.2%2C0%2C2.2%2C0%2C2.7c0.3%2C0%2C0.6%2C0%2C0.9%2C0c0-0.6%2C0-1.6%2C0-2.5c0-1.4%2C1.1-2.4%2C2.2-3.5c1.7-1.5%2C3.5-3.1%2C3.5-5.2C17.6%2C4.1%2C14.9%2C1.3%2C11.6%2C1.3z%20M11.5%2C20.2c-0.3%2C0-0.5%2C0.2-0.5%2C0.5v0.8c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.5s0.5-0.2%2C0.5-0.5v-0.8C11.9%2C20.4%2C11.7%2C20.2%2C11.5%2C20.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-versions { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-1%207%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M19%2C12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1%2C0-2%2C0.9-2%2C2c-1.1%2C0-2%2C0.9-2%2C2c-1.1%2C0-2%2C0.9-2%2C2v12c0%2C1.1%2C0.9%2C2%2C2%2C2h18c1.1%2C0%2C2-0.9%2C2-2V14C21%2C12.9%2C20.1%2C12%2C19%2C12z%20M5%2C9h10c0.6%2C0%2C1%2C0.4%2C1%2C1H4C4%2C9.4%2C4.4%2C9%2C5%2C9z%20M3%2C11h14c0.6%2C0%2C1%2C0.4%2C1%2C1H2C2%2C11.4%2C2.4%2C11%2C3%2C11z%20M20%2C26c0%2C0.6-0.4%2C1-1%2C1H1c-0.6%2C0-1-0.4-1-1V14c0-0.6%2C0.4-1%2C1-1h18c0.6%2C0%2C1%2C0.4%2C1%2C1V26z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-align-center { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M4%2C7v1h14V7H4z%20M1%2C12h21v-1H1V12z%20M4%2C15v1h14v-1H4z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-align-jast { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M1%2C8h21V7H1V8z%20M1%2C12h21v-1H1V12z%20M1%2C16h21v-1H1V16z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-align-left { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M15%2C7H1v1h14V7z%20M1%2C12h21v-1H1V12z%20M15%2C15H1v1h14V15z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-text-align-right { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M8%2C8h14V7H8V8z%20M22%2C11H1v1h21V11z%20M8%2C16h14v-1H8V16z%20M22%2C19H1v1h21V19z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-de-indent { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M11%2C15h11v1H11V15z%20M11%2C11h11v1H11V11z%20M11%2C7h11v1H11V7z%20M6.3%2C7L7%2C7.7l-3.8%2C3.8L7%2C15.3L6.3%2C16L2%2C11.8l-0.2-0.3L2%2C11.2L6.3%2C7z%20M1%2C3h21v1H1V3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-in-indent { - width: 22px; - height: 22px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M12%2C16H1v-1h11V16z%20M12%2C12H1v-1h11V12z%20M12%2C8H1V7h11V8z%20M21%2C11.2l0.2%2C0.3L21%2C11.8L16.7%2C16L16%2C15.3l3.8-3.8L16%2C7.7L16.7%2C7L21%2C11.2z%20M22%2C4H1V3h21V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-add-column-left { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M15%2C19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z%20M15%2C18h6v-3h-6V18z%20M15%2C14h6v-3h-6V14z%20M8%2C18h6v-3H8V18z%20M8%2C14h6v-3H8V14z%20M14%2C10V7H8v3H14z%20M8%2C3v3h6V3H8z%20M21%2C3h-6v3h6V3z%20M15%2C7v3h6V7H15z%20M3%2C16h1v2h2v1H4v2H3v-2H1v-1h2V16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-add-column-right { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z%20M7%2C15H1v3h6V15z%20M7%2C11H1v3h6V11z%20M14%2C15H8v3h6V15z%20M14%2C11H8v3h6V11z%20M14%2C10V7H8v3H14z%20M8%2C3v3h6V3H8z%20M1%2C6h6V3H1V6z%20M1%2C7v3h6V7H1z%20M19%2C18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-add-row-above { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z%20M7%2C8H1v3h6V8z%20M7%2C12H1v3h6V12z%20M7%2C16H1v3h6V16z%20M8%2C19h6v-3H8V19z%20M8%2C15h6v-3H8V15z%20M8%2C11h6V8H8V11z%20M21%2C8h-6v3h6V8z%20M21%2C12h-6v3h6V12z%20M21%2C16h-6v3h6V16z%20M19%2C6h-1V4h-2V3h2V1h1v2h2v1h-2V6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-add-row-below { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M22%2C1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z%20M7%2C10H1v3h6V10z%20M7%2C6H1v3h6V6z%20M7%2C2H1v3h6V2z%20M8%2C5h6V2H8V5z%20M8%2C9h6V6H8V9z%20M8%2C13h6v-3H8V13z%20M21%2C10h-6v3h6V10z%20M21%2C6h-6v3h6V6z%20M21%2C2h-6v3h6V2z%20M19%2C17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-remove-column { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C19h-6h-1h-1.6c-0.9%2C1.8-2.7%2C3-4.9%2C3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z%20M7.5%2C12C5%2C12%2C3%2C14%2C3%2C16.5S5%2C21%2C7.5%2C21s4.5-2%2C4.5-4.5S10%2C12%2C7.5%2C12z%20M14%2C3H8v3h6V3z%20M14%2C7H8v3h6V7z%20M14%2C11H8v0.1c1.9%2C0.2%2C3.5%2C1.3%2C4.4%2C2.9H14V11z%20M14%2C15h-1.2c0.1%2C0.5%2C0.2%2C1%2C0.2%2C1.5c0%2C0.5-0.1%2C1-0.2%2C1.5H14V15z%20M21%2C3h-6v3h6V3z%20M21%2C7h-6v3h6V7z%20M21%2C11h-6v3h6V11z%20M21%2C15h-6v3h6V15z%20M9.6%2C19.3l-2.1-2.1l-2.1%2C2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1%2C2.1l2.1-2.1l0.7%2C0.7l-2.1%2C2.1l2.1%2C2.1L9.6%2C19.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-remove-row { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C19h-6h-1h-1.6c-0.9%2C1.8-2.7%2C3-4.9%2C3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z%20M1%2C18h1.2C2.1%2C17.5%2C2%2C17%2C2%2C16.5c0-0.5%2C0.1-1%2C0.2-1.5H1V18z%20M7%2C3H1v3h6V3z%20M7%2C7H1v3h6V7z%20M7.5%2C12C5%2C12%2C3%2C14%2C3%2C16.5S5%2C21%2C7.5%2C21s4.5-2%2C4.5-4.5S10%2C12%2C7.5%2C12z%20M14%2C3H8v3h6V3z%20M14%2C7H8v3h6V7z%20M14%2C15h-1.2c0.1%2C0.5%2C0.2%2C1%2C0.2%2C1.5c0%2C0.5-0.1%2C1-0.2%2C1.5H14V15z%20M21%2C3h-6v3h6V3z%20M21%2C7h-6v3h6V7z%20M21%2C15h-6v3h6V15z%20M9.6%2C19.3l-2.1-2.1l-2.1%2C2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1%2C2.1l2.1-2.1l0.7%2C0.7l-2.1%2C2.1l2.1%2C2.1L9.6%2C19.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-pagebreak { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%208L10%207.99531V4L6%208ZM10%2010H6V11H4V7L9%202H18C18.5302%202%2018.9864%202.20344%2019.3918%202.61033C19.7661%202.98592%2020%203.46792%2020%204V11H18V4H12V8C12%209.10457%2011.1046%2010%2010%2010ZM6%2017V20.0282L18%2020V17H20V20C20%2020.5321%2019.7973%2021.0297%2019.3918%2021.4366C18.9864%2021.8122%2018.5302%2022%2018%2022H6C5.46979%2022%205.01364%2021.8122%204.60819%2021.4366C4.20273%2021.0297%204%2020.5266%204%2019.9945V17H6Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M3%2013H7V15H3V13Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M9%2013H15V15H9V13Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M17%2013H21V15H17V13Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20d%3D%22M0.000488281%200H24.0005V24H0.000488281V0Z%22%20fill%3D%22transparent%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); -} -i.icon.icon-sectionbreak { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20d%3D%22M3%2011H7V13H3V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M9%2011H15V13H9V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M17%2011H21V13H17V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18%204H6V9H4V4C4%202.89543%204.89543%202%206%202H18C18.5302%202%2018.9864%202.20344%2019.3918%202.61033C19.7661%202.98592%2020%203.46792%2020%204V9H18V4ZM6%2015V20.0282L18%2020V15H20V20C20%2020.5321%2019.7973%2021.0297%2019.3918%2021.4366C18.9864%2021.8122%2018.5302%2022%2018%2022H6C5.46979%2022%205.01364%2021.8122%204.60819%2021.4366C4.20273%2021.0297%204%2020.5266%204%2019.9945V15H6Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20d%3D%22M0%200H24V24H0V0Z%22%20fill%3D%22transparent%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); -} -i.icon.icon-stringbreak { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%209.01309L11.4062%2010.4181L7.79688%2014.0241H17.9844V4.00208H20V15.9911H7.79688L11.4062%2019.5971L10%2021.0021L4%2015.0076L10%209.01309Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-pagenumber { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18%204H6V20.0282L18%2020V4ZM4%204.5C4%203.11929%205.11929%202%206.5%202H18C18.5302%202%2018.9864%202.20344%2019.3918%202.61033C19.7661%202.98592%2020%203.46792%2020%204V20C20%2020.5321%2019.7973%2021.0297%2019.3918%2021.4366C18.9864%2021.8122%2018.5302%2022%2018%2022H6C5.46979%2022%205.01364%2021.8122%204.60819%2021.4366C4.20273%2021.0297%204%2020.5266%204%2019.9945V4.5ZM11.5698%2016H10.1836V12.2578H10.1574L9%2013.0686V11.8385L10.1836%2011H11.5698V16ZM14.1593%2016H12.7076L14.6333%2012.1365V12.1088H12.3709V11H16V12.1053L14.1593%2016Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-link { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.0235%207C18.4006%207%2019.5743%207.49845%2020.5446%208.49534C21.5149%209.46108%2022%2010.6293%2022%2012C22%2013.3708%2021.5149%2014.5546%2020.5446%2015.5515C19.5743%2016.5172%2018.4006%2017.0001%2017.0235%2017.0001H13V15H17C17.8451%2015%2018.5884%2014.7882%2019.1831%2014.1963C19.8091%2013.5733%2020%2012.8411%2020%2012C20%2011.1589%2019.8091%2010.4424%2019.1831%209.85049C18.5884%209.22743%2017.8685%209%2017.0235%209H13V7H17.0235ZM8.00939%2012.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995%209.85049C4.17527%2010.4424%204%2011.1589%204%2012C4%2012.8411%204.17527%2013.5733%204.76995%2014.1963C5.39593%2014.7882%206.15493%2015%207%2015H11.0141V17.0001H6.97653C5.59937%2017.0001%204.42567%2016.5172%203.4554%2015.5515C2.48513%2014.5546%202%2013.3708%202%2012C2%2010.6293%202.48513%209.46108%203.4554%208.49534C4.42567%207.49845%205.59937%207%206.97653%207H11.0141V9H6.97653C6.13146%209%205.39593%209.22743%204.76995%209.85049Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-image-library { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%205.5H4C3.72386%205.5%203.5%205.72386%203.5%206V15.5822L8.03349%2011.6898C8.47476%2011.3109%209.11904%2011.2865%209.58778%2011.6308L13.5726%2014.5579L15.9619%2012.6774C16.4488%2012.2942%2017.1428%2012.3255%2017.5933%2012.7509L20.5%2015.4962V6C20.5%205.72386%2020.2761%205.5%2020%205.5ZM20.5%2017.5294L20.485%2017.5453L16.7201%2013.9895L14.3509%2015.8542C13.9095%2016.2016%2013.2905%2016.2119%2012.8378%2015.8793L8.85988%2012.9573L3.5%2017.5592V18C3.5%2018.2761%203.72386%2018.5%204%2018.5H20C20.2761%2018.5%2020.5%2018.2761%2020.5%2018V17.5294ZM4%204C2.89543%204%202%204.89543%202%206V18C2%2019.1046%202.89543%2020%204%2020H20C21.1046%2020%2022%2019.1046%2022%2018V6C22%204.89543%2021.1046%204%2020%204H4ZM16.5%209.5C16.5%2011.1569%2015.1569%2012.5%2013.5%2012.5C11.8431%2012.5%2010.5%2011.1569%2010.5%209.5C10.5%207.84315%2011.8431%206.5%2013.5%206.5C15.1569%206.5%2016.5%207.84315%2016.5%209.5ZM13.5%2011C14.3284%2011%2015%2010.3284%2015%209.5C15%208.67157%2014.3284%208%2013.5%208C12.6716%208%2012%208.67157%2012%209.5C12%2010.3284%2012.6716%2011%2013.5%2011Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20d%3D%22M0%200H24V24H0V0Z%22%20fill%3D%22transparent%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-all { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M26.9%2C0H0V27H27V0H26.9ZM13%2C26H1V14H13V26Zm0-13H1V1H13V13ZM26%2C26H14V14H26V26Zm0-13H14V1H26V13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-none { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M26.9%2C0H0V27H27V0H26.9ZM13%2C26H1V14H13V26Zm0-13H1V1H13V13ZM26%2C26H14V14H26V26Zm0-13H14V1H26V13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-inner { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpolygon%20points%3D%2226%2013%2014%2013%2014%201%2013%201%2013%2013%201%2013%201%2014%2013%2014%2013%2026%2014%2026%2014%2014%2026%2014%2026%2013%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-outer { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-left { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-center { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20x%3D%2213%22%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-right { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20x%3D%2226%22%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-top { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-middle { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-table-borders-bottom { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2226%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-block-align-left { - width: 28px; - height: 28px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-block-align-center { - width: 28px; - height: 28px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%228.08%22%20width%3D%2212%22%20height%3D%2210.92%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-block-align-right { - width: 28px; - height: 28px; - background-color: #446995; - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-move-backward { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20x%3D%221%22%20y%3D%221%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%3Cpath%20d%3D%22M10%2C10V27H27V10H10ZM26%2C26H11V11H26V26Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-move-forward { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M10%2C10V27H27V10H10ZM26%2C26H11V11H26V26Z%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-move-background { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3Cpath%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-move-foreground { - width: 28px; - height: 28px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-docx { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2266px%22%20height%3D%2266px%22%20viewBox%3D%2222.015%2020.75%2066%2066%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22g3103%22%20transform%3D%22translate(-21.015556%2C0)%22%20display%3D%22none%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M78.521%2C0h7.475c0%2C3.337%2C0%2C6.663%2C0%2C10%20%20%20c13.375%2C0.075%2C26.738-0.138%2C40.101%2C0.075c2.85-0.288%2C5.087%2C1.925%2C4.825%2C4.775c0.212%2C24.625-0.051%2C49.262%2C0.125%2C73.887%20%20%20c-0.125%2C2.525%2C0.25%2C5.325-1.213%2C7.563c-1.825%2C1.3-4.188%2C1.138-6.313%2C1.237C111.008%2C97.475%2C98.508%2C97.5%2C85.996%2C97.5%20%20%20c0%2C3.338%2C0%2C6.662%2C0%2C10h-7.813c-19.024-3.475-38.1-6.662-57.162-10c-0.013-29.162%2C0-58.325%2C0-87.475%20%20%20C40.183%2C6.675%2C59.359%2C3.413%2C78.521%2C0z%22%20%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M85.996%2C13.75c13.75%2C0%2C27.5%2C0%2C41.25%2C0%20%20%20c0%2C26.663%2C0%2C53.338%2C0%2C80c-13.75%2C0-27.5%2C0-41.25%2C0c0-3.338%2C0-6.662%2C0-10c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.662%2C0-3.338%2C0-5%20%20%20c-10.837%2C0-21.662%2C0-32.5%2C0c0-2.088%2C0-4.162%2C0-6.25c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.662%2C0-3.338%2C0-5c-10.837%2C0-21.662%2C0-32.5%2C0%20%20%20c0-2.088%2C0-4.162%2C0-6.25c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.662%2C0-3.338%2C0-5c-10.837%2C0-21.662%2C0-32.5%2C0c0-2.087%2C0-4.163%2C0-6.25%20%20%20c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.663%2C0-3.337%2C0-5c-10.837%2C0-21.662%2C0-32.5%2C0c0-2.087%2C0-4.163%2C0-6.25c10.838%2C0%2C21.663%2C0%2C32.5%2C0%20%20%20c0-1.663%2C0-3.337%2C0-5c-10.837%2C0-21.662%2C0-32.5%2C0c0-2.087%2C0-4.163%2C0-6.25c10.838%2C0%2C21.663%2C0%2C32.5%2C0c0-1.663%2C0-3.337%2C0-5%20%20%20c-10.837%2C0-21.662%2C0-32.5%2C0C85.996%2C19.587%2C85.996%2C16.663%2C85.996%2C13.75z%22%20%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M46.846%2C35.837%20%20%20c2.375-0.137%2C4.75-0.237%2C7.125-0.362c1.662%2C8.438%2C3.362%2C16.862%2C5.162%2C25.262c1.413-8.675%2C2.976-17.325%2C4.487-25.987%20%20%20c2.5-0.087%2C5-0.225%2C7.488-0.375c-2.825%2C12.112-5.301%2C24.325-8.388%2C36.362c-2.088%2C1.088-5.213-0.05-7.688%2C0.125%20%20%20c-1.663-8.274-3.601-16.5-5.088-24.813c-1.462%2C8.075-3.362%2C16.075-5.037%2C24.101c-2.4-0.125-4.813-0.275-7.226-0.438%20%20%20c-2.074-11-4.512-21.925-6.449-32.95c2.137-0.1%2C4.287-0.188%2C6.425-0.263c1.287%2C7.962%2C2.75%2C15.888%2C3.875%2C23.862%20%20%20C43.297%2C52.188%2C45.096%2C44.013%2C46.846%2C35.837z%22%20%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50.69%2C36.792c2.375-0.137%2C4.75-0.237%2C7.125-0.362%20%20c1.662%2C8.438%2C3.362%2C16.862%2C5.162%2C25.262c1.413-8.675%2C2.976-17.325%2C4.487-25.987c2.5-0.087%2C5-0.225%2C7.488-0.375%20%20c-2.825%2C12.112-5.301%2C24.325-8.388%2C36.362c-2.088%2C1.088-5.213-0.05-7.688%2C0.125c-1.663-8.274-3.601-16.5-5.088-24.813%20%20c-1.462%2C8.075-3.362%2C16.075-5.037%2C24.101c-2.4-0.125-4.813-0.275-7.226-0.438c-2.074-11-4.512-21.925-6.449-32.95%20%20c2.137-0.1%2C4.287-0.188%2C6.425-0.263c1.287%2C7.962%2C2.75%2C15.888%2C3.875%2C23.862C47.14%2C53.143%2C48.94%2C44.968%2C50.69%2C36.792z%22%20%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-dotx { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip-dotx%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22dotx%22%20clip-path%3D%22url(%23clip-dotx)%22%3E%3Crect%20id%3D%22Rectangle_20%22%20data-name%3D%22Rectangle%2020%22%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22Path_38%22%20data-name%3D%22Path%2038%22%20d%3D%22M12.223%2C119.714c1.251-.066%2C2.5-.115%2C3.752-.177.875%2C4.123%2C1.771%2C8.239%2C2.718%2C12.343.744-4.239%2C1.567-8.464%2C2.363-12.7%2C1.317-.042%2C2.633-.109%2C3.944-.183-1.488%2C5.917-2.792%2C11.886-4.417%2C17.767-1.1.531-2.745-.026-4.049.06-.876-4.042-1.9-8.061-2.679-12.123-.77%2C3.945-1.771%2C7.854-2.653%2C11.775-1.264-.06-2.535-.134-3.805-.213C6.3%2C130.892%2C5.02%2C125.553%2C4%2C120.167c1.125-.049%2C2.258-.093%2C3.384-.129.678%2C3.889%2C1.448%2C7.762%2C2.041%2C11.659C10.353%2C127.7%2C11.3%2C123.708%2C12.223%2C119.714Z%22%20transform%3D%22translate(-2%20-117)%22%20class%3D%22cls-1%22%2F%3E%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate(16%2016)%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M1.011%2C0H13.989A1.011%2C1.011%2C0%2C0%2C1%2C15%2C1.011V13.989A1.011%2C1.011%2C0%2C0%2C1%2C13.989%2C15H1.011A1.011%2C1.011%2C0%2C0%2C1%2C0%2C13.989V1.011A1.011%2C1.011%2C0%2C0%2C1%2C1.011%2C0Z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_39%22%20data-name%3D%22Path%2039%22%20d%3D%22M5.794%2C13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z%22%20transform%3D%22translate(2.742%20-0.25)%22%20class%3D%22cls-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-txt { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22%2017H2V18H22V17Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2020H2V21H22V20Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2014H2V15H22V14Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2011H2V12H22V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%208H2V9H22V8Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%205H2V6H22V5Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%202H2V3H22V2Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-pdf { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2033%2033%22%20height%3D%2233px%22%20width%3D%2233px%22%20y%3D%220px%22%20x%3D%220px%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M11.875%2C18.648c0.8-1.567%2C1.709-3.334%2C2.437-5.107l0%2C0%20%20l0.288-0.7c-0.95-3.616-1.52-6.519-1.011-8.396l0%2C0c0.137-0.489%2C0.704-0.786%2C1.31-0.786l0%2C0l0.369%2C0.005h0.068%20%20c0.83-0.013%2C1.22%2C1.042%2C1.264%2C1.453l0%2C0c0.073%2C0.683-0.243%2C1.839-0.243%2C1.839l0%2C0c0-0.467%2C0.018-1.221-0.276-1.873l0%2C0%20%20c-0.343-0.753-0.671-1.204-0.965-1.275l0%2C0c-0.148%2C0.099-0.292%2C0.304-0.342%2C0.699l0%2C0c-0.103%2C0.553-0.133%2C1.252-0.133%2C1.612l0%2C0%20%20c0%2C1.272%2C0.25%2C2.952%2C0.743%2C4.683l0%2C0c0.093-0.268%2C0.174-0.526%2C0.24-0.767l0%2C0c0.101-0.38%2C0.743-2.901%2C0.743-2.901l0%2C0%20%20c0%2C0-0.162%2C3.355-0.388%2C4.371l0%2C0c-0.048%2C0.215-0.102%2C0.427-0.158%2C0.644l0%2C0c0.812%2C2.268%2C2.121%2C4.292%2C3.68%2C5.75l0%2C0%20%20c0.615%2C0.575%2C1.393%2C1.038%2C2.128%2C1.461l0%2C0c1.605-0.229%2C3.084-0.338%2C4.318-0.324l0%2C0c1.637%2C0.021%2C2.838%2C0.264%2C3.324%2C0.743l0%2C0%20%20c0.238%2C0.232%2C0.335%2C0.514%2C0.365%2C0.83l0%2C0c0.007%2C0.122-0.053%2C0.41-0.07%2C0.482l0%2C0c0.018-0.088%2C0.018-0.518-1.297-0.938l0%2C0%20%20c-1.034-0.33-2.971-0.32-5.295-0.073l0%2C0c2.688%2C1.315%2C5.307%2C1.968%2C6.137%2C1.577l0%2C0c0.203-0.1%2C0.449-0.437%2C0.449-0.437l0%2C0%20%20c0%2C0-0.146%2C0.665-0.252%2C0.831l0%2C0c-0.134%2C0.18-0.396%2C0.376-0.646%2C0.441l0%2C0c-1.311%2C0.35-4.722-0.459-7.695-2.158l0%2C0%20%20c-3.322%2C0.489-6.972%2C1.393-9.897%2C2.353l0%2C0c-2.874%2C5.037-5.035%2C7.351-6.793%2C6.471l0%2C0L3.63%2C28.833%20%20c-0.263-0.15-0.303-0.516-0.242-0.813l0%2C0c0.205-1.003%2C1.462-2.513%2C3.988-4.021l0%2C0c0.272-0.165%2C1.483-0.805%2C1.483-0.805l0%2C0%20%20c0%2C0-0.896%2C0.868-1.106%2C1.038l0%2C0c-2.016%2C1.652-3.504%2C3.73-3.467%2C4.536l0%2C0l0.007%2C0.069C6.005%2C28.594%2C8.573%2C25.109%2C11.875%2C18.648%20%20%20M12.921%2C19.184c-0.551%2C1.038-1.09%2C2.001-1.588%2C2.886l0%2C0c2.752-1.153%2C5.715-1.892%2C8.535-2.416l0%2C0%20%20c-0.379-0.262-0.746-0.539-1.093-0.832l0%2C0c-1.554-1.314-2.737-2.955-3.595-4.681l0%2C0C14.636%2C15.607%2C13.989%2C17.166%2C12.921%2C19.184%22%20class%3D%22cls-1%22%20%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-pdfa { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2033%2033%22%20height%3D%2233px%22%20width%3D%2233px%22%20y%3D%220px%22%20x%3D%220px%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.875%2018.648L11.9617%2018.4783C12.7401%2016.954%2013.6102%2015.2503%2014.312%2013.541L14.6%2012.841C13.65%209.225%2013.08%206.322%2013.589%204.445C13.726%203.956%2014.293%203.659%2014.899%203.659L15.268%203.664H15.336C16.166%203.651%2016.556%204.706%2016.6%205.117C16.673%205.8%2016.357%206.956%2016.357%206.956L16.3571%206.87946C16.358%206.40944%2016.3594%205.70047%2016.081%205.083C15.738%204.33%2015.41%203.879%2015.116%203.808C14.968%203.907%2014.824%204.112%2014.774%204.507C14.671%205.06%2014.641%205.759%2014.641%206.119C14.641%207.391%2014.891%209.071%2015.384%2010.802C15.477%2010.534%2015.558%2010.276%2015.624%2010.035C15.725%209.655%2016.367%207.134%2016.367%207.134C16.367%207.134%2016.205%2010.489%2015.979%2011.505C15.931%2011.72%2015.877%2011.932%2015.821%2012.149C16.633%2014.417%2017.942%2016.441%2019.501%2017.899C19.9467%2018.3157%2020.4779%2018.6735%2021.0164%2019H29C30.1046%2019%2031%2019.8954%2031%2021V29C31%2030.1046%2030.1046%2031%2029%2031H17C15.8954%2031%2015%2030.1046%2015%2029V21.5492C13.6156%2021.9019%2012.2807%2022.2896%2011.07%2022.687C8.19599%2027.724%206.03499%2030.038%204.27699%2029.158L3.62999%2028.833C3.36699%2028.683%203.32699%2028.317%203.38799%2028.02C3.59299%2027.017%204.84999%2025.507%207.37599%2023.999C7.64799%2023.834%208.85899%2023.194%208.85899%2023.194C8.85899%2023.194%207.96299%2024.062%207.75299%2024.232C5.73699%2025.884%204.24899%2027.962%204.28599%2028.768L4.29299%2028.837C6.00499%2028.594%208.57299%2025.109%2011.875%2018.648ZM18.775%2018.822C18.8461%2018.882%2018.918%2018.9413%2018.9906%2019H17C15.9681%2019%2015.1187%2019.7815%2015.0114%2020.785C13.7648%2021.146%2012.529%2021.5689%2011.333%2022.07C11.831%2021.185%2012.37%2020.222%2012.921%2019.184C13.989%2017.166%2014.636%2015.607%2015.18%2014.141C16.038%2015.867%2017.221%2017.508%2018.775%2018.822ZM21.5553%2027.3521H24.4447L24.9995%2029H26.7518L23.7581%2021.002H22.231L19.2537%2029H21.006L21.5553%2027.3521ZM23.9998%2026.0172H22.0002L22.9945%2023.0234L23.9998%2026.0172Z%22%20class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-odt { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20193.631%20193.63%22%20height%3D%22193.63px%22%20width%3D%22193.631px%22%20y%3D%220px%22%20x%3D%220px%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M193.16%2C59.725v-0.006%20%20c-0.334-0.173-0.671-0.334-1.004-0.497c-5.357-2.586-11.257-4.287-17.526-4.88c-11.083-1.049-21.673%2C1.496-30.622%2C6.678%20%20c-6.13-3.477-13.072-5.741-20.542-6.448c-10.298-0.974-20.17%2C1.16-28.697%2C5.629c-0.084%2C0.044-0.17%2C0.095-0.251%2C0.135%20%20c-0.207%2C0.162-0.347%2C0.414-0.347%2C0.697c0%2C0.492%2C0.392%2C0.89%2C0.889%2C0.89c0.046%2C0%2C0.091-0.007%2C0.139-0.017%20%20c0.021-0.002%2C0.042-0.011%2C0.061-0.015c4.586-0.848%2C9.368-1.088%2C14.243-0.627c13.683%2C1.293%2C25.609%2C5.521%2C33.975%2C15.011%20%20c0.436%2C0.455%2C0.822%2C0.427%2C1.265-0.024c10.524-12.2%2C26.663-17.021%2C44.006-15.382c0.968%2C0.094%2C1.921%2C0.213%2C2.871%2C0.355%20%20c0.33%2C0.05%2C0.836%2C0.134%2C1.133%2C0.167c0.572%2C0.063%2C0.88-0.397%2C0.88-0.891C193.629%2C60.166%2C193.486%2C59.886%2C193.16%2C59.725L193.16%2C59.725z%22%20class%3D%22cls-1%22%20%2F%3E%3Cpath%20d%3D%22M173.053%2C102.654c-0.056-0.029-0.106-0.046-0.154-0.066%20%20c-10.517-4.349-22.02-6.758-34.093-6.758c-19.293%2C0-37.155%2C6.127-51.757%2C16.524c-11.146-4.993-23.497-7.776-36.496-7.776%20%20c-18.485%2C0-35.648%2C5.617-49.895%2C15.237c-0.047%2C0.029-0.095%2C0.066-0.149%2C0.104C0.205%2C120.154%2C0%2C120.528%2C0%2C120.957%20%20c0%2C0.729%2C0.592%2C1.324%2C1.323%2C1.324c0.086%2C0%2C0.174-0.013%2C0.259-0.03c0.058-0.015%2C0.107-0.028%2C0.161-0.048%20%20c8.166-2.456%2C16.832-3.791%2C25.798-3.791c23.836%2C0%2C45.083%2C5.633%2C61.08%2C20.68c0.038%2C0.029%2C0.071%2C0.066%2C0.111%2C0.104%20%20c0.232%2C0.205%2C0.53%2C0.325%2C0.863%2C0.325c0.412%2C0%2C0.774-0.189%2C1.018-0.486c0.006%2C0.004%2C0.515-0.72%2C0.773-1.07%20%20c16.246-22.216%2C43.03-33.172%2C72.846-33.172c2.128%2C0%2C4.246%2C0.08%2C6.337%2C0.225c0.602%2C0.047%2C1.874%2C0.144%2C1.903%2C0.144%20%20c0.726%2C0%2C1.322-0.591%2C1.322-1.324C173.796%2C103.313%2C173.492%2C102.862%2C173.053%2C102.654L173.053%2C102.654z%22%20class%3D%22cls-1%22%20%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-ott { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-ott%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%2F%3E%3C%2FclipPath%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22ott%22%20clip-path%3D%22url(%23clip-ott)%22%3E%3Crect%20id%3D%22Rectangle_20%22%20data-name%3D%22Rectangle%2020%22%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22Path_33%22%20data-name%3D%22Path%2033%22%20d%3D%22M125.173%2C121h0c-.046-.03-.093-.059-.141-.088a6.133%2C6.133%2C0%2C0%2C0-2.467-.869%2C6.014%2C6.014%2C0%2C0%2C0-4.309%2C1.188%2C6.223%2C6.223%2C0%2C0%2C0-2.892-1.147%2C5.965%2C5.965%2C0%2C0%2C0-4.039%2C1l-.036.024a.176.176%2C0%2C0%2C0-.049.125.145.145%2C0%2C0%2C0%2C.126.158l.019%2C0a.019.019%2C0%2C0%2C0%2C.009%2C0%2C5.781%2C5.781%2C0%2C0%2C1%2C2.005-.111%2C6.41%2C6.41%2C0%2C0%2C1%2C4.782%2C2.669c.06.081.115.076.178%2C0a6.288%2C6.288%2C0%2C0%2C1%2C6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155%2C0%2C0%2C0%2C125.173%2C121Z%22%20transform%3D%22translate(-94.24%20-116)%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_34%22%20data-name%3D%22Path%2034%22%20d%3D%22M126.894%2C125.978a.175.175%2C0%2C0%2C0-.022-.011%2C11.686%2C11.686%2C0%2C0%2C0-4.905-1.082%2C11.924%2C11.924%2C0%2C0%2C0-7.444%2C2.647%2C11.725%2C11.725%2C0%2C0%2C0-5.251-1.245%2C11.884%2C11.884%2C0%2C0%2C0-7.176%2C2.441.229.229%2C0%2C0%2C0-.022.016.217.217%2C0%2C0%2C0-.073.167.2.2%2C0%2C0%2C0%2C.191.211.167.167%2C0%2C0%2C0%2C.037%2C0%2C.118.118%2C0%2C0%2C0%2C.023-.008%2C11.679%2C11.679%2C0%2C0%2C1%2C3.71-.608c3.429%2C0%2C6.486.9%2C8.787%2C3.315a.093.093%2C0%2C0%2C1%2C.016.016.172.172%2C0%2C0%2C0%2C.123.052.18.18%2C0%2C0%2C0%2C.147-.078s.075-.115.111-.171a12.1%2C12.1%2C0%2C0%2C1%2C10.479-5.315c.306%2C0%2C.611.014.912.037l.273.022a.2.2%2C0%2C0%2C0%2C.191-.211A.211.211%2C0%2C0%2C0%2C126.894%2C125.978Z%22%20transform%3D%22translate(-100%20-115.885)%22%20class%3D%22cls-1%22%2F%3E%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate(16%2016)%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M1.011%2C0H13.989A1.011%2C1.011%2C0%2C0%2C1%2C15%2C1.011V13.989A1.011%2C1.011%2C0%2C0%2C1%2C13.989%2C15H1.011A1.011%2C1.011%2C0%2C0%2C1%2C0%2C13.989V1.011A1.011%2C1.011%2C0%2C0%2C1%2C1.011%2C0Z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_39%22%20data-name%3D%22Path%2039%22%20d%3D%22M5.794%2C13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z%22%20transform%3D%22translate(2.742%20-0.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-html { - width: 30px; - height: 30px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2262px%22%20height%3D%2262px%22%20viewBox%3D%220%200%2062%2062%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23446995%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.993%2C38.689L11.34%2C32.753v-3.288l13.653-5.91v3.872l-9.523%2C3.641l9.523%2C3.777V38.689z%22%20%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M27.09%2C41.298l4.931-20.596h2.867l-4.986%2C20.596H27.09z%22%20%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36.986%2C38.703v-3.845l9.536-3.75L36.986%2C27.4v-3.817l13.666%2C5.91v3.261L36.986%2C38.703z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-format-rtf { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%227%22%20height%3D%227%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2011H2V12H22V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2014H2V15H22V14Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2017H2V18H22V17Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%2020H2V21H22V20Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%202H11V3H22V2Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%205H11V6H22V5Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22%208H11V9H22V8Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-collaboration { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9912%206C15.9912%208.34102%2015.4074%2010.1346%2014.6055%2011.3121C13.7983%2012.4974%2012.8249%2013%2011.9912%2013C11.1575%2013%2010.1841%2012.4974%209.37695%2011.3121C8.57501%2010.1346%207.99121%208.34102%207.99121%206C7.99121%203.61508%209.96974%202%2011.9912%202C14.0127%202%2015.9912%203.61508%2015.9912%206ZM14.5015%2012.9506C13.7365%2013.6361%2012.8649%2014%2011.9912%2014C11.1195%2014%2010.2499%2013.6378%209.48619%2012.9554C7.78363%2013.6081%206.36015%2014.2591%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.6372%2014.2575%2016.2095%2013.605%2014.5015%2012.9506ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -i.icon.icon-users { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.5%207C15.5%209.26153%2014.9357%2010.9518%2014.201%2012.0307C13.4584%2013.121%2012.6234%2013.5%2012%2013.5C11.3766%2013.5%2010.5416%2013.121%209.79901%2012.0307C9.0643%2010.9518%208.5%209.26153%208.5%207C8.5%204.92262%2010.2222%203.5%2012%203.5C13.7778%203.5%2015.5%204.92262%2015.5%207ZM14.8461%2013.6216C14.006%2014.5191%2013.0044%2015%2012%2015C10.9956%2015%209.99399%2014.5191%209.15395%2013.6216C7.69714%2014.1996%206.4782%2014.7725%205.52945%2015.3496C3.82884%2016.3839%203.5%2017.1203%203.5%2017.5C3.5%2018.0104%203.76355%2018.6977%205.04703%2019.3409C6.37522%2020.0065%208.60909%2020.4999%2012%2020.5C15.3909%2020.5%2017.6248%2020.0065%2018.953%2019.3409C20.2364%2018.6977%2020.5%2018.0104%2020.5%2017.5C20.5%2017.1203%2020.1712%2016.3839%2018.4705%2015.3496C17.5218%2014.7725%2016.3029%2014.1996%2014.8461%2013.6216ZM15.7544%2012.37C16.5137%2011.0279%2017%209.20917%2017%207C17%204%2014.5088%202%2012%202C9.49121%202%207%204%207%207C7%209.20917%207.48633%2011.0279%208.24563%2012.37C4.38973%2013.9392%202%2015.579%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.579%2019.6103%2013.9392%2015.7544%2012.37Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-review { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5%203.5H4.5V20.5H17.5V18H19V20C19%2020.5321%2018.7973%2021.0297%2018.3918%2021.4366C17.9864%2021.8122%2017.5302%2022%2017%2022H5C4.46979%2022%204.01364%2021.8122%203.60819%2021.4366C3.20273%2021.0297%203%2020.5266%203%2019.9945V4C3%202.89543%203.89543%202%205%202H17C17.5302%202%2017.9864%202.20344%2018.3918%202.61033C18.7661%202.98592%2019%203.46792%2019%204V7H17.5V3.5Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M22.8438%2010.2396L21.8281%2011.2552L19.7448%209.17188L20.7604%208.15625C20.8646%208.05208%2020.9948%208%2021.151%208C21.3073%208%2021.4375%208.05208%2021.5417%208.15625L22.8438%209.45833C22.9479%209.5625%2023%209.69271%2023%209.84896C23%2010.0052%2022.9479%2010.1354%2022.8438%2010.2396ZM13%2015.9167L19.1458%209.77083L21.2292%2011.8542L15.0833%2018H13V15.9167Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M7%2015.5H11V17H7V15.5Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M7%2011H13V12.5H7V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M7%207H15V8.5H7V7Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-review-changes { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20.5%204.5L20.5%2019.5L3.5%2019.5L3.5%204.5L20.5%204.5ZM22%2019L22%205C22%203.89543%2021.1046%203%2020%203L4.00549%203C3.47341%203%202.97026%203.20273%202.56338%203.60819C2.18779%204.01364%202%204.46978%202%205L2%2019C2%2019.5302%202.18779%2019.9864%202.56338%2020.3918C2.97026%2020.7973%203.46792%2021%204%2021L20%2021C20.5321%2021%2021.0141%2020.7661%2021.3897%2020.3918C21.7966%2019.9864%2022%2019.5302%2022%2019Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%2015H18V16.5H6V15Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%2011H18V12.5H6V11Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%207H18V8.5H6V7Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-accept-changes { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.3966%2019.2877L21.6495%2011L23%2012.3562L13.3966%2022L9%2017.5849L10.3505%2016.2288L13.3966%2019.2877Z%22%20fill%3D%22%2340865C%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.5%208L20.5%204.5L3.5%204.5L3.5%2017.5L7%2017.5L7%2019L4%2019C3.46792%2019%202.97026%2018.7973%202.56338%2018.3918C2.18779%2017.9864%202%2017.5302%202%2017L2%205C2%204.46978%202.18779%204.01364%202.56338%203.60819C2.97026%203.20273%203.4734%203%204.00549%203L20%203C21.1046%203%2022%203.89543%2022%205L22%208L20.5%208Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%208H18V9.5H6V8Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%2012H16V13.5H6V12Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-reject-changes { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23%2013.4099L19.4099%2017L23%2020.5901L21.5901%2022L18%2018.4099L14.4099%2022L13%2020.5901L16.5901%2017L13%2013.4099L14.4099%2012L18%2015.5901L21.5901%2012L23%2013.4099Z%22%20fill%3D%22%23C60915%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.5%2010L20.5%204.5L3.5%204.5L3.5%2017.5L11%2017.5L11%2019L4%2019C3.46792%2019%202.97026%2018.7973%202.56338%2018.3918C2.18779%2017.9864%202%2017.5302%202%2017L2%205C2%204.46978%202.18779%204.01364%202.56338%203.60819C2.97026%203.20273%203.4734%203%204.00549%203L20%203C21.1046%203%2022%203.89543%2022%205L22%2010L20.5%2010Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%208H18V9.5H6L6%208Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%2012H11V13.5H6V12Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-accept { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2018L2%2011L1%2012L9%2020L23%206L22%205L9%2018Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-reject { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%204L4%205L11%2012L4%2019L5%2020L12%2013L19%2020L20%2019L13%2012L20%205L19%204L12%2011L5%204Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-next-change { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-prev-change { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.4219%207.40625L10.8281%2012L15.4219%2016.5938L14.0156%2018L8.01562%2012L14.0156%206L15.4219%207.40625Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-goto { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.5%203.5H3.5V20.5H20.5V3.5ZM3.5%202H2V3.5V20.5V22H3.5H20.5H22V20.5V3.5V2H20.5H3.5ZM14.6893%208.25H9V6.75H16.5H17.25V7.5V15H15.75V9.31066L7.53033%2017.5303L6.46967%2016.4697L14.6893%208.25Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-app-settings { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2014H16C18.2091%2014%2020%2015.7909%2020%2018C20%2020.2091%2018.2091%2022%2016%2022H7C4.79086%2022%203%2020.2091%203%2018C3%2015.7909%204.79086%2014%207%2014ZM16%2013C18.7614%2013%2021%2015.2386%2021%2018C21%2020.7614%2018.7614%2023%2016%2023H7C4.23858%2023%202%2020.7614%202%2018C2%2015.2386%204.23858%2013%207%2013H16Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2020C14.8954%2020%2014%2019.1046%2014%2018C14%2016.8954%2014.8954%2016%2016%2016C17.1046%2016%2018%2016.8954%2018%2018C18%2019.1046%2017.1046%2020%2016%2020ZM16%2021C14.3431%2021%2013%2019.6569%2013%2018C13%2016.3431%2014.3431%2015%2016%2015C17.6569%2015%2019%2016.3431%2019%2018C19%2019.6569%2017.6569%2021%2016%2021Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%203H7C4.79086%203%203%204.79086%203%207C3%209.20914%204.79086%2011%207%2011H16C18.2091%2011%2020%209.20914%2020%207C20%204.79086%2018.2091%203%2016%203ZM7%202C4.23858%202%202%204.23858%202%207C2%209.76142%204.23858%2012%207%2012H16C18.7614%2012%2021%209.76142%2021%207C21%204.23858%2018.7614%202%2016%202H7Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%209C8.10457%209%209%208.10457%209%207C9%205.89543%208.10457%205%207%205C5.89543%205%205%205.89543%205%207C5%208.10457%205.89543%209%207%209ZM7%2010C8.65685%2010%2010%208.65685%2010%207C10%205.34315%208.65685%204%207%204C5.34315%204%204%205.34315%204%207C4%208.65685%205.34315%2010%207%2010Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-footnote { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.1173%2018.7983H10.109L9.36904%2016.6471H4.74829L4.00837%2018.7983H2L5.95633%207.58823H8.161L12.1173%2018.7983ZM8.87072%2014.916L7.05867%209.57143L5.24661%2014.916H8.87072Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M14.7577%2016.3613C14.9288%2016.6639%2015.1906%2016.9216%2015.5429%2017.1345C15.9053%2017.3361%2016.2677%2017.437%2016.6301%2017.437C17.2543%2017.437%2017.7526%2017.1905%2018.1251%2016.6975C18.5076%2016.1933%2018.6989%2015.5434%2018.6989%2014.7479C18.6989%2013.9524%2018.5076%2013.3025%2018.1251%2012.7983C17.7526%2012.2941%2017.2543%2012.042%2016.6301%2012.042C16.2677%2012.042%2015.9103%2012.1485%2015.558%2012.3613C15.2057%2012.5742%2014.9389%2012.8375%2014.7577%2013.1513V16.3613ZM14.7577%2018.7983H13.1721V7.58823H14.7577V11.8067C15.3516%2010.9216%2016.1318%2010.479%2017.0982%2010.479C18.0445%2010.479%2018.8197%2010.8711%2019.4237%2011.6555C20.0277%2012.4286%2020.3298%2013.4594%2020.3298%2014.7479C20.3298%2016.0588%2020.0277%2017.0952%2019.4237%2017.8571C18.8197%2018.619%2018.0445%2019%2017.0982%2019C16.1419%2019%2015.3617%2018.563%2014.7577%2017.6891V18.7983Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M24%2011.7227H22.7769V6.7479L21.7651%207.90756L21.0705%207.08403L22.943%205H24V11.7227Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-cut { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23cut)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.22427%2022.2702C4.51527%2023.1269%206.52738%2022.7183%207.6592%2021.0127C8.79101%2019.3071%208.38572%2017.2943%207.09472%2016.4376C5.80372%2015.5809%203.79161%2015.9896%202.65979%2017.6952C1.52798%2019.4008%201.93328%2021.4136%203.22427%2022.2702ZM2.67135%2023.1035C4.51208%2024.325%207.11827%2023.6364%208.49243%2021.5656C9.8666%2019.4948%209.48837%2016.8259%207.64764%2015.6044C5.80691%2014.3829%203.20072%2015.0714%201.82656%2017.1422C0.452398%2019.2131%200.830625%2021.882%202.67135%2023.1035Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.9158%2022.2702C19.6248%2023.1269%2017.6127%2022.7183%2016.4809%2021.0127C15.349%2019.3071%2015.7543%2017.2943%2017.0453%2016.4376C18.3363%2015.5809%2020.3484%2015.9896%2021.4803%2017.6952C22.6121%2019.4008%2022.2068%2021.4136%2020.9158%2022.2702ZM21.4687%2023.1035C19.628%2024.325%2017.0218%2023.6364%2015.6476%2021.5656C14.2735%2019.4948%2014.6517%2016.8259%2016.4924%2015.6044C18.3331%2014.3829%2020.9393%2015.0714%2022.3135%2017.1422C23.6877%2019.2131%2023.3094%2021.882%2021.4687%2023.1035Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M16.4924%2015.6044L13.9037%2012.4737L19.9552%200.675715C20.0693%200.446914%2019.9552%200.172352%2019.727%200.0808313C19.4416%20-0.0106892%2019.0993%200.0808312%2018.9851%200.263872L12.0233%2011.4212L5.17562%200.263872C5.06149%200.035071%204.71911%20-0.0564496%204.43379%200.035071C4.14847%200.126592%204.03434%200.401153%204.14847%200.629955L10.2001%2012.4279L7.64761%2015.6044L9.2292%2018L12.0233%2013.4804L14.9108%2018L16.4924%2015.6044Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22cut%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22black%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); -} -i.icon.icon-copy { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201H15V7H16V0H0V17H8V16H1V1Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%208H9V23H23V8ZM8%207V24H24V7H8Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%205H3V4H13V5Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%209H3V8H8V9Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2013H3V12H8V13Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H11V11H21V12Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H11V15H21V16Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H11V19H21V20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-paste { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%202H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10%208H23V23H10V8Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-menu-comment { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.6047%2016.5848C17.0078%2016.1793%2017.4729%2015.9766%2018%2015.9766C18.5271%2015.9766%2018.9922%2016.1793%2019.3953%2016.5848C19.7984%2016.9903%2020%2017.4581%2020%2017.9883C20%2018.5185%2019.7984%2018.9864%2019.3953%2019.3918C18.9922%2019.7973%2018.5271%2020%2018%2020C17.4729%2020%2017.0078%2019.7973%2016.6047%2019.3918C16.2016%2018.9864%2016%2018.5185%2016%2017.9883C16%2017.4581%2016.2016%2016.9903%2016.6047%2016.5848ZM16.6047%2010.5965C17.0078%2010.191%2017.4729%209.9883%2018%209.9883C18.5271%209.9883%2018.9922%2010.191%2019.3953%2010.5965C19.7984%2011.0019%2020%2011.4698%2020%2012C20%2012.5302%2019.7984%2012.9981%2019.3953%2013.4035C18.9922%2013.809%2018.5271%2014.0117%2018%2014.0117C17.4729%2014.0117%2017.0078%2013.809%2016.6047%2013.4035C16.2016%2012.9981%2016%2012.5302%2016%2012C16%2011.4698%2016.2016%2011.0019%2016.6047%2010.5965ZM19.3953%207.4152C18.9922%207.82066%2018.5271%208.02339%2018%208.02339C17.4729%208.02339%2017.0078%207.82066%2016.6047%207.4152C16.2016%207.00975%2016%206.54191%2016%206.0117C16%205.48148%2016.2016%205.01365%2016.6047%204.60819C17.0078%204.20273%2017.4729%204%2018%204C18.5271%204%2018.9922%204.20273%2019.3953%204.60819C19.7984%205.01365%2020%205.48148%2020%206.0117C20%206.54191%2019.7984%207.00975%2019.3953%207.4152Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-resolve-comment { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-resolve-comment.check { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%2340865C%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-prev-comment { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.4219%207.40625L10.8281%2012L15.4219%2016.5938L14.0156%2018L8.01562%2012L14.0156%206L15.4219%207.40625Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-next-comment { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-done-comment { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-insert-comment { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.5%203H4.5C3.18908%203%202%204.2153%202%205.50295V15.0346C2%2016.3222%203.18908%2017.013%204.5%2017.013H5.5C5.82773%2017.013%206%2017.1917%206%2017.5136V21L12%2017H20C21.1046%2017%2022%2016.1046%2022%2015V8H20.5V14.5C20.5%2015.0523%2020.0523%2015.5%2019.5%2015.5H11.5L7.5%2018V15.5H4.5C3.94772%2015.5%203.5%2015.0523%203.5%2014.5V5.5C3.5%204.94772%203.94772%204.5%204.5%204.5H19.5C20.0523%204.5%2020.5%204.94772%2020.5%205.5V8H22V5.50295C22%204.2153%2020.8109%203%2019.5%203Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%207.5H18V9H6L6%207.5Z%22%20fill%3D%22%23446995%22%2F%3E%3Cpath%20d%3D%22M6%2011H18V12.5H6V11Z%22%20fill%3D%22%23446995%22%2F%3E%3C%2Fsvg%3E"); -} -i.icon.icon-done-comment-white { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-logo { - width: 100px; - height: 14px; - background: url('../../../../common/mobile/resources/img/header/logo-android.svg') no-repeat center; -} -.navbar i.icon.icon-undo { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M20%2C17v-2c0-1.7-1.3-3-3-3H3.7l3.4%2C3.4l-1.4%2C1.4l-5.2-5.2L0%2C11l0.5-0.6l5.2-5.2l1.4%2C1.4L3.7%2C10H17c2.8%2C0%2C5%2C2.2%2C5%2C5v2H20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-redo { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C17v-2c0-2.8%2C2.2-5%2C5-5h13.3l-3.4-3.4l1.4-1.4l5.2%2C5.2L22%2C11l-0.5%2C0.6l-5.2%2C5.2l-1.4-1.4l3.4-3.4H5c-1.7%2C0-3%2C1.3-3%2C3v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-search { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M19.5%2C16.8L16%2C13.3c0.7-1.1%2C1.1-2.4%2C1.1-3.8C17%2C5.4%2C13.6%2C2%2C9.5%2C2S2%2C5.4%2C2%2C9.5S5.4%2C17%2C9.5%2C17c1.4%2C0%2C2.7-0.4%2C3.8-1.1l3.5%2C3.5c0.7%2C0.7%2C1.9%2C0.7%2C2.6%2C0C20.2%2C18.7%2C20.2%2C17.6%2C19.5%2C16.8z%20M9.5%2C15.3c-3.2%2C0-5.8-2.6-5.8-5.8s2.6-5.8%2C5.8-5.8s5.8%2C2.6%2C5.8%2C5.8S12.7%2C15.3%2C9.5%2C15.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-burger { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-8%201%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M-6%2C6v2h18V6H-6z%20M-6%2C13h18v-2H-6V13z%20M-6%2C18h18v-2H-6V18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-plus { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-edit { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2217.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-settings { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M12.1%2C2H9.9C9.6%2C2%2C9.4%2C2.2%2C9.3%2C2.5L8.8%2C4.9c0%2C0.2-0.2%2C0.3-0.3%2C0.3s-0.1%2C0-0.2-0.1L6.2%2C3.8C6.1%2C3.7%2C6%2C3.7%2C5.8%2C3.7c-0.1%2C0-0.3%2C0-0.4%2C0.1L3.8%2C5.4c-0.1%2C0.2-0.2%2C0.5%2C0%2C0.8l1.3%2C2.1c0.1%2C0.2%2C0.1%2C0.4-0.2%2C0.5L2.5%2C9.3C2.2%2C9.4%2C2%2C9.6%2C2%2C9.9v2.2c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.6l2.4%2C0.5c0.3%2C0.1%2C0.4%2C0.3%2C0.2%2C0.5l-1.3%2C2.1c-0.2%2C0.2-0.1%2C0.6%2C0.1%2C0.8l1.6%2C1.6c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2s0.2%2C0%2C0.3-0.1L8.3%2C17c0.1-0.1%2C0.1-0.1%2C0.2-0.1s0.3%2C0.1%2C0.3%2C0.3l0.5%2C2.3C9.4%2C19.8%2C9.6%2C20%2C9.9%2C20h2.2c0.3%2C0%2C0.5-0.2%2C0.6-0.5l0.5-2.4c0-0.2%2C0.1-0.3%2C0.3-0.3c0.1%2C0%2C0.1%2C0%2C0.2%2C0.1l2.1%2C1.3c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.2%2C0%2C0.3-0.1%2C0.4-0.2l1.6-1.6c0.2-0.2%2C0.2-0.5%2C0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5%2C0.2-0.5l2.4-0.5c0.3-0.1%2C0.5-0.3%2C0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2%2C0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2s-0.2%2C0-0.3%2C0.1l-2.1%2C1.3C13.6%2C5%2C13.6%2C5%2C13.5%2C5s-0.3-0.1-0.3-0.3l-0.5-2.2C12.6%2C2.2%2C12.4%2C2%2C12.1%2C2L12.1%2C2z%20M11%2C14.5c-1.9%2C0-3.5-1.6-3.5-3.5S9.1%2C7.5%2C11%2C7.5s3.5%2C1.6%2C3.5%2C3.5S12.9%2C14.5%2C11%2C14.5L11%2C14.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-prev { - width: 20px; - height: 20px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpolygon%20points%3D%225.1%2C10.9%2013.9%2C2%2016%2C4.1%209.2%2C11.1%2016%2C17.9%2013.9%2C20%205.1%2C11.2%205%2C11.1%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-next { - width: 20px; - height: 20px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpolygon%20points%3D%2216.9%2C10.9%208.1%2C2%206%2C4.1%2012.8%2C11.1%206%2C17.9%208.1%2C20%2016.9%2C11.2%2017%2C11.1%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-expand-down { - width: 22px; - height: 22px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpolygon%20points%3D%2210.9%2C16.9%202%2C8.1%204.1%2C6%2011.1%2C12.8%2017.9%2C6%2020%2C8.1%2011.2%2C16.9%2011.1%2C17%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-collaboration { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.9912%206C14.9912%208.18203%2014.4464%209.76912%2013.7789%2010.7492C13.101%2011.7447%2012.4042%2012%2011.9912%2012C11.5782%2012%2010.8814%2011.7447%2010.2035%2010.7492C9.53601%209.76912%208.99121%208.18203%208.99121%206C8.99121%204.23017%2010.4571%203%2011.9912%203C13.5254%203%2014.9912%204.23017%2014.9912%206ZM13.4917%2013.6397C13.0059%2013.8771%2012.4989%2014%2011.9912%2014C11.4861%2014%2010.9817%2013.8784%2010.4983%2013.6434C8.53188%2014.3681%206.94518%2015.0737%205.78927%2015.7768C4.10512%2016.8011%204%2017.4079%204%2017.5C4%2017.7664%204.1014%2018.3077%205.27104%2018.8939C6.50029%2019.5099%208.64545%2019.9999%2012%2020C15.3546%2020%2017.4997%2019.5099%2018.7289%2018.8939C19.8986%2018.3078%2020%2017.7664%2020%2017.5C20%2017.4079%2019.8949%2016.8011%2018.2107%2015.7768C17.0529%2015.0726%2015.4627%2014.3657%2013.4917%2013.6397ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-add-table { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%204H11V8H2V4Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M13%204H22V8H13V4Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M2%2010H11V14H2V10Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M13%2010H22V14H13V10Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M2%2016H11V20H2V16Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M13%2016H22V20H13V16Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-add-shape { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2215%22%20r%3D%227%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%203C2.44772%203%202%203.44772%202%204V17C2%2017.5523%202.44772%2018%203%2018H8.58152C8.20651%2017.0736%208%2016.0609%208%2015C8%2010.5817%2011.5817%207%2016%207C16.6906%207%2017.3608%207.08751%2018%207.25204V4C18%203.44772%2017.5523%203%2017%203H3Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-add-image { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.23958%2018L8.09375%2013.5L10.9062%2016.5L14.7604%2012L19.7604%2018H4.23958ZM21.3229%2020.3906C21.7743%2019.9844%2022%2019.5156%2022%2018.9844V5.01562C22%204.48438%2021.7743%204.01562%2021.3229%203.60938C20.8715%203.20313%2020.3507%203%2019.7604%203H4.23958C3.64931%203%203.12847%203.20313%202.67708%203.60938C2.22569%204.01562%202%204.48438%202%205.01562V18.9844C2%2019.5156%202.22569%2019.9844%202.67708%2020.3906C3.12847%2020.7969%203.64931%2021%204.23958%2021H19.7604C20.3507%2021%2020.8715%2020.7969%2021.3229%2020.3906ZM8%2011C9.10457%2011%2010%2010.1046%2010%209C10%207.89543%209.10457%207%208%207C6.89543%207%206%207.89543%206%209C6%2010.1046%206.89543%2011%208%2011Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20d%3D%22M0.000477791%200H24.0005V24H0.000477791V0Z%22%20fill%3D%22transparent%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-add-other { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2012C7%2013.6569%205.65685%2015%204%2015C2.34315%2015%201%2013.6569%201%2012C1%2010.3431%202.34315%209%204%209C5.65685%209%207%2010.3431%207%2012ZM15%2012C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012ZM20%2015C21.6569%2015%2023%2013.6569%2023%2012C23%2010.3431%2021.6569%209%2020%209C18.3431%209%2017%2010.3431%2017%2012C17%2013.6569%2018.3431%2015%2020%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); -} -.navbar i.icon.icon-close-comment { - width: 24px; - height: 24px; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-text-align-center { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M4%2C7v1h14V7H4z%20M1%2C12h21v-1H1V12z%20M4%2C15v1h14v-1H4z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-text-align-jast { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M1%2C8h21V7H1V8z%20M1%2C12h21v-1H1V12z%20M1%2C16h21v-1H1V16z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-text-align-left { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M15%2C7H1v1h14V7z%20M1%2C12h21v-1H1V12z%20M15%2C15H1v1h14V15z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-text-align-right { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M8%2C8h14V7H8V8z%20M22%2C11H1v1h21V11z%20M8%2C16h14v-1H8V16z%20M22%2C19H1v1h21V19z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-de-indent { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M11%2C15h11v1H11V15z%20M11%2C11h11v1H11V11z%20M11%2C7h11v1H11V7z%20M6.3%2C7L7%2C7.7l-3.8%2C3.8L7%2C15.3L6.3%2C16L2%2C11.8l-0.2-0.3L2%2C11.2L6.3%2C7z%20M1%2C3h21v1H1V3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-in-indent { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M12%2C16H1v-1h11V16z%20M12%2C12H1v-1h11V12z%20M12%2C8H1V7h11V8z%20M21%2C11.2l0.2%2C0.3L21%2C11.8L16.7%2C16L16%2C15.3l3.8-3.8L16%2C7.7L16.7%2C7L21%2C11.2z%20M22%2C4H1V3h21V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-block-align-left { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-block-align-center { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%228.08%22%20width%3D%2212%22%20height%3D%2210.92%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-block-align-right { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-text-valign-top { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20points%3D%2212%2018%2011%2018%2011%207.83%208.65%209.8%208%208.94%2011.5%206%2015%209%2014.35%209.8%2012%207.83%2012%2018%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-text-valign-middle { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%222%22%20y%3D%2210%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2212%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20points%3D%2211%202%2012%202%2012%207.17%2014.35%205.2%2015%206.06%2011.5%209%208%206%208.65%205.2%2011%207.17%2011%202%22%2F%3E%3Cpolygon%20points%3D%2212%2021%2011%2021%2011%2015.83%208.65%2017.8%208%2016.94%2011.5%2014%2015%2017%2014.35%2017.8%2012%2015.83%2012%2021%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish i.icon.icon-text-valign-bottom { - background-color: transparent; - -webkit-mask-image: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23446995%22%3E%3Cg%3E%3Crect%20x%3D%222%22%20y%3D%2218%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2220%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20points%3D%2211%204%2012%204%2012%2015.17%2014.35%2013.2%2015%2014.06%2011.5%2017%208%2014%208.65%2013.2%2011%2015.17%2011%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -} -.sailfish .item-content.buttons .item-inner > .row .button.active { - background-color: #a2bdde; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=textRect] .thumb { - background-image: url('../img/shapes/shape-01.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=line] .thumb { - background-image: url('../img/shapes/shape-02.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=lineWithArrow] .thumb { - background-image: url('../img/shapes/shape-03.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=lineWithTwoArrows] .thumb { - background-image: url('../img/shapes/shape-04.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=rect] .thumb { - background-image: url('../img/shapes/shape-05.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=hexagon] .thumb { - background-image: url('../img/shapes/shape-06.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=roundRect] .thumb { - background-image: url('../img/shapes/shape-07.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=ellipse] .thumb { - background-image: url('../img/shapes/shape-08.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=triangle] .thumb { - background-image: url('../img/shapes/shape-09.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=rtTriangle] .thumb { - background-image: url('../img/shapes/shape-10.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=trapezoid] .thumb { - background-image: url('../img/shapes/shape-11.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=diamond] .thumb { - background-image: url('../img/shapes/shape-12.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=rightArrow] .thumb { - background-image: url('../img/shapes/shape-13.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=leftRightArrow] .thumb { - background-image: url('../img/shapes/shape-14.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=leftArrow] .thumb { - background-image: url('../img/shapes/shape-15.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=bentUpArrow] .thumb { - background-image: url('../img/shapes/shape-16.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=flowChartOffpageConnector] .thumb { - background-image: url('../img/shapes/shape-17.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=heart] .thumb { - background-image: url('../img/shapes/shape-18.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=mathMinus] .thumb { - background-image: url('../img/shapes/shape-19.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=mathPlus] .thumb { - background-image: url('../img/shapes/shape-20.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=parallelogram] .thumb { - background-image: url('../img/shapes/shape-21.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=wedgeRectCallout] .thumb { - background-image: url('../img/shapes/shape-22.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=wedgeEllipseCallout] .thumb { - background-image: url('../img/shapes/shape-23.svg'); - background-color: transparent; -} -.sailfish .dataview.shapes .thumb { - -webkit-mask-image: none !important; -} -.sailfish .dataview.shapes [data-type=cloudCallout] .thumb { - background-image: url('../img/shapes/shape-24.svg'); - background-color: transparent; -} -* { - -webkit-user-select: none; - user-select: none; -} -input, -textarea { - -webkit-touch-callout: default; - -webkit-user-select: text; - user-select: text; -} -#editor-navbar.navbar .right { - padding-right: 4px; -} -#editor-navbar.navbar .right a.link, -#editor-navbar.navbar .left a.link { - padding: 0 13px; -} -.logo-navbar { - height: 80px; -} -.logo-navbar .navbar-inner { - top: 24px; - height: 56px; -} -#editor_sdk { - position: absolute; - left: 0; - right: 0; - top: 48px; - bottom: 0; - height: auto; - overflow: hidden; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -#editor_sdk.with-logo { - top: 80px; -} -#add-table .page, -#add-shape .page { - background-color: #fff; -} -.container-add .categories i.icon { - opacity: 0.5; -} -.container-add .categories .active i.icon { - opacity: 1; -} -.table-styles .row, -.table-styles .row li { - margin-bottom: 12px; -} -.table-styles li, -.table-styles .row div { - margin: 0; - padding: 1px; -} -.table-styles li img, -.table-styles .row div img { - width: 70px; - height: 50px; -} -.chart-styles .row, -.chart-styles .row li { - margin-bottom: 12px; -} -.chart-styles li, -.chart-styles .row div { - margin: 0; - padding: 1px; -} -.shapes li { - width: 70px; - height: 70px; - margin: 0 1px; -} -.shapes li .thumb { - width: 100%; - height: 100%; - background-color: #446995; -} -.chart-types li { - width: 60px; - height: 60px; - margin: 6px; -} -.chart-types li .thumb { - width: 100%; - height: 100%; - background-size: contain; -} -.bullets ul, -.numbers ul { - margin-top: 10px; -} -.bullets li, -.numbers li { - width: 70px; - height: 70px; - margin-right: 1px; - border: 1px solid #c4c4c4; -} -html.pixel-ratio-2 .bullets li, -html.pixel-ratio-2 .numbers li { - border: 0.5px solid #c4c4c4; -} -html.pixel-ratio-3 .bullets li, -html.pixel-ratio-3 .numbers li { - border: 0.33px solid #c4c4c4; -} -.bullets li .thumb, -.numbers li .thumb { - width: 100%; - height: 100%; - background-color: #ffffff; - background-size: cover; -} -.bullets li .thumb label, -.numbers li .thumb label { - width: 100%; - text-align: center; - position: absolute; - top: 34%; -} -.username-tip { - background-color: #ee3525; - border: none; - border-radius: 0; - padding: 3px 10px; - color: #ffffff; - white-space: nowrap; -} -.modal.modal-in { - max-height: 100%; - overflow: auto; -} -.doc-placeholder { - background: #fbfbfb; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - z-index: 10; -} -.doc-placeholder > .line { - height: 15px; - margin: 30px; - background: #e2e2e2; - overflow: hidden; - position: relative; - -webkit-animation: flickerAnimation 2s infinite ease-in-out; - -moz-animation: flickerAnimation 2s infinite ease-in-out; - -o-animation: flickerAnimation 2s infinite ease-in-out; - animation: flickerAnimation 2s infinite ease-in-out; -} -.page-macros-settings[data-page="macros-settings-view"] .list-block li.media-item .item-title { - font-weight: normal; -} -.page-macros-settings[data-page="macros-settings-view"] .list-block li.media-item .item-subtitle { - font-size: 14px; - color: #9e9e9e; -} diff --git a/apps/documenteditor/mobile/src/fonts/Framework7Icons-Regular.eot b/apps/documenteditor/mobile/resources/fonts/Framework7Icons-Regular.eot similarity index 100% rename from apps/documenteditor/mobile/src/fonts/Framework7Icons-Regular.eot rename to apps/documenteditor/mobile/resources/fonts/Framework7Icons-Regular.eot diff --git a/apps/documenteditor/mobile/src/fonts/Framework7Icons-Regular.ttf b/apps/documenteditor/mobile/resources/fonts/Framework7Icons-Regular.ttf similarity index 100% rename from apps/documenteditor/mobile/src/fonts/Framework7Icons-Regular.ttf rename to apps/documenteditor/mobile/resources/fonts/Framework7Icons-Regular.ttf diff --git a/apps/documenteditor/mobile/src/fonts/Framework7Icons-Regular.woff b/apps/documenteditor/mobile/resources/fonts/Framework7Icons-Regular.woff similarity index 100% rename from apps/documenteditor/mobile/src/fonts/Framework7Icons-Regular.woff rename to apps/documenteditor/mobile/resources/fonts/Framework7Icons-Regular.woff diff --git a/apps/documenteditor/mobile/src/fonts/Framework7Icons-Regular.woff2 b/apps/documenteditor/mobile/resources/fonts/Framework7Icons-Regular.woff2 similarity index 100% rename from apps/documenteditor/mobile/src/fonts/Framework7Icons-Regular.woff2 rename to apps/documenteditor/mobile/resources/fonts/Framework7Icons-Regular.woff2 diff --git a/apps/documenteditor/mobile/src/fonts/MaterialIcons-Regular.eot b/apps/documenteditor/mobile/resources/fonts/MaterialIcons-Regular.eot similarity index 100% rename from apps/documenteditor/mobile/src/fonts/MaterialIcons-Regular.eot rename to apps/documenteditor/mobile/resources/fonts/MaterialIcons-Regular.eot diff --git a/apps/documenteditor/mobile/src/fonts/MaterialIcons-Regular.ttf b/apps/documenteditor/mobile/resources/fonts/MaterialIcons-Regular.ttf similarity index 100% rename from apps/documenteditor/mobile/src/fonts/MaterialIcons-Regular.ttf rename to apps/documenteditor/mobile/resources/fonts/MaterialIcons-Regular.ttf diff --git a/apps/documenteditor/mobile/src/fonts/MaterialIcons-Regular.woff b/apps/documenteditor/mobile/resources/fonts/MaterialIcons-Regular.woff similarity index 100% rename from apps/documenteditor/mobile/src/fonts/MaterialIcons-Regular.woff rename to apps/documenteditor/mobile/resources/fonts/MaterialIcons-Regular.woff diff --git a/apps/documenteditor/mobile/src/fonts/MaterialIcons-Regular.woff2 b/apps/documenteditor/mobile/resources/fonts/MaterialIcons-Regular.woff2 similarity index 100% rename from apps/documenteditor/mobile/src/fonts/MaterialIcons-Regular.woff2 rename to apps/documenteditor/mobile/resources/fonts/MaterialIcons-Regular.woff2 diff --git a/apps/documenteditor/mobile/resources/less/app-ios.less b/apps/documenteditor/mobile/resources/less/app-ios.less deleted file mode 100644 index 7afcfe9cb9..0000000000 --- a/apps/documenteditor/mobile/resources/less/app-ios.less +++ /dev/null @@ -1,293 +0,0 @@ -@import url('../../../../../vendor/framework7/src/less/ios/_mixins.less'); -@import url('../../../../../vendor/framework7/src/less/ios/_colors-vars.less'); - -// Colors -@themeColor: #446995; // (64,102,215) - -@import url('../../../../../vendor/framework7/src/less/ios/intro.less'); -@import url('../../../../../vendor/framework7/src/less/ios/grid.less'); -@import url('../../../../../vendor/framework7/src/less/ios/views.less'); -@import url('../../../../../vendor/framework7/src/less/ios/pages.less'); -@import url('../../../../../vendor/framework7/src/less/ios/toolbars.less'); -@import url('../../../../../vendor/framework7/src/less/ios/toolbars-pages.less'); -@import url('../../../../../vendor/framework7/src/less/ios/searchbar.less'); -@import url('../../../../../vendor/framework7/src/less/ios/messagebar.less'); -@import url('../../../../../vendor/framework7/src/less/ios/icons.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/badges.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/chips.less'); -@import url('../../../../../vendor/framework7/src/less/ios/content-block.less'); -@import url('../../../../../vendor/framework7/src/less/ios/lists.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/contacts.less'); -@import url('../../../../../vendor/framework7/src/less/ios/forms.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/floating-button.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/accordion.less'); -@import url('../../../../../vendor/framework7/src/less/ios/cards.less'); -@import url('../../../../../vendor/framework7/src/less/ios/modals.less'); -@import url('../../../../../vendor/framework7/src/less/ios/panels.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/lazy-load.less'); -@import url('../../../../../vendor/framework7/src/less/ios/tabs.less'); -@import url('../../../../../vendor/framework7/src/less/ios/messages.less'); -@import url('../../../../../vendor/framework7/src/less/ios/statusbar.less'); -@import url('../../../../../vendor/framework7/src/less/ios/preloader.less'); -@import url('../../../../../vendor/framework7/src/less/ios/progressbar.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/pull-to-refresh.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/infinite-scroll.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/autocomplete.less'); -@import url('../../../../../vendor/framework7/src/less/ios/swiper.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/photo-browser.less'); -@import url('../../../../../vendor/framework7/src/less/ios/picker.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/calendar.less'); -@import url('../../../../../vendor/framework7/src/less/ios/notifications.less'); -//@import url('../../../../../vendor/framework7/src/less/ios/login-screen.less'); -@import url('../../../../../vendor/framework7/src/less/ios/disabled.less'); - -// Disable text select -* { - -webkit-user-select: none; - user-select: none; -} - -input, textarea { - -webkit-touch-callout:default; - -webkit-user-select:text; - user-select:text; -} - -// Main Toolbar -#editor-navbar.navbar .right a + a, -#editor-navbar.navbar .left a + a { - margin-left: 0; - - html:not(.phone) & { - margin-left: 10px; - } -} - -.logo-navbar { - height: 68px; - .navbar-inner { - top: 24px; - height: 44px; - } -} - -@import url('../../../../common/mobile/resources/less/_mixins.less'); -@import url('../../../../common/mobile/resources/less/ios/_container.less'); -@import url('../../../../common/mobile/resources/less/ios/_dataview.less'); -@import url('../../../../common/mobile/resources/less/ios/_listview.less'); -@import url('../../../../common/mobile/resources/less/ios/_button.less'); -@import url('../../../../common/mobile/resources/less/ios/_contextmenu.less'); -@import url('../../../../common/mobile/resources/less/ios/_color-palette.less'); -@import url('../../../../common/mobile/resources/less/ios/_about.less'); -@import url('../../../../common/mobile/resources/less/ios/_color-schema.less'); -@import url('../../../../common/mobile/resources/less/ios/_collaboration.less'); - - -@import url('ios/_search.less'); -@import url('ios/_icons.less'); - -.label-switch input[type="checkbox"]:checked + .checkbox { - background: @themeColor; -} - -// Top offset - -#editor_sdk { - position: absolute; - left: 0; - right: 0; - top: @toolbarSize; - bottom: 0; - height: auto; - overflow: hidden; - .transition(300ms); -} -#editor_sdk.with-logo { - top: 68px; -} - -// Add Container - -#add-table, -#add-shape { - .page { - background-color: #fff; - } -} - -// Table styles - -.table-styles { - .row { - &, li { - margin-bottom: 12px; - } - } - - li, - .row div { - margin: 0; - padding: 1px; - - img { - width: 70px; - height: 50px; - } - } -} - -// Chart styles - -.chart-styles { - .row { - &, li { - margin-bottom: 12px; - } - } - - li, - .row div { - margin: 0; - padding: 1px; - } -} - -// Shapes - -.shapes { - li { - width: 70px; - height: 70px; - margin: 0 1px; - - .thumb { - width: 100%; - height: 100%; - background-color: @themeColor; - } - } -} - -// Charts - -.chart-types { - li { - width: 60px; - height: 60px; - margin: 6px; - - .thumb { - width: 100%; - height: 100%; - background-size: contain; - } - } -} - -// Bullets and numbers - -.bullets, -.numbers { - ul { - margin-top: 10px; - } - - li { - width: 70px; - height: 70px; - margin-right: 1px; - border: 1px solid #c4c4c4; - html.pixel-ratio-2 & { - border: 0.5px solid #c4c4c4; - } - html.pixel-ratio-3 & { - border: 0.33px solid #c4c4c4; - } - - &.active { - // - } - - .thumb { - width: 100%; - height: 100%; - background-color: @white; - background-size: cover; - - label { - width: 100%; - text-align: center; - position: absolute; - top: 34%; - } - } - } -} - -// Co-Authtoring - -.username-tip { - background-color: #ee3525; - border: none; - border-radius: 0; - padding: 3px 10px; - color: #ffffff; - white-space: nowrap; -} - -// Workaround ios 10.3 - -.range-slider input[type=range]::-webkit-slider-thumb { - height: 28px; - width: 28px; - border-radius: 28px; - background: #fff; - box-shadow: 0 2px 4px rgba(0,0,0,0.4); - z-index: 10; - -webkit-appearance: none; -} - -.modal.modal-in { - max-height: 100%; - overflow: auto; -} - -// Skeleton of document - -.doc-placeholder { - background: #fbfbfb; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - z-index: 10; - - > .line { - height: 15px; - margin: 30px; - background: #e2e2e2; - overflow: hidden; - position: relative; - - -webkit-animation: flickerAnimation 2s infinite ease-in-out; - -moz-animation: flickerAnimation 2s infinite ease-in-out; - -o-animation: flickerAnimation 2s infinite ease-in-out; - animation: flickerAnimation 2s infinite ease-in-out; - } -} - -// Macros settings -.page-macros-settings[data-page="macros-settings-view"] { - .list-block { - li.media-item { - .item-title { - font-weight: normal; - } - .item-subtitle { - font-size: 14px; - color: @gray; - } - } - } -} diff --git a/apps/documenteditor/mobile/resources/less/app-material.less b/apps/documenteditor/mobile/resources/less/app-material.less deleted file mode 100644 index a254804317..0000000000 --- a/apps/documenteditor/mobile/resources/less/app-material.less +++ /dev/null @@ -1,295 +0,0 @@ -@import url('../../../../../vendor/framework7/src/less/material/_mixins.less'); -@import url('../../../../../vendor/framework7/src/less/material/_colors-vars.less'); - -// Colors -@themeColor: #446995; // (64,102,215) -@themeColorLight: #a2bdde; -@navBarIconColor: #fff; - -@import url('../../../../../vendor/framework7/src/less/material/intro.less'); -@import url('../../../../../vendor/framework7/src/less/material/grid.less'); -@import url('../../../../../vendor/framework7/src/less/material/views.less'); -@import url('../../../../../vendor/framework7/src/less/material/pages.less'); -@import url('../../../../../vendor/framework7/src/less/material/toolbars.less'); -@import url('../../../../../vendor/framework7/src/less/material/toolbars-pages.less'); -@import url('../../../../../vendor/framework7/src/less/material/searchbar.less'); -@import url('../../../../../vendor/framework7/src/less/material/messagebar.less'); -@import url('../../../../../vendor/framework7/src/less/material/icons.less'); -@import url('../../../../../vendor/framework7/src/less/material/badges.less'); -//@import url('../../../../../vendor/framework7/src/less/material/chips.less'); -@import url('../../../../../vendor/framework7/src/less/material/content-block.less'); -@import url('../../../../../vendor/framework7/src/less/material/lists.less'); -//@import url('../../../../../vendor/framework7/src/less/material/contacts.less'); -@import url('../../../../../vendor/framework7/src/less/material/forms.less'); -@import url('../../../../../vendor/framework7/src/less/material/floating-button.less'); -//@import url('../../../../../vendor/framework7/src/less/material/accordion.less'); -//@import url('../../../../../vendor/framework7/src/less/material/cards.less'); -@import url('../../../../../vendor/framework7/src/less/material/modals.less'); -@import url('../../../../../vendor/framework7/src/less/material/panels.less'); -//@import url('../../../../../vendor/framework7/src/less/material/lazy-load.less'); -@import url('../../../../../vendor/framework7/src/less/material/tabs.less'); -@import url('../../../../../vendor/framework7/src/less/material/messages.less'); -@import url('../../../../../vendor/framework7/src/less/material/statusbar.less'); -@import url('../../../../../vendor/framework7/src/less/material/preloader.less'); -@import url('../../../../../vendor/framework7/src/less/material/progressbar.less'); -//@import url('../../../../../vendor/framework7/src/less/material/pull-to-refresh.less'); -//@import url('../../../../../vendor/framework7/src/less/material/infinite-scroll.less'); -//@import url('../../../../../vendor/framework7/src/less/material/autocomplete.less'); -//@import url('../../../../../vendor/framework7/src/less/material/swiper.less'); -//@import url('../../../../../vendor/framework7/src/less/material/photo-browser.less'); -@import url('../../../../../vendor/framework7/src/less/material/picker.less'); -//@import url('../../../../../vendor/framework7/src/less/material/calendar.less'); -@import url('../../../../../vendor/framework7/src/less/material/notifications.less'); -//@import url('../../../../../vendor/framework7/src/less/material/login-screen.less'); -@import url('../../../../../vendor/framework7/src/less/material/ripple.less'); -@import url('../../../../../vendor/framework7/src/less/material/disabled.less'); - - -@import url('../../../../common/mobile/resources/less/_mixins.less'); -@import url('../../../../common/mobile/resources/less/material/_container.less'); -@import url('../../../../common/mobile/resources/less/material/_dataview.less'); -@import url('../../../../common/mobile/resources/less/material/_listview.less'); -@import url('../../../../common/mobile/resources/less/material/_button.less'); -@import url('../../../../common/mobile/resources/less/material/_contextmenu.less'); -@import url('../../../../common/mobile/resources/less/material/_color-palette.less'); -@import url('../../../../common/mobile/resources/less/material/_about.less'); -@import url('../../../../common/mobile/resources/less/material/_color-schema.less'); -@import url('../../../../common/mobile/resources/less/material/_collaboration.less'); - -@import url('material/_search.less'); -@import url('material/_icons.less'); -@import url('../../../../common/mobile/resources/less/material/_sailfish_fix.less'); - -// Disable text select -* { - -webkit-user-select: none; - user-select: none; -} - -input, textarea { - -webkit-touch-callout:default; - -webkit-user-select:text; - user-select:text; -} - -// Main Toolbar -#editor-navbar.navbar .right { - padding-right: 4px; -} -#editor-navbar.navbar .right a.link, -#editor-navbar.navbar .left a.link { - padding: 0 13px; -} - -.logo-navbar { - height: 80px; - .navbar-inner { - top: 24px; - height: 56px; - } -} - -// Top offset - -#editor_sdk { - position: absolute; - left: 0; - right: 0; - top: @toolbarSize; - bottom: 0; - height: auto; - overflow: hidden; - .transition(300ms); -} -#editor_sdk.with-logo { - top: 80px; -} - -// Add Container - -#add-table, -#add-shape { - .page { - background-color: #fff; - } -} -.container-add { - .categories { - i.icon { - opacity: 0.5; - } - .active { - i.icon { - opacity: 1; - } - } - } -} - -// Table styles - -.table-styles { - .row { - &, li { - margin-bottom: 12px; - } - } - - li, - .row div { - margin: 0; - padding: 1px; - - img { - width: 70px; - height: 50px; - } - } -} - -// Chart styles - -.chart-styles { - .row { - &, li { - margin-bottom: 12px; - } - } - - li, - .row div { - margin: 0; - padding: 1px; - } -} - -// Shapes - -.shapes { - li { - width: 70px; - height: 70px; - margin: 0 1px; - - .thumb { - width: 100%; - height: 100%; - background-color: @themeColor; - } - } -} - -// Charts - -.chart-types { - li { - width: 60px; - height: 60px; - margin: 6px; - - .thumb { - width: 100%; - height: 100%; - background-size: contain; - } - } -} - -// Bullets and numbers - -.bullets, -.numbers { - ul { - margin-top: 10px; - } - - li { - width: 70px; - height: 70px; - margin-right: 1px; - border: 1px solid #c4c4c4; - html.pixel-ratio-2 & { - border: 0.5px solid #c4c4c4; - } - html.pixel-ratio-3 & { - border: 0.33px solid #c4c4c4; - } - - &.active { - // - } - - .thumb { - width: 100%; - height: 100%; - background-color: @white; - background-size: cover; - - label { - width: 100%; - text-align: center; - position: absolute; - top: 34%; - } - } - } -} - -// Co-Authtoring - -.username-tip { - background-color: #ee3525; - border: none; - border-radius: 0; - padding: 3px 10px; - color: #ffffff; - white-space: nowrap; -} - -.modal.modal-in { - max-height: 100%; - overflow: auto; -} - -// Skeleton of document - -.doc-placeholder { - background: #fbfbfb; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - z-index: 10; - - > .line { - height: 15px; - margin: 30px; - background: #e2e2e2; - overflow: hidden; - position: relative; - - -webkit-animation: flickerAnimation 2s infinite ease-in-out; - -moz-animation: flickerAnimation 2s infinite ease-in-out; - -o-animation: flickerAnimation 2s infinite ease-in-out; - animation: flickerAnimation 2s infinite ease-in-out; - } -} - -// Macros settings -.page-macros-settings[data-page="macros-settings-view"] { - .list-block { - li.media-item { - .item-title { - font-weight: normal; - } - .item-subtitle { - font-size: 14px; - color: @gray; - } - } - } -} - - - diff --git a/apps/documenteditor/mobile/resources/less/ios/_icons.less b/apps/documenteditor/mobile/resources/less/ios/_icons.less deleted file mode 100644 index 97d17bcf85..0000000000 --- a/apps/documenteditor/mobile/resources/less/ios/_icons.less +++ /dev/null @@ -1,573 +0,0 @@ -// Icons -i.icon { - &.icon-logo { - width: 100px; - height: 14px; - background: url('../../../../common/mobile/resources/img/header/logo-ios.svg') no-repeat center; - } - &.icon-search { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-burger { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-edit { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-edit-settings { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-undo { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-redo { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-reader { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-download { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-print { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-spellcheck { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-review { - width: 22px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-doc-setup { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-info { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-plus { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-settings { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-about { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-help { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-versions { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-text-additional { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-text-color { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-text-selection { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-bullets { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-numbers { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-linespacing { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-text-align-center { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-text-align-jast { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-text-align-left { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-text-align-right { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-de-indent { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-in-indent { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-prev, &.icon-prev-comment { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-next, &.icon-next-comment { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-add-column-left { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-add-column-right { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-add-row-above { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-add-row-below { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-remove-column { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-remove-row { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-expand-down { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-pagebreak { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-sectionbreak { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-stringbreak { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-pagenumber { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-link { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-image-library { - width: 22px; - height: 22px; - .encoded-svg-background('icons_for_svg'); - } - - // Presets of table borders - - &.icon-table-borders-all { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-none { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-inner { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-outer { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-left { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-center { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-right { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-top { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-middle { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-bottom { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - - // Wrap - - &.icon-wrap-inline { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-wrap-square { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-wrap-tight { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-wrap-through { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-wrap-top-bottom { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-wrap-infront { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-wrap-behind { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - - // Table Wrap - - &.icon-wrap-table-inline { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-wrap-table-flow { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-block-align-left { - width: 28px; - height: 28px; - .encoded-svg-mask(''); - } - &.icon-block-align-center { - width: 28px; - height: 28px; - .encoded-svg-mask(''); - } - &.icon-block-align-right { - width: 28px; - height: 28px; - .encoded-svg-mask(''); - } - - // Reorder - - &.icon-move-backward { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-move-forward { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-move-background { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-move-foreground { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - - // Formats - - &.icon-format-docx { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-dotx { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-txt { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-format-pdf { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-pdfa { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-odt { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-ott { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-html { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-rtf { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - // Collaboration - &.icon-collaboration { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-users { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-review { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-review-changes { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-accept-changes { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-reject-changes { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-accept { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-reject { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-next-change { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-prev-change { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-goto { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-app-settings { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-footnote { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-cut { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-copy { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-paste { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - - //comments - &.icon-menu-comment { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-resolve-comment { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-resolve-comment.check { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-insert-comment { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - - //Insert - &.icon-add-table { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-shape { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-image { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-other { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } -} - -.active { - i.icon { - &.icon-add-table { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-shape { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-image { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-other { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - } -} \ No newline at end of file diff --git a/apps/documenteditor/mobile/resources/less/ios/_search.less b/apps/documenteditor/mobile/resources/less/ios/_search.less deleted file mode 100644 index 17697dc2f8..0000000000 --- a/apps/documenteditor/mobile/resources/less/ios/_search.less +++ /dev/null @@ -1,122 +0,0 @@ -// Search - -.tablet { - // Replace mode - .searchbar.document.replace { - .center { - .searchbar:first-child { - margin-right: 10px; - } - - .replace { - display: flex; - } - } - - .right { - .replace { - display: flex; - margin: 0 10px; - } - } - } - - // Search mode - .searchbar.document { - .center { - width: 100%; - - .searchbar { - background: inherit; - padding: 0; - } - - .replace { - display: none; - } - } - - .right { - .prev { - margin-left: 0; - } - - .replace { - display: none; - } - } - } -} - -.phone { - // Replace mode - .searchbar.document.replace { - height: 88px; - - .left { - margin-top: -44px; - } - - .center { - .searchbar-input { - margin: 8px 0; - } - - .replace { - display: block; - } - } - - .right { - > .replace { - display: flex; - } - } - } - - // Search mode - .searchbar.document { - .left, - .center, - .right { - flex-direction: column; - } - - .left { - min-width: 22px; - max-width: 22px; - } - - .center { - width: 100%; - - .searchbar { - background: inherit; - padding: 0; - - &:after { - content: none; - } - } - - .replace { - display: none; - } - } - - .right { - > p { - margin: 0; - } - - > .replace { - display: none; - } - } - } -} - -.searchbar.document { - //background: lighten(@searchbarBg, 10%); - background-color: #f7f7f8; -} \ No newline at end of file diff --git a/apps/documenteditor/mobile/resources/less/material/_icons.less b/apps/documenteditor/mobile/resources/less/material/_icons.less deleted file mode 100644 index 76fddb55cb..0000000000 --- a/apps/documenteditor/mobile/resources/less/material/_icons.less +++ /dev/null @@ -1,559 +0,0 @@ -// Icons -i.icon { - &.icon-expand-up { - width: 17px; - height: 17px; - .encoded-svg-background(''); - } - &.icon-expand-down { - width: 17px; - height: 17px; - .encoded-svg-background(''); - } - &.icon-search { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-edit { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-edit-settings { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-reader { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-download { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-print { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-spellcheck { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-settings { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-review { - width: 22px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-doc-setup { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-info { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-about { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-help { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-versions { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - //&.icon-text-additional { - // width: 22px; - // height: 22px; - // .encoded-svg-background(''); - //} - //&.icon-text-color { - // width: 22px; - // height: 22px; - // .encoded-svg-background(''); - //} - //&.icon-text-selection { - // width: 22px; - // height: 22px; - // .encoded-svg-background(''); - //} - //&.icon-bullets { - // width: 22px; - // height: 22px; - // .encoded-svg-background(''); - //} - //&.icon-numbers { - // width: 22px; - // height: 22px; - // .encoded-svg-background(''); - //} - //&.icon-linespacing { - // width: 22px; - // height: 22px; - // .encoded-svg-background(''); - //} - &.icon-text-align-center { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-text-align-jast { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-text-align-left { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-text-align-right { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-de-indent { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-in-indent { - width: 22px; - height: 22px; - .encoded-svg-mask(''); - } - &.icon-table-add-column-left { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-add-column-right { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-add-row-above { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-add-row-below { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-remove-column { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-table-remove-row { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-pagebreak { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-sectionbreak { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-stringbreak { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-pagenumber { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-link { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-image-library { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - - // Presets of table borders - - &.icon-table-borders-all { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-none { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-inner { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-outer { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-left { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-center { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-right { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-top { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-middle { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-table-borders-bottom { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - - // Table Wrap - - &.icon-block-align-left { - width: 28px; - height: 28px; - .encoded-svg-mask(''); - } - &.icon-block-align-center { - width: 28px; - height: 28px; - .encoded-svg-mask(''); - } - &.icon-block-align-right { - width: 28px; - height: 28px; - .encoded-svg-mask(''); - } - - // Reorder - - &.icon-move-backward { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-move-forward { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-move-background { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - &.icon-move-foreground { - width: 28px; - height: 28px; - .encoded-svg-background(''); - } - - // Formats - - &.icon-format-docx { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-dotx { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-txt { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-format-pdf { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-pdfa { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-odt { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-ott { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-html { - width: 30px; - height: 30px; - .encoded-svg-background(''); - } - &.icon-format-rtf { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - - // Collaboration - &.icon-collaboration { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-users { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-review { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-review-changes { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-accept-changes { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-reject-changes { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-accept { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-reject { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-next-change { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-prev-change { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-goto { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-app-settings { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-footnote { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-cut { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-copy { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-paste { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-menu-comment { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-resolve-comment { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-resolve-comment.check { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-prev-comment { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-next-comment { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-done-comment { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-insert-comment { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-done-comment-white { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } -} - -// Overwrite color for toolbar - -.navbar { - i.icon { - &.icon-logo { - width: 100px; - height: 14px; - background: url('../../../../common/mobile/resources/img/header/logo-android.svg') no-repeat center; - } - &.icon-undo { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-redo { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-search { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-burger { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-plus { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-edit { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-settings { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-prev { - width: 20px; - height: 20px; - .encoded-svg-background(''); - } - &.icon-next { - width: 20px; - height: 20px; - .encoded-svg-background(''); - } - &.icon-expand-down { - width: 22px; - height: 22px; - .encoded-svg-background(''); - } - &.icon-collaboration { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-table { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-shape { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-image { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-add-other { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - &.icon-close-comment { - width: 24px; - height: 24px; - .encoded-svg-background(''); - } - } -} \ No newline at end of file diff --git a/apps/documenteditor/mobile/resources/less/material/_search.less b/apps/documenteditor/mobile/resources/less/material/_search.less deleted file mode 100644 index 93a72ea17a..0000000000 --- a/apps/documenteditor/mobile/resources/less/material/_search.less +++ /dev/null @@ -1,120 +0,0 @@ -// Search - -.tablet { - // Replace mode - .searchbar.document.replace { - .center { - > .replace { - display: flex; - } - } - - .right { - .replace { - display: flex; - } - } - - .link.replace { - font-size: 16px; - } - } - - // Search mode - .searchbar.document { - .center { - width: 100%; - display: flex; - margin: 0; - overflow: visible; - - .searchbar { - overflow: visible; - - &.search { - padding: 0; - } - } - - > .replace { - display: none; - } - } - - .right { - .replace { - display: none; - } - } - } -} - -@phoneSearchHeight: 48px; - -.phone { - // Replace mode - .searchbar.document.replace { - height: @phoneSearchHeight * 2; - - .link.replace { - font-size: 16px; - } - - .left { - margin-top: -@phoneSearchHeight; - } - - .center { - .replace { - display: block; - } - } - - .right { - > .replace { - display: flex; - } - } - } - - // Search mode - .searchbar.document { - .left, - .center, - .right { - flex-direction: column; - } - - .left { - // - } - - .center { - width: 100%; - margin: 0; - overflow: visible; - - .searchbar { - padding: 0; - } - - .replace { - display: none; - } - } - - .right { - > p { - margin: 0; - - a.link { - height: @phoneSearchHeight; - } - } - - > .replace { - display: none; - } - } - } -} \ No newline at end of file diff --git a/apps/documenteditor/mobile/src/js/app.js b/apps/documenteditor/mobile/src/app.js similarity index 75% rename from apps/documenteditor/mobile/src/js/app.js rename to apps/documenteditor/mobile/src/app.js index 09146b1f30..7d923bd3a9 100644 --- a/apps/documenteditor/mobile/src/js/app.js +++ b/apps/documenteditor/mobile/src/app.js @@ -3,7 +3,7 @@ import React, { Suspense } from 'react'; import ReactDOM from 'react-dom'; // Import Framework7 -import Framework7 from 'framework7/framework7-lite.esm.bundle.js'; +import Framework7 from 'framework7/lite-bundle'; import { Dom7 } from 'framework7'; window.$$ = Dom7; @@ -15,19 +15,19 @@ window.jQuery = jQuery; window.$ = jQuery; // Import Framework7 Styles -import 'framework7/css/framework7.bundle.css'; +import 'framework7/framework7-bundle.css'; // Import Icons and App Custom Styles -import '../css/icons.css'; -import '../css/app.less'; +// import '../css/icons.css'; +import './less/app.less'; // Import App Component -import App from '../view/app'; +import App from './view/app'; import { I18nextProvider } from 'react-i18next'; -import i18n from './i18n'; +import i18n from './lib/i18n'; import { Provider } from 'mobx-react' -import { stores } from '../store/mainStore' +import { stores } from './store/mainStore' // Init F7 React Plugin Framework7.use(Framework7React) diff --git a/apps/documenteditor/mobile/src/css/icons.css b/apps/documenteditor/mobile/src/css/icons.css deleted file mode 100644 index 230e330b41..0000000000 --- a/apps/documenteditor/mobile/src/css/icons.css +++ /dev/null @@ -1,61 +0,0 @@ -/* Material Icons Font (for MD theme) */ -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: url(../fonts/MaterialIcons-Regular.eot); - src: local('Material Icons'), - local('MaterialIcons-Regular'), - url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), - url(../fonts/MaterialIcons-Regular.woff) format('woff'), - url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); -} -.material-icons { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - display: inline-block; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; - -moz-osx-font-smoothing: grayscale; - font-feature-settings: 'liga'; -} - -/* Framework7 Icons Font (for iOS theme) */ -@font-face { - font-family: 'Framework7 Icons'; - font-style: normal; - font-weight: 400; - src: url("../fonts/Framework7Icons-Regular.eot"); - src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"), - url("../fonts/Framework7Icons-Regular.woff") format("woff"), - url("../fonts/Framework7Icons-Regular.ttf") format("truetype"); -} -.f7-icons { - font-family: 'Framework7 Icons'; - font-weight: normal; - font-style: normal; - font-size: 28px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - white-space: nowrap; - word-wrap: normal; - direction: ltr; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; - -moz-osx-font-smoothing: grayscale; - -webkit-font-feature-settings: "liga"; - -moz-font-feature-settings: "liga=1"; - -moz-font-feature-settings: "liga"; - font-feature-settings: "liga"; - text-align: center; -} diff --git a/apps/documenteditor/mobile/src/js/routes.js b/apps/documenteditor/mobile/src/js/routes.js deleted file mode 100644 index b87918978e..0000000000 --- a/apps/documenteditor/mobile/src/js/routes.js +++ /dev/null @@ -1,84 +0,0 @@ - -import HomePage from '../pages/home.jsx'; - -import LeftPage1 from '../pages/left-page-1.jsx'; -import LeftPage2 from '../pages/left-page-2.jsx'; -import DynamicRoutePage from '../pages/dynamic-route.jsx'; -import RequestAndLoad from '../pages/request-and-load.jsx'; - -import { PageCollaboration, PageUsers } from '../../../../common/mobile/lib/view/Collaboration.jsx'; - -var routes = [ - { - path: '/', - component: HomePage, - }, - { - path: '/users/', - component: PageUsers - }, - { - path: '/left-page-1/', - component: LeftPage1, - }, - { - path: '/left-page-2/', - component: LeftPage2, - }, - { - path: '/dynamic-route/blog/:blogId/post/:postId/', - component: DynamicRoutePage, - }, - { - path: '/request-and-load/user/:userId/', - async: function (routeTo, routeFrom, resolve, reject) { - // Router instance - var router = this; - - // App instance - var app = router.app; - - // Show Preloader - app.preloader.show(); - - // User ID from request - var userId = routeTo.params.userId; - - // Simulate Ajax Request - setTimeout(function () { - // We got user data from request - var user = { - firstName: 'Vladimir', - lastName: 'Kharlampidi', - about: 'Hello, i am creator of Framework7! Hope you like it!', - links: [ - { - title: 'Framework7 Website', - url: 'http://framework7.io', - }, - { - title: 'Framework7 Forum', - url: 'http://forum.framework7.io', - }, - ] - }; - // Hide Preloader - app.preloader.hide(); - - // Resolve route to load page - resolve( - { - component: RequestAndLoad, - }, - { - context: { - user: user, - } - } - ); - }, 1000); - }, - }, -]; - -export default routes; diff --git a/apps/documenteditor/mobile/src/css/app-ios.less b/apps/documenteditor/mobile/src/less/app-ios.less similarity index 100% rename from apps/documenteditor/mobile/src/css/app-ios.less rename to apps/documenteditor/mobile/src/less/app-ios.less diff --git a/apps/documenteditor/mobile/src/css/app-material.less b/apps/documenteditor/mobile/src/less/app-material.less similarity index 100% rename from apps/documenteditor/mobile/src/css/app-material.less rename to apps/documenteditor/mobile/src/less/app-material.less diff --git a/apps/documenteditor/mobile/src/css/app.less b/apps/documenteditor/mobile/src/less/app.less similarity index 100% rename from apps/documenteditor/mobile/src/css/app.less rename to apps/documenteditor/mobile/src/less/app.less diff --git a/apps/documenteditor/mobile/src/css/icons-ios.less b/apps/documenteditor/mobile/src/less/icons-ios.less similarity index 100% rename from apps/documenteditor/mobile/src/css/icons-ios.less rename to apps/documenteditor/mobile/src/less/icons-ios.less diff --git a/apps/documenteditor/mobile/src/css/icons-material.less b/apps/documenteditor/mobile/src/less/icons-material.less similarity index 100% rename from apps/documenteditor/mobile/src/css/icons-material.less rename to apps/documenteditor/mobile/src/less/icons-material.less diff --git a/apps/documenteditor/mobile/src/js/i18n.js b/apps/documenteditor/mobile/src/lib/i18n.js similarity index 100% rename from apps/documenteditor/mobile/src/js/i18n.js rename to apps/documenteditor/mobile/src/lib/i18n.js diff --git a/apps/documenteditor/mobile/src/pages/home.jsx b/apps/documenteditor/mobile/src/page/main.jsx similarity index 98% rename from apps/documenteditor/mobile/src/pages/home.jsx rename to apps/documenteditor/mobile/src/page/main.jsx index 0398500961..86b1996de3 100644 --- a/apps/documenteditor/mobile/src/pages/home.jsx +++ b/apps/documenteditor/mobile/src/page/main.jsx @@ -8,7 +8,7 @@ import CollaborationView from '../../../../common/mobile/lib/view/Collaboration. import { Device } from '../../../../common/mobile/utils/device' import { Search, SearchSettings } from '../controller/Search'; -export default class Home extends Component { +export default class MainPage extends Component { constructor(props) { super(props); this.state = { diff --git a/apps/documenteditor/mobile/src/pages/dynamic-route.jsx b/apps/documenteditor/mobile/src/pages/dynamic-route.jsx deleted file mode 100644 index d341aa9f26..0000000000 --- a/apps/documenteditor/mobile/src/pages/dynamic-route.jsx +++ /dev/null @@ -1,37 +0,0 @@ -import React, { Component } from 'react'; -import { Page, Navbar, Block, Link } from 'framework7-react'; - -export default class DynamicRoutePage extends Component { - render() { - return ( - - - -
    -
  • Url: {this.$f7route.url}
    • -
  • Path: {this.$f7route.path}
    • -
  • Hash: {this.$f7route.hash}
    • -
  • Params: -
      - {Object.keys(this.$f7route.params).map(key => ( -
    • {key}: {this.$f7route.params[key]}
      • - ))} -
    -
    • -
  • Query: -
      - {Object.keys(this.$f7route.query).map(key => ( -
    • {key}: {this.$f7route.query[key]}
      • - ))} -
    -
    • -
  • Route: {this.$f7route.route.path}
    • -
- - - this.$f7router.back()}>Go back via Router API - - - ); - } -} \ No newline at end of file diff --git a/apps/documenteditor/mobile/src/pages/left-page-1.jsx b/apps/documenteditor/mobile/src/pages/left-page-1.jsx deleted file mode 100644 index 62b3fc4f43..0000000000 --- a/apps/documenteditor/mobile/src/pages/left-page-1.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import { Page, Navbar, Block } from 'framework7-react'; - -export default () => ( - - - -

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit deserunt vel accusamus voluptatem neque! Laborum, et facilis at. Est dolorem, reprehenderit, sed repellendus at cum incidunt labore vel perferendis excepturi?

-

Tempore accusantium quaerat officiis dolores ullam, perferendis labore assumenda. A sint quo necessitatibus temporibus ipsam adipisci et quos aliquid officiis, facilis nulla ut aperiam assumenda magnam blanditiis exercitationem facere non!

-

Omnis accusamus harum, vero dolores itaque, asperiores laudantium eligendi ipsa, labore dignissimos unde temporibus eius assumenda, obcaecati fuga et. Et provident at consectetur vel temporibus ea nam, veritatis excepturi obcaecati.

-

Aspernatur dolorum nostrum est sapiente deleniti in. Placeat itaque expedita dignissimos, suscipit tenetur necessitatibus sunt excepturi quisquam, doloremque repudiandae mollitia in. Nesciunt quo vel, dolorum magni nihil officia reprehenderit libero.

-

Fugit nesciunt nobis at doloribus labore, voluptatem quis, distinctio, saepe illo adipisci qui molestias fugiat ut! Quasi animi possimus temporibus repudiandae quam aspernatur, recusandae libero, reiciendis distinctio cupiditate nesciunt a.

- - -); diff --git a/apps/documenteditor/mobile/src/pages/left-page-2.jsx b/apps/documenteditor/mobile/src/pages/left-page-2.jsx deleted file mode 100644 index 8e97b85a76..0000000000 --- a/apps/documenteditor/mobile/src/pages/left-page-2.jsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import { Page, Navbar, Block } from 'framework7-react'; - -export default () => ( - - - -

Maxime tempore, repellendus? Sequi saepe provident quas, neque assumenda dicta odit eaque nesciunt facere mollitia totam voluptate aspernatur vel corporis repudiandae commodi ad cumque repellendus. Saepe officia iure repellat repellendus.

-

Ea maiores accusantium non fuga dicta, vero minus veniam! Ipsum eveniet vero voluptate veritatis aspernatur hic dicta adipisci, debitis. Sint quam aperiam repellat quis perspiciatis accusantium ipsum nulla soluta temporibus.

-

Necessitatibus ipsum culpa doloremque, nostrum atque totam minima itaque! Blanditiis nobis nam repudiandae, ut nostrum voluptate accusantium atque, veniam libero quaerat corporis laborum earum rem nihil unde. Vitae cum, aliquam?

-

Debitis aliquid nemo maxime recusandae, mollitia sed error vero. Atque molestiae rem necessitatibus nam voluptas quaerat, reiciendis, excepturi quis facilis, quod cupiditate vitae voluptate repudiandae! Unde impedit aut id ut?

- - -); diff --git a/apps/documenteditor/mobile/src/pages/request-and-load.jsx b/apps/documenteditor/mobile/src/pages/request-and-load.jsx deleted file mode 100644 index cce185a18c..0000000000 --- a/apps/documenteditor/mobile/src/pages/request-and-load.jsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import { Page, Navbar, Block, List, ListItem } from 'framework7-react'; - -export default class extends React.Component { - constructor(props) { - super(props); - - this.state = { - user: props.f7route.context.user, - }; - - } - render() { - const user = this.state.user; - return ( - - - - {user.about} - - - {user.links.map((link, index) => ( - - ))} - - - ); - } -} \ No newline at end of file diff --git a/apps/documenteditor/mobile/src/router/routes.js b/apps/documenteditor/mobile/src/router/routes.js new file mode 100644 index 0000000000..7b608915b3 --- /dev/null +++ b/apps/documenteditor/mobile/src/router/routes.js @@ -0,0 +1,17 @@ + +import MainPage from '../page/main'; + +import { PageUsers } from '../../../../common/mobile/lib/view/Collaboration.jsx'; + +var routes = [ + { + path: '/', + component: MainPage, + }, + { + path: '/users/', + component: PageUsers + }, +]; + +export default routes; diff --git a/apps/documenteditor/mobile/src/static/icons/128x128.png b/apps/documenteditor/mobile/src/static/icons/128x128.png deleted file mode 100644 index adbe8b468a..0000000000 Binary files a/apps/documenteditor/mobile/src/static/icons/128x128.png and /dev/null differ diff --git a/apps/documenteditor/mobile/src/static/icons/144x144.png b/apps/documenteditor/mobile/src/static/icons/144x144.png deleted file mode 100644 index e4fb430e5e..0000000000 Binary files a/apps/documenteditor/mobile/src/static/icons/144x144.png and /dev/null differ diff --git a/apps/documenteditor/mobile/src/static/icons/152x152.png b/apps/documenteditor/mobile/src/static/icons/152x152.png deleted file mode 100644 index d3c46c69c9..0000000000 Binary files a/apps/documenteditor/mobile/src/static/icons/152x152.png and /dev/null differ diff --git a/apps/documenteditor/mobile/src/static/icons/192x192.png b/apps/documenteditor/mobile/src/static/icons/192x192.png deleted file mode 100644 index a1a3c2744c..0000000000 Binary files a/apps/documenteditor/mobile/src/static/icons/192x192.png and /dev/null differ diff --git a/apps/documenteditor/mobile/src/static/icons/256x256.png b/apps/documenteditor/mobile/src/static/icons/256x256.png deleted file mode 100644 index c1c442c2e8..0000000000 Binary files a/apps/documenteditor/mobile/src/static/icons/256x256.png and /dev/null differ diff --git a/apps/documenteditor/mobile/src/static/icons/512x512.png b/apps/documenteditor/mobile/src/static/icons/512x512.png deleted file mode 100644 index 76adb031b0..0000000000 Binary files a/apps/documenteditor/mobile/src/static/icons/512x512.png and /dev/null differ diff --git a/apps/documenteditor/mobile/src/static/icons/apple-touch-icon.png b/apps/documenteditor/mobile/src/static/icons/apple-touch-icon.png deleted file mode 100644 index 2ad4ce191a..0000000000 Binary files a/apps/documenteditor/mobile/src/static/icons/apple-touch-icon.png and /dev/null differ diff --git a/apps/documenteditor/mobile/src/static/icons/favicon.png b/apps/documenteditor/mobile/src/static/icons/favicon.png deleted file mode 100644 index adbe8b468a..0000000000 Binary files a/apps/documenteditor/mobile/src/static/icons/favicon.png and /dev/null differ diff --git a/apps/documenteditor/mobile/src/view/app.jsx b/apps/documenteditor/mobile/src/view/app.jsx index c6537de1d9..9506914c64 100644 --- a/apps/documenteditor/mobile/src/view/app.jsx +++ b/apps/documenteditor/mobile/src/view/app.jsx @@ -6,7 +6,7 @@ import { f7, f7ready } from 'framework7-react'; import '../../../../common/Gateway.js'; import '../../../../common/main/lib/util/utils.js'; -import routes from '../js/routes'; +import routes from '../router/routes'; import Notifications from '../../../../common/mobile/utils/notifications.js' import {MainController} from '../controller/Main'; diff --git a/vendor/framework7-react/build/webpack.config.js b/vendor/framework7-react/build/webpack.config.js index 423bf9171e..4e0deb9ac2 100644 --- a/vendor/framework7-react/build/webpack.config.js +++ b/vendor/framework7-react/build/webpack.config.js @@ -20,7 +20,7 @@ const target = process.env.TARGET || 'web'; module.exports = { mode: env, entry: { - app: '../../apps/documenteditor/mobile/src/js/app.js', + app: '../../apps/documenteditor/mobile/src/app.js', }, output: { path: resolvePath('../../apps/documenteditor/mobile'), // path above depends on it