|
|
@@ -6,8 +6,8 @@
|
|
|
*/
|
|
|
@font-face {
|
|
|
font-family: "icomoon";
|
|
|
- src: url("../fonts/icomoon.eot?ugtl4xi");
|
|
|
- src: url("../fonts/icomoon.eot?ugtl4xi#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ugtl4xi") format("truetype"), url("../fonts/icomoon.woff?ugtl4xi") format("woff"), url("../fonts/icomoon.svg?ugtl4xi#icomoon") format("svg");
|
|
|
+ src: url("../fonts/icomoon.eot?uuobvse");
|
|
|
+ src: url("../fonts/icomoon.eot?uuobvse#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?uuobvse") format("truetype"), url("../fonts/icomoon.woff?uuobvse") format("woff"), url("../fonts/icomoon.svg?uuobvse#icomoon") format("svg");
|
|
|
font-weight: normal;
|
|
|
font-style: normal;
|
|
|
font-display: swap;
|
|
|
@@ -4413,6 +4413,143 @@ textarea.form-control-lg {
|
|
|
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
|
|
|
}
|
|
|
|
|
|
+.accordion {
|
|
|
+ --bs-accordion-color: var(--bs-body-color);
|
|
|
+ --bs-accordion-bg: var(--bs-body-bg);
|
|
|
+ --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
|
|
|
+ --bs-accordion-border-color: var(--bs-border-color);
|
|
|
+ --bs-accordion-border-width: var(--bs-border-width);
|
|
|
+ --bs-accordion-border-radius: 10px;
|
|
|
+ --bs-accordion-inner-border-radius: calc(10px - (var(--bs-border-width)));
|
|
|
+ --bs-accordion-btn-padding-x: 1.25rem;
|
|
|
+ --bs-accordion-btn-padding-y: 1rem;
|
|
|
+ --bs-accordion-btn-color: var(--bs-body-color);
|
|
|
+ --bs-accordion-btn-bg: var(--bs-accordion-bg);
|
|
|
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
|
|
|
+ --bs-accordion-btn-icon-width: 1.25rem;
|
|
|
+ --bs-accordion-btn-icon-transform: rotate(-180deg);
|
|
|
+ --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
|
|
|
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2861.2, 0, 61.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
|
|
|
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(153, 0, 153, 0.25);
|
|
|
+ --bs-accordion-body-padding-x: 1.25rem;
|
|
|
+ --bs-accordion-body-padding-y: 1rem;
|
|
|
+ --bs-accordion-active-color: var(--bs-primary-text-emphasis);
|
|
|
+ --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
|
|
|
+}
|
|
|
+
|
|
|
+.accordion-button {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
|
|
|
+ font-size: 1rem;
|
|
|
+ color: var(--bs-accordion-btn-color);
|
|
|
+ text-align: left;
|
|
|
+ background-color: var(--bs-accordion-btn-bg);
|
|
|
+ border: 0;
|
|
|
+ border-radius: 0;
|
|
|
+ overflow-anchor: none;
|
|
|
+ transition: var(--bs-accordion-transition);
|
|
|
+}
|
|
|
+@media (prefers-reduced-motion: reduce) {
|
|
|
+ .accordion-button {
|
|
|
+ transition: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+.accordion-button:not(.collapsed) {
|
|
|
+ color: var(--bs-accordion-active-color);
|
|
|
+ background-color: var(--bs-accordion-active-bg);
|
|
|
+ box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
|
|
|
+}
|
|
|
+.accordion-button:not(.collapsed)::after {
|
|
|
+ background-image: var(--bs-accordion-btn-active-icon);
|
|
|
+ transform: var(--bs-accordion-btn-icon-transform);
|
|
|
+}
|
|
|
+.accordion-button::after {
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: var(--bs-accordion-btn-icon-width);
|
|
|
+ height: var(--bs-accordion-btn-icon-width);
|
|
|
+ margin-left: auto;
|
|
|
+ content: "";
|
|
|
+ background-image: var(--bs-accordion-btn-icon);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: var(--bs-accordion-btn-icon-width);
|
|
|
+ transition: var(--bs-accordion-btn-icon-transition);
|
|
|
+}
|
|
|
+@media (prefers-reduced-motion: reduce) {
|
|
|
+ .accordion-button::after {
|
|
|
+ transition: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+.accordion-button:hover {
|
|
|
+ z-index: 2;
|
|
|
+}
|
|
|
+.accordion-button:focus {
|
|
|
+ z-index: 3;
|
|
|
+ outline: 0;
|
|
|
+ box-shadow: var(--bs-accordion-btn-focus-box-shadow);
|
|
|
+}
|
|
|
+
|
|
|
+.accordion-header {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.accordion-item {
|
|
|
+ color: var(--bs-accordion-color);
|
|
|
+ background-color: var(--bs-accordion-bg);
|
|
|
+ border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
|
|
|
+}
|
|
|
+.accordion-item:first-of-type {
|
|
|
+ border-top-left-radius: var(--bs-accordion-border-radius);
|
|
|
+ border-top-right-radius: var(--bs-accordion-border-radius);
|
|
|
+}
|
|
|
+.accordion-item:first-of-type > .accordion-header .accordion-button {
|
|
|
+ border-top-left-radius: var(--bs-accordion-inner-border-radius);
|
|
|
+ border-top-right-radius: var(--bs-accordion-inner-border-radius);
|
|
|
+}
|
|
|
+.accordion-item:not(:first-of-type) {
|
|
|
+ border-top: 0;
|
|
|
+}
|
|
|
+.accordion-item:last-of-type {
|
|
|
+ border-bottom-right-radius: var(--bs-accordion-border-radius);
|
|
|
+ border-bottom-left-radius: var(--bs-accordion-border-radius);
|
|
|
+}
|
|
|
+.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
|
|
|
+ border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
|
|
|
+ border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
|
|
|
+}
|
|
|
+.accordion-item:last-of-type > .accordion-collapse {
|
|
|
+ border-bottom-right-radius: var(--bs-accordion-border-radius);
|
|
|
+ border-bottom-left-radius: var(--bs-accordion-border-radius);
|
|
|
+}
|
|
|
+
|
|
|
+.accordion-body {
|
|
|
+ padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
|
|
|
+}
|
|
|
+
|
|
|
+.accordion-flush > .accordion-item {
|
|
|
+ border-right: 0;
|
|
|
+ border-left: 0;
|
|
|
+ border-radius: 0;
|
|
|
+}
|
|
|
+.accordion-flush > .accordion-item:first-child {
|
|
|
+ border-top: 0;
|
|
|
+}
|
|
|
+.accordion-flush > .accordion-item:last-child {
|
|
|
+ border-bottom: 0;
|
|
|
+}
|
|
|
+.accordion-flush > .accordion-item > .accordion-collapse,
|
|
|
+.accordion-flush > .accordion-item > .accordion-header .accordion-button,
|
|
|
+.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
|
|
|
+ border-radius: 0;
|
|
|
+}
|
|
|
+
|
|
|
+[data-bs-theme=dark] .accordion-button::after {
|
|
|
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28193.8, 102, 193.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
|
|
|
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28193.8, 102, 193.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
|
|
|
+}
|
|
|
+
|
|
|
.alert {
|
|
|
--bs-alert-bg: transparent;
|
|
|
--bs-alert-padding-x: 1rem;
|
|
|
@@ -11171,6 +11308,35 @@ h1, .h1 {
|
|
|
padding-left: 20px;
|
|
|
}
|
|
|
|
|
|
+.ch-ggs-accordion {
|
|
|
+ --bs-accordion-btn-padding-y: .875rem;
|
|
|
+ --bs-accordion-btn-padding-x: 0;
|
|
|
+ --bs-accordion-body-padding-y: 1.25rem;
|
|
|
+ --bs-accordion-body-padding-x: 0;
|
|
|
+ --bs-accordion-btn-color: #5C005C;
|
|
|
+ --bs-accordion-active-bg: transparent;
|
|
|
+ --bs-accordion-border-width: 0;
|
|
|
+}
|
|
|
+.ch-ggs-accordion .accordion-button {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.ch-ggs-accordion .accordion-button:after {
|
|
|
+ transform: none;
|
|
|
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235C005C'%3E%3Cpath d='M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z'/%3E%3C/svg%3E");
|
|
|
+}
|
|
|
+.ch-ggs-accordion .accordion-button:not(.collapsed):after {
|
|
|
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235C005C'%3E%3Cpath d='M200-440v-80h560v80H200Z'/%3E%3C/svg%3E");
|
|
|
+}
|
|
|
+.ch-ggs-accordion .accordion-body {
|
|
|
+ padding-bottom: calc(var(--bs-accordion-body-padding-y) * 2);
|
|
|
+}
|
|
|
+.ch-ggs-accordion .accordion-body > :last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.ch-ggs-accordion .accordion-item:last-child .accordion-body {
|
|
|
+ padding-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
/*
|
|
|
* GENERAL
|
|
|
*/
|
|
|
@@ -11443,7 +11609,7 @@ ol.ch-ggs-web-suite-order-steps {
|
|
|
counter-reset: section;
|
|
|
list-style-type: none;
|
|
|
text-align: left;
|
|
|
- margin-bottom: -7.5px;
|
|
|
+ margin-bottom: calc(7.5px * -1);
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
ol.ch-ggs-web-suite-order-steps li.error,
|
|
|
@@ -12526,9 +12692,13 @@ a.ch-ggs-web-suite-cta-box {
|
|
|
top: 0;
|
|
|
margin-top: -75px;
|
|
|
}
|
|
|
- .ch-ggs-web-suite-landing-nav, .ch-ggs-web-suite-landing-nav a {
|
|
|
+ .ch-ggs-web-suite-landing-nav {
|
|
|
color: #fff;
|
|
|
}
|
|
|
+ .ch-ggs-web-suite-landing-nav .nav-link {
|
|
|
+ --bs-nav-link-hover-color: #D196D9;
|
|
|
+ --bs-nav-link-color: #fff;
|
|
|
+ }
|
|
|
.ch-ggs-web-suite-landing-nav .container {
|
|
|
position: relative;
|
|
|
z-index: 0;
|
