+my-global-icon[iconName=external-link] {
+ margin: 0 3px;
+ width: 13px;
+ vertical-align: text-bottom;
+ color: pvar(--inputPlaceholderColor);
+}
+
+.chevron-down {
+ @include chevron-down(0.55rem, 0.20em);
+
+ margin: 0 5px;
+}
+
+.chevron-up {
+ @include chevron-up(0.55rem, 0.20em);
+
+ margin: 0 5px;
+}
+
+/* offsetTop for scrollToAnchor */
+
+.anchor {
+ position: relative;
+ top: #{-($header-height + 20px)};
+}
+
+.offset-content { // if sub-menu fixed
+ .anchor {
+ top: #{-($header-height + $sub-menu-height + 20px)};
+ }
+}
+
+.form-group-description {
+ @extend .muted !optional;
+
+ font-size: 90%;
+ margin-top: 10px;
+}
+
+.callout {
+ padding: 1.25rem;
+ border: 1px solid #eee;
+ border-radius: .25rem;
+ position: relative;
+
+ > label {
+ position: relative;
+ top: -5px;
+ left: -10px;
+ color: #6c757d !important;
+ }
+
+ &:not(.callout-light) {
+ border-left-width: .25rem;
+ }
+
+ &.callout-info {
+ border-color: pvar(--mainColorLightest);
+ border-left-color: pvar(--mainColor);
+ }
+}
+
+@media screen and (max-width: #{breakpoint(xxl)}) {