| @@ -33,9 +33,9 @@ | ||
| 33 | 33 | padding-right: unset !important; |
| 34 | 34 | } |
| 35 | 35 | |
| 36 | 36 | .better-payment .bp-radio-box input[type=radio]:checked { |
| 37 | - border: 2px solid #006AFF; | |
| 37 | + border: 2px solid #006aff; | |
| 38 | 38 | } |
| 39 | 39 | |
| 40 | 40 | .better-payment .bp-radio-box input[type=radio] { |
| 41 | 41 | width: 20px; |
| @@ -42,9 +42,9 @@ | ||
| 42 | 42 | height: 20px; |
| 43 | 43 | outline: 0; |
| 44 | 44 | border-radius: 50%; |
| 45 | 45 | position: relative; |
| 46 | - border: 2px solid #CBC9DA; | |
| 46 | + border: 2px solid #cbc9da; | |
| 47 | 47 | background: #fff; |
| 48 | 48 | margin-bottom: -3px; |
| 49 | 49 | margin-right: 10px; |
| 50 | 50 | } |
| @@ -58,9 +58,9 @@ | ||
| 58 | 58 | position: absolute; |
| 59 | 59 | width: 8px; |
| 60 | 60 | height: 8px; |
| 61 | 61 | border-radius: 50%; |
| 62 | - background: #006AFF; | |
| 62 | + background: #006aff; | |
| 63 | 63 | } |
| 64 | 64 | |
| 65 | 65 | .better-payment .form-content-section-fields .payment-method-checkbox input[type=radio]:after { |
| 66 | 66 | width: 12px; |
| @@ -1132,9 +1132,9 @@ | ||
| 1132 | 1132 | |
| 1133 | 1133 | .better-payment .payment-form-layout-1 .dynamic-amount-section, |
| 1134 | 1134 | .better-payment .payment-form-layout-2 .dynamic-amount-section { |
| 1135 | 1135 | position: relative; |
| 1136 | - background-color: #006AFF; | |
| 1136 | + background-color: #006aff; | |
| 1137 | 1137 | background-image: url("../img/bg-blue-2.svg"); |
| 1138 | 1138 | background-repeat: no-repeat; |
| 1139 | 1139 | background-position: center; |
| 1140 | 1140 | background-size: cover; |
| @@ -1142,17 +1142,17 @@ | ||
| 1142 | 1142 | border-bottom-left-radius: 10px; |
| 1143 | 1143 | } |
| 1144 | 1144 | |
| 1145 | 1145 | .better-payment .payment-form-layout-2 .dynamic-amount-section-subtitle { |
| 1146 | - color: #98B9F2; | |
| 1146 | + color: #98b9f2; | |
| 1147 | 1147 | } |
| 1148 | 1148 | |
| 1149 | 1149 | .better-payment .payment-form-layout-3 .dynamic-amount-section-amount { |
| 1150 | - color: #0042BD; | |
| 1150 | + color: #0042bd; | |
| 1151 | 1151 | } |
| 1152 | 1152 | |
| 1153 | 1153 | .better-payment .payment-form-layout.payment-form-layout-3 .button { |
| 1154 | - background-color: #0042BD !important; | |
| 1154 | + background-color: #0042bd !important; | |
| 1155 | 1155 | } |
| 1156 | 1156 | |
| 1157 | 1157 | .better-payment .payment-form-layout-3 .dynamic-amount-section-title { |
| 1158 | 1158 | color: #000; |
| @@ -1162,13 +1162,13 @@ | ||
| 1162 | 1162 | color: #666; |
| 1163 | 1163 | } |
| 1164 | 1164 | |
| 1165 | 1165 | .better-payment .payment-form-layout-3 .dynamic-amount-section-icon { |
| 1166 | - color: #C6CDE4; | |
| 1166 | + color: #c6cde4; | |
| 1167 | 1167 | } |
| 1168 | 1168 | |
| 1169 | 1169 | .better-payment .payment-form-layout-3 .payment-method-checkbox { |
| 1170 | - border-bottom: 1px solid #E9ECFF; | |
| 1170 | + border-bottom: 1px solid #e9ecff; | |
| 1171 | 1171 | cursor: pointer; |
| 1172 | 1172 | display: flex; |
| 1173 | 1173 | align-items: center; |
| 1174 | 1174 | justify-content: center; |
| @@ -1191,9 +1191,9 @@ | ||
| 1191 | 1191 | |
| 1192 | 1192 | .better-payment .payment-form-layout-3 .payment-method-checkbox.active, |
| 1193 | 1193 | .better-payment .payment-form-layout-1 .payment-method-checkbox.single-item.active, |
| 1194 | 1194 | .better-payment .payment-form-layout-2 .payment-method-checkbox.single-item.active { |
| 1195 | - border-bottom: 1px solid #0042BD; | |
| 1195 | + border-bottom: 1px solid #0042bd; | |
| 1196 | 1196 | } |
| 1197 | 1197 | |
| 1198 | 1198 | .better-payment .payment-form-layout-1 .form-content-section, |
| 1199 | 1199 | .better-payment .payment-form-layout-2 .form-content-section { |
| @@ -1206,18 +1206,18 @@ | ||
| 1206 | 1206 | border-radius: 10px; |
| 1207 | 1207 | } |
| 1208 | 1208 | |
| 1209 | 1209 | .better-payment .payment-form-layout-2 .dynamic-amount-section { |
| 1210 | - background-color: #006AFF; | |
| 1211 | - background-image: linear-gradient(180deg, #006AFF 0%, #004CBF 100%); | |
| 1210 | + background-color: #006aff; | |
| 1211 | + background-image: linear-gradient(180deg, #006aff 0%, #004cbf 100%); | |
| 1212 | 1212 | } |
| 1213 | 1213 | |
| 1214 | 1214 | .better-payment .payment-form-layout-3 .dynamic-amount-section { |
| 1215 | - background: #FBFCFF; | |
| 1215 | + background: #fbfcff; | |
| 1216 | 1216 | } |
| 1217 | 1217 | |
| 1218 | 1218 | .better-payment .payment-form-layout .button { |
| 1219 | - background-color: #006AFF !important; | |
| 1219 | + background-color: #006aff !important; | |
| 1220 | 1220 | color: #fff !important; |
| 1221 | 1221 | } |
| 1222 | 1222 | |
| 1223 | 1223 | .better-payment .button { |
| @@ -1956,19 +1956,22 @@ | ||
| 1956 | 1956 | background-color: #fff; |
| 1957 | 1957 | border-color: transparent; |
| 1958 | 1958 | color: #0a0a0a; |
| 1959 | 1959 | } |
| 1960 | -.better-payment .file.is-white.is-hovered .file-cta, .better-payment .file.is-white:hover .file-cta { | |
| 1960 | +.better-payment .file.is-white.is-hovered .file-cta, | |
| 1961 | +.better-payment .file.is-white:hover .file-cta { | |
| 1961 | 1962 | background-color: #f9f9f9; |
| 1962 | 1963 | border-color: transparent; |
| 1963 | 1964 | color: #0a0a0a; |
| 1964 | 1965 | } |
| 1965 | -.better-payment .file.is-white.is-focused .file-cta, .better-payment .file.is-white:focus .file-cta { | |
| 1966 | +.better-payment .file.is-white.is-focused .file-cta, | |
| 1967 | +.better-payment .file.is-white:focus .file-cta { | |
| 1966 | 1968 | border-color: transparent; |
| 1967 | 1969 | box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); |
| 1968 | 1970 | color: #0a0a0a; |
| 1969 | 1971 | } |
| 1970 | -.better-payment .file.is-white.is-active .file-cta, .better-payment .file.is-white:active .file-cta { | |
| 1972 | +.better-payment .file.is-white.is-active .file-cta, | |
| 1973 | +.better-payment .file.is-white:active .file-cta { | |
| 1971 | 1974 | background-color: #f2f2f2; |
| 1972 | 1975 | border-color: transparent; |
| 1973 | 1976 | color: #0a0a0a; |
| 1974 | 1977 | } |
| @@ -1976,19 +1979,22 @@ | ||
| 1976 | 1979 | background-color: #0a0a0a; |
| 1977 | 1980 | border-color: transparent; |
| 1978 | 1981 | color: #fff; |
| 1979 | 1982 | } |
| 1980 | -.better-payment .file.is-black.is-hovered .file-cta, .better-payment .file.is-black:hover .file-cta { | |
| 1983 | +.better-payment .file.is-black.is-hovered .file-cta, | |
| 1984 | +.better-payment .file.is-black:hover .file-cta { | |
| 1981 | 1985 | background-color: #040404; |
| 1982 | 1986 | border-color: transparent; |
| 1983 | 1987 | color: #fff; |
| 1984 | 1988 | } |
| 1985 | -.better-payment .file.is-black.is-focused .file-cta, .better-payment .file.is-black:focus .file-cta { | |
| 1989 | +.better-payment .file.is-black.is-focused .file-cta, | |
| 1990 | +.better-payment .file.is-black:focus .file-cta { | |
| 1986 | 1991 | border-color: transparent; |
| 1987 | 1992 | box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); |
| 1988 | 1993 | color: #fff; |
| 1989 | 1994 | } |
| 1990 | -.better-payment .file.is-black.is-active .file-cta, .better-payment .file.is-black:active .file-cta { | |
| 1995 | +.better-payment .file.is-black.is-active .file-cta, | |
| 1996 | +.better-payment .file.is-black:active .file-cta { | |
| 1991 | 1997 | background-color: #000; |
| 1992 | 1998 | border-color: transparent; |
| 1993 | 1999 | color: #fff; |
| 1994 | 2000 | } |
| @@ -1996,19 +2002,22 @@ | ||
| 1996 | 2002 | background-color: #f4f4f4; |
| 1997 | 2003 | border-color: transparent; |
| 1998 | 2004 | color: rgba(0, 0, 0, 0.7); |
| 1999 | 2005 | } |
| 2000 | -.better-payment .file.is-light.is-hovered .file-cta, .better-payment .file.is-light:hover .file-cta { | |
| 2006 | +.better-payment .file.is-light.is-hovered .file-cta, | |
| 2007 | +.better-payment .file.is-light:hover .file-cta { | |
| 2001 | 2008 | background-color: #eee; |
| 2002 | 2009 | border-color: transparent; |
| 2003 | 2010 | color: rgba(0, 0, 0, 0.7); |
| 2004 | 2011 | } |
| 2005 | -.better-payment .file.is-light.is-focused .file-cta, .better-payment .file.is-light:focus .file-cta { | |
| 2012 | +.better-payment .file.is-light.is-focused .file-cta, | |
| 2013 | +.better-payment .file.is-light:focus .file-cta { | |
| 2006 | 2014 | border-color: transparent; |
| 2007 | 2015 | box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); |
| 2008 | 2016 | color: rgba(0, 0, 0, 0.7); |
| 2009 | 2017 | } |
| 2010 | -.better-payment .file.is-light.is-active .file-cta, .better-payment .file.is-light:active .file-cta { | |
| 2018 | +.better-payment .file.is-light.is-active .file-cta, | |
| 2019 | +.better-payment .file.is-light:active .file-cta { | |
| 2011 | 2020 | background-color: #e8e8e8; |
| 2012 | 2021 | border-color: transparent; |
| 2013 | 2022 | color: rgba(0, 0, 0, 0.7); |
| 2014 | 2023 | } |
| @@ -2016,19 +2025,22 @@ | ||
| 2016 | 2025 | background-color: #353535; |
| 2017 | 2026 | border-color: transparent; |
| 2018 | 2027 | color: #fff; |
| 2019 | 2028 | } |
| 2020 | -.better-payment .file.is-dark.is-hovered .file-cta, .better-payment .file.is-dark:hover .file-cta { | |
| 2029 | +.better-payment .file.is-dark.is-hovered .file-cta, | |
| 2030 | +.better-payment .file.is-dark:hover .file-cta { | |
| 2021 | 2031 | background-color: #2f2f2f; |
| 2022 | 2032 | border-color: transparent; |
| 2023 | 2033 | color: #fff; |
| 2024 | 2034 | } |
| 2025 | -.better-payment .file.is-dark.is-focused .file-cta, .better-payment .file.is-dark:focus .file-cta { | |
| 2035 | +.better-payment .file.is-dark.is-focused .file-cta, | |
| 2036 | +.better-payment .file.is-dark:focus .file-cta { | |
| 2026 | 2037 | border-color: transparent; |
| 2027 | 2038 | box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); |
| 2028 | 2039 | color: #fff; |
| 2029 | 2040 | } |
| 2030 | -.better-payment .file.is-dark.is-active .file-cta, .better-payment .file.is-dark:active .file-cta { | |
| 2041 | +.better-payment .file.is-dark.is-active .file-cta, | |
| 2042 | +.better-payment .file.is-dark:active .file-cta { | |
| 2031 | 2043 | background-color: #292929; |
| 2032 | 2044 | border-color: transparent; |
| 2033 | 2045 | color: #fff; |
| 2034 | 2046 | } |
| @@ -2036,19 +2048,22 @@ | ||
| 2036 | 2048 | background-color: #00d1b1; |
| 2037 | 2049 | border-color: transparent; |
| 2038 | 2050 | color: #fff; |
| 2039 | 2051 | } |
| 2040 | -.better-payment .file.is-primary.is-hovered .file-cta, .better-payment .file.is-primary:hover .file-cta { | |
| 2052 | +.better-payment .file.is-primary.is-hovered .file-cta, | |
| 2053 | +.better-payment .file.is-primary:hover .file-cta { | |
| 2041 | 2054 | background-color: #00c4a7; |
| 2042 | 2055 | border-color: transparent; |
| 2043 | 2056 | color: #fff; |
| 2044 | 2057 | } |
| 2045 | -.better-payment .file.is-primary.is-focused .file-cta, .better-payment .file.is-primary:focus .file-cta { | |
| 2058 | +.better-payment .file.is-primary.is-focused .file-cta, | |
| 2059 | +.better-payment .file.is-primary:focus .file-cta { | |
| 2046 | 2060 | border-color: transparent; |
| 2047 | 2061 | box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); |
| 2048 | 2062 | color: #fff; |
| 2049 | 2063 | } |
| 2050 | -.better-payment .file.is-primary.is-active .file-cta, .better-payment .file.is-primary:active .file-cta { | |
| 2064 | +.better-payment .file.is-primary.is-active .file-cta, | |
| 2065 | +.better-payment .file.is-primary:active .file-cta { | |
| 2051 | 2066 | background-color: #00b89c; |
| 2052 | 2067 | border-color: transparent; |
| 2053 | 2068 | color: #fff; |
| 2054 | 2069 | } |
| @@ -2056,19 +2071,22 @@ | ||
| 2056 | 2071 | background-color: #475ec6; |
| 2057 | 2072 | border-color: transparent; |
| 2058 | 2073 | color: #fff; |
| 2059 | 2074 | } |
| 2060 | -.better-payment .file.is-link.is-hovered .file-cta, .better-payment .file.is-link:hover .file-cta { | |
| 2075 | +.better-payment .file.is-link.is-hovered .file-cta, | |
| 2076 | +.better-payment .file.is-link:hover .file-cta { | |
| 2061 | 2077 | background-color: #3e56c4; |
| 2062 | 2078 | border-color: transparent; |
| 2063 | 2079 | color: #fff; |
| 2064 | 2080 | } |
| 2065 | -.better-payment .file.is-link.is-focused .file-cta, .better-payment .file.is-link:focus .file-cta { | |
| 2081 | +.better-payment .file.is-link.is-focused .file-cta, | |
| 2082 | +.better-payment .file.is-link:focus .file-cta { | |
| 2066 | 2083 | border-color: transparent; |
| 2067 | 2084 | box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25); |
| 2068 | 2085 | color: #fff; |
| 2069 | 2086 | } |
| 2070 | -.better-payment .file.is-link.is-active .file-cta, .better-payment .file.is-link:active .file-cta { | |
| 2087 | +.better-payment .file.is-link.is-active .file-cta, | |
| 2088 | +.better-payment .file.is-link:active .file-cta { | |
| 2071 | 2089 | background-color: #3a51bb; |
| 2072 | 2090 | border-color: transparent; |
| 2073 | 2091 | color: #fff; |
| 2074 | 2092 | } |
| @@ -2076,19 +2094,22 @@ | ||
| 2076 | 2094 | background-color: #3e8ed0; |
| 2077 | 2095 | border-color: transparent; |
| 2078 | 2096 | color: #fff; |
| 2079 | 2097 | } |
| 2080 | -.better-payment .file.is-info.is-hovered .file-cta, .better-payment .file.is-info:hover .file-cta { | |
| 2098 | +.better-payment .file.is-info.is-hovered .file-cta, | |
| 2099 | +.better-payment .file.is-info:hover .file-cta { | |
| 2081 | 2100 | background-color: #3488ce; |
| 2082 | 2101 | border-color: transparent; |
| 2083 | 2102 | color: #fff; |
| 2084 | 2103 | } |
| 2085 | -.better-payment .file.is-info.is-focused .file-cta, .better-payment .file.is-info:focus .file-cta { | |
| 2104 | +.better-payment .file.is-info.is-focused .file-cta, | |
| 2105 | +.better-payment .file.is-info:focus .file-cta { | |
| 2086 | 2106 | border-color: transparent; |
| 2087 | 2107 | box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25); |
| 2088 | 2108 | color: #fff; |
| 2089 | 2109 | } |
| 2090 | -.better-payment .file.is-info.is-active .file-cta, .better-payment .file.is-info:active .file-cta { | |
| 2110 | +.better-payment .file.is-info.is-active .file-cta, | |
| 2111 | +.better-payment .file.is-info:active .file-cta { | |
| 2091 | 2112 | background-color: #3082c5; |
| 2092 | 2113 | border-color: transparent; |
| 2093 | 2114 | color: #fff; |
| 2094 | 2115 | } |
| @@ -2096,19 +2117,22 @@ | ||
| 2096 | 2117 | background-color: #47c68d; |
| 2097 | 2118 | border-color: transparent; |
| 2098 | 2119 | color: #fff; |
| 2099 | 2120 | } |
| 2100 | -.better-payment .file.is-success.is-hovered .file-cta, .better-payment .file.is-success:hover .file-cta { | |
| 2121 | +.better-payment .file.is-success.is-hovered .file-cta, | |
| 2122 | +.better-payment .file.is-success:hover .file-cta { | |
| 2101 | 2123 | background-color: #3ec487; |
| 2102 | 2124 | border-color: transparent; |
| 2103 | 2125 | color: #fff; |
| 2104 | 2126 | } |
| 2105 | -.better-payment .file.is-success.is-focused .file-cta, .better-payment .file.is-success:focus .file-cta { | |
| 2127 | +.better-payment .file.is-success.is-focused .file-cta, | |
| 2128 | +.better-payment .file.is-success:focus .file-cta { | |
| 2106 | 2129 | border-color: transparent; |
| 2107 | 2130 | box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25); |
| 2108 | 2131 | color: #fff; |
| 2109 | 2132 | } |
| 2110 | -.better-payment .file.is-success.is-active .file-cta, .better-payment .file.is-success:active .file-cta { | |
| 2133 | +.better-payment .file.is-success.is-active .file-cta, | |
| 2134 | +.better-payment .file.is-success:active .file-cta { | |
| 2111 | 2135 | background-color: #3abb81; |
| 2112 | 2136 | border-color: transparent; |
| 2113 | 2137 | color: #fff; |
| 2114 | 2138 | } |
| @@ -2116,19 +2140,22 @@ | ||
| 2116 | 2140 | background-color: #ffdf89; |
| 2117 | 2141 | border-color: transparent; |
| 2118 | 2142 | color: rgba(0, 0, 0, 0.7); |
| 2119 | 2143 | } |
| 2120 | -.better-payment .file.is-warning.is-hovered .file-cta, .better-payment .file.is-warning:hover .file-cta { | |
| 2144 | +.better-payment .file.is-warning.is-hovered .file-cta, | |
| 2145 | +.better-payment .file.is-warning:hover .file-cta { | |
| 2121 | 2146 | background-color: #ffdc7d; |
| 2122 | 2147 | border-color: transparent; |
| 2123 | 2148 | color: rgba(0, 0, 0, 0.7); |
| 2124 | 2149 | } |
| 2125 | -.better-payment .file.is-warning.is-focused .file-cta, .better-payment .file.is-warning:focus .file-cta { | |
| 2150 | +.better-payment .file.is-warning.is-focused .file-cta, | |
| 2151 | +.better-payment .file.is-warning:focus .file-cta { | |
| 2126 | 2152 | border-color: transparent; |
| 2127 | 2153 | box-shadow: 0 0 0.5em rgba(255, 224, 138, 0.25); |
| 2128 | 2154 | color: rgba(0, 0, 0, 0.7); |
| 2129 | 2155 | } |
| 2130 | -.better-payment .file.is-warning.is-active .file-cta, .better-payment .file.is-warning:active .file-cta { | |
| 2156 | +.better-payment .file.is-warning.is-active .file-cta, | |
| 2157 | +.better-payment .file.is-warning:active .file-cta { | |
| 2131 | 2158 | background-color: #ffd970; |
| 2132 | 2159 | border-color: transparent; |
| 2133 | 2160 | color: rgba(0, 0, 0, 0.7); |
| 2134 | 2161 | } |
| @@ -2136,19 +2163,22 @@ | ||
| 2136 | 2163 | background-color: #f14668; |
| 2137 | 2164 | border-color: transparent; |
| 2138 | 2165 | color: #fff; |
| 2139 | 2166 | } |
| 2140 | -.better-payment .file.is-danger.is-hovered .file-cta, .better-payment .file.is-danger:hover .file-cta { | |
| 2167 | +.better-payment .file.is-danger.is-hovered .file-cta, | |
| 2168 | +.better-payment .file.is-danger:hover .file-cta { | |
| 2141 | 2169 | background-color: #f03a5f; |
| 2142 | 2170 | border-color: transparent; |
| 2143 | 2171 | color: #fff; |
| 2144 | 2172 | } |
| 2145 | -.better-payment .file.is-danger.is-focused .file-cta, .better-payment .file.is-danger:focus .file-cta { | |
| 2173 | +.better-payment .file.is-danger.is-focused .file-cta, | |
| 2174 | +.better-payment .file.is-danger:focus .file-cta { | |
| 2146 | 2175 | border-color: transparent; |
| 2147 | 2176 | box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25); |
| 2148 | 2177 | color: #fff; |
| 2149 | 2178 | } |
| 2150 | -.better-payment .file.is-danger.is-active .file-cta, .better-payment .file.is-danger:active .file-cta { | |
| 2179 | +.better-payment .file.is-danger.is-active .file-cta, | |
| 2180 | +.better-payment .file.is-danger:active .file-cta { | |
| 2151 | 2181 | background-color: #ef2e55; |
| 2152 | 2182 | border-color: transparent; |
| 2153 | 2183 | color: #fff; |
| 2154 | 2184 | } |
| @@ -2156,19 +2186,22 @@ | ||
| 2156 | 2186 | background-color: #ffd257; |
| 2157 | 2187 | border-color: transparent; |
| 2158 | 2188 | color: #fff; |
| 2159 | 2189 | } |
| 2160 | -.better-payment .file.is-expo.is-hovered .file-cta, .better-payment .file.is-expo:hover .file-cta { | |
| 2190 | +.better-payment .file.is-expo.is-hovered .file-cta, | |
| 2191 | +.better-payment .file.is-expo:hover .file-cta { | |
| 2161 | 2192 | background-color: #ffcf4a; |
| 2162 | 2193 | border-color: transparent; |
| 2163 | 2194 | color: #fff; |
| 2164 | 2195 | } |
| 2165 | -.better-payment .file.is-expo.is-focused .file-cta, .better-payment .file.is-expo:focus .file-cta { | |
| 2196 | +.better-payment .file.is-expo.is-focused .file-cta, | |
| 2197 | +.better-payment .file.is-expo:focus .file-cta { | |
| 2166 | 2198 | border-color: transparent; |
| 2167 | 2199 | box-shadow: 0 0 0.5em rgba(255, 210, 87, 0.25); |
| 2168 | 2200 | color: #fff; |
| 2169 | 2201 | } |
| 2170 | -.better-payment .file.is-expo.is-active .file-cta, .better-payment .file.is-expo:active .file-cta { | |
| 2202 | +.better-payment .file.is-expo.is-active .file-cta, | |
| 2203 | +.better-payment .file.is-expo:active .file-cta { | |
| 2171 | 2204 | background-color: #ffcb3e; |
| 2172 | 2205 | border-color: transparent; |
| 2173 | 2206 | color: #fff; |
| 2174 | 2207 | } |
| @@ -2176,19 +2209,22 @@ | ||
| 2176 | 2209 | background-color: #f14668; |
| 2177 | 2210 | border-color: transparent; |
| 2178 | 2211 | color: #fff; |
| 2179 | 2212 | } |
| 2180 | -.better-payment .file.is-love.is-hovered .file-cta, .better-payment .file.is-love:hover .file-cta { | |
| 2213 | +.better-payment .file.is-love.is-hovered .file-cta, | |
| 2214 | +.better-payment .file.is-love:hover .file-cta { | |
| 2181 | 2215 | background-color: #f03a5f; |
| 2182 | 2216 | border-color: transparent; |
| 2183 | 2217 | color: #fff; |
| 2184 | 2218 | } |
| 2185 | -.better-payment .file.is-love.is-focused .file-cta, .better-payment .file.is-love:focus .file-cta { | |
| 2219 | +.better-payment .file.is-love.is-focused .file-cta, | |
| 2220 | +.better-payment .file.is-love:focus .file-cta { | |
| 2186 | 2221 | border-color: transparent; |
| 2187 | 2222 | box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25); |
| 2188 | 2223 | color: #fff; |
| 2189 | 2224 | } |
| 2190 | -.better-payment .file.is-love.is-active .file-cta, .better-payment .file.is-love:active .file-cta { | |
| 2225 | +.better-payment .file.is-love.is-active .file-cta, | |
| 2226 | +.better-payment .file.is-love:active .file-cta { | |
| 2191 | 2227 | background-color: #ef2e55; |
| 2192 | 2228 | border-color: transparent; |
| 2193 | 2229 | color: #fff; |
| 2194 | 2230 | } |
| @@ -2196,19 +2232,22 @@ | ||
| 2196 | 2232 | background-color: #f96854; |
| 2197 | 2233 | border-color: transparent; |
| 2198 | 2234 | color: #fff; |
| 2199 | 2235 | } |
| 2200 | -.better-payment .file.is-patreon.is-hovered .file-cta, .better-payment .file.is-patreon:hover .file-cta { | |
| 2236 | +.better-payment .file.is-patreon.is-hovered .file-cta, | |
| 2237 | +.better-payment .file.is-patreon:hover .file-cta { | |
| 2201 | 2238 | background-color: #f95d48; |
| 2202 | 2239 | border-color: transparent; |
| 2203 | 2240 | color: #fff; |
| 2204 | 2241 | } |
| 2205 | -.better-payment .file.is-patreon.is-focused .file-cta, .better-payment .file.is-patreon:focus .file-cta { | |
| 2242 | +.better-payment .file.is-patreon.is-focused .file-cta, | |
| 2243 | +.better-payment .file.is-patreon:focus .file-cta { | |
| 2206 | 2244 | border-color: transparent; |
| 2207 | 2245 | box-shadow: 0 0 0.5em rgba(249, 104, 84, 0.25); |
| 2208 | 2246 | color: #fff; |
| 2209 | 2247 | } |
| 2210 | -.better-payment .file.is-patreon.is-active .file-cta, .better-payment .file.is-patreon:active .file-cta { | |
| 2248 | +.better-payment .file.is-patreon.is-active .file-cta, | |
| 2249 | +.better-payment .file.is-patreon:active .file-cta { | |
| 2211 | 2250 | background-color: #f8523b; |
| 2212 | 2251 | border-color: transparent; |
| 2213 | 2252 | color: #fff; |
| 2214 | 2253 | } |
| @@ -2216,19 +2255,22 @@ | ||
| 2216 | 2255 | background-color: #f26522; |
| 2217 | 2256 | border-color: transparent; |
| 2218 | 2257 | color: #fff; |
| 2219 | 2258 | } |
| 2220 | -.better-payment .file.is-rss.is-hovered .file-cta, .better-payment .file.is-rss:hover .file-cta { | |
| 2259 | +.better-payment .file.is-rss.is-hovered .file-cta, | |
| 2260 | +.better-payment .file.is-rss:hover .file-cta { | |
| 2221 | 2261 | background-color: #f15d16; |
| 2222 | 2262 | border-color: transparent; |
| 2223 | 2263 | color: #fff; |
| 2224 | 2264 | } |
| 2225 | -.better-payment .file.is-rss.is-focused .file-cta, .better-payment .file.is-rss:focus .file-cta { | |
| 2265 | +.better-payment .file.is-rss.is-focused .file-cta, | |
| 2266 | +.better-payment .file.is-rss:focus .file-cta { | |
| 2226 | 2267 | border-color: transparent; |
| 2227 | 2268 | box-shadow: 0 0 0.5em rgba(242, 101, 34, 0.25); |
| 2228 | 2269 | color: #fff; |
| 2229 | 2270 | } |
| 2230 | -.better-payment .file.is-rss.is-active .file-cta, .better-payment .file.is-rss:active .file-cta { | |
| 2271 | +.better-payment .file.is-rss.is-active .file-cta, | |
| 2272 | +.better-payment .file.is-rss:active .file-cta { | |
| 2231 | 2273 | background-color: #ed560e; |
| 2232 | 2274 | border-color: transparent; |
| 2233 | 2275 | color: #fff; |
| 2234 | 2276 | } |
| @@ -2236,19 +2278,22 @@ | ||
| 2236 | 2278 | background-color: #abf47c; |
| 2237 | 2279 | border-color: transparent; |
| 2238 | 2280 | color: rgba(0, 0, 0, 0.7); |
| 2239 | 2281 | } |
| 2240 | -.better-payment .file.is-bleeding.is-hovered .file-cta, .better-payment .file.is-bleeding:hover .file-cta { | |
| 2282 | +.better-payment .file.is-bleeding.is-hovered .file-cta, | |
| 2283 | +.better-payment .file.is-bleeding:hover .file-cta { | |
| 2241 | 2284 | background-color: #a3f370; |
| 2242 | 2285 | border-color: transparent; |
| 2243 | 2286 | color: rgba(0, 0, 0, 0.7); |
| 2244 | 2287 | } |
| 2245 | -.better-payment .file.is-bleeding.is-focused .file-cta, .better-payment .file.is-bleeding:focus .file-cta { | |
| 2288 | +.better-payment .file.is-bleeding.is-focused .file-cta, | |
| 2289 | +.better-payment .file.is-bleeding:focus .file-cta { | |
| 2246 | 2290 | border-color: transparent; |
| 2247 | 2291 | box-shadow: 0 0 0.5em rgba(171, 244, 124, 0.25); |
| 2248 | 2292 | color: rgba(0, 0, 0, 0.7); |
| 2249 | 2293 | } |
| 2250 | -.better-payment .file.is-bleeding.is-active .file-cta, .better-payment .file.is-bleeding:active .file-cta { | |
| 2294 | +.better-payment .file.is-bleeding.is-active .file-cta, | |
| 2295 | +.better-payment .file.is-bleeding:active .file-cta { | |
| 2251 | 2296 | background-color: #9cf264; |
| 2252 | 2297 | border-color: transparent; |
| 2253 | 2298 | color: rgba(0, 0, 0, 0.7); |
| 2254 | 2299 | } |
| @@ -2256,19 +2301,22 @@ | ||
| 2256 | 2301 | background-color: #bf4080; |
| 2257 | 2302 | border-color: transparent; |
| 2258 | 2303 | color: #fff; |
| 2259 | 2304 | } |
| 2260 | -.better-payment .file.is-sass.is-hovered .file-cta, .better-payment .file.is-sass:hover .file-cta { | |
| 2305 | +.better-payment .file.is-sass.is-hovered .file-cta, | |
| 2306 | +.better-payment .file.is-sass:hover .file-cta { | |
| 2261 | 2307 | background-color: #b53d7a; |
| 2262 | 2308 | border-color: transparent; |
| 2263 | 2309 | color: #fff; |
| 2264 | 2310 | } |
| 2265 | -.better-payment .file.is-sass.is-focused .file-cta, .better-payment .file.is-sass:focus .file-cta { | |
| 2311 | +.better-payment .file.is-sass.is-focused .file-cta, | |
| 2312 | +.better-payment .file.is-sass:focus .file-cta { | |
| 2266 | 2313 | border-color: transparent; |
| 2267 | 2314 | box-shadow: 0 0 0.5em rgba(191, 64, 128, 0.25); |
| 2268 | 2315 | color: #fff; |
| 2269 | 2316 | } |
| 2270 | -.better-payment .file.is-sass.is-active .file-cta, .better-payment .file.is-sass:active .file-cta { | |
| 2317 | +.better-payment .file.is-sass.is-active .file-cta, | |
| 2318 | +.better-payment .file.is-sass:active .file-cta { | |
| 2271 | 2319 | background-color: #ac3a73; |
| 2272 | 2320 | border-color: transparent; |
| 2273 | 2321 | color: #fff; |
| 2274 | 2322 | } |
| @@ -2276,19 +2324,22 @@ | ||
| 2276 | 2324 | background-color: #ffd863; |
| 2277 | 2325 | border-color: transparent; |
| 2278 | 2326 | color: rgba(0, 0, 0, 0.7); |
| 2279 | 2327 | } |
| 2280 | -.better-payment .file.is-amazon.is-hovered .file-cta, .better-payment .file.is-amazon:hover .file-cta { | |
| 2328 | +.better-payment .file.is-amazon.is-hovered .file-cta, | |
| 2329 | +.better-payment .file.is-amazon:hover .file-cta { | |
| 2281 | 2330 | background-color: #ffd556; |
| 2282 | 2331 | border-color: transparent; |
| 2283 | 2332 | color: rgba(0, 0, 0, 0.7); |
| 2284 | 2333 | } |
| 2285 | -.better-payment .file.is-amazon.is-focused .file-cta, .better-payment .file.is-amazon:focus .file-cta { | |
| 2334 | +.better-payment .file.is-amazon.is-focused .file-cta, | |
| 2335 | +.better-payment .file.is-amazon:focus .file-cta { | |
| 2286 | 2336 | border-color: transparent; |
| 2287 | 2337 | box-shadow: 0 0 0.5em rgba(255, 216, 99, 0.25); |
| 2288 | 2338 | color: rgba(0, 0, 0, 0.7); |
| 2289 | 2339 | } |
| 2290 | -.better-payment .file.is-amazon.is-active .file-cta, .better-payment .file.is-amazon:active .file-cta { | |
| 2340 | +.better-payment .file.is-amazon.is-active .file-cta, | |
| 2341 | +.better-payment .file.is-amazon:active .file-cta { | |
| 2291 | 2342 | background-color: #ffd24a; |
| 2292 | 2343 | border-color: transparent; |
| 2293 | 2344 | color: rgba(0, 0, 0, 0.7); |
| 2294 | 2345 | } |
| @@ -2296,19 +2347,22 @@ | ||
| 2296 | 2347 | background-color: #ea4aaa; |
| 2297 | 2348 | border-color: transparent; |
| 2298 | 2349 | color: #fff; |
| 2299 | 2350 | } |
| 2300 | -.better-payment .file.is-sponsor.is-hovered .file-cta, .better-payment .file.is-sponsor:hover .file-cta { | |
| 2351 | +.better-payment .file.is-sponsor.is-hovered .file-cta, | |
| 2352 | +.better-payment .file.is-sponsor:hover .file-cta { | |
| 2301 | 2353 | background-color: #e93fa5; |
| 2302 | 2354 | border-color: transparent; |
| 2303 | 2355 | color: #fff; |
| 2304 | 2356 | } |
| 2305 | -.better-payment .file.is-sponsor.is-focused .file-cta, .better-payment .file.is-sponsor:focus .file-cta { | |
| 2357 | +.better-payment .file.is-sponsor.is-focused .file-cta, | |
| 2358 | +.better-payment .file.is-sponsor:focus .file-cta { | |
| 2306 | 2359 | border-color: transparent; |
| 2307 | 2360 | box-shadow: 0 0 0.5em rgba(234, 74, 170, 0.25); |
| 2308 | 2361 | color: #fff; |
| 2309 | 2362 | } |
| 2310 | -.better-payment .file.is-sponsor.is-active .file-cta, .better-payment .file.is-sponsor:active .file-cta { | |
| 2363 | +.better-payment .file.is-sponsor.is-active .file-cta, | |
| 2364 | +.better-payment .file.is-sponsor:active .file-cta { | |
| 2311 | 2365 | background-color: #e7339f; |
| 2312 | 2366 | border-color: transparent; |
| 2313 | 2367 | color: #fff; |
| 2314 | 2368 | } |
| @@ -2316,19 +2370,22 @@ | ||
| 2316 | 2370 | background-color: #55acee; |
| 2317 | 2371 | border-color: transparent; |
| 2318 | 2372 | color: #fff; |
| 2319 | 2373 | } |
| 2320 | -.better-payment .file.is-twitter.is-hovered .file-cta, .better-payment .file.is-twitter:hover .file-cta { | |
| 2374 | +.better-payment .file.is-twitter.is-hovered .file-cta, | |
| 2375 | +.better-payment .file.is-twitter:hover .file-cta { | |
| 2321 | 2376 | background-color: #49a6ed; |
| 2322 | 2377 | border-color: transparent; |
| 2323 | 2378 | color: #fff; |
| 2324 | 2379 | } |
| 2325 | -.better-payment .file.is-twitter.is-focused .file-cta, .better-payment .file.is-twitter:focus .file-cta { | |
| 2380 | +.better-payment .file.is-twitter.is-focused .file-cta, | |
| 2381 | +.better-payment .file.is-twitter:focus .file-cta { | |
| 2326 | 2382 | border-color: transparent; |
| 2327 | 2383 | box-shadow: 0 0 0.5em rgba(85, 172, 238, 0.25); |
| 2328 | 2384 | color: #fff; |
| 2329 | 2385 | } |
| 2330 | -.better-payment .file.is-twitter.is-active .file-cta, .better-payment .file.is-twitter:active .file-cta { | |
| 2386 | +.better-payment .file.is-twitter.is-active .file-cta, | |
| 2387 | +.better-payment .file.is-twitter:active .file-cta { | |
| 2331 | 2388 | background-color: #3ea1ec; |
| 2332 | 2389 | border-color: transparent; |
| 2333 | 2390 | color: #fff; |
| 2334 | 2391 | } |
| @@ -2336,19 +2393,22 @@ | ||
| 2336 | 2393 | background-color: #47c68d; |
| 2337 | 2394 | border-color: transparent; |
| 2338 | 2395 | color: #fff; |
| 2339 | 2396 | } |
| 2340 | -.better-payment .file.is-videos.is-hovered .file-cta, .better-payment .file.is-videos:hover .file-cta { | |
| 2397 | +.better-payment .file.is-videos.is-hovered .file-cta, | |
| 2398 | +.better-payment .file.is-videos:hover .file-cta { | |
| 2341 | 2399 | background-color: #3ec487; |
| 2342 | 2400 | border-color: transparent; |
| 2343 | 2401 | color: #fff; |
| 2344 | 2402 | } |
| 2345 | -.better-payment .file.is-videos.is-focused .file-cta, .better-payment .file.is-videos:focus .file-cta { | |
| 2403 | +.better-payment .file.is-videos.is-focused .file-cta, | |
| 2404 | +.better-payment .file.is-videos:focus .file-cta { | |
| 2346 | 2405 | border-color: transparent; |
| 2347 | 2406 | box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25); |
| 2348 | 2407 | color: #fff; |
| 2349 | 2408 | } |
| 2350 | -.better-payment .file.is-videos.is-active .file-cta, .better-payment .file.is-videos:active .file-cta { | |
| 2409 | +.better-payment .file.is-videos.is-active .file-cta, | |
| 2410 | +.better-payment .file.is-videos:active .file-cta { | |
| 2351 | 2411 | background-color: #3abb81; |
| 2352 | 2412 | border-color: transparent; |
| 2353 | 2413 | color: #fff; |
| 2354 | 2414 | } |
| @@ -2356,19 +2416,22 @@ | ||
| 2356 | 2416 | background-color: #3e8ed0; |
| 2357 | 2417 | border-color: transparent; |
| 2358 | 2418 | color: #fff; |
| 2359 | 2419 | } |
| 2360 | -.better-payment .file.is-extensions.is-hovered .file-cta, .better-payment .file.is-extensions:hover .file-cta { | |
| 2420 | +.better-payment .file.is-extensions.is-hovered .file-cta, | |
| 2421 | +.better-payment .file.is-extensions:hover .file-cta { | |
| 2361 | 2422 | background-color: #3488ce; |
| 2362 | 2423 | border-color: transparent; |
| 2363 | 2424 | color: #fff; |
| 2364 | 2425 | } |
| 2365 | -.better-payment .file.is-extensions.is-focused .file-cta, .better-payment .file.is-extensions:focus .file-cta { | |
| 2426 | +.better-payment .file.is-extensions.is-focused .file-cta, | |
| 2427 | +.better-payment .file.is-extensions:focus .file-cta { | |
| 2366 | 2428 | border-color: transparent; |
| 2367 | 2429 | box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25); |
| 2368 | 2430 | color: #fff; |
| 2369 | 2431 | } |
| 2370 | -.better-payment .file.is-extensions.is-active .file-cta, .better-payment .file.is-extensions:active .file-cta { | |
| 2432 | +.better-payment .file.is-extensions.is-active .file-cta, | |
| 2433 | +.better-payment .file.is-extensions:active .file-cta { | |
| 2371 | 2434 | background-color: #3082c5; |
| 2372 | 2435 | border-color: transparent; |
| 2373 | 2436 | color: #fff; |
| 2374 | 2437 | } |
| @@ -2376,19 +2439,22 @@ | ||
| 2376 | 2439 | background-color: #6f5499; |
| 2377 | 2440 | border-color: transparent; |
| 2378 | 2441 | color: #fff; |
| 2379 | 2442 | } |
| 2380 | -.better-payment .file.is-bootstrap.is-hovered .file-cta, .better-payment .file.is-bootstrap:hover .file-cta { | |
| 2443 | +.better-payment .file.is-bootstrap.is-hovered .file-cta, | |
| 2444 | +.better-payment .file.is-bootstrap:hover .file-cta { | |
| 2381 | 2445 | background-color: #694f91; |
| 2382 | 2446 | border-color: transparent; |
| 2383 | 2447 | color: #fff; |
| 2384 | 2448 | } |
| 2385 | -.better-payment .file.is-bootstrap.is-focused .file-cta, .better-payment .file.is-bootstrap:focus .file-cta { | |
| 2449 | +.better-payment .file.is-bootstrap.is-focused .file-cta, | |
| 2450 | +.better-payment .file.is-bootstrap:focus .file-cta { | |
| 2386 | 2451 | border-color: transparent; |
| 2387 | 2452 | box-shadow: 0 0 0.5em rgba(111, 84, 153, 0.25); |
| 2388 | 2453 | color: #fff; |
| 2389 | 2454 | } |
| 2390 | -.better-payment .file.is-bootstrap.is-active .file-cta, .better-payment .file.is-bootstrap:active .file-cta { | |
| 2455 | +.better-payment .file.is-bootstrap.is-active .file-cta, | |
| 2456 | +.better-payment .file.is-bootstrap:active .file-cta { | |
| 2391 | 2457 | background-color: #634b89; |
| 2392 | 2458 | border-color: transparent; |
| 2393 | 2459 | color: #fff; |
| 2394 | 2460 | } |
| @@ -2509,9 +2575,10 @@ | ||
| 2509 | 2575 | position: absolute; |
| 2510 | 2576 | top: 0; |
| 2511 | 2577 | width: 100%; |
| 2512 | 2578 | } |
| 2513 | -.better-payment .file-cta, .better-payment .file-name { | |
| 2579 | +.better-payment .file-cta, | |
| 2580 | +.better-payment .file-name { | |
| 2514 | 2581 | border-color: #dbdbdb; |
| 2515 | 2582 | border-radius: 0.375em; |
| 2516 | 2583 | font-size: 1em; |
| 2517 | 2584 | padding-left: 1em; |
| @@ -2864,9 +2931,9 @@ | ||
| 2864 | 2931 | font-size: 26px; |
| 2865 | 2932 | line-height: 1.2em; |
| 2866 | 2933 | font-weight: 700; |
| 2867 | 2934 | font-family: "IBM Plex Sans", sans-serif; |
| 2868 | - color: #2B2748; | |
| 2935 | + color: #2b2748; | |
| 2869 | 2936 | } |
| 2870 | 2937 | .better-payment .bp-dashboard-header h2 { |
| 2871 | 2938 | font-weight: 400; |
| 2872 | 2939 | } |
| @@ -2872,14 +2939,14 @@ | ||
| 2872 | 2939 | } |
| 2873 | 2940 | .better-payment button { |
| 2874 | 2941 | font-size: 14px; |
| 2875 | 2942 | line-height: 1.1em; |
| 2876 | - color: #6859FA; | |
| 2943 | + color: #6859fa; | |
| 2877 | 2944 | display: inline-flex; |
| 2878 | 2945 | align-items: center; |
| 2879 | 2946 | justify-content: center; |
| 2880 | 2947 | padding: 8px 16px; |
| 2881 | - background: #F0EEFE; | |
| 2948 | + background: #f0eefe; | |
| 2882 | 2949 | border-radius: 20px; |
| 2883 | 2950 | border: none; |
| 2884 | 2951 | transition: all 0.25s ease-in-out; |
| 2885 | 2952 | cursor: pointer; |
| @@ -2888,29 +2955,29 @@ | ||
| 2888 | 2955 | font-size: 16px; |
| 2889 | 2956 | font-weight: 500; |
| 2890 | 2957 | padding: 12px 18px; |
| 2891 | 2958 | border-radius: 8px; |
| 2892 | - color: #6859FA; | |
| 2959 | + color: #6859fa; | |
| 2893 | 2960 | } |
| 2894 | 2961 | .better-payment button.complete { |
| 2895 | - color: #FFFFFF; | |
| 2896 | - background: #0ECA86; | |
| 2962 | + color: #ffffff; | |
| 2963 | + background: #0eca86; | |
| 2897 | 2964 | } |
| 2898 | 2965 | .better-payment button.incomplete { |
| 2899 | - color: #FFFFFF; | |
| 2900 | - background: #FFDA15; | |
| 2966 | + color: #ffffff; | |
| 2967 | + background: #ffda15; | |
| 2901 | 2968 | } |
| 2902 | 2969 | .better-payment button.active { |
| 2903 | - color: #00C679; | |
| 2970 | + color: #00c679; | |
| 2904 | 2971 | background: rgba(0, 198, 123, 0.1019607843); |
| 2905 | 2972 | border-radius: 20px; |
| 2906 | 2973 | } |
| 2907 | 2974 | .better-payment button.inactive { |
| 2908 | - color: #EDAA00; | |
| 2975 | + color: #edaa00; | |
| 2909 | 2976 | background: rgba(255, 209, 0, 0.1019607843); |
| 2910 | 2977 | } |
| 2911 | 2978 | .better-payment button.cancel { |
| 2912 | - color: #FF0000; | |
| 2979 | + color: #ff0000; | |
| 2913 | 2980 | background: rgba(255, 0, 0, 0.1490196078); |
| 2914 | 2981 | } |
| 2915 | 2982 | .better-payment .bp--sidebar-wrapper { |
| 2916 | 2983 | padding: 24px; |
| @@ -2924,13 +2991,22 @@ | ||
| 2924 | 2991 | align-items: center; |
| 2925 | 2992 | gap: 16px; |
| 2926 | 2993 | margin-bottom: 40px; |
| 2927 | 2994 | } |
| 2995 | +.better-payment .bp--author img { | |
| 2996 | + width: 32px !important; | |
| 2997 | + height: 32px !important; | |
| 2998 | + min-width: 32px; | |
| 2999 | + border-radius: 50%; | |
| 3000 | + object-fit: cover; | |
| 3001 | + flex-shrink: 0; | |
| 3002 | + display: block; | |
| 3003 | +} | |
| 2928 | 3004 | .better-payment .bp--author h5 { |
| 2929 | 3005 | font-size: 20px; |
| 2930 | 3006 | font-weight: 500; |
| 2931 | 3007 | line-height: 1.1em; |
| 2932 | - color: #48506D; | |
| 3008 | + color: #48506d; | |
| 2933 | 3009 | } |
| 2934 | 3010 | .better-payment .bp--sidebar-nav-list { |
| 2935 | 3011 | display: flex; |
| 2936 | 3012 | flex-direction: column; |
| @@ -2953,9 +3029,9 @@ | ||
| 2953 | 3029 | .better-payment .bp--sidebar-nav.active span.bp--nav-icon svg path { |
| 2954 | 3030 | stroke: #000000; |
| 2955 | 3031 | } |
| 2956 | 3032 | .better-payment .bp--sidebar-nav .bp--nav-text { |
| 2957 | - color: #48506D; | |
| 3033 | + color: #48506d; | |
| 2958 | 3034 | font-size: 16px; |
| 2959 | 3035 | font-weight: 500; |
| 2960 | 3036 | transition: ease-in-out 0.25s; |
| 2961 | 3037 | } |
| @@ -2962,12 +3038,12 @@ | ||
| 2962 | 3038 | .better-payment .bp--sidebar-nav.active .bp--nav-text { |
| 2963 | 3039 | color: #000000; |
| 2964 | 3040 | } |
| 2965 | 3041 | .better-payment .bp--sidebar-nav:hover .bp--nav-text { |
| 2966 | - color: #2B2748; | |
| 3042 | + color: #2b2748; | |
| 2967 | 3043 | } |
| 2968 | 3044 | .better-payment .bp--sidebar-nav.active { |
| 2969 | - color: #2B2748; | |
| 3045 | + color: #2b2748; | |
| 2970 | 3046 | } |
| 2971 | 3047 | .better-payment .bp--db-main-wrapper { |
| 2972 | 3048 | padding-right: 24px; |
| 2973 | 3049 | flex-basis: calc(100% - 294px); |
| @@ -3000,14 +3076,14 @@ | ||
| 3000 | 3076 | .better-payment .bp--table-header .th h5 { |
| 3001 | 3077 | font-size: 16px; |
| 3002 | 3078 | line-height: 1.2em; |
| 3003 | 3079 | font-weight: 500; |
| 3004 | - color: #2A3256; | |
| 3080 | + color: #2a3256; | |
| 3005 | 3081 | } |
| 3006 | 3082 | .better-payment .bp--table-body { |
| 3007 | 3083 | padding: 10px 24px; |
| 3008 | 3084 | min-width: 1442px; |
| 3009 | - background: #FFFFFF; | |
| 3085 | + background: #ffffff; | |
| 3010 | 3086 | border-left: 1px solid #f1f1f1; |
| 3011 | 3087 | border-right: 1px solid #f1f1f1; |
| 3012 | 3088 | } |
| 3013 | 3089 | .better-payment .bp--table-body { |
| @@ -3017,29 +3093,29 @@ | ||
| 3017 | 3093 | .better-payment .bp--table-body .td h5 span { |
| 3018 | 3094 | font-size: 16px; |
| 3019 | 3095 | font-weight: 400; |
| 3020 | 3096 | line-height: 1.2em; |
| 3021 | - color: #2A3256; | |
| 3097 | + color: #2a3256; | |
| 3022 | 3098 | } |
| 3023 | 3099 | .better-payment .bp--table-body .td p { |
| 3024 | 3100 | font-size: 14px; |
| 3025 | - color: #48506D; | |
| 3101 | + color: #48506d; | |
| 3026 | 3102 | display: inline-flex; |
| 3027 | 3103 | } |
| 3028 | 3104 | .better-payment .bp--table-body .td span { |
| 3029 | 3105 | font-size: 13px; |
| 3030 | - color: #797E90; | |
| 3106 | + color: #797e90; | |
| 3031 | 3107 | } |
| 3032 | 3108 | .better-payment .bp--table-body .price { |
| 3033 | 3109 | font-size: 18px; |
| 3034 | 3110 | line-height: 1em; |
| 3035 | 3111 | font-weight: 500; |
| 3036 | - color: #2B2748; | |
| 3112 | + color: #2b2748; | |
| 3037 | 3113 | padding-right: 4px; |
| 3038 | 3114 | } |
| 3039 | 3115 | .better-payment .td.details i { |
| 3040 | 3116 | font-size: 16px; |
| 3041 | - color: #48506D; | |
| 3117 | + color: #48506d; | |
| 3042 | 3118 | } |
| 3043 | 3119 | .better-payment .td.details .product--img { |
| 3044 | 3120 | max-width: 24px; |
| 3045 | 3121 | } |
| @@ -3231,20 +3307,8 @@ | ||
| 3231 | 3307 | } |
| 3232 | 3308 | .better-payment .w-195 { |
| 3233 | 3309 | flex-basis: 195px; |
| 3234 | 3310 | } |
| 3235 | -.better-payment .w-325 { | |
| 3236 | - flex-basis: 325px; | |
| 3237 | -} | |
| 3238 | -.better-payment .w-214 { | |
| 3239 | - flex-basis: 214px; | |
| 3240 | -} | |
| 3241 | -.better-payment .w-130 { | |
| 3242 | - flex-basis: 130px; | |
| 3243 | -} | |
| 3244 | -.better-payment .w-140 { | |
| 3245 | - flex-basis: 140px; | |
| 3246 | -} | |
| 3247 | 3311 | .better-payment .bp-amount_wrapper { |
| 3248 | 3312 | margin-bottom: 24px; |
| 3249 | 3313 | } |
| 3250 | 3314 | .better-payment .td-product_logo { |
| @@ -3257,15 +3321,15 @@ | ||
| 3257 | 3321 | width: 100%; |
| 3258 | 3322 | } |
| 3259 | 3323 | .better-payment .bp-dashboard_wrapper { |
| 3260 | 3324 | width: 100%; |
| 3261 | - background-color: #FFFFFF; | |
| 3325 | + background-color: #ffffff; | |
| 3262 | 3326 | } |
| 3263 | 3327 | .better-payment .bp-dashboard_wrapper .bp-dashboard_title { |
| 3264 | 3328 | font-size: 32px; |
| 3265 | 3329 | font-weight: 600; |
| 3266 | 3330 | text-align: left; |
| 3267 | - color: #2A3256; | |
| 3331 | + color: #2a3256; | |
| 3268 | 3332 | margin-bottom: 36px; |
| 3269 | 3333 | } |
| 3270 | 3334 | .better-payment .bp-amount { |
| 3271 | 3335 | width: 100%; |
| @@ -3271,9 +3335,9 @@ | ||
| 3271 | 3335 | width: 100%; |
| 3272 | 3336 | height: auto; |
| 3273 | 3337 | padding: 0px; |
| 3274 | 3338 | border-radius: 12px; |
| 3275 | - border: 1px solid #EAECF0; | |
| 3339 | + border: 1px solid #eaecf0; | |
| 3276 | 3340 | overflow: hidden; |
| 3277 | 3341 | } |
| 3278 | 3342 | .better-payment .bp-amount h4 { |
| 3279 | 3343 | margin: 16px; |
| @@ -3284,14 +3348,14 @@ | ||
| 3284 | 3348 | .better-payment .bp-amount_price { |
| 3285 | 3349 | font-size: 30px; |
| 3286 | 3350 | font-weight: 600; |
| 3287 | 3351 | text-align: left; |
| 3288 | - color: #2A3256; | |
| 3352 | + color: #2a3256; | |
| 3289 | 3353 | padding: 16px; |
| 3290 | 3354 | } |
| 3291 | 3355 | .better-payment .bp-transaction { |
| 3292 | 3356 | padding: 10px 16px; |
| 3293 | - background-color: #FAFAFC; | |
| 3357 | + background-color: #fafafc; | |
| 3294 | 3358 | width: 100%; |
| 3295 | 3359 | font-size: 13px; |
| 3296 | 3360 | font-weight: 400; |
| 3297 | 3361 | color: #667085; |
| @@ -3308,32 +3372,15 @@ | ||
| 3308 | 3372 | } |
| 3309 | 3373 | } |
| 3310 | 3374 | .better-payment .bp-transaction_number { |
| 3311 | 3375 | font-weight: 500; |
| 3312 | - color: #6E58F7; | |
| 3376 | + color: #6e58f7; | |
| 3313 | 3377 | } |
| 3314 | -.better-payment .bp-chart_header .name h3 { | |
| 3315 | - color: #2A3256; | |
| 3316 | - font-size: 20px; | |
| 3317 | - font-weight: 600; | |
| 3318 | -} | |
| 3319 | 3378 | .better-payment .bp-analytics_chart-wrapper { |
| 3320 | 3379 | margin-bottom: 24px; |
| 3321 | 3380 | } |
| 3322 | -.better-payment .bp-analytics_box { | |
| 3323 | - background-color: #ffffff; | |
| 3324 | - border: 1px solid #EAECF0; | |
| 3325 | - border-radius: 16px; | |
| 3326 | - padding: 20px 24px; | |
| 3327 | -} | |
| 3328 | -.better-payment .bp-chart_header { | |
| 3329 | - border-bottom: 1px solid #EAECF0; | |
| 3330 | - padding-top: 8px; | |
| 3331 | - padding-bottom: 16px; | |
| 3332 | - margin-bottom: 24px; | |
| 3333 | -} | |
| 3334 | 3381 | .better-payment .bp-form_control { |
| 3335 | - border: 1px solid #D9E1F4; | |
| 3382 | + border: 1px solid #d9e1f4; | |
| 3336 | 3383 | border-radius: 8px; |
| 3337 | 3384 | padding: 11px 16px; |
| 3338 | 3385 | } |
| 3339 | 3386 | .better-payment .bp-form_control option { |
| @@ -3338,9 +3385,9 @@ | ||
| 3338 | 3385 | } |
| 3339 | 3386 | .better-payment .bp-form_control option { |
| 3340 | 3387 | font-size: 14px; |
| 3341 | 3388 | font-weight: 500; |
| 3342 | - color: #48506D; | |
| 3389 | + color: #48506d; | |
| 3343 | 3390 | } |
| 3344 | 3391 | .better-payment .filter-btn { |
| 3345 | 3392 | padding: 8px 16px 8px 16px; |
| 3346 | 3393 | border-radius: 8px; |
| @@ -3346,15 +3393,15 @@ | ||
| 3346 | 3393 | border-radius: 8px; |
| 3347 | 3394 | } |
| 3348 | 3395 | .better-payment .bp-recent_box { |
| 3349 | 3396 | background-color: #ffffff; |
| 3350 | - border: 1px solid #EAECF0; | |
| 3397 | + border: 1px solid #eaecf0; | |
| 3351 | 3398 | border-radius: 16px; |
| 3352 | 3399 | padding: 0 16px; |
| 3353 | 3400 | } |
| 3354 | 3401 | .better-payment .bp-recent_header { |
| 3355 | 3402 | padding: 16px 0; |
| 3356 | - border-bottom: 1px solid #EAECF0; | |
| 3403 | + border-bottom: 1px solid #eaecf0; | |
| 3357 | 3404 | margin-bottom: 16px; |
| 3358 | 3405 | } |
| 3359 | 3406 | .better-payment .bp-recent_header span { |
| 3360 | 3407 | line-height: 0; |
| @@ -3361,21 +3408,21 @@ | ||
| 3361 | 3408 | } |
| 3362 | 3409 | .better-payment .bp-view_all-btn { |
| 3363 | 3410 | font-size: 14px; |
| 3364 | 3411 | font-weight: 500; |
| 3365 | - color: #48506D; | |
| 3366 | - border: 1px solid #D9E1F4; | |
| 3412 | + color: #48506d; | |
| 3413 | + border: 1px solid #d9e1f4; | |
| 3367 | 3414 | border-radius: 4px; |
| 3368 | 3415 | padding: 6px 16px; |
| 3369 | 3416 | text-decoration: none; |
| 3370 | 3417 | } |
| 3371 | 3418 | .better-payment .bp-recent_header-title { |
| 3372 | - color: #2A3256; | |
| 3419 | + color: #2a3256; | |
| 3373 | 3420 | font-size: 16px; |
| 3374 | 3421 | font-weight: 600; |
| 3375 | 3422 | } |
| 3376 | 3423 | .better-payment .bp-th { |
| 3377 | - background-color: #FAFAFC; | |
| 3424 | + background-color: #fafafc; | |
| 3378 | 3425 | border-radius: 4px; |
| 3379 | 3426 | padding: 9px 12px 9px 12px; |
| 3380 | 3427 | margin-bottom: 4px; |
| 3381 | 3428 | } |
| @@ -3398,9 +3445,9 @@ | ||
| 3398 | 3445 | } |
| 3399 | 3446 | .better-payment .td-product_name { |
| 3400 | 3447 | font-size: 12px; |
| 3401 | 3448 | font-weight: 500; |
| 3402 | - color: #2A3256; | |
| 3449 | + color: #2a3256; | |
| 3403 | 3450 | margin-bottom: 4px; |
| 3404 | 3451 | } |
| 3405 | 3452 | .better-payment .td-details { |
| 3406 | 3453 | font-size: 10px; |
| @@ -3406,232 +3453,8 @@ | ||
| 3406 | 3453 | font-size: 10px; |
| 3407 | 3454 | font-weight: 400; |
| 3408 | 3455 | color: #667085; |
| 3409 | 3456 | } |
| 3410 | -.better-payment .bp-subscription_box { | |
| 3411 | - background-color: #ffffff; | |
| 3412 | - border: 1px solid #EAECF0; | |
| 3413 | - border-radius: 16px; | |
| 3414 | - padding: 0 16px; | |
| 3415 | -} | |
| 3416 | -.better-payment .bp-subscription_box-th { | |
| 3417 | - border-bottom: 1px solid #EAECF0; | |
| 3418 | - padding: 16px 0; | |
| 3419 | - margin-bottom: 20px; | |
| 3420 | -} | |
| 3421 | -.better-payment .bp-subscription_th { | |
| 3422 | - padding: 12px; | |
| 3423 | - background: #FAFAFC; | |
| 3424 | - margin-bottom: 6px; | |
| 3425 | -} | |
| 3426 | -.better-payment .bp-subscription_title { | |
| 3427 | - color: #2A3256; | |
| 3428 | - font-size: 16px; | |
| 3429 | - font-weight: 600; | |
| 3430 | -} | |
| 3431 | -.better-payment .bp-subscription_th h4 { | |
| 3432 | - color: #667085; | |
| 3433 | - font-size: 14px; | |
| 3434 | - font-weight: 500; | |
| 3435 | - text-align: left; | |
| 3436 | -} | |
| 3437 | -.better-payment .bp-subscription_td { | |
| 3438 | - padding: 15px 0px 15px 12px; | |
| 3439 | -} | |
| 3440 | -.better-payment .bp-subscription_td .bp-plan_info h4 { | |
| 3441 | - color: #2A3256; | |
| 3442 | - font-size: 14px; | |
| 3443 | - font-weight: 500; | |
| 3444 | - line-height: 14px; | |
| 3445 | - margin-bottom: 5px; | |
| 3446 | -} | |
| 3447 | -.better-payment .bp-subscription_td .bp-plan_info p { | |
| 3448 | - color: #48506D; | |
| 3449 | - font-size: 10px; | |
| 3450 | - font-weight: 400; | |
| 3451 | - line-height: 10px; | |
| 3452 | -} | |
| 3453 | -.better-payment .bp-subscription_td .starter-plan, | |
| 3454 | -.better-payment .bp-subscription_td .due-plan { | |
| 3455 | - color: #797E90; | |
| 3456 | - font-size: 14px; | |
| 3457 | - font-weight: 400; | |
| 3458 | -} | |
| 3459 | -.better-payment .bp-subscription_td button { | |
| 3460 | - border-radius: 5px; | |
| 3461 | - font-size: 10px; | |
| 3462 | - font-weight: 500; | |
| 3463 | - padding: 5px 11px; | |
| 3464 | - border: 1px solid #9DD0FF; | |
| 3465 | - background: rgba(0, 133, 255, 0.1019607843); | |
| 3466 | - color: #0085FF; | |
| 3467 | -} | |
| 3468 | -.better-payment .bp-subscription_td .active { | |
| 3469 | - color: #00C679; | |
| 3470 | - background: rgba(0, 198, 123, 0.1019607843); | |
| 3471 | - border: 1px solid #A2ECCF; | |
| 3472 | -} | |
| 3473 | -.better-payment .bp-subscription_td .inactive { | |
| 3474 | - border: 1px solid #FFEB91; | |
| 3475 | - color: #EDAA00; | |
| 3476 | - background-color: rgba(255, 209, 0, 0.1019607843); | |
| 3477 | -} | |
| 3478 | -.better-payment .bp-subscription_product-price { | |
| 3479 | - display: flex; | |
| 3480 | - align-items: end; | |
| 3481 | - gap: 2px; | |
| 3482 | -} | |
| 3483 | -.better-payment .bp-subscription_product-td { | |
| 3484 | - border-bottom: 1px solid rgba(110, 88, 247, 0.1); | |
| 3485 | -} | |
| 3486 | -.better-payment .bp-subscription_product-td:last-child { | |
| 3487 | - border: none; | |
| 3488 | -} | |
| 3489 | -.better-payment .bp-subscription_product-price span:first-child { | |
| 3490 | - color: #2B2748; | |
| 3491 | - font-size: 18px; | |
| 3492 | - font-weight: 500; | |
| 3493 | -} | |
| 3494 | -.better-payment .bp-subscription_product-price span:last-child { | |
| 3495 | - color: #797E90; | |
| 3496 | - font-family: "IBM Plex Sans", sans-serif; | |
| 3497 | - font-size: 10.2px; | |
| 3498 | - font-weight: 400; | |
| 3499 | -} | |
| 3500 | -.better-payment .bp-subscripthon_doughnut-box { | |
| 3501 | - margin-bottom: 48px; | |
| 3502 | - justify-content: center; | |
| 3503 | -} | |
| 3504 | -.better-payment .bp-total_title { | |
| 3505 | - color: #667085; | |
| 3506 | - font-size: 16px; | |
| 3507 | - font-weight: 500; | |
| 3508 | - position: absolute; | |
| 3509 | -} | |
| 3510 | -.better-payment .bp-total_count { | |
| 3511 | - font-size: 56px; | |
| 3512 | - font-weight: 600; | |
| 3513 | - text-align: center; | |
| 3514 | - position: absolute; | |
| 3515 | -} | |
| 3516 | -.better-payment .better-payment-user-dashboard-container .dashboard-tab-wrapper .bp-total_count { | |
| 3517 | - margin-bottom: 35px; | |
| 3518 | -} | |
| 3519 | -.better-payment .bp-multi-graph { | |
| 3520 | - width: 400px; | |
| 3521 | - height: 200px; | |
| 3522 | - position: relative; | |
| 3523 | - color: #fff; | |
| 3524 | - font-size: 22px; | |
| 3525 | - font-weight: 600; | |
| 3526 | - display: flex; | |
| 3527 | - align-items: flex-end; | |
| 3528 | - justify-content: center; | |
| 3529 | - overflow: hidden; | |
| 3530 | - box-sizing: border-box; | |
| 3531 | -} | |
| 3532 | -.better-payment .bp-multi-graph:before { | |
| 3533 | - content: ""; | |
| 3534 | - width: 400px; | |
| 3535 | - height: 200px; | |
| 3536 | - border: 30px solid rgba(0, 0, 0, 0.15); | |
| 3537 | - border-bottom: none; | |
| 3538 | - position: absolute; | |
| 3539 | - box-sizing: border-box; | |
| 3540 | - transform-origin: 50% 0%; | |
| 3541 | - border-radius: 300px 300px 0 0; | |
| 3542 | - left: 0; | |
| 3543 | - top: 0; | |
| 3544 | -} | |
| 3545 | -.better-payment .bp-graph { | |
| 3546 | - width: 400px; | |
| 3547 | - height: 200px; | |
| 3548 | - border: 30px solid var(--fill); | |
| 3549 | - border-top: none; | |
| 3550 | - position: absolute; | |
| 3551 | - transform-origin: 50% 0%; | |
| 3552 | - border-radius: 0 0 300px 300px; | |
| 3553 | - left: 0; | |
| 3554 | - top: 100%; | |
| 3555 | - z-index: 5; | |
| 3556 | - animation: 1s fillGraphAnimation ease-in; | |
| 3557 | - transform: rotate(calc(1deg * var(--percentage) * 1.8)); | |
| 3558 | - box-sizing: border-box; | |
| 3559 | - cursor: pointer; | |
| 3560 | -} | |
| 3561 | -.better-payment .bp-graph:after { | |
| 3562 | - content: attr(data-name) " " counter(varible) "%"; | |
| 3563 | - counter-reset: varible var(--percentage); | |
| 3564 | - background: var(--fill); | |
| 3565 | - box-sizing: border-box; | |
| 3566 | - border-radius: 2px; | |
| 3567 | - color: #fff; | |
| 3568 | - font-weight: 200; | |
| 3569 | - font-size: 12px; | |
| 3570 | - height: 20px; | |
| 3571 | - padding: 3px 5px; | |
| 3572 | - position: absolute; | |
| 3573 | - left: 0; | |
| 3574 | - top: 0; | |
| 3575 | - transform: rotate(calc(-1deg * var(--percentage) * 1.8)) translate(-30px, 0); | |
| 3576 | - transition: 0.2s ease-in; | |
| 3577 | - transform-origin: 0 50%; | |
| 3578 | - opacity: 0; | |
| 3579 | -} | |
| 3580 | -@keyframes fillGraphAnimation { | |
| 3581 | - 0% { | |
| 3582 | - transform: rotate(0deg); | |
| 3583 | - } | |
| 3584 | - 50% { | |
| 3585 | - transform: rotate(180deg); | |
| 3586 | - } | |
| 3587 | -} | |
| 3588 | -.better-payment .bp-doughnut_info { | |
| 3589 | - position: absolute; | |
| 3590 | - width: 132px; | |
| 3591 | - height: auto; | |
| 3592 | - background-color: rgba(0, 0, 0, 0.8509803922); | |
| 3593 | - border-radius: 2px; | |
| 3594 | - padding: 12px; | |
| 3595 | - left: 0; | |
| 3596 | - top: 0; | |
| 3597 | - z-index: 99; | |
| 3598 | - opacity: 0; | |
| 3599 | - cursor: pointer; | |
| 3600 | - transition: all 0.5s; | |
| 3601 | -} | |
| 3602 | -.better-payment .bp-multi-graph:hover .bp-doughnut_info { | |
| 3603 | - opacity: 1; | |
| 3604 | -} | |
| 3605 | -.better-payment .bp-doughnut_info .bp-doughnut_date { | |
| 3606 | - font-size: 9.28px; | |
| 3607 | - font-weight: 500; | |
| 3608 | - color: #fff; | |
| 3609 | - margin-bottom: 7px; | |
| 3610 | -} | |
| 3611 | -.better-payment .bp-doughnut_info .bp-dougnut_color-info { | |
| 3612 | - color: #fff; | |
| 3613 | - font-size: 7.95px; | |
| 3614 | - font-weight: 500; | |
| 3615 | -} | |
| 3616 | -.better-payment .bp-doughnut_info .bp-dougnut_color-info div { | |
| 3617 | - display: inline-block; | |
| 3618 | - width: 9px; | |
| 3619 | - height: 9px; | |
| 3620 | - border-radius: 1px; | |
| 3621 | - background-color: #fff; | |
| 3622 | - padding: 2px; | |
| 3623 | - margin: 5px 5px 5px 0; | |
| 3624 | -} | |
| 3625 | -.better-payment .bp-doughnut_info div .color-B { | |
| 3626 | - background-color: #8673FF; | |
| 3627 | -} | |
| 3628 | -.better-payment .bp-doughnut_info div .color-Y { | |
| 3629 | - background-color: #FFCF66; | |
| 3630 | -} | |
| 3631 | -.better-payment .bp-doughnut_info div .color-R { | |
| 3632 | - background-color: #FF5060; | |
| 3633 | -} | |
| 3634 | 3457 | .better-payment .p-0 { |
| 3635 | 3458 | padding: 0 !important; |
| 3636 | 3459 | } |
| 3637 | 3460 | .better-payment .mb-0 { |
| @@ -3646,16 +3469,8 @@ | ||
| 3646 | 3469 | .better-payment .w-auto { |
| 3647 | 3470 | min-width: auto !important; |
| 3648 | 3471 | width: auto !important; |
| 3649 | 3472 | } |
| 3650 | -.better-payment .border-bottom_active { | |
| 3651 | - border-left: none !important; | |
| 3652 | - border-right: none !important; | |
| 3653 | - border-top: none !important; | |
| 3654 | -} | |
| 3655 | -.better-payment .min-w_600 { | |
| 3656 | - min-width: 580px !important; | |
| 3657 | -} | |
| 3658 | 3473 | .better-payment .line-height-0 { |
| 3659 | 3474 | line-height: 0; |
| 3660 | 3475 | } |
| 3661 | 3476 | .better-payment .better-payment-transaction-import { |
| @@ -3671,18 +3486,12 @@ | ||
| 3671 | 3486 | } |
| 3672 | 3487 | .better-payment .bp-subscription_wrapper .bp-col_7 { |
| 3673 | 3488 | width: 100%; |
| 3674 | 3489 | } |
| 3675 | - .better-payment .bp-subscription_box { | |
| 3676 | - margin-bottom: 24px; | |
| 3677 | - } | |
| 3678 | 3490 | .better-payment .bp-analytics_chart-wrapper .bp-col_10, |
| 3679 | 3491 | .better-payment .bp-analytics_chart-wrapper .bp-col_4 { |
| 3680 | 3492 | width: 100%; |
| 3681 | 3493 | } |
| 3682 | - .better-payment .bp-analytics_box { | |
| 3683 | - margin-bottom: 24px; | |
| 3684 | - } | |
| 3685 | 3494 | } |
| 3686 | 3495 | @media only screen and (max-width: 1024px) { |
| 3687 | 3496 | .better-payment .bp-logo { |
| 3688 | 3497 | margin-bottom: 45px; |
| @@ -3692,11 +3501,8 @@ | ||
| 3692 | 3501 | } |
| 3693 | 3502 | .better-payment .bp-amount { |
| 3694 | 3503 | margin-bottom: 24px; |
| 3695 | 3504 | } |
| 3696 | - .better-payment .bp-chart_header .name h3 { | |
| 3697 | - font-size: 16px; | |
| 3698 | - } | |
| 3699 | 3505 | .better-payment .bp-th, |
| 3700 | 3506 | .better-payment .bp-td { |
| 3701 | 3507 | justify-content: space-between; |
| 3702 | 3508 | } |
| @@ -3710,29 +3516,8 @@ | ||
| 3710 | 3516 | } |
| 3711 | 3517 | .better-payment .bp-amount_wrapper .bp-col_4 { |
| 3712 | 3518 | width: 100% !important; |
| 3713 | 3519 | } |
| 3714 | - .better-payment .bp-multi-graph { | |
| 3715 | - width: 200px !important; | |
| 3716 | - height: 100px !important; | |
| 3717 | - } | |
| 3718 | - .better-payment .bp-multi-graph:before { | |
| 3719 | - width: 200px !important; | |
| 3720 | - height: 100px !important; | |
| 3721 | - } | |
| 3722 | - .better-payment .bp-graph { | |
| 3723 | - width: 200px !important; | |
| 3724 | - height: 100px !important; | |
| 3725 | - } | |
| 3726 | - .better-payment .better-payment-user-dashboard-container .dashboard-tab-wrapper .bp-total_count { | |
| 3727 | - margin-bottom: 20px; | |
| 3728 | - } | |
| 3729 | - .better-payment .bp-total_count { | |
| 3730 | - font-size: 28px !important; | |
| 3731 | - } | |
| 3732 | - .better-payment .bp-total_title { | |
| 3733 | - font-size: 10px !important; | |
| 3734 | - } | |
| 3735 | 3520 | } |
| 3736 | 3521 | @media only screen and (max-width: 1024px) { |
| 3737 | 3522 | .better-payment .gap-2 { |
| 3738 | 3523 | gap: 4px; |
| @@ -3892,10 +3677,10 @@ | ||
| 3892 | 3677 | padding: 10px; |
| 3893 | 3678 | border-radius: 16px; |
| 3894 | 3679 | } |
| 3895 | 3680 | div.bp-thank_page-custom-logo_wrapper-error svg path { |
| 3896 | - stroke: #F44336; | |
| 3897 | - fill: #F44336; | |
| 3681 | + stroke: #f44336; | |
| 3682 | + fill: #f44336; | |
| 3898 | 3683 | } |
| 3899 | 3684 | |
| 3900 | 3685 | .bp-thank_page div.bp-thank_page-custom-logo_wrapper-success svg { |
| 3901 | 3686 | width: 70px; |
| @@ -3904,10 +3689,10 @@ | ||
| 3904 | 3689 | padding: 10px; |
| 3905 | 3690 | border-radius: 16px; |
| 3906 | 3691 | } |
| 3907 | 3692 | .bp-thank_page div.bp-thank_page-custom-logo_wrapper-success svg path { |
| 3908 | - stroke: #6B59EE; | |
| 3909 | - fill: #6B59EE; | |
| 3693 | + stroke: #6b59ee; | |
| 3694 | + fill: #6b59ee; | |
| 3910 | 3695 | } |
| 3911 | 3696 | |
| 3912 | 3697 | .bp-thank_page-logo { |
| 3913 | 3698 | display: flex; |
| @@ -3928,9 +3713,9 @@ | ||
| 3928 | 3713 | } |
| 3929 | 3714 | div.bp-thank_page-custom-logo_wrapper-success.pf-block span, |
| 3930 | 3715 | div.bp-thank_page-custom-logo_wrapper-success.pf-block i { |
| 3931 | 3716 | font-size: 42px; |
| 3932 | - color: #6B59EE; | |
| 3717 | + color: #6b59ee; | |
| 3933 | 3718 | height: auto; |
| 3934 | 3719 | width: auto; |
| 3935 | 3720 | } |
| 3936 | 3721 | |
| @@ -3947,9 +3732,9 @@ | ||
| 3947 | 3732 | } |
| 3948 | 3733 | div.bp-thank_page-custom-logo_wrapper-error.pf-block span, |
| 3949 | 3734 | div.bp-thank_page-custom-logo_wrapper-error.pf-block i { |
| 3950 | 3735 | font-size: 42px; |
| 3951 | - color: #F44336; | |
| 3736 | + color: #f44336; | |
| 3952 | 3737 | height: auto; |
| 3953 | 3738 | width: auto; |
| 3954 | 3739 | } |
| 3955 | 3740 | |
